:root{color:#18202b;font-synthesis:none;--brand:#d91c24;--brand-dark:#b51219;--brand-soft:#fff0f0;--bg:#f3f5f7;--surface:#fff;--surface-2:#f8f9fa;--text:#17202b;--muted:#6b7583;--line:#e5e8ec;--line-strong:#d8dde3;--sidebar:#161b22;--sidebar-text:#eef1f4;--shadow:0 12px 30px #1219230f;--radius:16px;background:#f4f6f8;font-family:Inter,Noto Sans SC,Microsoft YaHei,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#101318;--surface:#181d24;--surface-2:#20262f;--text:#edf0f4;--muted:#9ca5b2;--line:#2a313b;--line-strong:#353e49;--brand-soft:#35191d;--sidebar:#0b0e12;--shadow:0 12px 30px #0003}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:var(--bg);min-height:100vh;color:var(--text)}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}svg{stroke-width:1.9px;width:18px;height:18px}.app-shell{min-height:100vh;display:flex}.app-loading{min-height:100vh;color:var(--muted);background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:12px;display:flex}.app-loading span{border:3px solid var(--line);border-top-color:var(--brand);border-radius:50%;width:30px;height:30px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.sidebar{z-index:50;background:var(--sidebar);width:244px;color:var(--sidebar-text);flex-direction:column;padding:26px 16px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;padding:2px 10px 27px;display:flex}.brand img{object-fit:cover;object-position:left;border-radius:2px;width:117px;height:34px}.brand span{color:#fff;white-space:nowrap;border-left:1px solid #ffffff40;padding-left:12px;font-size:14px;font-weight:700}.nav-list{flex-direction:column;gap:4px;padding-top:18px;display:flex}.nav-label{color:#717a86;letter-spacing:.16em;text-transform:uppercase;margin:0 12px 7px;font-size:10px;font-weight:800}.admin-label{margin-top:20px}.nav-list a{color:#aab1bb;border-radius:9px;align-items:center;gap:13px;min-height:44px;padding:0 13px;font-size:14px;font-weight:500;transition:all .18s;display:flex;position:relative}.nav-list a:hover{color:#fff;background:#ffffff0f}.nav-list a.active{color:#fff;background:linear-gradient(100deg,#d91c24,#bd151c);box-shadow:0 8px 20px #d91c2438}.nav-list a.active:before{content:"";background:#ff4a50;border-radius:0 4px 4px 0;width:3px;height:23px;position:absolute;left:-16px}.nav-list a svg{width:19px;height:19px}.nav-badge{text-align:center;background:#fff3;border-radius:20px;min-width:20px;margin-left:auto;padding:2px 6px;font-size:10px}.sidebar-foot{color:#7d8794;border-top:1px solid #ffffff14;margin-top:auto;padding:15px 12px 0;font-size:11px}.status-dot{background:#37b77a;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block;box-shadow:0 0 0 3px #37b77a1f}.main-area{width:calc(100% - 244px);min-height:100vh;margin-left:244px}.topbar{z-index:30;background:color-mix(in srgb, var(--surface) 94%, transparent);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);align-items:center;gap:10px;height:68px;padding:0 32px;display:flex;position:sticky;top:0}.topbar-spacer{flex:1}.icon-button{width:36px;height:36px;color:var(--muted);background:0 0;border:0;border-radius:9px;place-items:center;padding:0;display:inline-grid}.icon-button:hover{color:var(--text);background:var(--surface-2)}.icon-button:disabled{opacity:.3;cursor:not-allowed}.theme-toggle{height:36px;color:var(--muted);border:1px solid var(--line);background:0 0;border-radius:9px;align-items:center;gap:7px;padding:0 11px;font-size:12px;display:flex}.notification-button{width:38px;height:38px;color:var(--muted);border:1px solid var(--line);border-radius:9px;place-items:center;display:grid;position:relative}.notification-button b{color:#fff;background:var(--brand);border:2px solid var(--surface);text-align:center;border-radius:10px;min-width:17px;height:17px;padding:1px 4px;font-size:9px;position:absolute;top:-6px;right:-5px}.user-switcher{border-radius:10px;align-items:center;gap:9px;height:43px;margin-left:7px;padding:0 9px;display:flex;position:relative}.user-switcher>svg:first-child{width:27px;height:27px;color:var(--brand)}.user-switcher>svg:last-of-type{width:14px;color:var(--muted)}.user-switcher div{flex-direction:column;min-width:72px;display:flex}.user-switcher strong{font-size:12px}.user-switcher small{color:var(--muted);margin-top:1px;font-size:10px}.user-switcher select{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.page{max-width:1540px;margin:0 auto;padding:34px 34px 60px}.page-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:26px;display:flex}.eyebrow{color:var(--brand);letter-spacing:.16em;text-transform:uppercase;margin-bottom:7px;font-size:10px;font-weight:800;display:block}.page-header h1{letter-spacing:-.04em;margin:0;font-size:clamp(25px,2.4vw,34px);line-height:1.18}.page-header p{max-width:660px;color:var(--muted);margin:8px 0 0;font-size:13px;line-height:1.7}.page-actions{gap:10px;display:flex}.primary-button,.secondary-button,.danger-button{border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 16px;font-size:12px;font-weight:700;transition:all .16s;display:inline-flex}.primary-button{color:#fff;background:var(--brand);border:1px solid var(--brand);box-shadow:0 6px 16px #d91c2426}.primary-button:hover{background:var(--brand-dark);transform:translateY(-1px)}.primary-button:disabled{opacity:.45;cursor:not-allowed;transform:none}.secondary-button{color:var(--text);background:var(--surface);border:1px solid var(--line-strong)}.secondary-button:hover{background:var(--surface-2);border-color:#aeb5be}.danger-button{color:#d13b42;background:#fff2f2;border:1px solid #ffd3d5}.text-button{color:var(--brand);background:0 0;border:0;align-items:center;gap:5px;padding:4px 7px;font-size:12px;font-weight:700;display:inline-flex}.text-button:disabled{opacity:.35}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.login-page{background:var(--surface);grid-template-columns:minmax(500px,1.25fr) minmax(420px,.75fr);min-height:100vh;display:grid}.login-showcase{color:#fff;background:radial-gradient(circle at 20% 15%,#322529 0,#16171b 34%,#090b0f 100%);flex-direction:column;min-height:100vh;padding:58px clamp(52px,7vw,112px);display:flex;position:relative;overflow:hidden}.login-showcase:before{content:"";opacity:.15;background-image:linear-gradient(#ffffff12 1px,#0000 1px),linear-gradient(90deg,#ffffff12 1px,#0000 1px);background-size:46px 46px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(to bottom right,#000,#0000 80%);mask-image:linear-gradient(to bottom right,#000,#0000 80%)}.login-showcase>img{z-index:2;object-fit:cover;object-position:left;width:250px;height:70px;position:relative}.showcase-copy{z-index:2;margin:auto 0 55px;position:relative}.showcase-copy>span{color:#ff6066;letter-spacing:.25em;font-size:11px;font-weight:800}.showcase-copy h1{letter-spacing:-.04em;margin:23px 0 21px;font-size:clamp(42px,4vw,68px);line-height:1.18}.showcase-copy p{color:#aeb3bc;max-width:560px;margin:0;font-size:16px;line-height:1.9}.showcase-points{z-index:2;color:#c3c7ce;border-top:1px solid #ffffff1f;gap:27px;padding-top:24px;font-size:12px;display:flex;position:relative}.showcase-points span{align-items:center;gap:7px;display:flex}.showcase-points svg{color:#e62a31;width:16px}.showcase-glow{filter:blur(12px);border-radius:50%;position:absolute}.glow-one{background:#d91c2421;width:390px;height:390px;top:20%;right:-230px}.glow-two{background:#d91c241a;width:250px;height:250px;bottom:-170px;left:15%}.login-panel{background:var(--surface);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:45px;display:flex}.login-panel form{width:min(390px,100%)}.login-panel h2{letter-spacing:-.04em;margin:5px 0 8px;font-size:31px}.login-panel form>p{color:var(--muted);margin:0 0 35px;font-size:13px}.login-panel label{margin-bottom:19px;display:block}.login-panel label>span,.form-grid label>span,.block-label>span,.quote-form label>span{color:var(--text);margin-bottom:8px;font-size:12px;font-weight:700;display:block}.input-with-icon{position:relative}.input-with-icon>svg{color:#9aa2ad;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.input-with-icon input{border:1px solid var(--line-strong);background:var(--surface);width:100%;height:48px;color:var(--text);border-radius:10px;outline:none;padding:0 44px}.input-with-icon input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #d91c2414}.input-with-icon button{width:36px;height:36px;color:var(--muted);background:0 0;border:0;position:absolute;top:6px;right:8px}.login-submit{justify-content:space-between;width:100%;height:48px;margin-top:6px;padding:0 18px}.demo-hint{background:var(--surface-2);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:5px;margin-top:22px;padding:13px 15px;font-size:11px;line-height:1.5;display:flex}.demo-hint span{color:var(--muted)}.copyright{color:#9ba2ac;margin-top:auto;padding-top:30px;font-size:10px}.mobile-logo{display:none}.form-error{color:#d8333b;margin:-6px 0 12px;font-size:12px}.password-page{background:radial-gradient(circle at 50% 0,#352327,#111419 52%);place-items:center;min-height:100vh;padding:24px;display:grid}.password-page>section{width:min(440px,100%);color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:36px;box-shadow:0 25px 80px #0000004d}.password-page img{object-fit:cover;object-position:left;width:185px;height:55px}.password-icon{width:45px;height:45px;color:var(--brand);background:var(--brand-soft);border-radius:12px;place-items:center;margin-top:30px;display:grid}.password-page h1{margin:16px 0 8px;font-size:25px}.password-page>section>p{color:var(--muted);margin:0 0 25px;font-size:11px;line-height:1.7}.password-page label{margin-bottom:16px;display:block}.password-page label span{margin-bottom:7px;font-size:11px;font-weight:700;display:block}.password-page input{width:100%;height:43px;color:var(--text);background:var(--surface);border:1px solid var(--line-strong);border-radius:9px;padding:0 12px}.password-page form>.primary-button{width:100%}.password-page form>.text-button{justify-content:center;width:100%;margin-top:9px}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--line);min-height:128px;box-shadow:var(--shadow);border-radius:14px;align-items:center;gap:17px;padding:22px;display:flex}.stat-card>div:last-child{flex:1;grid-template-columns:1fr auto;align-items:end;min-width:0;display:grid}.stat-card span{color:var(--muted);grid-column:1/3;font-size:11px}.stat-card strong{margin:6px 0 4px;font-size:31px;line-height:1}.stat-card small{color:var(--muted);justify-self:end;padding-bottom:2px;font-size:10px}.stat-icon{width:47px;height:47px;color:var(--brand);background:var(--brand-soft);border-radius:12px;flex:none;place-items:center;display:grid}.stat-icon.blue{color:#3478d4;background:#edf5ff}.stat-icon.amber{color:#c27c11;background:#fff7df}.stat-icon.danger{color:#dc343c;background:#fff0f1}.stat-icon.green{color:#2a9669;background:#eaf8f2}:root[data-theme=dark] .stat-icon.blue{background:#162a43}:root[data-theme=dark] .stat-icon.amber{background:#382d18}:root[data-theme=dark] .stat-icon.green{background:#183228}.dashboard-grid{grid-template-columns:1.25fr .9fr;gap:16px;display:grid}.dashboard-grid .panel{padding:23px}.panel>header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.panel>header h2{margin:4px 0 0;font-size:17px}.panel>header a{color:var(--muted);align-items:center;gap:5px;font-size:11px;display:flex}.panel-kicker{color:var(--brand);letter-spacing:.08em;align-items:center;gap:6px;font-size:10px;font-weight:800;display:flex}.panel-kicker svg{width:14px}.stage-chart{flex-direction:column;gap:14px;margin-top:27px;display:flex}.stage-row{grid-template-columns:74px 1fr 25px;align-items:center;gap:12px;display:grid}.stage-row span{color:var(--muted);font-size:11px}.stage-row strong{text-align:right;font-size:11px}.stage-track{background:var(--surface-2);border-radius:10px;height:7px;overflow:hidden}.stage-track i{background:linear-gradient(90deg, var(--brand), #f05b61);border-radius:inherit;min-width:4px;height:100%;display:block}.compact-list{margin-top:19px}.compact-item{border-bottom:1px solid var(--line);grid-template-columns:9px 1fr auto;align-items:center;gap:11px;min-height:55px;padding:9px 0;display:grid;position:relative}.compact-item:last-child{border-bottom:0}.compact-item>div{flex-direction:column;gap:4px;min-width:0;display:flex}.compact-item strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.compact-item small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.compact-item time{color:var(--muted);font-size:9px}.timeline-dot{background:#dfa92e;border-radius:50%;width:7px;height:7px}.timeline-dot.overdue{background:var(--brand)}.danger-text{color:var(--brand)!important}.recent-panel{grid-column:1/3}.activity-list{grid-template-columns:repeat(3,1fr);gap:13px 24px;margin-top:20px;display:grid}.activity-list>div{gap:10px;padding:9px 0;display:flex}.avatar-mini{width:30px;height:30px;color:var(--brand);background:var(--brand-soft);border-radius:50%;flex:none;place-items:center;font-size:11px;font-weight:800;display:grid}.activity-list p{margin:0;font-size:10px;line-height:1.6}.activity-list p time{color:var(--muted);font-size:9px;display:block}.all-clear,.empty-state{min-height:170px;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.all-clear svg,.empty-state svg{color:#32a273;width:35px;height:35px;margin-bottom:9px}.all-clear strong,.empty-state strong{color:var(--text);font-size:13px}.all-clear span,.empty-state span{margin-top:5px;font-size:10px}.table-panel{overflow:hidden}.toolbar{border-bottom:1px solid var(--line);align-items:center;gap:11px;min-height:70px;padding:14px 18px;display:flex}.search-box{width:min(340px,35vw);position:relative}.search-box svg{width:16px;color:var(--muted);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-box input,.filter-select select,.form-grid input,.form-grid select,.form-grid textarea,.block-label input,.block-label select,.block-label textarea,.quote-form input,.quote-form textarea,.field-row input,.field-row select,.setting-line input{width:100%;height:39px;color:var(--text);background:var(--surface);border:1px solid var(--line-strong);border-radius:8px;outline:none;padding:0 11px}.search-box input{background:var(--surface-2);border-color:#0000;padding-left:38px;font-size:11px}.search-box input:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.block-label textarea:focus,.quote-form input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #d91c240f}.toolbar-filters{gap:8px;display:flex}.filter-select{min-width:125px;position:relative}.filter-select svg{width:14px;color:var(--muted);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.filter-select select{padding-left:32px;font-size:10px}.result-count{color:var(--muted);margin-left:auto;font-size:10px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th{height:43px;color:var(--muted);background:var(--surface-2);border-bottom:1px solid var(--line);letter-spacing:.05em;text-align:left;white-space:nowrap;padding:0 17px;font-size:9px;font-weight:700}td{border-bottom:1px solid var(--line);vertical-align:middle;height:67px;padding:9px 17px;font-size:10px}tbody tr{cursor:pointer;transition:all .15s}tbody tr:hover{background:color-mix(in srgb, var(--surface-2) 70%, transparent)}tbody tr:last-child td{border-bottom:0}td>small,.entity-cell small{color:var(--muted);align-items:center;gap:4px;margin-top:4px;font-size:8px;display:flex}.entity-cell small svg{width:10px;height:10px}.entity-cell{align-items:center;gap:11px;min-width:210px;display:flex}.entity-cell>div{min-width:0}.entity-cell strong{text-overflow:ellipsis;white-space:nowrap;max-width:240px;font-size:11px;display:block;overflow:hidden}.entity-icon{width:34px;height:34px;color:var(--brand);background:var(--brand-soft);border-radius:9px;flex:none;place-items:center;display:grid}.entity-icon.blue{color:#3978c8;background:#edf5ff}.entity-icon svg{width:16px}.inline-sub{color:var(--muted);font-size:8px;display:block}.owner-chip{align-items:center;gap:6px;display:inline-flex}.owner-chip:first-letter{color:var(--brand)}.owner-chip{color:var(--brand);font-size:9px}.owner-chip b{color:var(--text);font-size:10px;font-weight:500}.status-pill,.stage-pill,.role-pill{color:#9a680b;white-space:nowrap;background:#fff7df;border-radius:20px;align-items:center;min-height:23px;padding:0 8px;font-size:8px;font-weight:700;display:inline-flex}.status-pill.success{color:#267b58;background:#e9f7f1}.status-pill.danger{color:#c82f37;background:#fff0f1}.stage-pill{color:#49678e;background:#edf3fb}.role-pill.super_admin{color:#c3272f;background:#fff0f1}.role-pill.director{color:#7c54b0;background:#f5effc}.role-pill.manager{color:#2f6eaf;background:#edf5ff}.regular-strong{font-weight:500}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0a0d1194;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--line);border-radius:17px;flex-direction:column;width:min(520px,100%);max-height:calc(100vh - 40px);animation:.18s ease-out modal-in;display:flex;overflow:hidden;box-shadow:0 28px 80px #00000047}.modal.wide{width:min(800px,100%)}@keyframes modal-in{0%{opacity:.5;transform:translateY(10px)scale(.99)}}.modal>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:20px;padding:21px 23px 17px;display:flex}.modal>header h2{margin:0;font-size:19px}.modal>header p{color:var(--muted);margin:6px 0 0;font-size:10px;line-height:1.5}.modal-body{padding:22px 23px;overflow-y:auto}.modal>footer{background:var(--surface-2);border-top:1px solid var(--line);justify-content:flex-end;gap:9px;padding:14px 23px;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:17px;display:grid}.form-grid.single{grid-template-columns:1fr}.form-grid label{min-width:0}.form-grid textarea,.block-label textarea,.quote-form textarea{resize:vertical;height:auto;padding:10px 11px;line-height:1.6}.span-2{grid-column:1/3}.checkbox-group{background:var(--surface-2);border:1px solid var(--line);border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px 16px;min-height:39px;padding:8px 11px;display:flex}.checkbox-group label{color:var(--muted);align-items:center;gap:5px;font-size:9px;display:flex}.checkbox-group input{width:14px;height:14px;accent-color:var(--brand)}.form-section{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding-top:7px;display:flex}.form-section>div{flex-direction:column;gap:3px;display:flex}.form-section strong{font-size:12px}.form-section small{color:var(--muted);font-size:9px}.contact-editor{background:var(--surface-2);border:1px solid var(--line);border-radius:10px;grid-template-columns:25px 1fr 1fr 1.2fr 1fr 1.4fr 32px;align-items:center;gap:6px;padding:11px;display:grid}.contact-editor input{min-width:0;height:34px;font-size:9px}.contact-index{width:22px;height:22px;color:var(--brand);background:var(--brand-soft);border-radius:50%;place-items:center;font-size:9px;font-weight:800;display:grid}.duplicate-alert{color:#9d291f;background:#fff5ec;border:1px solid #ffd9b7;border-radius:10px;gap:12px;margin-bottom:18px;padding:13px;display:flex}.duplicate-alert svg{flex:none}.duplicate-alert strong{font-size:11px}.duplicate-alert p{margin:4px 0 0;font-size:9px;line-height:1.6}.detail-summary{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:23px;display:grid}.detail-summary>div{background:var(--surface-2);border:1px solid var(--line);border-radius:10px;flex-direction:column;justify-content:center;gap:8px;min-height:70px;padding:12px;display:flex}.detail-summary span{color:var(--muted);font-size:9px}.detail-summary strong{font-size:11px}.detail-summary select,.detail-summary input{width:100%;height:28px;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:6px;font-size:9px}.section-title{align-items:center;gap:7px;margin:22px 0 11px;font-size:12px;display:flex}.section-title svg{color:var(--brand)}.contact-cards{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.contact-cards article{background:var(--surface-2);border:1px solid var(--line);border-radius:10px;flex-direction:column;padding:13px;display:flex}.contact-cards strong{font-size:11px}.contact-cards span,.contact-cards p,.contact-cards a{color:var(--muted);margin:3px 0 0;font-size:9px}.contact-cards a{color:#4c77ad}.block-label{margin-top:17px;display:block}.block-label textarea:disabled,.form-grid input:disabled,.detail-summary select:disabled{opacity:.75;cursor:not-allowed}.transfer-box{background:var(--surface-2);border-radius:10px;align-items:center;gap:12px;padding:14px;display:flex}.transfer-box>svg{width:27px;height:27px;color:var(--brand)}.transfer-box div{flex-direction:column;gap:3px;display:flex}.transfer-box span{color:var(--muted);font-size:9px}.transfer-box strong{font-size:12px}.warning-note{color:#8b6419;background:#fff8e8;border:1px solid #f5dfae;border-radius:8px;align-items:flex-start;gap:8px;margin-top:14px;padding:11px;font-size:9px;line-height:1.6;display:flex}.warning-note svg{flex:none}.suffix-input{position:relative}.suffix-input input{padding-right:28px}.suffix-input b{color:var(--muted);font-size:10px;position:absolute;top:50%;right:9px;transform:translateY(-50%)}.tag-list{flex-wrap:wrap;gap:7px;min-height:1px;display:flex}.tag-list button{color:#4b6990;background:#edf3fb;border:0;border-radius:20px;padding:5px 9px;font-size:9px}.project-meta{background:var(--surface-2);border-radius:9px;gap:25px;padding:13px;display:flex}.project-meta span{color:var(--muted);align-items:center;gap:7px;font-size:9px;display:flex}.project-meta svg{width:14px;color:var(--brand)}.quote-list{gap:9px;display:grid}.quote-list article{border:1px solid var(--line);border-radius:10px;padding:14px}.quote-list article header{justify-content:space-between;display:flex}.quote-list article header div{align-items:center;gap:12px;display:flex}.quote-list article header span,.quote-list time{color:var(--muted);font-size:9px}.quote-list article header strong{color:var(--brand);font-size:14px}.quote-list ul{margin:12px 0 0;padding:0;list-style:none}.quote-list li{border-top:1px dashed var(--line);justify-content:space-between;padding:6px 0;font-size:9px;display:flex}.quote-list li span,.quote-list p{color:var(--muted);font-size:9px}.quote-list p{margin:8px 0 0}.quote-table{margin:12px 0}.quote-head,.quote-row{grid-template-columns:2fr .7fr .9fr 1fr 32px;align-items:center;gap:7px;display:grid}.quote-head{color:var(--muted);padding:0 7px 6px;font-size:8px}.quote-row{background:var(--surface-2);border-bottom:1px solid var(--line);padding:7px}.quote-row:first-of-type{border-radius:9px 9px 0 0}.quote-row:last-child{border-bottom:0;border-radius:0 0 9px 9px}.quote-row input{height:34px;font-size:9px}.quote-row strong{text-align:right;font-size:9px}.quote-total{background:var(--surface-2);border-radius:9px;justify-content:space-between;align-items:flex-end;gap:20px;margin:15px 0;padding:14px;display:flex}.quote-total label{width:200px}.quote-total label span,.quote-total>div span{color:var(--muted);margin-bottom:6px;font-size:8px;display:block}.quote-total>div{text-align:right}.quote-total>div strong{color:var(--brand);font-size:20px}.followup-feed{padding:6px 22px 18px}.followup-feed article{border-bottom:1px solid var(--line);gap:13px;padding:19px 0;display:flex}.followup-feed article:last-child{border-bottom:0}.feed-icon{width:35px;height:35px;color:var(--brand);background:var(--brand-soft);border-radius:9px;flex:none;place-items:center;display:grid}.feed-main{flex:1;min-width:0}.feed-main>header{justify-content:space-between;display:flex}.feed-main header div{flex-direction:column;gap:4px;display:flex}.feed-main header strong{font-size:11px}.feed-main header span,.feed-main time{color:var(--muted);font-size:8px}.feed-main>p{margin:11px 0;font-size:10px;line-height:1.7}.result-box{background:var(--surface-2);border-radius:7px;padding:9px 11px;font-size:9px}.result-box span{color:var(--muted);margin-right:10px}.feed-main footer{color:var(--muted);align-items:center;gap:15px;margin-top:11px;font-size:8px;display:flex}.feed-main footer>span:first-child{align-items:center;gap:5px;display:flex}.feed-main footer svg{width:13px}.feed-main footer .text-button{margin-left:auto;font-size:9px}.completed-label{color:#28815c;margin-left:auto}.email-rule{color:#2b795a;background:#eaf8f2;border:1px solid #caebdd;border-radius:9px;align-items:center;gap:8px;padding:9px 12px;font-size:9px;display:flex}.email-rule b{border-left:1px solid #b8dfd0;padding-left:8px}.reminder-workbench{overflow:hidden}.tabs,.module-tabs{border-bottom:1px solid var(--line);gap:4px;padding:13px 18px;display:flex}.tabs button,.module-tabs button{min-height:34px;color:var(--muted);background:0 0;border:0;border-radius:8px;padding:0 14px;font-size:10px;font-weight:700}.tabs button.active,.module-tabs button.active{color:var(--brand);background:var(--brand-soft)}.reminder-list{padding:6px 20px 18px}.reminder-list article{border-bottom:1px solid var(--line);grid-template-columns:62px 1fr auto;align-items:center;gap:17px;padding:17px 0;display:grid}.reminder-list article:last-child{border-bottom:0}.reminder-list article.overdue{border-left:3px solid var(--brand);padding-left:14px}.reminder-date{background:var(--surface-2);color:var(--muted);border-radius:9px;flex-direction:column;align-items:center;padding:7px;font-size:8px;display:flex}.reminder-date b{color:var(--text);font-size:21px;line-height:1}.reminder-date small{margin-top:4px}.reminder-list h3{margin:7px 0 4px;font-size:12px}.reminder-list p,.reminder-list div>small{color:var(--muted);margin:0;font-size:9px}.reminder-actions{gap:7px;display:flex}.reminder-actions button{min-height:35px;padding:0 11px;font-size:9px}.info-strip{color:#84631e;background:#fff8e8;border:1px solid #f0dfb9;border-radius:11px;gap:12px;margin-top:14px;padding:14px 17px;display:flex}.info-strip svg{flex:none}.info-strip div{flex-direction:column;gap:4px;display:flex}.info-strip strong{font-size:10px}.info-strip span{font-size:9px;line-height:1.6}.avatar-user{color:#fff;background:linear-gradient(135deg,#313947,#6a7584);border-radius:50%;place-items:center;width:34px;height:34px;font-size:11px;font-weight:800;display:grid}.access-denied{min-height:55vh;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.access-denied svg{width:45px;height:45px;color:var(--brand)}.access-denied h2{color:var(--text);font-size:17px}.field-workbench{overflow:hidden}.field-list{overflow-x:auto}.field-head,.field-row{grid-template-columns:58px 1.4fr 1fr 70px 90px 1.7fr 45px;align-items:center;gap:9px;min-width:950px;padding:8px 17px;display:grid}.field-head{min-height:36px;color:var(--muted);background:var(--surface-2);border-bottom:1px solid var(--line);font-size:8px}.field-row{border-bottom:1px solid var(--line);min-height:55px}.field-row:last-child{border-bottom:0}.field-row input,.field-row select{height:33px;font-size:9px}.field-row>input[type=checkbox]{width:15px;height:15px;accent-color:var(--brand);justify-self:center}.switch{width:37px;height:21px;display:inline-block;position:relative}.switch input{opacity:0;position:absolute}.switch i{background:#ccd1d7;border-radius:20px;transition:all .2s;position:absolute;inset:0}.switch i:after{content:"";background:#fff;border-radius:50%;width:15px;height:15px;transition:all .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.switch input:checked+i{background:var(--brand)}.switch input:checked+i:after{transform:translate(16px)}.audit-list{padding:7px 20px}.audit-list article{border-bottom:1px solid var(--line);grid-template-columns:38px 1fr auto;align-items:center;gap:12px;padding:15px 0;display:grid}.audit-list article:last-child{border-bottom:0}.audit-icon{width:34px;height:34px;color:var(--brand);background:var(--brand-soft);border-radius:9px;place-items:center;display:grid}.audit-list strong{font-size:10px}.audit-list p{margin:4px 0;font-size:10px}.audit-list small,.audit-list code{color:var(--muted);font-size:8px}.settings-grid,.io-grid{grid-template-columns:1.4fr .8fr;gap:15px;display:grid}.settings-card,.io-card{padding:22px}.settings-card>header{border-bottom:1px solid var(--line);justify-content:flex-start;gap:12px;padding-bottom:18px;display:flex}.settings-card h2,.io-card h2,.template-guide h2{margin:0;font-size:15px}.settings-card header p,.io-card p{color:var(--muted);margin:5px 0 0;font-size:9px;line-height:1.65}.settings-icon{width:37px;height:37px;color:var(--brand);background:var(--brand-soft);border-radius:9px;place-items:center;display:grid}.settings-icon.neutral{color:#65707e;background:var(--surface-2)}.setting-line{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:70px;display:flex}.setting-line>div{flex-direction:column;gap:4px;display:flex}.setting-line strong{font-size:10px}.setting-line span{color:var(--muted);font-size:8px}.setting-line input{width:115px}.smtp-placeholder{background:var(--surface-2);border-radius:9px;margin-top:18px;padding:13px}.smtp-placeholder strong{font-size:10px}.smtp-placeholder p,.settings-copy{color:var(--muted);font-size:9px;line-height:1.7}.io-grid{grid-template-columns:1fr 1fr}.io-card{flex-direction:column;align-items:flex-start;min-height:280px;display:flex;position:relative}.io-card>p{max-width:480px;margin:11px 0 20px}.io-icon{color:#32765c;background:#eaf8f2;border-radius:12px;place-items:center;width:47px;height:47px;margin-bottom:17px;display:grid}.io-icon.red{color:var(--brand);background:var(--brand-soft)}.io-actions{gap:8px;margin-top:auto;display:flex}.import-result{background:var(--surface-2);border-radius:8px;gap:20px;margin-top:15px;padding:10px 13px;font-size:9px;display:flex}.import-result span{color:var(--muted)}.import-result b{color:var(--text);margin-right:4px;font-size:13px}.permission-banner{color:#9b6b12;background:#fff8e8;border-radius:7px;align-items:center;gap:7px;margin-bottom:18px;padding:8px 10px;font-size:9px;display:flex}.permission-banner.full{color:#287b5a;background:#eaf8f2}.permission-banner svg{width:14px}.io-card>.primary-button{margin-top:auto}.template-guide{margin-top:15px;padding:20px 23px}.template-guide ol{grid-template-columns:repeat(4,1fr);gap:20px;margin:15px 0 0;padding-left:20px;display:grid}.template-guide li{color:var(--muted);padding-left:5px;font-size:9px;line-height:1.7}.mobile-menu,.mobile-close,.scrim{display:none}.spark-guide{justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px;padding:16px 18px;display:flex}.spark-guide>div{align-items:center;gap:12px;display:flex}.spark-guide svg{width:22px;color:var(--brand)}.spark-guide p{flex-direction:column;gap:4px;margin:0;display:flex}.spark-guide strong{font-size:10px}.spark-guide span{color:var(--muted);font-size:9px}.spark-guide .secondary-button{flex:none;text-decoration:none}@media (width<=1180px){.stat-grid,.activity-list{grid-template-columns:repeat(2,1fr)}.contact-editor{grid-template-columns:25px repeat(3,1fr) 32px}.contact-editor input:nth-of-type(4),.contact-editor input:nth-of-type(5){grid-column:span 2}}@media (width<=900px){.sidebar{transition:transform .22s;transform:translate(-105%);box-shadow:18px 0 50px #00000047}.sidebar.open{transform:translate(0)}.mobile-close{color:#fff;display:grid;position:absolute;top:15px;right:8px}.scrim{z-index:40;background:#00000073;display:block;position:fixed;inset:0}.main-area{width:100%;margin-left:0}.mobile-menu{display:grid}.topbar{padding:0 18px}.page{padding:27px 20px 50px}.login-page{grid-template-columns:1fr}.login-showcase{display:none}.login-panel{min-height:100vh}.mobile-logo{margin-bottom:42px;display:block}.mobile-logo img{object-fit:cover;object-position:left;width:190px;height:53px}.dashboard-grid{grid-template-columns:1fr}.recent-panel{grid-column:auto}.settings-grid{grid-template-columns:1fr}}@media (width<=680px){.topbar{height:60px;padding:0 12px}.theme-toggle span,.user-switcher>svg:last-of-type,.logout{display:none}.theme-toggle{justify-content:center;width:37px;padding:0}.user-switcher{margin-left:0;padding:0 3px}.user-switcher>svg:first-child{display:none}.user-switcher div{min-width:63px}.page{padding:22px 14px 45px}.page-header{flex-direction:column;align-items:flex-start;margin-bottom:18px}.page-header h1{font-size:26px}.page-actions{width:100%}.page-actions>button,.page-actions>a{flex:1}.stat-grid{grid-template-columns:1fr 1fr;gap:9px}.stat-card{min-height:105px;padding:15px}.stat-icon{width:38px;height:38px}.stat-card strong{font-size:25px}.stat-card small{display:none}.dashboard-grid .panel{padding:17px}.activity-list{grid-template-columns:1fr}.recent-panel{display:none}.toolbar{flex-direction:column;align-items:stretch}.search-box{width:100%}.toolbar-filters{grid-template-columns:1fr 1fr;display:grid}.filter-select{min-width:0}.result-count{margin:0}th,td{padding-left:12px;padding-right:12px}.table-wrap table{min-width:760px}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.contact-editor{grid-column:auto;grid-template-columns:24px 1fr 32px}.contact-editor input,.contact-editor input:nth-of-type(4),.contact-editor input:nth-of-type(5){grid-column:2}.contact-editor .icon-button{grid-area:1/3}.modal-backdrop{align-items:end;padding:0}.modal,.modal.wide{border-radius:18px 18px 0 0;width:100%;max-height:94vh}.modal-body{padding:18px}.modal>footer{padding:12px 18px}.detail-summary{grid-template-columns:1fr 1fr}.contact-cards{grid-template-columns:1fr}.project-meta{flex-direction:column;gap:8px}.quote-head{display:none}.quote-row{grid-template-columns:1fr 70px 32px}.quote-row input:first-child{grid-column:1/3}.quote-row strong{text-align:left}.quote-total{flex-direction:column;align-items:stretch}.quote-total label{width:100%}.feed-main footer{flex-wrap:wrap;align-items:flex-start}.feed-main footer .text-button,.completed-label{margin-left:0}.reminder-list article{grid-template-columns:52px 1fr}.reminder-actions{grid-column:1/3}.email-rule{width:100%}.io-grid{grid-template-columns:1fr}.template-guide ol{grid-template-columns:1fr 1fr}.settings-card,.io-card{padding:18px}.io-card{min-height:250px}.login-panel{padding:28px 24px}.login-panel h2{font-size:28px}}