@import "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap";:root{--accent:#2f7d5c;--accent-hover:#246448;--accent-soft:#edf6ef;--text:#273b31;--secondary:#586d60;--muted:#647369;--border:#e3eae4;--bg:#f5f8f5;--shadow:0 5px 22px #25463404}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font:16px/1.65 var(--font-ui);margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}button:disabled{opacity:.5;cursor:not-allowed}:is(button:focus-visible,a:focus-visible,summary:focus-visible){outline:3px solid var(--border);outline-offset:3px}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin:0}h1{letter-spacing:-1.2px;font-size:34px;font-weight:750;line-height:1.3}h2{letter-spacing:-.5px;font-size:22px;font-weight:700;line-height:1.4}h3{letter-spacing:-.3px;font-size:18px;font-weight:650;line-height:1.5}strong{font-weight:600}small{font-size:14px}input,textarea,select{border:1px solid var(--border);width:100%;min-height:43px;color:var(--text);background:#fff;border-radius:10px;outline:none;padding:10px 12px;transition:border-color .2s,box-shadow .2s}textarea{resize:vertical;line-height:1.8}select{cursor:pointer;padding-right:28px}input[type=checkbox],input[type=radio]{width:16px;height:16px;min-height:0;accent-color:var(--accent);flex-shrink:0;margin:0}.muted{color:var(--muted)}.eyebrow{color:var(--muted);letter-spacing:1.5px;margin-bottom:8px;font-size:13px;font-weight:600}.app-shell{min-height:100vh;display:flex}.sidebar{z-index:20;background:var(--surface);border-right:1px solid var(--border);flex-direction:column;width:242px;padding:28px 18px 0;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:-.8px;align-items:center;gap:11px;margin-bottom:32px;padding-left:6px;font-size:21px;font-weight:750;display:flex}.brand-mark{background:var(--accent);width:43px;height:43px;color:var(--muted);border-radius:14px;flex-shrink:0;place-items:center;display:grid;box-shadow:0 4px 12px #00000038}.brand small{color:var(--muted);letter-spacing:1.6px;margin-top:3px;font-size:13px;font-weight:500;display:block}.workspace-switch{border:1px solid var(--border);background:var(--surface);border-radius:12px;align-items:center;gap:10px;margin-bottom:27px;padding:12px 10px;display:flex}.workspace-dot{background:var(--surface-raised);width:32px;height:32px;color:var(--accent);border-radius:10px;flex-shrink:0;place-items:center;font-weight:700;display:grid}.workspace-switch strong{font-size:14px;display:block}.workspace-switch span{color:var(--muted);margin-top:1px;font-size:13px;display:block}.workspace-switch>svg{color:var(--muted);margin-left:auto}.nav-label{color:var(--muted);letter-spacing:1.25px;margin-bottom:13px;padding-left:13px;font-size:13px;font-weight:600}.nav-item{width:100%;color:var(--muted);text-align:left;background:0 0;border-radius:11px;align-items:center;gap:12px;margin-bottom:7px;padding:13px;font-size:16px;font-weight:500;display:flex}.nav-item.active{color:var(--accent);background:var(--surface-raised);font-weight:600}.nav-item:hover:not(.active){background:var(--surface-raised)}.nav-item>b{color:var(--accent);background:var(--surface-raised);border-radius:6px;margin-left:auto;padding:1px 7px;font-size:13px}.alert-dot{background:var(--accent-soft);border-radius:50%;width:6px;height:6px;margin-left:auto}.sidebar-note{border:1px solid var(--border);background:linear-gradient(130deg, var(--surface-raised), var(--surface));border-radius:14px;margin:35px 3px 22px;padding:18px 15px}.mini-icon{background:var(--surface);width:32px;height:32px;color:var(--muted);border-radius:10px;place-items:center;margin-bottom:10px;display:grid}.sidebar-note>strong{font-size:16px;display:block}.sidebar-note p{color:var(--muted);margin:5px 0 12px;font-size:14px}.sidebar-note button{color:var(--accent);background:0 0;align-items:center;gap:12px;margin-top:7px;padding:0;font-size:15px;display:flex}.sidebar-footer{border-top:1px solid var(--border);align-items:center;gap:10px;margin-top:auto;padding:19px 3px;display:flex}.sidebar-footer strong{font-size:15px;display:block}.sidebar-footer span:not(.avatar){color:var(--muted);font-size:13px;display:block}.sidebar-footer .icon-btn{margin-left:auto}.avatar{vertical-align:middle;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;line-height:1;display:inline-flex}.app-shell>main{width:calc(100% - 242px);margin-left:242px}.topbar{z-index:15;background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:72px;padding:0 36px;display:flex;position:sticky;top:0}.breadcrumb{color:var(--muted);align-items:center;gap:10px;font-size:15px;display:flex}.breadcrumb strong{color:var(--secondary);font-weight:500}.topbar-actions{align-items:center;gap:14px;display:flex}.sync{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:flex}.sync i{background:var(--accent);border-radius:50%;width:5px;height:5px}.icon-btn{width:33px;height:33px;color:var(--muted);background:0 0;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{color:var(--accent);background:var(--surface-raised)}.notification-button{position:relative}.notification-button>i{border:1px solid var(--border);background:var(--accent-soft);border-radius:50%;width:6px;height:6px;position:absolute;top:5px;right:6px}.page-content{max-width:1600px;margin:0 auto;padding:35px 36px 0}.page-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;display:flex}.page-heading p{max-width:700px;color:var(--muted);margin-top:10px;font-size:16px}.primary,.secondary{white-space:nowrap;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 16px;font-size:15px;font-weight:600;line-height:1.6;display:inline-flex}.primary{color:var(--muted);background:var(--accent);box-shadow:0 4px 10px #00000038}.secondary{color:var(--secondary);background:var(--surface);border:1px solid var(--border)}.secondary:hover:not(:disabled){background:var(--surface);border-color:var(--border)}.primary.compact{min-height:36px;padding:8px 13px;font-size:14px}.hero{border:1px solid var(--border);background:linear-gradient(115deg, var(--surface-raised) 0%, var(--surface-raised) 60%, var(--surface-raised) 100%);border-radius:20px;justify-content:space-between;align-items:center;min-height:235px;margin-bottom:23px;padding:28px 32px;display:flex;position:relative;overflow:hidden}.hero-content{z-index:1;position:relative}.hero-tag{color:var(--muted);letter-spacing:1.25px;align-items:center;gap:7px;margin-bottom:13px;font-size:13px;font-weight:600;display:flex}.hero h2{color:var(--text);letter-spacing:-.9px;font-size:30px;font-weight:650;line-height:1.35}.hero h2>span{color:var(--muted);font-weight:500}.hero-summary{align-items:center;gap:10px;margin-top:16px;display:flex}.hero-summary>button{border:1px solid var(--border);color:var(--muted);background:var(--surface);border-radius:9px;align-items:center;gap:6px;padding:6px 10px;font-size:14px;display:flex}.hero-summary strong{color:var(--text);font-size:16px}.hero-summary button:hover{background:var(--surface)}.hero-cta{color:var(--text);background:0 0;align-items:center;gap:17px;margin-top:17px;padding:0;font-size:15px;font-weight:600;display:flex}.hero-art{flex-shrink:0;width:350px;height:200px;margin-right:20px;position:relative}.art-orbit{border:1px solid var(--border);border-radius:50%;width:203px;height:203px;position:absolute;top:0;right:56px;box-shadow:0 0 0 27px #00000038,0 0 0 57px #00000038}.art-check{border:2px solid var(--border);width:112px;height:112px;color:var(--muted);background:linear-gradient(135deg, var(--surface), var(--surface-raised));border-radius:32px;place-items:center;display:grid;position:absolute;top:19px;right:100px;transform:rotate(-10deg);box-shadow:7px 15px 30px #00000038}.art-card{border:1px solid var(--border);width:216px;height:49px;color:var(--muted);background:var(--surface);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:13px;align-items:center;gap:11px;padding:10px 13px;display:flex;position:absolute;top:103px;left:5px;transform:rotate(-5deg);box-shadow:0 8px 22px #00000038}.art-card.second{top:150px;left:117px;transform:rotate(5deg)}.art-card>span{width:29px;height:29px;color:var(--muted);background:var(--surface-raised);border-radius:9px;place-items:center;display:grid}.art-card>b{font-size:14px;font-weight:500}.art-card>svg{color:var(--muted);margin-left:auto}.art-dot{border:1px solid var(--border);background:linear-gradient(140deg, var(--accent-soft), var(--surface));border-radius:50%;position:absolute}.d1{width:18px;height:18px;top:23px;left:40px}.d2{width:12px;height:12px;top:58px;right:24px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:30px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);text-align:left;border-radius:15px;padding:19px 20px 16px}.stat-card:hover{border-color:var(--border);transform:translateY(-2px);box-shadow:0 8px 24px #00000038}.stat-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.stat-top>span:first-child{color:var(--secondary);font-size:14px;font-weight:500}.stat-icon{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:37px;height:37px;display:inline-flex}.green,.red{color:var(--text);background:var(--surface-raised)}.blue,.orange,.purple{color:var(--muted);background:var(--surface-raised)}.stat-card>strong{color:var(--text);letter-spacing:-1.1px;margin:6px 0 9px;font-size:35px;font-weight:650;line-height:1.4;display:block}.stat-bottom{color:var(--muted);justify-content:space-between;align-items:center;font-size:13px;display:flex}.task-section{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:17px;overflow:hidden}.section-heading{justify-content:space-between;align-items:center;gap:15px;display:flex}.section-heading h2{align-items:center;gap:10px;display:flex}.section-heading h2>svg{color:var(--muted)}.section-heading p{color:var(--muted);margin-top:6px;font-size:15px}.task-section>.section-heading{padding:25px 25px 19px}.count{color:var(--muted);background:var(--surface-raised);letter-spacing:0;border-radius:7px;padding:2px 7px;font-size:14px;font-weight:500}.view-switch{background:var(--surface-raised);border-radius:10px;gap:3px;padding:4px;display:flex}.view-switch button{color:var(--muted);background:0 0;border-radius:7px;align-items:center;gap:6px;padding:7px 10px;font-size:14px;display:flex}.view-switch button.active{color:var(--text);background:var(--surface);box-shadow:0 2px 7px #00000038}.scope-tabs{border-bottom:1px solid var(--border);gap:25px;padding:0 25px;display:flex;overflow-x:auto}.scope-tabs button{color:var(--muted);white-space:nowrap;background:0 0;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:12px 1px;font-size:15px;display:flex}.scope-tabs button.active{color:var(--accent);border-bottom-color:#64748b;font-weight:600}.filters{align-items:center;gap:10px;padding:19px 25px;display:flex}.filters>select{width:auto;max-width:165px;min-height:37px;color:var(--muted);background:var(--surface);padding:7px 25px 7px 11px;font-size:14px}.search-input{border:1px solid var(--border);min-width:140px;max-width:445px;min-height:37px;color:var(--muted);background:var(--surface);border-radius:9px;flex:1;align-items:center;gap:8px;padding:0 11px;display:flex}.search-input:focus-within{border-color:var(--border)}.search-input input{min-height:35px;color:var(--text);background:0 0;border:0;padding:6px 0;font-size:15px;box-shadow:none!important}.table-scroll{overflow-x:auto}.task-table{border-collapse:collapse;text-align:left;width:100%;min-width:930px}.task-table th{color:var(--muted);background:var(--surface);white-space:nowrap;padding:12px 15px;font-size:14px;font-weight:500}.task-table th:first-child{padding-left:25px}.task-table td{border-top:1px solid var(--border);padding:19px 15px;font-size:15px}.task-table td:first-child{padding-left:25px}.task-table tr:hover td{background:var(--surface)}.task-title-button{max-width:400px;color:var(--text);text-align:left;background:0 0;align-items:center;gap:12px;padding:0;display:flex}.task-title-button strong{min-width:215px;max-width:360px;font-size:18px;font-weight:600;line-height:1.65;display:block}.task-title-button small{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin-top:5px;font-size:13px;line-height:1.5;display:flex}.task-pos{border-left:1px solid var(--border);align-items:center;gap:4px;padding-left:6px;display:inline-flex}.task-symbol{width:34px;height:34px;color:var(--muted);background:var(--surface-raised);border-radius:11px;flex-shrink:0;place-items:center;display:grid}.task-symbol.complete{color:var(--muted);background:var(--surface-raised)}.priority-dot{border-radius:50%;flex-shrink:0;width:5px;height:5px}.priority-dot.high,.priority-dot.medium,.priority-dot.low{background:var(--accent-soft)}.person-cell{color:var(--text);white-space:nowrap;align-items:center;gap:8px;font-size:15px;display:flex}.badge{color:var(--muted);background:var(--surface-raised);white-space:nowrap;border-radius:8px;align-items:center;gap:5px;padding:5px 8px;font-size:13px;font-weight:500;line-height:1.5;display:inline-flex}.badge>svg{flex-shrink:0}.status-doing,.status-waiting,.status-review{color:var(--muted);background:var(--surface-raised)}.due{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;font-size:14px;display:flex}.due.late{color:var(--muted)}.late-label{color:var(--muted);margin-top:4px;font-size:13px;display:inline-block}.mini-progress{width:65px;color:var(--muted);font-size:13px}.mini-progress>span{margin-bottom:6px;display:block}.mini-progress>div{background:var(--surface-raised);border-radius:5px;height:4px;overflow:hidden}.mini-progress i{background:var(--accent-soft);border-radius:5px;height:4px;display:block}.bottom-grid{grid-template-columns:1.5fr 1fr;gap:22px;margin-top:24px;display:grid}.panel{border:1px solid var(--border);background:var(--surface);border-radius:16px;padding:23px 25px}.panel .section-heading{margin-bottom:17px}.panel .section-heading>svg{color:var(--muted)}.panel h2{font-size:20px}.activity-row{border-bottom:1px solid var(--border);align-items:flex-start;gap:10px;padding:10px 0;display:flex}.activity-row:last-child{border-bottom:0}.timeline-dot{background:var(--accent-soft);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:7px}.activity-row strong{color:var(--text);font-size:14px}.activity-row p{color:var(--muted);white-space:pre-wrap;font-size:14px}.activity-row time{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:13px}.email-callout{border:1px solid var(--border);background:linear-gradient(135deg, var(--surface-raised), var(--surface));border-radius:16px;align-items:flex-start;gap:17px;padding:28px;display:flex}.email-callout>.stat-icon{background:var(--surface);border-radius:15px;width:48px;height:48px}.email-callout h3{color:var(--text);font-size:21px}.callout-flow{color:var(--muted);align-items:center;gap:10px;margin-top:13px;font-size:13px;display:flex}.callout-flow>span{align-items:center;gap:5px;display:flex}.email-callout button{color:var(--accent);background:0 0;align-items:center;gap:13px;margin-top:19px;padding:0;font-size:15px;font-weight:600;display:flex}.page-footer{color:var(--muted);justify-content:space-between;align-items:center;padding:26px 0 22px;font-size:13px;display:flex}.page-footer>span:first-child{color:var(--muted)}.page-footer>span>span{padding:0 6px}.board{background:var(--surface);grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;padding:21px 24px 24px;display:grid}.board-column>h3{color:var(--muted);align-items:center;gap:7px;margin-bottom:16px;font-size:15px;font-weight:600;display:flex}.board-column>h3>i{border-radius:50%;width:5px;height:5px}.board-column>h3>span{color:var(--muted);margin-left:auto;font-size:14px;font-weight:500}.board-card{border:1px solid var(--border);background:var(--surface);text-align:left;border-radius:13px;width:100%;margin-bottom:13px;padding:17px 15px}.board-card:hover{border-color:var(--border);box-shadow:0 5px 15px #00000038}.card-group{color:var(--muted);font-size:13px;font-weight:500}.board-card h4{color:var(--text);margin:8px 0;font-size:18px;font-weight:600;line-height:1.7}.card-location{color:var(--muted);align-items:center;gap:4px;margin-bottom:13px;font-size:13px;display:flex}.board-card-bottom{border-top:1px solid var(--border);color:var(--muted);align-items:center;gap:7px;margin-top:15px;padding-top:12px;font-size:13px;display:flex}.board-card-bottom>span:last-child{align-items:center;gap:4px;margin-left:auto;display:flex}.empty{color:var(--muted);text-align:center;flex-direction:column;align-items:center;gap:13px;padding:65px 22px;display:flex}.empty h3{color:var(--muted);font-size:20px}.empty p{max-width:460px;color:var(--muted);margin-bottom:10px;font-size:15px;line-height:1.9}.template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;display:grid}.template-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:17px;flex-direction:column;padding:25px;display:flex}.template-top{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.template-icon{border-radius:17px;place-items:center;width:55px;height:55px;display:grid}.tint-0,.tint-1,.tint-2,.tint-3{color:var(--muted);background:var(--surface-raised)}.template-card h3{min-height:57px;color:var(--text);margin:8px 0 12px;font-size:20px;line-height:1.5}.compact-description{color:var(--secondary);margin:5px 0;font-size:15px}.compact-description summary{cursor:pointer;color:var(--muted);align-items:center;gap:6px;font-size:14px;list-style:none;display:flex}.compact-description summary::-webkit-details-marker{display:none}.compact-description summary>svg:last-child{margin-left:auto;transition:transform .2s}.compact-description[open] summary>svg:last-child{transform:rotate(180deg)}.compact-description p{color:var(--muted);white-space:pre-wrap;padding-top:12px;font-size:15px;line-height:1.9}.template-meta{color:var(--muted);align-items:center;gap:16px;margin:18px 0;font-size:14px;display:flex}.template-meta span{align-items:center;gap:5px;display:flex}.template-owner{color:var(--muted);background:var(--surface-raised);border-radius:9px;align-items:center;gap:8px;margin-top:auto;padding:11px;font-size:14px;display:flex}.template-owner>span{align-items:center;gap:5px;display:flex}.template-owner strong{font-weight:500}.template-actions{justify-content:space-between;align-items:center;gap:10px;margin-top:18px;display:flex}.template-actions .secondary{flex:1;justify-content:space-between;font-size:15px}.danger{color:var(--muted)!important}.danger:hover{background:var(--surface-raised)}.info-banner{border:1px solid var(--border);background:var(--surface-raised);color:var(--muted);border-radius:12px;align-items:flex-start;gap:10px;margin-bottom:22px;padding:14px 17px;font-size:15px;line-height:1.8;display:flex}.info-banner>svg{flex-shrink:0;margin-top:1px}.info-banner span{overflow-wrap:anywhere}.people-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;display:grid}.person-card{border:1px solid var(--border);background:var(--surface);border-radius:17px;padding:25px}.person-card-top{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.person-card h3{color:var(--text);font-size:21px}.person-card h3 .badge{margin-left:7px;font-size:13px}.person-card>p{color:var(--muted);margin:5px 0 18px;font-size:15px}.person-mail{color:var(--muted);overflow-wrap:anywhere;align-items:center;gap:7px;font-size:15px;display:flex}.person-mail>span{color:var(--muted)}.person-stats{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr;gap:10px;margin:22px 0 17px;padding:17px 0;display:grid}.person-stats>div>strong{color:var(--text);font-size:30px;font-weight:550;line-height:1.4;display:block}.person-stats>div>span{color:var(--muted);align-items:center;gap:5px;margin-top:3px;font-size:13px;display:flex}.text-btn{color:var(--muted);background:0 0;align-items:center;gap:10px;padding:0;font-size:15px;display:inline-flex}.connection-banner{border:1px solid var(--border);background:var(--surface-raised);border-radius:16px;align-items:center;gap:16px;margin-bottom:25px;padding:23px;display:flex}.connection-banner h3{color:var(--text);font-size:19px}.connection-banner p{color:var(--muted);margin-top:6px;font-size:15px}.connection-banner.connected{border-color:var(--border);background:var(--surface-raised)}.pill{border:1px solid var(--border);color:var(--muted);background:var(--surface);white-space:nowrap;border-radius:8px;margin-left:auto;padding:6px 10px;font-size:13px}.email-list{padding:0;overflow:hidden}.email-row{border-bottom:1px solid var(--border);background:var(--surface);text-align:left;align-items:center;gap:16px;width:100%;padding:24px;display:flex}.email-row:last-child{border-bottom:0}.email-row:hover{background:var(--surface)}.email-row-icon{width:42px;height:42px;color:var(--muted);background:var(--surface-raised);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.email-row>div{flex:1;min-width:0}.email-row strong{max-width:100%;color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:600;display:block;overflow:hidden}.email-row p{color:var(--muted);word-break:break-word;margin-top:6px;font-size:14px}.email-row>svg{color:var(--muted)}.delivery{color:var(--muted);background:var(--surface-raised);white-space:nowrap;border-radius:7px;padding:5px 8px;font-size:13px}.delivery.sent,.delivery.failed,.delivery.skipped{color:var(--muted);background:var(--surface-raised)}.settings-layout{grid-template-columns:minmax(0,1.6fr) minmax(270px,1fr);align-items:start;gap:25px;display:grid}.settings-main{flex-direction:column;gap:23px;display:flex}.settings-card{border:1px solid var(--border);background:var(--surface);border-radius:16px;padding:25px}.settings-heading{align-items:center;gap:12px;margin-bottom:25px;display:flex}.settings-heading p{color:var(--muted);margin-top:3px;font-size:15px}.field{margin-bottom:20px}.field>label{color:var(--text);align-items:center;gap:6px;margin-bottom:8px;font-size:15px;font-weight:500;display:flex}.field>label>b{color:var(--muted)}.field>small{color:var(--muted);margin-top:8px;font-size:14px;line-height:1.9;display:block}.field input,.field textarea,.field select{font-size:16px}.form-grid{grid-template-columns:1fr 1fr;gap:0 19px;display:grid}.form-grid .field{min-width:0}.toggle-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;margin:5px 0 22px;padding-top:19px;display:flex}.toggle-row strong{color:var(--text);font-size:16px;font-weight:500}.toggle-row p{color:var(--muted);margin-top:4px;font-size:14px}.toggle{background:var(--surface-raised);border-radius:50px;flex-shrink:0;align-items:center;width:43px;height:25px;padding:3px;display:flex}.toggle>span{background:var(--surface);border-radius:50%;width:19px;height:19px;transition:transform .2s;box-shadow:0 1px 3px #00000038}.toggle.on{background:var(--accent)}.toggle.on>span{transform:translate(18px)}.radio-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;display:grid}.radio-card{border:1px solid var(--border);cursor:pointer;background:var(--surface);border-radius:13px;flex-direction:column;align-items:flex-start;gap:13px;min-height:130px;padding:17px 13px;display:flex;position:relative}.radio-card input{cursor:pointer;opacity:0;width:100%;height:100%;position:absolute;inset:0}.radio-card:has(input:focus-visible){outline:3px solid var(--border);outline-offset:3px}.mode-icon{width:39px;height:39px;color:var(--muted);background:var(--surface-raised);border-radius:11px;place-items:center;display:grid}.radio-card strong{color:var(--muted);font-size:15px;font-weight:600;line-height:1.6;display:block}.radio-card small{color:var(--muted);margin-top:4px;font-size:13px;display:block}.radio-card>svg{color:var(--muted);width:16px;height:16px;position:absolute;top:12px;right:10px}.radio-card.selected{border-color:var(--border);background:var(--surface-raised)}.radio-card.selected .mode-icon{color:var(--muted);background:var(--surface-raised)}.disabled-area{opacity:.5}.checkbox-chips{flex-wrap:wrap;gap:9px;display:flex}.checkbox-chips label{border:1px solid var(--border);color:var(--muted);cursor:pointer;border-radius:9px;align-items:center;gap:6px;padding:8px 10px;font-size:14px;display:flex}.checkbox-chips label:has(input:checked){color:var(--text);background:var(--surface-raised);border-color:var(--border)}.checkbox-chips input{width:14px;height:14px}.recipient-field{margin-top:25px}.recipient-field .compact-description{margin-top:12px}.radio-cards+.checkbox-chips{margin-top:17px}.variable-list{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.variable-list code{border:1px solid var(--border);color:var(--muted);background:var(--surface-raised);border-radius:5px;padding:4px 6px;font-size:14px}.settings-aside{position:sticky;top:94px}.mail-preview{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:16px;overflow:hidden}.preview-header{border-bottom:1px solid var(--border);color:var(--muted);background:var(--surface);align-items:center;gap:8px;padding:16px 18px;font-size:16px;display:flex}.preview-header>span{color:var(--muted);background:var(--surface-raised);letter-spacing:1px;border-radius:5px;margin-left:auto;padding:3px 7px;font-size:13px}.preview-body{padding:23px 20px}.preview-body>small{color:var(--muted);letter-spacing:.8px;font-size:13px}.preview-body h3{color:var(--muted);overflow-wrap:anywhere;margin:13px 0 18px;font-size:19px;line-height:1.7}.preview-body hr{border:0;border-top:1px solid var(--border);margin:18px 0}.preview-body pre{color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-family:inherit;font-size:15px;line-height:2}.connection-card{border:1px solid var(--border);background:var(--surface);border-radius:13px;margin:20px 0;padding:21px}.connection-indicator{color:var(--muted);align-items:center;gap:6px;font-size:15px;font-weight:500;display:flex}.connection-indicator i{background:var(--accent-soft);border-radius:50%;width:6px;height:6px}.connection-indicator.ready{color:var(--muted)}.connection-indicator.ready i{background:var(--accent-soft)}.connection-card p{color:var(--muted);margin-top:9px;font-size:14px;line-height:1.9}.connection-card details{border-top:1px solid var(--border);margin-top:15px;padding-top:14px}.connection-card summary{color:var(--muted);cursor:pointer;justify-content:space-between;align-items:center;font-size:14px;list-style:none;display:flex}.settings-aside>.info-banner{font-size:14px}.settings-save-bar{z-index:9;border:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:14px;justify-content:space-between;align-items:center;margin-top:27px;padding:16px 22px;display:flex;position:sticky;bottom:13px;box-shadow:0 5px 20px #00000038}.settings-save-bar>span{color:var(--muted);font-size:14px}.unsaved-dot{background:var(--surface);border-radius:50%;width:5px;height:5px}.dialog{border:1px solid var(--border);width:min(730px,100vw - 30px);max-height:90vh;color:var(--text);background:var(--surface);border-radius:20px;padding:0;overflow:auto;box-shadow:0 30px 100px #00000038}.dialog::backdrop{background:var(--accent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog.drawer{border:0;border-left:1px solid var(--border);border-radius:0;width:590px;height:100dvh;max-height:100dvh;margin:0;position:fixed;inset:0 0 0 auto;box-shadow:-12px 0 60px #00000038}.modal-header{z-index:5;border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;gap:15px;min-height:95px;padding:22px 27px;display:flex;position:sticky;top:0}.modal-header .eyebrow{color:var(--muted);margin-bottom:5px;font-size:13px}.modal-header h2{color:var(--text);font-size:23px}.modal-body{padding:25px 27px}.modal-footer{z-index:5;border-top:1px solid var(--border);background:var(--surface);justify-content:flex-end;gap:9px;padding:18px 27px;display:flex;position:sticky;bottom:0}.modal-feedback{z-index:5;border-bottom:1px solid var(--border);color:var(--muted);background:var(--surface-raised);align-items:flex-start;gap:8px;padding:12px 25px;font-size:15px;line-height:1.8;display:flex;position:sticky;top:95px}.modal-feedback>svg{flex-shrink:0;margin-top:2px}.checkbox-line{color:var(--muted);align-items:center;gap:7px;margin:7px 0 21px;font-size:15px;line-height:1.8;display:flex}.form-grid .checkbox-line{margin-top:24px}.steps-form{border-top:1px solid var(--border);margin-top:13px;padding-top:23px}.steps-form>.section-heading{margin-bottom:19px}.steps-form h3{font-size:20px}.steps-form .muted{font-size:14px}.editable-step{border:1px solid var(--border);background:var(--surface);border-radius:13px;align-items:flex-start;gap:9px;margin-bottom:13px;padding:13px;display:flex}.step-number{width:23px;height:30px;color:var(--muted);flex-shrink:0;place-items:center;font-size:14px;display:grid}.editable-step-content{flex:1;min-width:0}.editable-step-content>input{min-height:37px;color:var(--muted);border-color:var(--border);padding:8px 10px;font-size:16px}.step-options{flex-wrap:wrap;align-items:center;gap:11px;margin-top:11px;display:flex}.step-options select{border-color:var(--border);width:152px;min-height:31px;color:var(--muted);padding:5px 22px 5px 9px;font-size:14px}.step-options label{color:var(--muted);align-items:center;gap:5px;font-size:13px;display:flex}.step-options input{width:13px;height:13px}.steps-form>.secondary{margin:4px 0 10px;font-size:15px}.drawer-body{padding:27px 30px 40px}.detail-group{color:var(--muted);align-items:center;gap:12px;margin-bottom:14px;font-size:14px;display:flex}.priority{border-radius:6px;padding:4px 7px;font-size:13px}.priority.high{color:var(--muted);background:var(--surface-raised)}.detail-title{color:var(--text);letter-spacing:-.8px;font-size:28px;font-weight:650;line-height:1.5}.detail-actions{gap:8px;margin:19px 0 21px;display:flex}.detail-actions .secondary{min-height:35px;padding:8px 11px;font-size:14px}.task-description{margin-bottom:6px;padding:0 1px 17px}.task-description summary{font-size:15px}.detail-description{color:var(--muted);white-space:pre-wrap;font-size:16px;line-height:1.9}.detail-metadata{border:1px solid var(--border);background:var(--surface);border-radius:14px;grid-template-columns:1fr 1fr;gap:21px 18px;margin-bottom:25px;padding:20px;display:grid}.detail-metadata>div>label{color:var(--muted);align-items:center;gap:5px;margin-bottom:8px;font-size:13px;display:flex}.detail-metadata>div>span{color:var(--muted);white-space:normal;align-items:center;gap:7px;font-size:16px;display:flex}.inline-field{gap:7px;display:flex}.inline-field input{min-width:0}.inline-field .secondary{padding:8px 11px;font-size:14px}.detail-checklist{margin:30px 0}.detail-checklist .muted{color:var(--muted);font-size:15px}.progress-track{background:var(--surface-raised);border-radius:6px;height:5px;margin:14px 0 21px;overflow:hidden}.progress-track i{background:var(--accent-soft);border-radius:6px;height:100%;display:block}.checklist-step{border:1px solid var(--border);background:var(--surface);border-radius:12px;margin-bottom:11px;overflow:hidden}.step-line{width:100%;color:var(--muted);text-align:left;background:0 0;align-items:center;gap:11px;padding:15px 13px;display:flex}.step-line>span:nth-child(2){flex:1}.step-line strong{color:var(--text);font-size:16px;font-weight:550;line-height:1.7;display:block}.step-line small{color:var(--muted);margin-top:7px;font-size:13px}.step-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.step-meta>span{align-items:center;gap:4px;display:inline-flex}.step-line>svg{color:var(--muted);flex-shrink:0;transition:transform .2s}.rotate{transform:rotate(180deg)}.step-result{border:1px solid var(--border);width:28px;height:28px;color:var(--muted);background:var(--surface);border-radius:9px;flex-shrink:0;place-items:center;font-size:14px;display:grid}.result-pass .step-result,.result-fail .step-result{color:var(--muted);background:var(--surface-raised);border-color:var(--border)}.result-na .step-result{color:var(--muted);background:var(--surface-raised)}.step-editor{border-top:1px solid var(--border);background:var(--surface);padding:17px}.review-box{border:1px solid var(--border);color:var(--muted);background:var(--surface-raised);border-radius:13px;align-items:flex-start;gap:12px;margin:27px 0;padding:19px;display:flex}.review-box>svg{flex-shrink:0;margin-top:2px}.review-box strong{color:var(--muted);font-size:16px}.review-box p{color:var(--muted);margin-top:7px;font-size:14px}.review-box .secondary{color:var(--muted);border-color:var(--border);margin-top:14px;font-size:14px}.detail-history{margin:29px 0}.detail-history>h3{align-items:center;gap:8px;margin-bottom:20px;font-size:21px;display:flex}.detail-history form>textarea{border-color:var(--border);color:var(--muted);font-size:15px}.detail-history form>textarea::placeholder{color:var(--muted);font-size:15px}.detail-history form>.secondary{margin:10px 0 24px auto;font-size:14px;display:flex}.history-item{border-bottom:1px solid var(--border);padding:14px 0}.history-item>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.history-item strong{color:var(--muted);font-size:15px;font-weight:500}.history-item time{color:var(--muted);font-size:13px}.history-item p{color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere;margin-top:7px;font-size:15px;line-height:1.9}.color-picker{gap:10px;display:flex}.color-picker button{color:#fff;border:3px solid #fff;border-radius:50%;outline:1px solid #0000;place-items:center;width:34px;height:34px;display:grid}.color-picker button.selected{outline-color:var(--border)}.readonly{border:1px solid var(--border);color:var(--muted);background:var(--surface);overflow-wrap:anywhere;border-radius:10px;padding:13px;font-size:16px}.mail-body{border:1px solid var(--border);color:var(--muted);background:var(--surface);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:12px;padding:22px;font-family:inherit;font-size:16px;line-height:2}.toast{z-index:200;border:1px solid var(--border);max-width:calc(100vw - 35px);color:var(--muted);background:var(--surface);border-radius:13px;align-items:center;gap:10px;padding:15px 17px;font-size:15px;display:flex;position:fixed;bottom:24px;left:calc(50% + 85px);transform:translate(-50%);box-shadow:0 10px 40px #00000038}.toast>svg{color:var(--muted);flex-shrink:0}.toast>button{color:var(--muted);background:0 0;margin-left:8px;padding:0;display:flex}.saving{z-index:200;border:1px solid var(--border);color:var(--muted);background:var(--surface);border-radius:10px;align-items:center;gap:7px;padding:10px 14px;font-size:14px;display:flex;position:fixed;top:83px;right:24px;box-shadow:0 3px 12px #00000038}.loading-screen{height:100vh;color:var(--muted);background:var(--surface);flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex}.loading-screen h2{color:var(--text);font-size:29px}.loading-screen p{max-width:500px;color:var(--muted);text-align:center;font-size:16px}.loading-screen .brand-mark{border-radius:21px;width:60px;height:60px}.loading-screen a{font-size:15px;text-decoration:underline}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.field>label,.step-line strong,.detail-metadata>div>span,.preview-body pre,.detail-description,.readonly,.mail-body,.history-item p,.compact-description summary,.compact-description p,.template-meta,.template-owner,.person-mail,.person-stats>div>span,.connection-card p,.connection-card summary,.field>small,.checkbox-chips label,.checkbox-line,.step-options label,.step-options select,.step-line small,.detail-metadata>div>label,.history-item time,.email-row p,.info-banner,.radio-card strong,.toggle-row strong,.preview-body h3,.radio-card small,.toggle-row p,.connection-banner p,.connection-indicator,.settings-save-bar>span,.preview-body>small,.detail-checklist .muted,.card-location,.activity-row p,.activity-row time,.board-card-bottom,.stat-bottom,.task-title-button small,.person-card>p{color:var(--text)}.hero-summary,.callout-flow{color:var(--muted)}.template-icon,.art-check,.art-card,.hero-art,.stat-icon{--decorative:true}@media (min-width:1600px){.page-content{padding-top:40px}h1{font-size:38px}.hero-art{margin-right:65px}.hero{min-height:250px}.task-table td{padding-top:22px;padding-bottom:22px}.task-title-button strong{font-size:18px}.stat-card>strong{font-size:38px}}@media (max-width:1280px){.sidebar{width:222px;padding-left:14px;padding-right:14px}.app-shell>main{width:calc(100% - 222px);margin-left:222px}.page-content{padding:29px 25px 0}.topbar{padding:0 25px}.stats-grid{gap:12px}.stat-card{padding:17px 15px}.stat-top{align-items:flex-start}.stat-top>span:first-child{font-size:13px}.hero-art{width:285px;margin-right:0}.art-card.second{left:80px}.art-orbit{right:40px}.art-check{right:75px}.filters{flex-wrap:wrap}.template-grid,.people-grid,.board{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-layout{grid-template-columns:1fr}.settings-aside{grid-template-columns:1.3fr 1fr;gap:20px;display:grid;position:static}.settings-aside .connection-card{margin:0}.settings-aside>.info-banner{grid-column:1/-1}.hero h2{font-size:28px}.stat-bottom{font-size:13px}}@media (max-width:990px){.sidebar{align-items:center;width:79px;padding:23px 8px 0}.brand{margin-bottom:35px;padding:0}.brand>div:not(.brand-mark),.workspace-switch,.nav-label,.sidebar-note,.sidebar-footer>div,.sidebar-footer>.icon-btn{display:none}.sidebar nav{width:100%}.nav-item{justify-content:center;padding:14px;position:relative}.nav-item span,.nav-item b{display:none}.nav-item .alert-dot{position:absolute;top:8px;right:10px}.sidebar-footer{justify-content:center;width:100%;padding:20px 0}.app-shell>main{width:calc(100% - 79px);margin-left:79px}h1{font-size:31px}.hero-art{width:260px}.hero-summary{gap:7px}.hero-summary>button{font-size:13px}.bottom-grid{grid-template-columns:1fr}.email-callout{padding:23px}.toast{left:calc(50% + 30px)}}@media (max-width:700px){.sidebar{width:60px;padding-left:5px;padding-right:5px}.brand-mark{border-radius:12px;width:36px;height:36px}.nav-item{padding:13px 0}.nav-item>svg{width:19px}.app-shell>main{width:calc(100% - 60px);margin-left:60px}.topbar{height:59px;padding:0 15px}.topbar-actions{gap:6px}.sync{display:none}.breadcrumb{gap:5px;font-size:13px}.page-content{padding:25px 15px 0}.page-heading{margin-bottom:23px;display:block}h1{letter-spacing:-.8px;font-size:28px}.page-heading p{margin-top:8px;font-size:14px}.page-heading>.primary,.page-heading>.secondary{margin-top:17px;font-size:14px}.eyebrow{font-size:13px}.hero{border-radius:17px;min-height:225px;padding:23px}.hero-art{display:none}.hero h2{font-size:26px}.hero-tag{font-size:13px}.hero-summary{gap:7px}.hero-summary>button{gap:5px;padding:6px 8px;font-size:13px}.hero-summary>button>svg{width:14px}.hero-summary strong{font-size:15px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-bottom:23px}.stat-card{border-radius:13px;padding:16px 13px}.stat-top>span:first-child{font-size:13px}.stat-icon{border-radius:9px;width:30px;height:30px}.stat-icon svg{width:17px;height:17px}.stat-card>strong{font-size:33px}.stat-bottom{font-size:13px}.stat-bottom>svg{display:none}.task-section>.section-heading{align-items:center;padding:20px 15px 14px}.section-heading h2{font-size:20px}.view-switch button{gap:0;padding:8px;font-size:0}.scope-tabs{gap:17px;padding:0 15px}.scope-tabs button{gap:5px;font-size:14px}.scope-tabs button>svg{width:14px;height:14px}.filters{gap:8px;padding:15px}.search-input{flex-basis:100%;max-width:none}.filters>select{flex:1;min-width:85px;max-width:130px;font-size:13px}.task-table{min-width:850px}.task-table th:first-child,.task-table td:first-child{padding-left:15px}.task-title-button strong{font-size:16px}.task-title-button small{font-size:13px}.task-table td{padding-top:18px;padding-bottom:18px}.bottom-grid{gap:17px}.panel{padding:20px}.activity-row time{font-size:13px}.email-callout{gap:13px;padding:23px}.email-callout h3{font-size:20px}.callout-flow{gap:7px;font-size:13px}.page-footer{font-size:13px;display:block}.page-footer>span{margin-bottom:4px;display:block}.template-grid,.people-grid,.board{grid-template-columns:1fr;gap:18px}.template-card,.person-card{padding:24px}.template-card h3{min-height:0;font-size:22px}.board{padding:17px 15px}.board-column>h3{margin-top:12px;font-size:16px}.board-card h4{font-size:18px}.connection-banner{flex-wrap:wrap;gap:11px;padding:20px}.connection-banner>div{flex:1}.connection-banner h3{font-size:19px}.connection-banner p{font-size:14px}.email-row{flex-wrap:wrap;gap:10px;padding:18px}.email-row>div{width:calc(100% - 80px)}.email-row strong{white-space:normal;font-size:15px}.email-row p{font-size:13px}.email-row .delivery{margin-left:52px}.email-row>svg{margin-left:auto}.settings-card{padding:22px 18px}.settings-layout,.settings-aside,.form-grid{grid-template-columns:1fr}.settings-aside>.info-banner{grid-column:auto}.settings-heading h3{font-size:20px}.settings-heading p{font-size:14px}.radio-cards{grid-template-columns:1fr}.radio-card{flex-direction:row;align-items:center;gap:12px;min-height:0;padding:14px}.radio-card>svg{top:22px;right:12px}.radio-card strong{font-size:16px}.radio-card small{font-size:14px}.radio-card>span:last-of-type{padding-right:15px}.settings-save-bar{padding:13px;bottom:9px}.settings-save-bar>span{font-size:13px}.settings-save-bar>.primary{padding:9px 12px;font-size:13px}.dialog.drawer{width:calc(100vw - 8px)}.dialog{max-height:94dvh}.drawer-body,.modal-body{padding:23px}.modal-header{padding:20px 23px}.modal-header h2{font-size:22px}.detail-title{font-size:26px}.detail-metadata{gap:19px 16px;padding:18px}.detail-metadata>div>span{font-size:15px}.modal-footer{padding:15px 23px}.step-options{gap:9px}.step-options select{width:100%}.editable-step{padding:11px}.step-options label{font-size:14px}.step-line strong{font-size:16px}.step-meta{gap:7px}.toast{width:calc(100vw - 30px);font-size:14px;bottom:18px;left:50%}.saving{top:68px;right:16px}.form-grid .checkbox-line{margin-top:7px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.task-row-actions{align-items:center;gap:6px;display:flex}.task-delete{color:var(--muted);background:var(--surface);border:1px solid var(--border)}.task-delete:hover:not(:disabled){color:var(--muted);background:var(--surface-raised);border-color:var(--border)}.board-card{position:relative}.board-card-open{width:100%;color:inherit;text-align:left;background:0 0;padding:0;display:block}.board-delete{z-index:1;width:30px;height:30px;position:absolute;top:10px;right:10px}.board-card-open>.card-group{padding-right:30px;display:block}.board-card-open h4{color:var(--text);margin:9px 0;font-size:18px;font-weight:600;line-height:1.7}.detail-actions>.task-delete{margin-left:auto}.detail-delete{font-size:15px}.delete-confirm{text-align:center;padding:33px 35px}.delete-confirm-icon{background:var(--surface-raised);width:57px;height:57px;color:var(--muted);border-radius:18px;place-items:center;margin:0 auto 19px;display:grid}.delete-confirm h3{color:var(--text);margin-bottom:12px;font-size:21px;line-height:1.7}.delete-confirm p{max-width:420px;color:var(--muted);margin:18px auto 0;font-size:15px;line-height:1.9}.delete-confirm-button{min-height:42px;color:var(--muted);background:var(--accent);border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:10px 17px;font-size:15px;font-weight:600;display:inline-flex}.startup-screen{z-index:300;pointer-events:all;position:fixed;inset:0}.startup-backdrop{background:radial-gradient(ellipse at 50% 48%, var(--surface-raised) 0%, var(--surface) 58%, var(--surface) 100%);position:absolute;inset:0}.startup-cluster.brand{transform-origin:0 0;will-change:transform;align-items:center;gap:11px;width:max-content;margin:0;padding:0;position:absolute;top:calc(50% - 21.5px);left:calc(50% - 21.5px)}.startup-cluster .startup-mark{opacity:0;flex-shrink:0}.startup-cluster .brand-mark{border-radius:14px;width:43px;height:43px}.startup-cluster>.brand-copy{display:block}.startup-copy{opacity:0;white-space:nowrap;will-change:transform, opacity}.startup-hint{color:var(--muted);white-space:nowrap;align-items:center;gap:7px;font-size:14px;display:flex;position:absolute;top:calc(50% + 86px);left:50%;transform:translate(-50%)}.intro-pending [data-brand-anchor]{visibility:hidden}@media (max-width:700px){.task-row-actions{gap:5px}.delete-confirm{padding:29px 24px}.startup-cluster.brand{font-size:21px}}@media (prefers-reduced-motion:reduce){.startup-mark,.startup-copy{will-change:auto}}.startup-cluster.brand>.startup-mark,.startup-cluster.brand>.brand-copy{display:block}.startup-mark svg{transform-origin:50%}.startup-cluster.brand{transition:none;top:0;left:0}.startup-cluster .startup-mark{transform-origin:50%;will-change:transform, opacity}.startup-cluster .brand-copy{flex-shrink:0}.group-list{gap:7px;display:grid}.group-row{border:1px solid var(--border);border-radius:10px;align-items:center;gap:8px;min-height:44px;padding:5px 10px;display:flex}.group-row>span{flex:1;align-items:center;gap:9px;font-weight:500;display:flex}.group-row>span svg{color:var(--accent)}.group-row input{min-height:34px;padding:4px 8px}.group-row .icon-btn{flex-shrink:0}.group-add{margin-top:13px}.sound-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:14px 0;display:flex}.sound-row>div{flex:1}.sound-row strong,.sound-row small{display:block}.sound-row small{color:var(--muted);margin-top:2px;font-size:14px}.event-icon{background:var(--surface-raised);width:36px;height:36px;color:var(--accent);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.event-cancelled,.event-reminder{background:var(--surface-raised);color:var(--muted)}.preference-note{color:var(--muted);margin:13px 0;font-size:14px;line-height:1.8}.reminder-mail-preview{border:1px solid var(--border);border-radius:10px;margin-top:14px;padding:12px;font-size:15px}.reminder-mail-preview summary{cursor:pointer;color:var(--accent)}.reminder-mail-preview strong{margin-top:15px;display:block}.reminder-mail-preview pre{white-space:pre-wrap;font:inherit;font-size:14px}.task-reminder-fields{background:var(--surface-raised);border:1px solid var(--border);border-radius:12px;margin:8px 0 24px;padding:18px}.task-reminder-fields h3{align-items:center;gap:8px;font-size:18px;display:flex}.task-reminder-fields>small{margin-top:8px;display:block}.task-reminder-summary{background:var(--surface-raised);border:1px solid var(--border);color:var(--accent);border-radius:11px;align-items:center;gap:12px;margin:12px 0 24px;padding:12px 15px;display:flex}.task-reminder-summary>div{flex:1}.task-reminder-summary strong,.task-reminder-summary small{display:block}.reminder-date{color:var(--muted);align-items:center;gap:4px;margin-top:4px;font-size:13px;display:flex}.reminder-stack{z-index:500;pointer-events:none;background:0 0;border:0;width:min(375px,100vw - 32px);margin:0;padding:0;position:fixed;inset:auto 22px 22px auto;overflow:visible}.reminder-stack:not(:popover-open):empty{display:none}.reminder-stack::backdrop{pointer-events:none;background:0 0}.reminder-toast{border:1px solid var(--border);background:var(--surface);pointer-events:auto;border-radius:16px;align-items:flex-start;gap:11px;margin-top:10px;padding:17px 15px;animation:.32s ease-out reminder-arrive;display:flex;box-shadow:0 12px 44px #00000038}.reminder-icon{width:38px;height:38px;color:var(--accent);background:var(--surface-raised);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.reminder-toast>div{flex:1;min-width:0}.reminder-toast small{color:var(--muted);letter-spacing:1px;font-size:13px;display:block}.reminder-toast strong{overflow-wrap:anywhere;margin:4px 0;font-size:16px;line-height:1.5;display:block}.reminder-toast div>span{color:var(--muted);font-size:13px;display:block}.reminder-toast .text-btn{margin-top:6px;font-size:14px}@keyframes reminder-arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:700px){.sound-row{gap:8px}.reminder-stack{bottom:16px;right:16px}.group-add{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.reminder-toast{animation:none}}.task-group-picker{border:1px solid var(--border);background:var(--surface-raised);border-radius:12px;padding:14px 16px}.task-group-picker label{color:var(--accent);align-items:center;gap:7px;display:flex}.task-group-picker>small{color:var(--muted);margin-top:5px;font-size:13px;display:block}:root{--text:#202b3a;--secondary:#475569;--muted:#64748b;--border:#e2e8eb;--bg:#f3f7f5}h1,h2,h3,h4,.detail-title,.modal-header h2,.template-card h3,.person-card h3,.preview-body h3,.settings-heading h3,.radio-card strong,.toggle-row strong{color:var(--text)}.detail-title{font-size:28px;font-weight:750;line-height:1.35}.modal-header h2{font-size:20px}.modal-header .eyebrow,.eyebrow,.detail-group,.page-footer,.page-footer>span:first-child{color:var(--muted)}.field>label,.checkbox-chips label,.checkbox-line,.step-options label,.step-options select,.step-line strong,.detail-metadata>div>span,.preview-body pre,.detail-description,.readonly,.mail-body,.history-item p,.radio-card strong,.toggle-row strong{color:var(--secondary)}.compact-description summary,.compact-description p,.template-meta,.template-owner,.person-mail,.person-stats>div>span,.connection-card p,.connection-card summary,.field>small,.step-line small,.detail-metadata>div>label,.history-item time,.email-row p,.info-banner,.radio-card small,.toggle-row p,.connection-banner p,.connection-indicator,.settings-save-bar>span,.preview-body>small,.detail-checklist .muted,.card-location,.activity-row p,.activity-row time,.board-card-bottom,.stat-bottom,.task-title-button small,.person-card>p,.nav-item{color:var(--muted)}.nav-item.active{color:var(--accent)}.secondary,.icon-btn{color:var(--text)}.detail-metadata{background:var(--surface);border-color:var(--border)}.detail-metadata>div>label{font-size:14px;font-weight:600}.detail-metadata>div>span{color:var(--text);font-weight:500}.detail-metadata>div:first-child label svg,.detail-metadata>div:nth-child(2) label svg,.detail-metadata>div:nth-child(3) label svg,.detail-metadata>div:nth-child(4) label svg{color:var(--muted)}.task-group-picker{background:var(--surface);border-color:var(--border)}.task-group-picker label{color:var(--muted)}.status-doing{color:var(--muted);background:var(--surface-raised)}.status-waiting{color:var(--text);background:var(--surface-raised)}.status-review{color:var(--muted);background:var(--surface-raised)}.status-done{color:var(--text);background:var(--surface-raised)}.status-cancelled{color:var(--muted);background:var(--surface-raised)}.badge{font-size:14px;font-weight:650}.priority.high,.due.late,.late-label{color:var(--text)}.priority.high{background:var(--surface-raised)}.priority.medium,.priority.low{color:var(--muted);background:var(--surface-raised)}.review-box strong,.review-box p{color:var(--muted)}.review-box .secondary{color:var(--muted);border-color:var(--border)}.task-reminder-summary{color:var(--text);background:var(--surface-raised);border-color:var(--border)}.task-reminder-summary small{color:var(--muted)}.detail-checklist{border-top:1px solid var(--border);padding-top:25px}.detail-checklist h3{font-size:21px;font-weight:700}.checklist-step{border-color:var(--border)}.step-line{color:var(--muted)}.step-line:hover{background:var(--surface)}.step-line strong{color:var(--text);font-size:16px;font-weight:650}.step-line>svg{color:var(--muted)}.step-result{color:var(--muted);border-color:var(--border);background:var(--surface-raised);width:31px;height:31px}.result-pass .step-result{color:var(--text);background:var(--surface-raised);border-color:var(--border)}.result-fail .step-result{color:var(--muted);background:var(--surface);border-color:var(--border)}.result-na .step-result{color:var(--muted);background:var(--surface-raised);border-color:var(--border)}.step-state{color:var(--muted);margin-top:4px;font-size:13px;font-weight:650;display:inline-flex}.step-state-pass{color:var(--text)}.step-state-fail,.step-state-na{color:var(--muted)}.history-item strong{color:var(--text);font-weight:650}.detail-history form>textarea{color:var(--text);border-color:var(--border)}.detail-history form>textarea::placeholder{color:var(--muted)}.preview-header,.preview-header>span{color:var(--muted);background:var(--surface-raised)}.readonly,.mail-body{background:var(--surface);border-color:var(--border)}.toast,.modal-feedback,.saving{color:var(--text)}.modal-feedback{background:var(--surface);border-color:var(--border)}.task-workflow{border:1px solid var(--border);border-left:4px solid var(--border);background:var(--surface);border-radius:13px;margin-top:20px;padding:17px 18px}.workflow-done{background:var(--surface-raised);border-color:var(--border);border-left-color:#2f7d5c}.workflow-review{background:var(--surface);border-color:var(--border);border-left-color:#8b61bb}.workflow-waiting{background:var(--surface);border-color:var(--border);border-left-color:#c9943d}.workflow-cancelled{background:var(--surface);border-color:var(--border);border-left-color:#ba6b82}.workflow-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.workflow-top>span:last-child{color:var(--muted);font-size:13px}.task-workflow>strong{color:var(--text);font-size:16px;font-weight:700;display:block}.task-workflow p{color:var(--muted);margin-top:4px;font-size:15px;line-height:1.7}.workflow-path{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;display:flex}.workflow-path>span{border-radius:7px;align-items:center;gap:5px;padding:4px 7px;font-size:13px;display:flex}.workflow-path>.current{color:var(--muted);background:var(--surface-raised);font-weight:650}.task-next-action{z-index:6;border-top:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;gap:12px;padding:17px 25px;display:flex;position:sticky;bottom:0;box-shadow:0 -8px 25px #00000038}.task-next-action>div{min-width:0}.task-next-action small{letter-spacing:1px;color:var(--muted);font-size:13px;display:block}.task-next-action strong{color:var(--text);margin-top:3px;font-size:14px;display:block}.task-next-action .primary{flex-shrink:0;min-height:43px;font-size:15px}.status-options{border:1px dashed var(--border);background:var(--surface);border-radius:10px;margin:0 0 22px;padding:11px 14px}.status-options summary{color:var(--muted);cursor:pointer;align-items:center;gap:7px;font-size:14px;list-style:none;display:flex}.status-options summary>svg:last-child{margin-left:auto}.status-options .field{margin:12px 0 0}.volume-control{margin:18px 0}.volume-control label{color:var(--text);align-items:center;gap:8px;font-size:15px;display:flex}.volume-control label strong{color:var(--accent);margin-left:auto}.volume-control input[type=range]{width:100%;height:28px;min-height:0;box-shadow:none;accent-color:var(--accent);cursor:pointer;border:0;margin-top:8px;padding:0}.volume-labels{color:var(--muted);justify-content:space-between;font-size:13px;display:flex}.notification-test{color:var(--muted);background:var(--surface);border-color:var(--border)}.audio-activate{color:var(--text);background:var(--surface-raised);white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:6px 9px;font-size:13px;display:flex}.audio-activate.ready{color:var(--text);background:var(--surface-raised)}.audio-indicator{display:flex}.reminder-stack{z-index:1500;width:min(405px,100vw - 32px);max-height:calc(100dvh - 36px);padding:5px;overflow-y:auto}.reminder-toast{border-color:var(--border);border-left:4px solid var(--border);background:var(--surface);box-shadow:0 8px 35px #00000038}.reminder-icon{color:var(--muted);background:var(--surface-raised)}.reminder-toast small{color:var(--muted)}.notification-enable{background:var(--surface-raised);color:var(--text);border-radius:7px;align-items:center;gap:5px;margin-top:8px;padding:6px 8px;font-size:13px;display:flex}@media (max-width:700px){.task-next-action{padding:14px 18px}.task-next-action>div{display:none}.task-next-action .primary{justify-content:center;width:100%}.audio-activate span{display:none}.topbar-actions{gap:7px}}.stat-icon.green{color:var(--text);background:var(--surface-raised)}.icon-btn.danger,.task-delete{color:var(--muted);background:var(--surface);border-color:var(--border)}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-ui:"Be Vietnam Pro", Arial, sans-serif;--bg:#101820;--surface:#16232e;--surface-raised:#1d2d39;--accent:#62cfe1;--accent-hover:#8de0ed;--accent-soft:#183642;--accent-ink:#07212b;--text:#edf3f7;--secondary:#c5d4de;--muted:#a6bac8;--border:#344755;--status-blue:#9bbdff;--status-purple:#c2b0ff;--status-green:#8ed8b1;--status-amber:#f5c47e;--status-red:#ffa2ad;--shadow:0 6px 22px #00000020}html{font-family:var(--font-ui)}body{font-family:var(--font-ui);font-size:16px;line-height:1.65}button,input,textarea,select,option,code,pre{font-family:var(--font-ui)}input,textarea,select{background:var(--surface-raised);color:var(--text);border-color:var(--border);min-height:46px;font-size:16px}input::placeholder,textarea::placeholder{color:var(--muted);font-size:14px}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #62cfe126}input[type=checkbox],input[type=radio]{width:18px;height:18px;min-height:0}:is(button:focus-visible,a:focus-visible,summary:focus-visible){outline-color:var(--accent)}h1{letter-spacing:-.6px;font-size:32px;font-weight:700}h2{font-size:24px}h3{font-size:20px}small,.eyebrow,.brand small{font-size:13px}.primary{color:var(--accent-ink);background:var(--accent);box-shadow:none;min-height:46px;font-size:15px}.primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:none}.primary.compact,.secondary,.detail-actions .secondary{min-height:42px;font-size:15px}.secondary{color:var(--secondary);background:var(--surface-raised)}.secondary:hover:not(:disabled),.icon-btn:hover{color:var(--accent);background:var(--accent-soft);border-color:var(--accent)}.brand-mark,.toggle.on{color:var(--accent-ink);background:var(--accent)}.toggle.on>span{background:var(--accent-ink)}.nav-item.active,.nav-item>b,.view-switch button.active{color:var(--accent);background:var(--accent-soft)}.workspace-switch,.workspace-dot,.view-switch,.search-input{background:var(--surface-raised)}.nav-item,.breadcrumb,.sync,.icon-btn,.view-switch button{color:var(--muted)}.icon-btn{width:38px;height:38px}.avatar{color:color-mix(in srgb, var(--avatar-color) 40%, var(--text));background:color-mix(in srgb, var(--avatar-color) 18%, var(--surface))}.topbar{background:#101820f2;height:auto;min-height:76px;padding-top:15px;padding-bottom:15px}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px}.page-content{max-width:1800px;padding:30px 30px 0}.page-heading p,.section-heading p{font-size:16px}.scope-tabs{flex-wrap:wrap;gap:10px 24px;overflow:visible}.scope-tabs button{font-size:15px}.scope-tabs button.active{border-bottom-color:var(--accent)}.filters{flex-wrap:wrap;gap:12px}.filters>select{background:var(--surface-raised);max-width:220px;min-height:44px;font-size:14px}.search-input{max-width:460px;min-height:44px}.search-input input{min-height:42px;font-size:16px}.search-input input::placeholder{font-size:14px}.board{background:var(--bg);grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:18px;padding:24px}.board-column{background:var(--surface);border-radius:13px;min-width:0;min-height:380px;padding:15px}.board-column>h3{color:var(--secondary);flex-wrap:wrap;gap:8px;margin-bottom:18px;font-size:15px}.board-column>h3>i{flex-shrink:0;width:8px;height:8px}.board-column>h3>span{font-size:14px}.board-card{background:var(--surface-raised);border-radius:11px;padding:18px 16px 15px}.board-card:hover{border-color:#507082}.board-card-open>.card-group{padding-right:32px}.card-group,.card-location{font-size:13px}.board-card-open h4,.board-card h4,.task-title-button strong{color:var(--text);overflow-wrap:anywhere;font-size:18px;font-weight:600;line-height:1.55}.board-card-open h4{margin:13px 0 11px}.card-location{color:var(--muted);flex-wrap:wrap}.board-card-labels{flex-wrap:wrap;gap:7px;display:flex}.board-owner{color:var(--secondary);align-items:center;gap:9px;margin-top:19px;font-size:14px;display:flex}.board-card-bottom{flex-wrap:wrap;gap:8px;margin-top:14px;padding-top:13px;font-size:13px}.board-card-bottom>span{min-width:0}.board-card-bottom>span:last-child{font-size:13px}.board-progress{width:100%;margin:13px 0 16px}.board-progress>div{background:var(--border);height:5px}.board-progress i{background:var(--accent);height:5px}.board-next-action{white-space:normal;text-align:center;width:100%;min-height:44px;margin-top:16px;padding:10px;font-size:14px}.board-next-action svg{flex-shrink:0}.board-closed-action{margin-top:14px;font-size:14px}.board-empty{color:var(--muted);padding:20px 0;font-size:14px}.board-card-late{border-left:3px solid var(--status-red)}.board-card-closed .board-card-open h4{color:var(--secondary)}.badge{white-space:normal;padding:5px 8px;font-size:13px;font-weight:500}.status-todo{color:var(--secondary);background:#283b49}.status-doing,.blue{color:var(--status-blue);background:#25364e}.status-waiting,.orange,.priority.high,.audio-activate,.event-reminder{color:var(--status-amber);background:#3b3022}.status-review,.purple{color:var(--status-purple);background:#302d46}.status-done,.green,.stat-icon.green,.audio-activate.ready,.event-done{color:var(--status-green);background:#203c34}.status-cancelled,.red,.overdue-badge,.task-delete,.icon-btn.danger,.event-cancelled{color:var(--status-red);background:#3d2936}.task-delete:hover:not(:disabled){color:var(--status-red);border-color:var(--status-red);background:#502a3a}.due,.task-title-button small{font-size:14px}.due.late,.late-label{color:var(--status-red)}.late-label{font-size:13px}.priority.high{color:var(--status-amber)}.priority.medium{color:var(--status-blue);background:#25364e}.priority.low{color:var(--secondary);background:var(--surface-raised)}.mini-progress i,.progress-track i{background:var(--accent)}.task-table th{background:var(--surface-raised);font-size:14px}.task-table td,.person-cell{font-size:15px}.dialog{background:var(--surface)}.dialog::backdrop{background:#050b12b3}.dialog.drawer{width:min(680px,100vw)}.modal-header,.modal-footer,.task-next-action{background:var(--surface)}.detail-title{color:var(--text);font-size:28px}.detail-description,.step-line strong,.field>label,.readonly,.mail-body{color:var(--text);font-size:16px}.detail-metadata>div>label,.step-meta,.step-state{font-size:14px}.detail-metadata>div>span{color:var(--text);font-size:16px}.detail-checklist h3{font-size:23px}.detail-checklist .muted{font-size:14px}.step-result{width:36px;height:36px;color:var(--status-blue);background:#25364e;font-size:14px}.result-pass .step-result,.step-state-pass{color:var(--status-green)}.result-pass .step-result{background:#203c34}.result-fail .step-result,.step-state-fail{color:var(--status-red)}.result-fail .step-result{background:#3d2936}.step-state-na{color:var(--muted)}.step-line small{font-size:13px}.review-box{color:var(--status-purple);background:#26273b;border-color:#514565}.review-box strong,.review-box .secondary{color:var(--status-purple)}.review-box p{color:var(--secondary);font-size:15px}.task-reminder-summary,.reminder-icon{color:var(--status-amber);background:#302c26;border-color:#625338}.task-reminder-summary small{color:var(--secondary);font-size:14px}.task-workflow{background:var(--surface-raised);border-color:var(--border);border-left-color:var(--accent)}.task-workflow>strong{color:var(--text);font-size:17px}.task-workflow p{color:var(--secondary);font-size:15px}.workflow-done{border-left-color:var(--status-green)}.workflow-review{border-left-color:var(--status-purple)}.workflow-waiting{border-left-color:var(--status-amber)}.workflow-cancelled{border-left-color:var(--status-red)}.workflow-path>.current{color:var(--accent);background:var(--accent-soft)}.workflow-done .current{color:var(--status-green);background:#203c34}.workflow-review .current{color:var(--status-purple);background:#302d46}.task-next-action{flex-wrap:wrap}.task-next-action small{font-size:13px}.task-next-action strong{color:var(--text);font-size:15px}.task-next-action .primary{white-space:normal;min-height:46px;font-size:15px}.reminder-toast{background:var(--surface-raised);border-color:#625338;border-left-color:var(--status-amber)}.reminder-toast small{color:var(--status-amber);letter-spacing:.4px;font-size:13px}.reminder-toast strong{color:var(--text);font-size:18px}.reminder-toast div>span{font-size:14px}.reminder-toast .text-btn{font-size:15px}.notification-enable{color:var(--status-amber);background:#3b3022;font-size:14px}.audio-activate{font-size:13px}.toast,.modal-feedback,.saving{color:var(--text);background:var(--surface-raised)}.settings-save-bar{background:#16232ef2;flex-wrap:wrap;gap:12px}.settings-heading h3{font-size:22px}.settings-heading p,.toggle-row p,.preference-note{font-size:14px}.radio-card,.radio-card.selected{background:var(--surface-raised)}.radio-card.selected{border-color:var(--accent)}.radio-card>svg,.text-btn{color:var(--accent)}.hero,.email-callout,.sidebar-note{background:linear-gradient(120deg, var(--surface), var(--accent-soft))}.hero h2,.hero-summary strong,.hero-cta{color:var(--text)}.hero h2>span{color:var(--secondary)}.startup-backdrop{background:radial-gradient(at 50% 48%,#183642,#101820 70%)}.startup-hint{font-size:15px}.startup-cluster.brand{max-width:calc(100vw - 32px)}.startup-cluster .brand-copy{min-width:0}.startup-cluster .brand-copy small{letter-spacing:1px}.startup-hint{text-align:center;justify-content:center}.color-picker button{border-color:var(--surface)}.delete-confirm-button{color:#250b16;background:var(--status-red);font-size:15px}.delete-confirm-button:hover:not(:disabled){background:#ffc0c8}@media (min-width:991px){.sidebar{align-items:center;width:112px;padding:23px 9px 0}.brand{margin-bottom:28px;padding:0}.sidebar .brand-copy,.workspace-switch,.nav-label,.sidebar-note,.sidebar-footer>div,.sidebar-footer>.icon-btn{display:none}.sidebar nav{width:100%}.nav-item{text-align:center;flex-direction:column;justify-content:center;gap:7px;margin-bottom:9px;padding:12px 5px;font-size:13px;line-height:1.45;position:relative}.nav-item>svg{width:22px;height:22px}.nav-item>b{padding:0 5px;font-size:13px;position:absolute;top:5px;right:5px}.nav-item .alert-dot{position:absolute;top:8px;right:8px}.sidebar-footer{justify-content:center;width:100%}.app-shell>main{width:calc(100% - 112px);margin-left:112px}}@media (min-width:1600px){h1{font-size:36px}.task-title-button strong{font-size:18px}}@media (max-width:1199px){.board{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:990px){.page-content{padding:26px 22px 0}.board{padding:20px}.topbar{flex-wrap:wrap;gap:15px}}@media (max-width:700px){.page-content{padding:23px 14px 0}h1{font-size:28px}.page-heading p,.page-heading>.primary,.page-heading>.secondary{font-size:15px}.topbar{padding:12px 14px}.breadcrumb{flex-wrap:wrap;font-size:13px}.breadcrumb>strong{font-size:14px}.section-heading{flex-wrap:wrap}.task-section>.section-heading{padding:20px 15px 15px}.view-switch{flex-wrap:wrap}.view-switch button{gap:6px;padding:8px 10px;font-size:14px}.scope-tabs{gap:6px 14px}.scope-tabs button{font-size:14px}.filters>select{min-width:100px;max-width:none;font-size:16px}.search-input{min-width:0}.search-input input{width:100%;min-width:0}.board{grid-template-columns:1fr;gap:20px;padding:15px}.board-column{min-height:0;padding:13px}.board-column>h3{margin-top:3px;font-size:16px}.board-card-open h4,.task-title-button strong{font-size:18px}.board-card-bottom{justify-content:space-between}.board-card-bottom>span:last-child{margin-left:0}.card-group,.card-location{font-size:14px}.detail-actions,.inline-field{flex-wrap:wrap}.inline-field input{flex:100%}.detail-metadata{grid-template-columns:1fr}.dialog.drawer{width:100vw}.drawer-body,.modal-body{padding:22px 18px}.detail-title{font-size:26px}.task-next-action .primary{font-size:15px}.page-footer{font-size:13px}.notification-enable{white-space:normal}}@media (max-width:400px){.sidebar{width:52px}.app-shell>main{width:calc(100% - 52px);margin-left:52px}.page-content{padding-left:9px;padding-right:9px}.board,.board-column{padding:10px}.board-card{padding:16px 12px 13px}.filters{padding:14px 12px}.modal-header{padding:18px}.modal-header h2{font-size:22px}.form-grid{min-width:0}.step-options select{width:100%}}@media (pointer:coarse){.icon-btn,.nav-item{min-height:44px}.step-line{min-height:48px}}.horizontal-tasks{background:var(--bg);gap:14px;padding:22px 24px 26px;display:grid}.horizontal-task{border:1px solid var(--border);background:var(--surface);border-radius:13px;grid-template-columns:minmax(240px,1fr) minmax(200px,280px) auto;align-items:center;gap:24px;padding:22px;display:grid}.horizontal-task:hover{border-color:#507082}.horizontal-task-late{border-left:3px solid var(--status-red)}.horizontal-task-main{text-align:left;min-width:0;color:var(--text);background:0 0;padding:0}.horizontal-task-main>strong{overflow-wrap:anywhere;font-size:18px;font-weight:600;line-height:1.55;display:block}.horizontal-task-closed .horizontal-task-main>strong{color:var(--secondary)}.horizontal-task-meta{color:var(--muted);flex-wrap:wrap;gap:8px 16px;margin-top:11px;font-size:14px;display:flex}.horizontal-task-meta>span{align-items:center;gap:5px;display:inline-flex}.horizontal-task-progress{min-width:0}.horizontal-task-progress-label{justify-content:space-between;align-items:center;gap:10px;display:flex}.horizontal-task-progress-label>strong{color:var(--accent);font-variant-numeric:tabular-nums;font-size:18px}.horizontal-progress-track{background:var(--border);border-radius:8px;height:8px;margin:12px 0 9px;overflow:hidden}.horizontal-progress-track>span{background:var(--accent);border-radius:8px;height:100%;display:block}.horizontal-task-closed .horizontal-progress-track>span{background:var(--status-green)}.horizontal-task-closed:has(.status-cancelled) .horizontal-progress-track>span{background:var(--muted)}.horizontal-task-progress>small{color:var(--muted);font-size:13px;display:block}.horizontal-task-actions{align-items:center;gap:9px;display:flex}.horizontal-task-actions>.primary,.horizontal-task-actions>.secondary{white-space:normal;max-width:200px;min-height:44px;font-size:14px}.horizontal-task-actions svg{flex-shrink:0}.email-connection-notice{color:var(--secondary);background:#302c26;border:1px solid #625338;border-radius:11px;flex-wrap:wrap;align-items:flex-start;gap:10px;margin-bottom:24px;padding:14px 17px;font-size:14px;display:flex}.email-connection-notice>svg{color:var(--status-amber);flex-shrink:0;margin-top:3px}.email-connection-notice>span{flex:1;min-width:180px}.email-connection-notice strong{color:var(--status-amber)}.email-connection-notice .text-btn{color:var(--status-amber);margin:0;font-size:14px}.view-switch,.task-section>.section-heading{flex-wrap:wrap}@media (max-width:1280px){.horizontal-task{grid-template-columns:minmax(0,1fr) minmax(200px,280px);gap:18px 24px}.horizontal-task-actions{grid-column:1/-1;justify-content:flex-end}}@media (max-width:700px){.horizontal-tasks{padding:15px}.horizontal-task{grid-template-columns:1fr;gap:20px;padding:18px 16px}.horizontal-task-actions{justify-content:space-between}.horizontal-task-actions>.primary,.horizontal-task-actions>.secondary{flex:1;max-width:none}.horizontal-task-meta{font-size:14px}.email-connection-notice{padding:13px}.email-connection-notice>span{flex-basis:calc(100% - 30px);min-width:0}}.dialog.task-detail-dialog{border-radius:20px;width:min(1240px,100vw - 48px);max-height:calc(100dvh - 48px);margin:auto}.task-detail-body{padding:26px 30px 0}.detail-topline{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.detail-group-top{color:var(--muted);flex-wrap:wrap;align-items:center;gap:9px;font-size:14px;display:flex}.detail-group-top select{width:auto;max-width:290px;min-height:42px;font-size:15px}.detail-topline>.reminder-chip-wrap{margin-left:auto}.detail-title{overflow-wrap:anywhere}.detail-status-bar{border-bottom:1px solid var(--border);margin:22px 0;padding-bottom:22px}.detail-status-bar>span{color:var(--muted);margin-bottom:10px;font-size:14px;display:block}.status-choices{flex-wrap:wrap;gap:7px;display:flex}.status-choice{background:0 0;border:1px solid #0000;border-radius:9px;padding:2px}.status-choice.selected{border-color:currentColor}.status-choice .badge{background:0 0;font-size:14px}.status-trigger{background:0 0;border-radius:9px;align-items:center;gap:5px;padding:0;display:inline-flex}.status-picker{position:relative}.status-picker:not(.status-picker-full)>.status-choices{background:var(--surface-raised);border:1px solid var(--border);border-radius:10px;max-width:280px;margin-top:9px;padding:9px}.quick-waiting{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.quick-waiting input{flex:1;min-width:190px}.board-quick-status{margin-top:14px}.waiting-top{background:#302c26;border:1px solid #625338;border-radius:13px;margin-bottom:26px;padding:20px}.waiting-top h3{align-items:center;gap:9px;font-size:18px;display:flex}.waiting-top>.secondary{margin-top:12px}.task-detail-grid{grid-template-columns:minmax(0,1fr) 290px;gap:30px;display:grid}.detail-main-content{min-width:0}.detail-info-sidebar{background:var(--surface-raised);border:1px solid var(--border);border-radius:13px;align-self:start;padding:21px}.detail-info-sidebar h3{margin-bottom:20px;font-size:18px}.detail-info-item{margin-bottom:21px}.detail-info-item>span{color:var(--muted);align-items:center;gap:7px;margin-bottom:7px;font-size:14px;display:flex}.detail-info-item>strong{font-size:16px}.detail-info-item .priority{display:inline-block}.detail-info-sidebar .task-workflow{margin-top:0}.detail-info-sidebar .review-box{margin:20px 0;padding:14px}.detail-info-sidebar .task-delete{margin-top:20px}.detail-description-section h3{margin:18px 0 14px}.recurrence-detail{color:var(--secondary);gap:8px;margin-top:20px;font-size:14px;display:flex}.recurrence-detail svg{flex-shrink:0;margin-top:3px}.subtask-row{border:1px solid var(--border);background:var(--surface-raised);border-radius:12px;align-items:center;gap:12px;margin-bottom:12px;padding:17px;display:flex}.subtask-quick-check{padding:8px 0;display:flex}.subtask-quick-check input{width:22px;height:22px}.subtask-open{text-align:left;background:0 0;flex:1;min-width:0;padding:0}.subtask-open strong{color:var(--text);font-size:16px;line-height:1.65;display:block}.subtask-open>span{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:8px;display:flex}.subtask-open small{color:var(--muted);align-items:center;gap:5px;font-size:13px;display:flex}.subtask-detail-button{padding:8px 11px;font-size:14px}.step-result-badge{border-radius:6px;padding:3px 8px;font-size:13px;font-weight:600;display:inline-flex}.step-state-pending{color:var(--status-blue);background:#25364e}.step-state-pass{color:var(--status-green);background:#203c34}.step-state-fail{color:var(--status-red);background:#3d2936}.step-state-na{color:var(--secondary);background:#283b49}.subtask-detail-body{padding:24px 27px 32px}.parent-task-banner{background:var(--accent-soft);border:1px solid var(--border);border-radius:11px;margin-bottom:22px;padding:14px 16px}.parent-task-banner>span{color:var(--accent);letter-spacing:.6px;margin-bottom:8px;font-size:13px;display:block}.parent-task-banner>button{text-align:left;color:var(--text);background:0 0;align-items:center;gap:8px;padding:0;font-size:16px;display:flex}.parent-task-banner svg{flex-shrink:0}.subtask-detail-body>h2{margin-bottom:20px;font-size:25px}.subtask-result-choices{flex-wrap:wrap;gap:8px;margin-bottom:22px;display:flex}.step-result-choice{border:1px solid #0000;border-radius:9px;padding:9px 13px;font-size:14px}.step-result-choice.selected{border-color:currentColor}.subtask-requirements{color:var(--muted);flex-wrap:wrap;gap:15px;margin:15px 0 22px;font-size:14px;display:flex}.subtask-requirements>span{align-items:center;gap:6px;display:flex}.content-editor{min-width:0}.content-editor>textarea{min-height:90px;margin:0}.editor-toolbar{flex-wrap:wrap;align-items:center;gap:8px 15px;margin:9px 0;display:flex}.editor-toolbar .text-btn{margin:0;font-size:14px}.editor-toolbar>small{color:var(--muted);font-size:13px}.editor-uploading{color:var(--accent);align-items:center;gap:5px;font-size:14px;display:flex}.editor-link{flex-wrap:wrap;gap:9px;margin:12px 0;display:flex}.editor-link input{flex:1;min-width:160px}.editor-error{color:var(--status-red);margin:8px 0;font-size:14px}.attachment-list{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:10px;margin:12px 0;display:grid}.attachment-item{border:1px solid var(--border);background:var(--surface);border-radius:10px;flex-wrap:wrap;gap:8px;min-width:0;padding:11px;display:flex}.attachment-label{min-width:0;color:var(--secondary);flex:1;align-items:center;gap:9px;font-size:14px;display:flex}.attachment-label>span:nth-child(2){overflow-wrap:anywhere;flex:1;min-width:0}.attachment-label small{color:var(--muted);margin-top:3px;font-size:13px;display:block}.attachment-label svg{flex-shrink:0}.attachment-image>a:first-child{width:100%}.attachment-image img{object-fit:contain;background:var(--surface-raised);border-radius:7px;width:100%;height:150px}.rich-text p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px}.rich-text a{color:var(--accent);overflow-wrap:anywhere;text-decoration:underline}.mention-menu{border:1px solid var(--border);background:var(--surface-raised);border-radius:10px;flex-wrap:wrap;gap:7px;padding:12px;display:flex}.mention-menu>button{background:var(--surface);color:var(--text);border-radius:8px;align-items:center;gap:6px;padding:8px 10px;font-size:14px;display:flex}.mention-menu small{color:var(--muted);font-size:13px;display:block}.mention-tags{flex-wrap:wrap;gap:7px;margin-top:8px;display:flex}.mention-tags>span,.mention-tags>button{background:var(--accent-soft);color:var(--accent);border-radius:6px;align-items:center;gap:5px;padding:4px 8px;font-size:14px;display:inline-flex}.discussion-section{border-top:1px solid var(--border);margin:28px 0;padding-top:24px}.discussion-section>h3{align-items:center;gap:8px;margin-bottom:17px;font-size:22px;display:flex}.discussion-section form>.secondary{margin:12px 0 17px}.history-item .rich-text{margin-top:9px}.history-item>div{flex-wrap:wrap}.history-item time{font-size:13px}.history-item strong{font-size:15px}.reminder-chip-wrap{position:relative}.reminder-chip{color:var(--status-amber);background:#3b3022;border-radius:9px;align-items:center;gap:8px;padding:8px 11px;font-size:14px;display:inline-flex}.reminder-edit{background:var(--surface-raised);border:1px solid var(--border);border-radius:11px;max-width:470px;margin:12px 0;padding:16px}.reminder-edit strong{margin-bottom:12px;font-size:14px;display:block}.datetime-24{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;display:grid}.snooze-controls{margin-top:10px}.snooze-controls>.text-btn{color:var(--status-amber);font-size:14px}.snooze-options{flex-wrap:wrap;align-items:end;gap:8px;margin-top:10px;display:flex}.snooze-options label{max-width:110px;font-size:13px;display:block}.snooze-options label>span{margin-bottom:5px;display:block}.snooze-options .secondary{min-height:42px;padding:8px 10px;font-size:13px}.future-label{color:var(--status-purple);margin-top:5px;font-size:13px;display:block}.task-table{min-width:1120px}.task-table td{vertical-align:top}.modal-feedback.is-error,.toast.is-error{color:#ffb1be;background:#3a202e;border-color:#e65a75 #e65a75 #e65a75 #ff718e;border-left-style:solid;border-left-width:4px;font-size:16px;font-weight:750;line-height:1.7}.toast.is-error>svg,.toast.is-error>button{color:#ffb1be}.editor-error{font-weight:700}.task-next-action .primary.checklist-attention{color:#fff;background:#9f2038;border:1px solid #ff8ba1;font-weight:750;animation:1.6s ease-in-out infinite checklist-attention}@keyframes checklist-attention{0%,to{background:#9f2038;box-shadow:0 0 #ff718e00}50%{background:#b82b46;box-shadow:0 0 0 5px #ff718e38,0 0 22px #ff718e44}}.task-next-action .primary.checklist-attention:disabled{animation:none}.history-heading{color:var(--text);align-items:center;gap:8px;margin:14px 0 16px;font-size:18px;display:flex}.history-heading>svg{color:var(--accent)}.history-heading>span{background:var(--accent-soft);color:var(--accent);border-radius:7px;padding:2px 9px;font-size:14px}.history-list{gap:12px;display:grid}.history-entry{border:1px solid color-mix(in srgb, var(--history-color) 35%, var(--border));border-left:4px solid var(--history-color);background:color-mix(in srgb, var(--history-color) 8%, var(--surface-raised));border-radius:12px;margin:12px 0;padding:16px 18px}.history-list .history-entry{margin:0}.history-entry-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;display:flex}.history-author{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.history-avatar{width:36px;height:36px;color:color-mix(in srgb, var(--history-color) 40%, var(--text));background:color-mix(in srgb, var(--history-color) 24%, var(--surface));border:1px solid color-mix(in srgb, var(--history-color) 55%, var(--border));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:750;display:inline-flex}.history-author>strong{color:color-mix(in srgb, var(--history-color) 35%, var(--text));overflow-wrap:anywhere;font-size:17px;font-weight:750}.history-entry time{color:var(--muted);white-space:nowrap;font-size:14px}.history-subtask-tag{background:var(--accent-soft);color:var(--accent);border-radius:6px;padding:3px 8px;font-size:13px;font-weight:650}.history-entry-content{margin-top:10px}.history-entry .rich-text p{color:var(--text);margin:0;font-size:16px;line-height:1.8}.person-color-field .color-picker{grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;max-width:410px;display:grid}.person-color-field .color-picker button{aspect-ratio:1;border:3px solid var(--surface);width:100%;max-width:42px;height:auto;padding:0}.person-color-field .color-picker button.selected{outline:2px solid var(--text);outline-offset:2px}.custom-person-color{flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px;display:flex}.custom-person-color label{color:var(--secondary);font-size:15px}.custom-person-color input[type=color]{cursor:pointer;border-radius:8px;flex-shrink:0;width:52px;height:43px;padding:4px}.person-color-code{color:var(--muted);font-size:14px}.person-color-preview{background:var(--surface-raised);border:1px solid var(--border);border-radius:10px;align-items:center;gap:12px;margin-top:16px;padding:14px;display:flex}.person-color-preview .avatar{width:40px;height:40px;font-size:15px}.person-color-preview strong{color:color-mix(in srgb,var(--avatar-color) 35%,var(--text));font-size:16px;display:block}.person-color-preview small{color:var(--muted);margin-top:3px;font-size:13px;display:block}@media (max-width:480px){.person-color-field .color-picker{grid-template-columns:repeat(6,minmax(0,1fr))}.history-entry{padding:14px}.history-entry-head{align-items:flex-start}}@media (prefers-reduced-motion:reduce){.task-next-action .primary.checklist-attention{box-shadow:0 0 0 3px #ff718e38;animation:none!important}}@media (max-width:1000px){.task-detail-grid{grid-template-columns:minmax(0,1fr) 250px;gap:20px}.task-detail-body{padding:22px}}@media (max-width:760px){.dialog.task-detail-dialog{border-radius:14px;width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.task-detail-body{padding:20px 16px 0}.task-detail-grid{grid-template-columns:1fr}.detail-info-sidebar{order:-1}.detail-topline>.reminder-chip-wrap{margin-left:0}.detail-group-top select{max-width:100%}.subtask-row{flex-wrap:wrap;gap:10px}.subtask-detail-button{margin-left:32px}.waiting-top{padding:16px}.subtask-detail-body{padding:22px 18px}.datetime-24{grid-template-columns:1fr}.reminder-edit{max-width:100%}}.auth-page{background:radial-gradient(ellipse at 50% 30%,#173a4b50,transparent 60%),var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:25px;min-height:100dvh;padding:32px 18px;display:flex}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:22px;width:min(460px,100%);padding:34px;box-shadow:0 18px 70px #00000040}.auth-brand{align-items:center;gap:13px;margin-bottom:29px;display:flex}.auth-brand>span{color:#0c2130;background:var(--accent);border-radius:50%;place-items:center;width:52px;height:52px;display:grid}.auth-brand strong{font-size:27px;font-weight:750}.auth-brand em{color:var(--accent);font-style:normal}.auth-card h1{color:var(--text);margin:0 0 25px;font-size:32px;font-weight:750;line-height:1.4}.auth-field{margin:19px 0;display:block}.auth-field>span{color:var(--text);margin-bottom:9px;font-size:16px;font-weight:650;display:block}.auth-field input,.auth-field select{border-radius:10px;width:100%;min-height:49px;padding:11px 13px;font-size:17px}.auth-password{position:relative}.auth-password input{padding-right:48px}.auth-password>.icon-btn{width:42px;height:41px;position:absolute;top:4px;right:4px}.auth-submit{justify-content:center;width:100%;min-height:50px;margin-top:8px;font-size:17px;font-weight:750}.auth-error{min-height:22px;color:var(--status-red);overflow-wrap:anywhere;margin:12px 0;font-size:15px;font-weight:650}.auth-help{color:var(--muted);text-align:center;margin:22px 0 0;font-size:14px}.auth-intro,.auth-rules{color:var(--secondary);font-size:14px;line-height:1.7}.auth-page>footer{color:var(--muted);font-size:14px}.auth-loading{min-height:100dvh;color:var(--accent);background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:20px;font-size:16px;display:flex}.admin-page,.account-panel{max-width:1400px;margin:0 auto 40px}.admin-heading{align-items:center;gap:15px;margin-bottom:28px;display:flex}.admin-heading>svg{color:var(--accent);flex-shrink:0}.admin-heading h1,.admin-heading h2{color:var(--text);margin:0 0 8px;font-size:30px;font-weight:750;line-height:1.4}.admin-heading p{color:var(--secondary);margin:0;font-size:16px}.admin-tabs{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:10px;margin:0 0 26px;padding-bottom:16px;display:flex}.admin-tabs button{color:var(--secondary);background:var(--surface-raised);border:1px solid var(--border);border-radius:10px;align-items:center;gap:8px;padding:12px 15px;font-size:16px;display:flex}.admin-tabs button.active{background:var(--accent-soft);color:var(--accent);border-color:var(--accent);font-weight:700}.admin-section-heading{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;display:flex}.admin-section-heading h2{color:var(--text);margin-right:auto;font-size:24px;font-weight:750}.admin-table,.permission-table{border-collapse:collapse;background:var(--surface);width:100%}.admin-table{min-width:860px}.admin-table th,.permission-table th{text-align:left;background:var(--surface-raised);color:var(--text);border-bottom:1px solid var(--border);padding:16px;font-size:15px;font-weight:750}.admin-table td,.permission-table td{color:var(--secondary);border-bottom:1px solid var(--border);vertical-align:top;padding:17px 16px;font-size:16px}.admin-table td>strong,.permission-table td>strong{color:var(--text);font-size:17px;font-weight:700;display:block}.admin-table td>span{margin-top:5px;display:block}.admin-table small,.permission-table small{color:var(--muted);margin-top:6px;font-size:13px;display:block}.admin-row-actions{align-items:center;gap:7px;display:flex}.admin-row-actions .icon-btn{width:37px;height:37px}.role-badge{white-space:nowrap;border-radius:7px;padding:4px 9px;font-size:14px;font-weight:650;display:inline-flex!important}.role-master{color:var(--status-amber);background:#3b3022}.role-admin{color:var(--accent);background:var(--accent-soft)}.role-manager{color:var(--status-purple);background:#332a4d}.role-user{color:var(--status-blue);background:#25364e}.role-viewer{color:var(--secondary);background:#283b49}.account-status{font-size:14px;font-weight:650}.account-status.is-active{color:var(--status-green)}.account-status.is-locked{color:var(--status-red)}.permission-table{min-width:760px;margin:15px 0 22px}.permission-table th:not(:first-child),.permission-table td:not(:first-child){text-align:center}.permission-table td:first-child{width:40%}.permission-table input{width:22px;height:22px}.admin-policy-note{color:var(--secondary);background:var(--surface-raised);border-radius:10px;padding:15px 17px;font-size:15px;line-height:1.8}.admin-error{color:var(--status-red);margin:14px 0;font-size:16px;font-weight:700}.admin-notice{color:var(--status-green);background:#203c34;border-radius:10px;gap:8px;margin:15px 0;padding:13px 16px;font-size:16px;display:flex}.admin-dialog .field>span{color:var(--text);margin-bottom:8px;font-size:16px;font-weight:650;display:block}.admin-dialog .modal-header h2{font-size:26px;font-weight:750}.sensitive-fields{background:#3b302230;border:1px solid #625338;border-radius:12px;margin-top:20px;padding:18px}.sensitive-fields h3{color:var(--status-amber);margin-bottom:17px;font-size:20px;font-weight:700}.temporary-password{color:var(--text);background:#3b3022;border:1px solid #625338;border-radius:12px;flex-wrap:wrap;align-items:center;gap:15px;margin:18px 0;padding:20px;display:flex}.temporary-password>div{flex:1;min-width:180px}.temporary-password strong,.temporary-password span,.temporary-password small{display:block}.temporary-password span{overflow-wrap:anywhere;margin:10px 0;font-size:20px;font-weight:700}.temporary-password small{color:var(--secondary);font-size:14px}.policy-change-list{margin:20px 0;padding-left:22px;font-size:15px}.personal-preferences{border:1px solid var(--border);background:var(--surface);border-radius:15px;max-width:620px;padding:24px}.personal-preferences h3{margin-bottom:22px;font-size:23px;font-weight:750}.personal-preferences .checkbox-line{padding:8px 0;font-size:16px}.account-actions{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.task-access-fields{border-top:1px solid var(--border);margin-top:22px;padding-top:20px}.task-access-fields h3{margin-bottom:17px;font-size:21px;font-weight:750}.section-heading h2,.settings-section h2{color:var(--text);font-size:25px;font-weight:750}.section-heading h3{color:var(--text);font-weight:750}@media (max-width:600px){.auth-card{padding:26px 22px}.auth-card h1{font-size:29px}.admin-heading h1,.admin-heading h2{font-size:26px}.admin-tabs button{flex:40%;justify-content:center}}.page-heading h1{font-size:30px;font-weight:750}.settings-heading h3{color:var(--text);font-size:22px;font-weight:750}@media (pointer:coarse){.admin-row-actions .icon-btn{min-width:44px;min-height:44px}}