@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=League+Spartan:wght@500;600;700;800;900&display=swap");:root{--bg-page:#0f1b2a;--bg-sidebar:#0a1420;--bg-panel:#182b40;--brand:#e63946;--brand-dark:#7a1d26;--brand-muted:#b22934;--brand-pale:#f26d77;--pos:#4fbe79;--pos-soft:#8fd9a8;--danger:#ef5b4c;--danger-soft:#f0897e;--text-primary:#eef2f6;--text-onbrand:#fff;--text-white:#fff;--text-muted:#93a6b5;--text-disabled:#4a5e6e;--border-subtle:#2e475f;--font:Inter,Helvetica,Arial,sans-serif;--font-display:"League Spartan","Helvetica Neue",Arial,sans-serif;--r-sm:4px;--r-md:8px;--r-lg:14px;--r-pill:9999px;--line:hsla(0,0%,100%,.08);--shadow-card:0 1px 2px rgba(0,0,0,.28),0 6px 20px rgba(0,0,0,.22);--shadow-pop:0 10px 34px rgba(0,0,0,.42);--ease-smooth:cubic-bezier(.22,1,.36,1);--wash-1:hsla(0,0%,100%,.02);--wash-2:hsla(0,0%,100%,.045);--wash-3:hsla(0,0%,100%,.06);--hairline:hsla(0,0%,100%,.05);--th-bg:rgba(0,0,0,.22);--input-focus-bg:#1d3149;--scroll-thumb:hsla(0,0%,100%,.12);--scroll-thumb-hover:hsla(0,0%,100%,.2);--topbar-wash:hsla(0,0%,100%,.015);--shadow-footer:0 -6px 20px rgba(0,0,0,.25);--bg-elev:#0f1b2a;--warn:#e0a83c;--amber:#e0a83c}:root[data-theme=light]{--bg-page:#f1f3f5;--bg-sidebar:#fff;--bg-panel:#fff;--brand:#e63946;--brand-dark:#fdeced;--brand-muted:#b22934;--brand-pale:#c42b37;--pos:#2e9e5b;--pos-soft:#3fa365;--danger:#c0392b;--danger-soft:#d9534f;--text-primary:#16323c;--text-onbrand:#fff;--text-white:#fff;--text-muted:#5f6f77;--text-disabled:#8a979e;--border-subtle:#dfe4e8;--line:rgba(20,40,50,.1);--shadow-card:0 1px 2px rgba(20,40,50,.06),0 4px 14px rgba(20,40,50,.05);--shadow-pop:0 10px 34px rgba(20,40,50,.18);--wash-1:rgba(20,40,50,.025);--wash-2:rgba(20,40,50,.05);--wash-3:rgba(20,40,50,.06);--hairline:rgba(20,40,50,.07);--th-bg:#eef1f3;--input-focus-bg:#fff;--scroll-thumb:rgba(20,40,50,.22);--scroll-thumb-hover:rgba(20,40,50,.34);--topbar-wash:rgba(20,40,50,.015);--shadow-footer:0 -6px 20px rgba(20,40,50,.1);--bg-elev:#fff;--warn:#b5791a;--amber:#b5791a}*{box-sizing:border-box}body,html{margin:0}body{background:var(--bg-page);color:var(--text-primary);font-family:var(--font);font-size:14px;line-height:21px}a{color:inherit;text-decoration:none}.app-shell{display:grid;grid-template-columns:212px 1fr;min-height:100vh}.sidebar{background:var(--bg-sidebar);display:flex;flex-direction:column;padding:14px 0 8px;position:-webkit-sticky;position:sticky;top:0;height:100vh;border-right:1px solid var(--line);overflow-y:auto;overflow-x:hidden}.sidebar .logo{display:flex;align-items:center;gap:10px;padding:4px 18px 12px;margin-bottom:8px;border-bottom:1px solid var(--line)}.sidebar .logo-mark{width:30px;height:30px;border-radius:7px;flex:none;display:block}.sidebar .logo-monogram{display:flex;align-items:center;justify-content:center;background:var(--brand);color:#fff;font-weight:800;font-size:16px;line-height:1}.sidebar .logo-word{font-family:var(--font-display);font-weight:800;font-size:21px;letter-spacing:.5px}.sidebar .logo-word span{color:var(--brand)}.create-btn{margin:14px 16px;background:var(--brand);color:#fff;font-weight:700;font-size:13.5px;letter-spacing:.2px;border:none;border-radius:var(--r-md);padding:10px 12px;box-shadow:0 2px 8px rgba(230,57,70,.28);transition:transform .12s var(--ease-smooth),box-shadow .12s,background .12s}.create-btn:hover{background:#f04654;box-shadow:0 4px 14px rgba(230,57,70,.4);transform:translateY(-1px)}.create-btn:active{transform:translateY(0)}.nav-list{list-style:none;margin:0;padding:0 10px;display:flex;flex-direction:column;flex:1 1}.nav-group-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--text-disabled);padding:14px 8px 5px}.nav-item{display:flex;align-items:center;gap:11px;padding:8px 10px;margin:1px 0;border-radius:var(--r-md);font-size:13.5px;font-weight:500;color:var(--text-muted);cursor:pointer;position:relative;transition:background .13s,color .13s}.nav-item:hover{color:var(--text-primary);background:var(--wash-2)}.nav-item .icon{width:18px;height:18px;flex:none;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:.65;transition:opacity .13s,stroke .13s}.nav-item.active{color:var(--text-primary);font-weight:600;background:linear-gradient(90deg,rgba(230,57,70,.2),rgba(230,57,70,.08))}.nav-item.active:before{content:"";position:absolute;left:-10px;top:6px;bottom:6px;width:3px;border-radius:0 3px 3px 0;background:var(--brand)}.nav-item.active .icon{opacity:1;stroke:var(--brand)}.badge-new{margin-left:auto;background:var(--brand-dark);color:var(--brand-pale);border:1px solid var(--line);font-size:10px;font-weight:700;letter-spacing:.02em;padding:2px 7px;border-radius:var(--r-pill)}.sidebar-footer{padding:8px 10px 4px;margin-top:6px;border-top:1px solid var(--line)}.nav-label{flex:1 1}.create-menu{position:absolute;top:100%;left:0;right:0;margin-top:6px;background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--r-md);z-index:30;overflow:hidden;box-shadow:var(--shadow-pop)}.create-menu a{display:block;padding:10px 14px;font-size:13px;color:var(--text-primary);transition:background .12s,color .12s}.create-menu a:hover{background:rgba(230,57,70,.14);color:var(--text-primary)}.main-col{display:flex;flex-direction:column;min-width:0}.topbar{justify-content:space-between;gap:16px;padding:14px 32px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,var(--topbar-wash),transparent);position:-webkit-sticky;position:sticky;top:0;z-index:15;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.topbar,.topbar-left{display:flex;align-items:center}.topbar-left{gap:11px;min-width:0}.account-avatar{width:32px;height:32px;flex:none;border-radius:var(--r-pill);background:linear-gradient(135deg,var(--brand),var(--brand-muted));color:#fff;font-family:var(--font-display);font-weight:800;font-size:13px;letter-spacing:.3px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(230,57,70,.3)}.account-name{font-size:14px;font-weight:600;letter-spacing:.1px;white-space:nowrap}.topbar-right{gap:12px}.search-box,.topbar-right{display:flex;align-items:center}.search-box{gap:8px;background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--r-pill);padding:9px 15px;color:var(--text-muted);width:300px;font-size:13px;transition:border-color .15s,box-shadow .15s,background .15s}.search-box:focus-within{border-color:var(--brand);background:var(--input-focus-bg);box-shadow:0 0 0 3px rgba(230,57,70,.16);color:var(--text-primary)}.search-box .search-icon{width:16px;height:16px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:.75}.icon-btn{width:36px;height:36px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:var(--r-pill);border:1px solid var(--border-subtle);background:var(--bg-panel);color:var(--text-muted);cursor:pointer;transition:color .13s,border-color .13s,background .13s,transform .13s}.icon-btn:hover{color:var(--text-primary);border-color:var(--brand);background:rgba(230,57,70,.1)}.icon-btn:active{transform:scale(.94)}.icon-btn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.readonly-tag{font-size:11px;font-weight:600;letter-spacing:.02em;color:var(--text-muted);background:var(--bg-panel);border:1px solid var(--border-subtle);padding:5px 11px;border-radius:var(--r-pill);white-space:nowrap}.content{padding:28px 36px 56px;max-width:100%}.content.two-col{display:grid;grid-template-columns:1fr 360px;grid-gap:36px;gap:36px;align-items:start}.content-left{min-width:0}.date-heading{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin:0 0 6px;color:var(--brand);opacity:.9}.greeting{font-family:var(--font-display);font-size:38px;font-weight:700;margin:0 0 28px;line-height:1.02}.greeting,h1{letter-spacing:-.01em}h1{font-size:23px;font-weight:800;margin:0 0 4px}h2.section-title{font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary);margin:0 0 14px;display:flex;align-items:baseline;gap:8px}.sub{color:var(--text-muted);font-size:13px;margin-bottom:20px;line-height:1.5}.workflow{display:grid;grid-template-columns:repeat(4,1fr);background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;margin-bottom:36px;box-shadow:var(--shadow-card)}.workflow-col{padding:18px 22px;border-right:1px solid var(--line);position:relative;transition:background .15s}.workflow-col:hover{background:var(--wash-1)}.workflow-col:last-child{border-right:none}.workflow-col .stripe{height:4px;margin:-18px -22px 18px}.stripe.requests{background:#e0a040}.stripe.quotes{background:#d06ba0}.stripe.jobs{background:var(--brand)}.stripe.invoices{background:#4a90d9}.wf-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:12px}.wf-number{font-family:var(--font-display);font-size:40px;font-weight:700;line-height:1;letter-spacing:-.01em;color:var(--text-primary)}.wf-dollar{font-size:14px;font-weight:600;color:var(--pos);margin-left:6px;font-family:var(--font)}.wf-sub{font-size:12px;margin:5px 0 14px}.wf-breakdown,.wf-sub{color:var(--text-muted)}.wf-breakdown{font-size:11.5px;display:flex;flex-direction:column;gap:6px}.wf-breakdown a,.wf-breakdown div{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.wf-breakdown span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wf-breakdown span:last-child{flex:none;white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text-primary);opacity:.8}.content-right{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px 22px 6px;box-shadow:var(--shadow-card);align-self:start}.content-right>.section-title{margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--line)}.rail{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px;box-shadow:var(--shadow-card)}.rail-card{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--line)}.rail-card:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.rail-card-header{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:12px}.rail-meta{font-size:12px;color:var(--text-muted);margin-bottom:4px}.rail-value{font-family:var(--font-display);font-size:28px;font-weight:700;letter-spacing:-.01em}table.rail-tbl{width:100%;border-collapse:collapse;margin-top:12px;font-size:14px}table.rail-tbl th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-weight:600;padding-bottom:8px;border-bottom:1px solid var(--line)}table.rail-tbl td{padding:9px 0;border-bottom:1px solid var(--hairline)}table.rail-tbl tr:last-child td{border-bottom:none}table.rail-tbl td.amt{text-align:right;color:var(--text-primary);font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.appt-empty{padding:24px;color:var(--text-muted);font-size:14px}.appt-empty,.appt-list{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-card)}.appt-list{overflow:hidden}.appt-row{display:flex;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid var(--hairline);transition:background .13s}.appt-row:hover{background:var(--wash-1)}.appt-row:last-child{border-bottom:none}.appt-row .status-bar{width:3px;align-self:stretch;border-radius:3px;background:var(--brand)}.appt-info{flex:1 1;min-width:0}.appt-title{font-size:14px;font-weight:600}.appt-time{font-size:12px;color:var(--text-muted)}.appt-amount{font-size:14px;font-weight:700;color:var(--text-primary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}table.data{width:100%;border-collapse:separate;border-spacing:0;background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;font-size:14px;box-shadow:var(--shadow-card)}table.data th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-weight:700;padding:12px 18px;background:var(--th-bg);border-bottom:1px solid var(--line)}table.data td{padding:13px 18px;border-bottom:1px solid var(--hairline)}table.data tr:last-child td{border-bottom:none}table.data tbody tr{transition:background .12s}table.data tbody tr:hover td{background:rgba(230,57,70,.055)}table.data tbody tr.row-link{cursor:pointer}table.data tbody tr.row-link:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.num,table.data th.num,table.rail-tbl th.num{text-align:right}.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--r-pill);font-size:11px;font-weight:600;letter-spacing:.02em;background:var(--wash-3);color:var(--text-muted);border:1px solid var(--line);white-space:nowrap;line-height:1.5}.pill-dot:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:none;opacity:.9}.pill-success{background:rgba(79,190,121,.14);color:var(--pos-soft);border-color:rgba(79,190,121,.34)}.pill-warn{background:rgba(224,168,60,.15);color:var(--amber);border-color:rgba(224,168,60,.36)}.pill-danger{background:rgba(239,91,76,.14);color:var(--danger-soft);border-color:rgba(239,91,76,.36)}.pill-info{background:rgba(74,144,217,.15);color:#7fb2ec;border-color:rgba(74,144,217,.36)}.pill-neutral{background:var(--wash-3);color:var(--text-muted);border-color:var(--line)}:root[data-theme=light] .pill-info{color:#2b6cb0}:root[data-theme=light] .pill-warn{color:#9a6a12}.search{width:100%;max-width:380px;padding:11px 16px;border-radius:var(--r-md);border:1px solid var(--border-subtle);background:var(--bg-panel);color:var(--text-primary);font-size:14px;font-family:var(--font);margin-bottom:18px;transition:border-color .15s,box-shadow .15s}.search:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(230,57,70,.16)}.back{color:var(--text-muted);font-size:13px}.grid2{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px}.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:16px;gap:16px;margin-bottom:30px}.kpi{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--r-lg);padding:18px 20px;box-shadow:var(--shadow-card);position:relative;overflow:hidden;transition:transform .14s var(--ease-smooth),border-color .14s}.kpi:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--kpi-accent,var(--brand));opacity:.9}.kpi:hover{transform:translateY(-2px);border-color:var(--border-subtle)}.kpi .label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.kpi .big{font-family:var(--font-display);font-size:30px;font-weight:700;letter-spacing:-.01em;margin-top:8px}.kpi .kpi-sub{font-size:12px;color:var(--text-muted);margin-top:6px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kpi-row-3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin:18px 0 26px}@media (max-width:720px){.kpi-row-3{grid-template-columns:1fr}}.panel{padding:22px 24px;margin-bottom:26px}.panel,.stat-cluster{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-card)}.stat-cluster{display:flex;flex-wrap:wrap;overflow:hidden;margin-bottom:22px}.stat-cluster .stat{flex:1 1;min-width:130px;padding:15px 22px;border-right:1px solid var(--line);border-top:1px solid var(--line);margin-top:-1px}.stat-cluster .stat:last-child{border-right:none}.stat-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:6px}.stat-value{font-family:var(--font-display);font-size:26px;font-weight:700;letter-spacing:-.01em;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat-value.sm{font-size:20px}.stat-value.pos{color:var(--pos)}.stat-value.neg{color:var(--danger)}.stat-sub{font-size:11.5px;color:var(--text-muted);margin-top:5px}.section-card{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-card);overflow:hidden;margin-bottom:20px}.section-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;border-bottom:1px solid var(--line);font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary)}.section-card-head .head-action{font-size:12px;font-weight:600;text-transform:none;letter-spacing:0;color:var(--brand-pale)}.section-card-body{padding:18px 20px}.section-card-body.flush{padding:0}.detail-grid{display:grid;grid-template-columns:1fr 340px;grid-gap:28px;gap:28px;align-items:start}@media (max-width:1000px){.detail-grid{grid-template-columns:1fr}}.bars{display:flex;align-items:flex-end;gap:10px;height:200px;padding-top:8px}.bar-col{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;height:100%}.bar{width:100%;max-width:40px;background:var(--brand);border-radius:4px 4px 0 0;min-height:2px}.bar-label{font-size:11px;color:var(--text-muted)}.bar-val{font-size:11px;color:var(--text-primary);font-weight:600}.hbar-row{display:grid;grid-template-columns:170px 1fr 90px;align-items:center;grid-gap:12px;gap:12px;padding:6px 0;font-size:13px}.hbar-track{background:var(--wash-3);border-radius:4px;height:16px;overflow:hidden}.hbar-fill{height:100%;background:var(--brand);border-radius:4px}.funnel{display:flex;gap:12px;flex-wrap:wrap}.funnel-step{flex:1 1;min-width:120px;background:var(--bg-page);border:1px solid var(--line);border-radius:var(--r-md);padding:16px;transition:border-color .14s,transform .14s var(--ease-smooth)}.funnel-step:hover{border-color:var(--border-subtle);transform:translateY(-2px)}.funnel-step .n{font-family:var(--font-display);font-size:32px;font-weight:700;letter-spacing:-.01em}.funnel-step .l{font-size:12px;color:var(--text-muted)}.form-wrap{padding:28px 36px 110px;max-width:1340px;margin:0 auto}.form-section{display:grid;grid-template-columns:270px 1fr;grid-gap:28px;gap:28px;padding:22px 24px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--bg-panel);box-shadow:var(--shadow-card);margin-bottom:20px}.form-section .lbl h2{font-size:16px;font-weight:700;margin:0 0 6px}.form-section .lbl p{font-size:12px;color:var(--text-muted);margin:0;max-width:240px;line-height:1.5}.form-section h3{font-size:14px;margin:16px 0 8px}.frow{display:flex;gap:10px;margin-bottom:12px}.fcell{flex:1 1;border:1px solid var(--border-subtle);border-radius:var(--r-md);padding:7px 13px;background:var(--bg-page);transition:border-color .15s,box-shadow .15s}.fcell:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px rgba(230,57,70,.14)}.fcell label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:2px;font-weight:600}.fcell input,.fcell select,.fcell textarea{width:100%;background:none;border:none;color:var(--text-primary);font-family:var(--font);font-size:14px;padding:1px 0;outline:none}.fcell input::placeholder{color:var(--text-disabled)}.footer-bar{position:fixed;bottom:0;left:212px;right:0;background:var(--bg-sidebar);border-top:1px solid var(--line);padding:14px 32px;display:flex;justify-content:space-between;z-index:20;box-shadow:var(--shadow-footer)}.btn-cancel,.btn-secondary{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--r-md);padding:10px 20px;color:var(--text-primary);cursor:pointer;font-family:var(--font);font-size:14px;font-weight:600;transition:background .13s,border-color .13s}.btn-cancel:hover,.btn-secondary:hover{background:var(--wash-3);border-color:var(--text-muted)}.btn-primary{background:var(--brand);color:#fff;border:none;border-radius:var(--r-md);padding:10px 24px;font-weight:700;cursor:pointer;font-family:var(--font);font-size:14px;box-shadow:0 2px 10px rgba(230,57,70,.3);transition:background .13s,box-shadow .13s,transform .12s}.btn-primary:hover{background:#f04654;box-shadow:0 4px 16px rgba(230,57,70,.42);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-group{display:flex;gap:12px}.create-btn{cursor:pointer;display:block;text-align:center}a:not(.nav-item):not(.readonly-tag):not(.icon-btn){transition:color .12s}.content a[href]:not(.btn-primary):not(.btn-secondary):hover{color:var(--brand-pale)}.back{transition:color .12s}.back:hover{color:var(--brand-pale)}::selection{background:rgba(230,57,70,.32);color:#fff}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:var(--r-pill);border:3px solid var(--bg-page)}::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover)}.sidebar::-webkit-scrollbar-thumb{border-color:var(--bg-sidebar)}*{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) transparent}@media (max-width:900px){.content.two-col,.form-section,.grid2{grid-template-columns:1fr}.form-section{gap:16px}.footer-bar{left:0}}.cp-wrap{position:relative;width:100%}.cp-button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--bg-elev);color:var(--text-primary);font-family:var(--font);font-size:15px;cursor:pointer;text-align:left;transition:border-color .15s,box-shadow .15s}.cp-button:hover{border-color:var(--border-subtle)}.cp-button:focus-visible{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(230,57,70,.16)}.cp-button-label{color:var(--text-primary);display:flex;flex-direction:column;align-items:flex-start;gap:1px;min-width:0;overflow:hidden}.cp-button-name{font-weight:600}.cp-button-meta,.cp-button-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-button-meta{font-size:12px;color:var(--text-muted)}.cp-button-placeholder{color:var(--text-disabled);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-caret{flex:none;color:var(--text-muted);font-size:11px}.cp-backdrop{position:fixed;inset:0;z-index:3000}.cp-panel{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:3001;background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-pop);overflow:hidden}.cp-search{padding:10px;border-bottom:1px solid var(--line)}.cp-search input{width:100%;padding:9px 12px;border-radius:var(--r-md);border:1px solid var(--border-subtle);background:var(--bg-elev);color:var(--text-primary);font-family:var(--font);font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s}.cp-search input:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(230,57,70,.16)}.cp-search input::placeholder{color:var(--text-disabled)}.cp-list{max-height:320px;overflow-y:auto;padding:4px;scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) transparent}.cp-list::-webkit-scrollbar{width:11px}.cp-list::-webkit-scrollbar-track{background:transparent}.cp-list::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:var(--r-pill);border:3px solid var(--bg-panel)}.cp-list::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover)}.cp-row{display:block;width:100%;text-align:left;padding:9px 12px;border:none;background:none;color:var(--text-primary);font-family:var(--font);cursor:pointer;border-radius:var(--r-sm);transition:background .12s}.cp-row:hover{background:var(--wash-2)}.cp-row-sel{background:rgba(230,57,70,.12)}.cp-row-name{font-size:14px;font-weight:600}.cp-row-meta{font-size:12px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-empty,.cp-row-meta{color:var(--text-muted)}.cp-empty{padding:16px 12px;font-size:13px;text-align:center}.cp-fcell{border:none;background:none;padding:0}.cp-fcell:focus-within{box-shadow:none;border-color:transparent}.cp-fcell>label{margin-bottom:6px}.split-btn{position:relative;display:inline-flex}.split-main{display:inline-flex;align-items:stretch}.split-primary,.split-toggle{background:var(--brand);color:#fff;border:none;font-family:var(--font);font-weight:700;cursor:pointer;transition:background .13s}.split-primary{border-radius:var(--r-md) 0 0 var(--r-md);padding:10px 24px;font-size:14px;box-shadow:0 2px 10px rgba(230,57,70,.3)}.split-toggle{border-radius:0 var(--r-md) var(--r-md) 0;padding:10px 12px;margin-left:1px;font-size:12px}.split-main:hover .split-primary,.split-main:hover .split-toggle{background:#f04654}.split-primary:disabled,.split-toggle:disabled{opacity:.5;cursor:not-allowed;background:var(--brand)}.split-menu{position:absolute;right:0;bottom:calc(100% + 8px);min-width:220px;background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--r-md);box-shadow:var(--shadow-pop);z-index:41;overflow:hidden;padding:4px 0}.split-menu-item{display:block;width:100%;text-align:left;padding:10px 16px;background:none;border:none;color:var(--text-primary);font-family:var(--font);font-size:14px;cursor:pointer;transition:background .12s}.split-menu-item:hover{background:rgba(230,57,70,.14)}.split-menu-item:disabled{opacity:.5;cursor:not-allowed}.pp-wrap{position:relative;width:100%}.pp-input{width:100%;background:none;border:none;color:var(--text-primary);font-family:var(--font);font-size:14px;padding:1px 0;outline:none}.pp-input::placeholder{color:var(--text-disabled)}.pp-panel{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:3001;background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-pop);overflow:hidden}.pp-head{padding:9px 12px 5px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.pp-list{max-height:300px;overflow-y:auto;padding:0 4px 4px;scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) transparent}.pp-list::-webkit-scrollbar{width:11px}.pp-list::-webkit-scrollbar-track{background:transparent}.pp-list::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:var(--r-pill);border:3px solid var(--bg-panel)}.pp-list::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover)}.pp-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:9px 12px;border:none;background:none;color:var(--text-primary);font-family:var(--font);cursor:pointer;border-radius:var(--r-sm);transition:background .12s}.pp-row:hover{background:var(--wash-2)}.pp-row-main{flex:1 1;min-width:0}.pp-row-name{font-size:14px;font-weight:600;color:var(--text-primary)}.pp-row-desc,.pp-row-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-row-desc{font-size:12px;color:var(--text-muted);margin-top:2px}.pp-row-price{flex:none;font-size:13px;font-weight:600;color:var(--text-primary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.pp-empty{padding:16px 12px;color:var(--text-muted);font-size:13px;text-align:center}.topbar-count-badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;border-radius:var(--r-pill);background:var(--brand);color:#fff;font-size:10px;font-weight:800;line-height:16px;text-align:center;box-shadow:0 0 0 2px var(--bg-page);pointer-events:none;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.msg-scrim{position:fixed;inset:0;z-index:220;background:rgba(8,16,26,.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;justify-content:flex-end}.msg-drawer{width:420px;max-width:92vw;height:100vh;display:flex;flex-direction:column;background:var(--bg-page);border-left:1px solid var(--border-subtle);box-shadow:var(--shadow-pop);animation:msg-slide-in .18s var(--ease-smooth)}@keyframes msg-slide-in{0%{transform:translateX(28px);opacity:.5}to{transform:translateX(0);opacity:1}}.msg-head{display:flex;align-items:center;gap:10px;padding:16px 18px;border-bottom:1px solid var(--line)}.msg-head-title{flex:1 1;font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--text-primary)}.msg-head-btn{width:34px;height:34px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:var(--r-pill);border:1px solid var(--border-subtle);background:none;color:var(--text-muted);cursor:pointer;transition:color .13s,border-color .13s,background .13s}.msg-head-btn:hover:not(:disabled){color:var(--text-primary);border-color:var(--brand);background:rgba(230,57,70,.1)}.msg-head-btn:disabled{opacity:.45;cursor:not-allowed}.msg-head-btn svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.msg-search-wrap{padding:12px 16px;border-bottom:1px solid var(--line)}.msg-search{width:100%;padding:9px 14px;border-radius:var(--r-md);border:1px solid var(--border-subtle);background:var(--bg-panel);color:var(--text-primary);font-family:var(--font);font-size:13.5px;outline:none;transition:border-color .15s,box-shadow .15s}.msg-search:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(230,57,70,.16)}.msg-search::placeholder{color:var(--text-disabled)}.msg-list{flex:1 1;overflow-y:auto;padding:4px 0}.msg-loading{flex:1 1;display:flex;align-items:center;justify-content:center;padding:36px;color:var(--text-muted);font-size:13.5px}.msg-row{display:flex;align-items:flex-start;gap:12px;width:100%;text-align:left;padding:13px 16px;border:none;border-bottom:1px solid var(--line);background:none;color:var(--text-primary);font-family:var(--font);cursor:pointer;transition:background .12s}.msg-row:hover{background:var(--wash-2)}.msg-row-icon{flex:none;width:30px;height:30px;margin-top:1px;border-radius:var(--r-pill);display:flex;align-items:center;justify-content:center;background:var(--wash-3);color:var(--text-muted)}.msg-row-icon svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.msg-row-body{flex:1 1;min-width:0}.msg-row-top{display:flex;align-items:baseline;gap:8px}.msg-row-name{flex:1 1;min-width:0;font-size:13.5px;font-weight:700;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-row-time{flex:none;font-size:11.5px;color:var(--text-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.msg-row-preview{margin-top:3px;font-size:12.5px;font-style:italic;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-row-dot{flex:none;align-self:center;width:9px;height:9px;margin-left:4px;border-radius:50%;background:var(--brand)}.msg-empty{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 28px;text-align:center}.msg-empty-icon{color:var(--text-disabled)}.msg-empty-icon svg{width:44px;height:44px;stroke:currentColor;fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.msg-empty-title{max-width:250px;font-size:14px;line-height:1.5;color:var(--text-muted)}