:root{--bg:#fbfbfd;--surface:#fff;--sidebar:#f5f5f9;--ink:#242535;--secondary:#625e71;--muted:#777184;--line:#eaeaF2;--accent:#7463df;--tint:#efecfc;--green:#388d75;--rose:#c46f7a;--amber:#b78640;--radius:10px;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:13px;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit;border:1px solid var(--line);border-radius:7px;background:var(--surface);padding:8px 12px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap}button:hover{background:#f5f3fc;border-color:#d8d1f3}button:disabled{opacity:.5;cursor:wait}button.primary{background:var(--accent);border-color:var(--accent);color:white}button.primary:hover{background:#6654cc}button.soft{background:var(--tint);border-color:transparent;color:var(--accent)}button.ghost{background:transparent;border-color:transparent}button.danger{color:#b25366}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input,textarea,select{border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink);padding:10px 11px;width:100%}select{cursor:pointer}textarea{resize:vertical;min-height:90px;line-height:1.65}input[type=checkbox]{width:auto;accent-color:var(--accent)}svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.app-shell{display:grid;grid-template-columns:214px minmax(0,1fr);min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:214px;background:var(--sidebar);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:24px 14px 14px;z-index:3}.logo{display:flex;align-items:center;gap:10px;padding:0 12px 25px;font-size:18px;font-weight:720;letter-spacing:-.7px}.logo-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--accent);color:#fff;font-size:18px}.workspace-label{display:flex;align-items:center;gap:10px;padding:13px 10px;margin-bottom:22px;background:#fff;border:1px solid var(--line);border-radius:8px}.workspace-logo{width:28px;height:28px;border-radius:7px;background:#f0eafa;display:grid;place-items:center;font-weight:650;color:#8a6abb}.workspace-label b{font-size:12px;display:block}.workspace-label small{font-size:10px;color:var(--muted);display:block;margin-top:4px}.side-label{font-size:9px;text-transform:uppercase;letter-spacing:1.5px;color:#787884;margin:5px 12px 9px}.nav-button{display:flex;justify-content:flex-start;gap:11px;width:100%;background:transparent;border:0;color:var(--secondary);margin-bottom:4px;padding:11px 12px;font-size:12px}.nav-button.active{background:#eae6fa;color:#6a56c9;font-weight:600}.nav-button:hover{background:#eeedf5}.nav-button .badge{margin-left:auto;background:#ded7f6;color:#7960ce;border-radius:4px;padding:1px 5px;font-size:10px}.sidebar-bottom{margin-top:auto;padding-top:25px}.sidebar-note{color:#767683;font-size:10px;line-height:1.7;padding:12px}.profile-button{width:100%;justify-content:flex-start;background:transparent;border-color:var(--line);padding:10px;gap:9px;text-align:left}.avatar{display:inline-grid;place-items:center;border-radius:50%;width:30px;height:30px;flex:none;background:#e4dcf5;color:#7e66ac;font-weight:600;font-size:11px}.avatar.large{height:54px;width:54px;font-size:20px}.avatar.tiny{height:23px;width:23px;font-size:9px;background:#f0ebfa}.profile-button b{display:block;font-size:11px}.profile-button small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.main{grid-column:2;min-width:0}.topbar{height:66px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 36px;background:#fff;gap:20px}.breadcrumbs{display:flex;align-items:center;gap:11px;color:#787784;font-size:11px}.breadcrumbs b{font-weight:500;color:#656477}.top-actions{display:flex;align-items:center;gap:12px}.brand-switch{max-width:175px;border:0;background:transparent;padding:7px;color:var(--secondary);font-size:11px}.icon-button{padding:7px;min-width:31px}.search-trigger{border:0;background:transparent;color:#767682;font-size:11px;gap:15px}kbd{font:10px inherit;background:#f4f3f8;border:1px solid var(--line);border-radius:4px;padding:2px 5px;color:#7c7a87}.content{max-width:1480px;margin:auto;padding:40px 40px 70px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.eyebrow{font-size:10px;color:#767381;letter-spacing:1px;margin-bottom:8px}h1{font-size:27px;font-weight:600;letter-spacing:-.8px;margin:0 0 8px;line-height:1.3}h2{font-size:16px;font-weight:600;letter-spacing:-.2px;margin:0}h3{font-size:13px;font-weight:600;margin:0 0 8px}p{line-height:1.7}.subtext{margin:0;color:var(--muted);font-size:12px;line-height:1.7}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.icon-box{height:34px;width:34px;background:#f0edfb;border-radius:9px;display:grid;place-items:center;color:#635598}.quiet-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.focus-hero{display:grid;grid-template-columns:minmax(0,1fr) 180px;background:#f2effb;border:1px solid #e9e3f9;border-radius:12px;padding:27px 30px;margin-bottom:30px;min-height:160px;align-items:center;position:relative;overflow:hidden}.focus-hero h2{font-size:22px;font-weight:550;line-height:1.5;max-width:450px}.focus-hero p{font-size:12px;color:#6b6579;max-width:500px;margin:9px 0 15px}.hero-art{position:relative;display:grid;place-items:center;height:125px}.art-page{width:95px;height:117px;transform:rotate(-9deg);border:1px solid #d9cfef;background:#fff;border-radius:10px;box-shadow:8px 10px 0 #e6dff5;padding:23px 16px}.art-line{height:5px;background:#ece7f7;border-radius:3px;margin:9px 0}.art-check{position:absolute;right:25px;bottom:17px;width:43px;height:43px;border-radius:50%;background:#c9e3d7;border:6px solid #f2effb;color:#457261;display:grid;place-items:center}.focus-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,1fr);gap:26px}.section-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}.section-header h2{font-size:14px}.section-header .count{color:#7d7b87;font-weight:400;margin-left:6px}.tabs{display:flex;border-bottom:1px solid var(--line);gap:21px;margin-bottom:23px;overflow:auto}.tab{background:transparent;border:0;border-radius:0;color:#6c6b78;padding:12px 0;font-size:12px;position:relative;gap:7px}.tab.active{color:var(--accent);font-weight:550}.tab.active:after{content:'';height:2px;position:absolute;bottom:0;inset-inline:0;background:var(--accent);border-radius:2px}.tab-count{background:#f2eff9;padding:1px 5px;border-radius:4px;font-size:10px}.empty-state{padding:48px 25px;text-align:center;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:12px;color:var(--muted);min-height:200px}.empty-state h3{color:#666178;font-size:14px;margin:0}.empty-state p{max-width:390px;font-size:12px;margin:0}.empty-state .icon-box{height:43px;width:43px;margin-bottom:3px}.focus-footer{font-size:11px;color:#7e7b87;margin:18px 0}.up-next{margin-bottom:25px}.up-next .quiet-card{padding:18px}.compact-card{border-bottom:1px solid var(--line);padding:17px 0;display:flex;gap:12px;align-items:flex-start}.compact-card:last-child{border-bottom:0}.compact-card h3{font-size:12px;line-height:1.5;margin:0 0 5px}.compact-card p{font-size:10px;color:var(--muted);margin:0}.quick-action{display:flex;justify-content:flex-start;width:100%;padding:12px 14px;background:transparent;border:0;color:#79748a;font-size:11px;gap:10px}.quick-action svg{color:#79728d}.muted{color:var(--muted)}.tiny{font-size:10px}.pill{display:inline-flex;align-items:center;gap:5px;border-radius:5px;background:#f2f1f6;color:#65616f;font-size:10px;padding:4px 7px;white-space:nowrap;font-weight:450}.pill.green{background:#eaf3ee;color:#4a6857}.pill.amber{background:#fcf3e6;color:#8c7043}.pill.purple{background:#eeebfa;color:#675890}.pill.rose{background:#faedef;color:#8c5c64}.pill.blue{background:#eaf1fa;color:#596f8b}.pillrow{display:flex;gap:6px;flex-wrap:wrap}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;flex:none;background:currentColor}.toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap}.filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.filter-select{width:auto;max-width:190px;font-size:11px;padding:8px 10px;background:transparent}.text-search{position:relative;max-width:260px}.text-search input{font-size:11px;background:#fff;padding:8px 11px}.segmented{display:flex;background:#f1eff7;padding:3px;border-radius:7px;gap:2px}.segmented button{border:0;background:transparent;padding:5px 10px;color:#777280;font-size:11px}.segmented .selected{background:#fff;color:#7866bd;box-shadow:0 1px 3px #33245b0d}.work-group{margin-bottom:22px}.group-heading{display:flex;align-items:center;gap:9px;padding:12px 0;color:#6f697f;font-size:12px}.group-heading .counter{font-size:10px;color:#84808c}.task-table{width:100%;border-collapse:collapse;table-layout:fixed}.task-table th{text-align:left;font-size:9px;color:#7e7a87;letter-spacing:.3px;font-weight:450;padding:11px 15px;background:#fcfbfe;border-bottom:1px solid var(--line)}.task-table td{padding:15px;border-bottom:1px solid #f0edf5;font-size:11px;color:#65606d}.task-table tbody tr:last-child td{border-bottom:0}.task-table tbody tr{cursor:pointer}.task-table tbody tr:hover{background:#fcfaff}.task-table .name-col{width:47%;color:#4c465c;font-size:12px;line-height:1.55}.task-table .name-col small{display:block;color:#7f7a86;font-size:10px;margin-top:4px}.task-table .name-col .task-name{display:flex;align-items:center;gap:10px}.task-marker{width:13px;height:13px;border:1.5px solid #c8c1dc;border-radius:4px;flex:none}.task-table .stage-col{width:22%}.task-table .due-col{width:15%}.task-table .person-col{width:16%}.table-footer{display:flex;justify-content:space-between;padding:12px 16px;border-top:1px solid var(--line);font-size:10px;color:var(--muted);align-items:center}.board{display:flex;gap:17px;overflow-x:auto;align-items:flex-start;padding-bottom:20px}.board-col{min-width:260px;width:280px;flex:none}.board-head{display:flex;justify-content:space-between;align-items:center;font-size:11px;padding:9px 3px 17px;color:#666173}.board-card{width:100%;display:block;text-align:left;white-space:normal;padding:17px;margin-bottom:11px;border-radius:9px;box-shadow:0 2px 3px #30245103}.board-card h3{font-size:12px;line-height:1.7;margin:12px 0;color:#5c526e}.board-card footer{display:flex;align-items:center;justify-content:space-between;color:#827a8a;font-size:10px;margin-top:18px}.board-card .product-label{font-size:10px;color:#81798d}.product-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.product-card{border:1px solid var(--line);border-radius:10px;background:#fff;padding:21px;text-align:left;display:block;white-space:normal;min-height:173px}.product-card .product-icon{height:38px;width:38px;border-radius:9px;background:#f4f0fb;color:#7a6f92;display:grid;place-items:center;margin:12px 0 16px}.product-card h3{font-size:14px;color:#645874}.product-card p{font-size:10px;color:#82798a;line-height:1.7;margin:9px 0}.product-card footer{display:flex;justify-content:space-between;font-size:10px;color:#7f7788;margin-top:20px;padding-top:13px;border-top:1px solid var(--line)}.brand-section{margin-bottom:26px}.brand-section>summary{padding:15px 3px;display:flex;align-items:center;gap:10px;cursor:pointer;font-size:13px;font-weight:500;list-style:none}.brand-section>summary:before{content:'›';transform:rotate(90deg);font-size:18px;color:#7e768a}.brand-section:not([open])>summary:before{transform:none}.brand-section>summary small{font-size:10px;font-weight:400;color:#847c8c;margin-left:auto}.brand-section:not([open]){border-bottom:1px solid var(--line)}.history-group{border-bottom:1px solid var(--line)}.history-group:last-child{border:0}.history-group>summary{padding:17px 18px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;list-style:none;font-size:12px;color:#7c6f8b}.history-group>summary:before{content:'›';color:#877d92;margin-right:10px}.history-group[open]>summary:before{transform:rotate(90deg)}.history-group>summary span:first-of-type{flex:1}.history-group .task-table{border-top:1px solid var(--line)}.history-info{padding:14px 18px;color:#877f8d;font-size:10px;border-top:1px solid var(--line)}.breadcrumb-back{font-size:11px;border:0;background:transparent;color:#7c718a;padding:0;margin-bottom:16px}.product-header{display:flex;align-items:center;gap:18px;margin-bottom:22px}.product-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:26px}.product-stat{padding:20px;border:1px solid var(--line);border-radius:9px;background:#fff}.product-stat strong{display:block;font-size:22px;font-weight:550;color:#7c6a92;margin:8px 0}.product-stat small{font-size:10px;color:#82798c}.disclosure{border:1px solid var(--line);border-radius:9px;margin-bottom:14px;background:#fff;overflow:hidden}.disclosure>summary{cursor:pointer;list-style:none;padding:16px 18px;display:flex;justify-content:space-between;gap:10px;align-items:center;color:#7c6d8f;font-size:12px}.disclosure>summary:after{content:'⌄';color:#887e91}.disclosure[open]>summary:after{content:'⌃'}.disclosure-body{padding:0 18px 20px}.divider{height:1px;background:var(--line);margin:20px 0}.settings-layout{display:grid;grid-template-columns:170px minmax(0,780px);gap:30px}.settings-nav button{width:100%;justify-content:flex-start;border:0;background:transparent;color:#796e84;font-size:11px;margin-bottom:4px;padding:10px}.settings-nav button.active{background:#efe9f7;color:#6a5782}.settings-section{padding:26px;margin-bottom:20px}.settings-section h2{font-size:15px;color:#756383;margin-bottom:7px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:20px}.field{display:flex;flex-direction:column;gap:8px;color:#74697f;font-size:11px}.field input,.field textarea,.field select{font-size:12px;color:#756381}.field small{font-size:10px;color:#83788e;line-height:1.6}.field.full{grid-column:1/-1}.check-label{display:flex;gap:8px;align-items:center;font-size:11px;color:#766b80}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid var(--line)}.settings-row:last-child{border:0}.settings-row b{font-size:12px;color:#877291}.settings-row p{font-size:11px;color:#84768f;margin:5px 0}.permission-table{border-collapse:collapse;width:100%;font-size:10px}.permission-table th,.permission-table td{text-align:left;padding:11px;border-bottom:1px solid var(--line);color:#796784}.permission-table th{color:#6c577b;font-weight:550;background:#fdfaff}.member-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 0;border-bottom:1px solid var(--line)}.member-row:last-child{border:0}.member-details{display:flex;gap:10px;align-items:center;flex:1}.member-details b{font-size:12px;color:#685474}.member-details small{display:block;color:#82708f;font-size:10px;margin-top:4px}.dialog-backdrop{position:fixed;inset:0;background:#25203955;backdrop-filter:blur(2px);z-index:10}.side-panel{position:fixed;right:0;top:0;bottom:0;background:#fff;width:min(720px,94vw);z-index:11;display:flex;flex-direction:column;box-shadow:-10px 0 60px #2714361c;animation:slide .18s ease}.panel-header{padding:20px 27px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px}.panel-crumb{display:flex;align-items:center;gap:8px;font-size:10px;color:#8a7798}.panel-body{padding:25px 28px;overflow:auto;flex:1}.panel-body h2{font-size:22px;line-height:1.5;font-weight:550;color:#78607f;margin:13px 0 17px}.panel-body .tabs{position:sticky;top:-26px;background:#fff;z-index:2;padding-top:5px}.panel-body .pillrow{margin-bottom:15px}.property-row{display:grid;grid-template-columns:130px 1fr;align-items:center;gap:18px;padding:9px 0;font-size:11px;color:#7e6e8a}.property-row .value{color:#685573}.property-row select,.property-row input{padding:7px 9px;border-color:transparent;color:#8b6e9d;font-size:11px;background:#fbf7fd}.property-row select:hover,.property-row input:hover{border-color:var(--line)}.panel-section-title{font-size:11px;font-weight:550;margin:23px 0 12px;color:#735b80}.panel-section-title.first{margin-top:12px}.brief-text{font-size:12px;line-height:1.9;color:#766282;white-space:pre-wrap}.quote-summary{display:flex;align-items:center;justify-content:space-between;border:1px solid #eae1f2;background:#fcf9ff;border-radius:9px;padding:15px 18px;margin:20px 0}.quote-summary span{font-size:11px;color:#826890}.quote-summary strong{font-size:23px;font-weight:550;color:#6c5376}.quote-summary small{display:block;font-size:10px;margin-top:5px;color:#907c9c}.panel-footer{padding:17px 27px;border-top:1px solid var(--line);background:#fff;display:flex;justify-content:space-between;align-items:center;gap:10px}.panel-footer .actions{justify-content:flex-end}.mini-alert{padding:12px 15px;border-radius:7px;background:#f7f1fc;color:#847093;font-size:11px;line-height:1.7;margin-bottom:18px}.mini-alert.warn{background:#fff7ed;color:#877353}.mini-alert.success{background:#eef7f0;color:#597666}.checklist-row{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--line);color:#775f83;font-size:11px}.checklist-row.done span{text-decoration:line-through;opacity:.6}.comment{border:1px solid var(--line);padding:14px 15px;border-radius:9px;margin:12px 0}.comment.internal{background:#fcf8ff;border-style:dashed}.comment header{display:flex;gap:7px;align-items:center;font-size:10px;color:#8b739a}.comment header b{color:#725982;font-weight:500}.comment p{font-size:12px;color:#826890;white-space:pre-wrap;margin:11px 0 0}.comment-composer{position:sticky;bottom:0;background:#fff;padding-top:15px}.comment-composer textarea{font-size:12px}.comment-composer .actions{justify-content:space-between;margin-top:9px}.timeline-item{position:relative;padding:0 0 24px 24px;border-left:1px solid #f0e4f7;margin-left:8px;color:#876995;font-size:11px}.timeline-item:before{content:'';position:absolute;left:-4px;top:2px;height:7px;width:7px;border-radius:50%;background:#dfc8ed}.timeline-item b{color:#775a87;font-weight:500}.timeline-item p{margin:5px 0;font-size:10px;color:#937a9e}.review-box{border:1px solid #ede2f6;border-radius:9px;padding:20px;margin:15px 0}.review-box h3{color:#775c86}.review-box .brief-text{font-size:11px}.version-label{font-size:10px;color:#90769b}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(590px,94vw);max-height:90vh;overflow:auto;background:#fff;border-radius:13px;z-index:12;box-shadow:0 20px 90px #29113733}.modal.wide{width:min(800px,94vw)}.modal-header{padding:23px 27px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:15px}.modal-header h2{font-size:18px;color:#70547d}.modal-body{padding:23px 27px}.modal-footer{padding:18px 27px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:10px}.modal h3{color:#7a5c8a}.error{font-size:11px;color:#8c4f65;line-height:1.7;margin:10px 0;white-space:pre-wrap}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-brand{padding:50px 65px;background:#f0ebf9;display:flex;flex-direction:column;position:relative}.auth-brand .logo{padding:0}.auth-brand .message{margin:auto 0;max-width:470px}.auth-brand h1{font-size:43px;line-height:1.25;font-weight:550;color:#6b577c;letter-spacing:-1.6px}.auth-brand p{color:#7b6a87;font-size:14px;line-height:1.9}.auth-brand footer{font-size:10px;color:#877693}.auth-form-container{display:grid;place-items:center;padding:40px}.auth-form{width:100%;max-width:350px}.auth-form h2{font-size:25px;font-weight:550;color:#6b5476;margin-bottom:9px}.auth-form>.subtext{margin-bottom:25px}.auth-form .field{margin-bottom:17px}.auth-form button.primary{width:100%;padding:12px;margin-top:5px}.auth-form footer{font-size:10px;color:#8a7695;line-height:1.9;margin-top:22px}.notification-row{display:flex;align-items:flex-start;gap:13px;padding:21px 23px;border-bottom:1px solid var(--line);cursor:pointer}.notification-row.unread{background:#fcf8ff}.notification-row .dot{background:#b89acf;margin-top:6px}.notification-row b{font-size:12px;color:#786184;font-weight:500}.notification-row p{font-size:10px;color:#8f7a9a;margin:7px 0 0}.pagination{display:flex;align-items:center;gap:10px;justify-content:flex-end;margin-top:18px;color:#877295;font-size:10px}.table-scroll{overflow:auto}.source-table{border-collapse:collapse;width:100%;font-size:10px}.source-table td,.source-table th{padding:11px;border:1px solid var(--line);min-width:80px;max-width:300px;vertical-align:top;color:#7f678e;white-space:pre-wrap;overflow-wrap:anywhere}.source-table td small{display:block;font-size:9px;color:#917c9d;margin-top:8px}.hint{font-size:10px;line-height:1.8;color:#877295}.scroll-list{max-height:350px;overflow:auto}.checkbox-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:15px 0}.search-result{display:block;width:100%;border:0;border-bottom:1px solid var(--line);border-radius:0;justify-content:flex-start;text-align:left;padding:15px;white-space:normal;font-size:12px;color:#806591}.search-result small{display:block;font-size:10px;color:#937ba0;margin-top:5px}.code{font:10px ui-monospace,monospace;background:#fcf8ff;padding:14px;border:1px solid var(--line);border-radius:7px;color:#866897;white-space:pre-wrap;overflow-wrap:anywhere}.loading{padding:70px;color:#7e7787}.notice-inline{padding:13px 0;color:#7e768a;font-size:11px;display:flex;align-items:center;gap:9px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#53416c;color:#fff;border-radius:8px;padding:13px 20px;font-size:11px;box-shadow:0 8px 30px #41234f26;z-index:40;display:none;max-width:90vw}.dense .task-table td{padding-top:10px;padding-bottom:10px}.dark{--bg:#201d28;--surface:#282431;--sidebar:#25212e;--ink:#e8e0ef;--secondary:#c3b7cf;--muted:#a396b1;--line:#3b3248;--tint:#3c3054}.dark .topbar,.dark .panel-body .tabs,.dark .side-panel,.dark .panel-footer,.dark .modal,.dark .comment-composer,.dark .workspace-label{background:var(--surface)}.dark .task-table th,.dark .product-card,.dark .disclosure,.dark input,.dark select,.dark textarea{background:var(--surface)}.dark .focus-hero{background:#342945;border-color:#433457}.dark .art-page{background:#514064;border-color:#67517d}.dark .art-line{background:#796194}.dark .art-check{border-color:#342945}.dark .task-table tbody tr:hover{background:#32293d}.dark .focus-hero h2{color:#ddcbed}.dark .task-table .name-col,.dark .panel-body h2{color:#cfb9df}.dark .settings-section h2,.dark .product-card h3{color:#c7add9}.dark .quote-summary,.dark .mini-alert,.dark .review-box,.dark .comment.internal{background:#32263e;border-color:#4b365d}.dark .property-row input,.dark .property-row select{background:#34283e}.dark .notification-row.unread{background:#32263d}@keyframes slide{from{transform:translateX(30px);opacity:.5}to{transform:none;opacity:1}}@media(min-width:1550px){.content{padding-top:46px}.product-groups{grid-template-columns:repeat(4,1fr)}}@media(max-width:1100px){.app-shell{grid-template-columns:190px minmax(0,1fr)}.sidebar{width:190px}.content{padding:30px 25px}.topbar{padding:0 25px}.focus-grid{grid-template-columns:1fr}.product-groups{grid-template-columns:repeat(2,1fr)}.settings-layout{grid-template-columns:140px minmax(0,1fr);gap:20px}}@media(max-width:760px){.app-shell{display:block}.sidebar{position:relative;width:100%;padding:15px 13px;border-bottom:1px solid var(--line);border-right:0}.logo{padding:0 5px 15px;font-size:16px}.workspace-label,.side-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;overflow:auto;gap:5px}.nav-button{width:auto;white-space:nowrap;padding:9px 11px;margin:0;font-size:11px;gap:6px}.nav-button svg{width:15px;height:15px}.main{width:100%}.topbar{padding:0 17px;height:53px}.breadcrumbs{font-size:10px}.search-trigger{font-size:0;gap:0}.search-trigger kbd{display:none}.brand-switch{max-width:140px}.content{padding:25px 17px 50px}.page-heading{align-items:flex-start;margin-bottom:24px}h1{font-size:24px}.focus-hero{grid-template-columns:1fr;padding:24px}.focus-hero h2{font-size:20px}.hero-art{display:none}.product-groups{grid-template-columns:1fr 1fr;gap:11px}.product-card{padding:15px}.product-card h3{font-size:12px}.task-table .name-col{width:60%}.task-table .stage-col{width:40%}.task-table .due-col,.task-table .person-col{display:none}.task-table td,.task-table th{padding:12px}.settings-layout{display:block}.settings-nav{display:flex;overflow:auto;margin-bottom:20px}.settings-nav button{width:auto;white-space:nowrap}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.settings-section{padding:20px}.top-actions{gap:5px}.auth-shell{grid-template-columns:1fr}.auth-brand{display:none}.auth-form-container{min-height:100vh;padding:30px}.panel-body{padding:20px}.panel-header,.panel-footer{padding:16px 20px}.property-row{grid-template-columns:100px 1fr}.product-overview{gap:9px}.product-stat{padding:13px}.product-stat strong{font-size:18px}.focus-hero p{font-size:11px}}

/* Keep the work above the fold; the welcome surface stays quiet. */
.focus-hero{min-height:118px;padding:20px 25px}.focus-hero h2{font-size:19px}.focus-hero p{margin:7px 0 11px;font-size:11px}.hero-art{height:92px}.art-page{width:73px;height:91px;padding:13px 12px}.art-line{height:4px;margin:7px 0}.art-check{height:36px;width:36px;right:35px;bottom:0}.task-table .person-col{font-size:10px}