:root[data-theme=light]{color-scheme:light}.theme-control{display:flex;flex-direction:row;align-items:center;gap:8px;white-space:nowrap;font-size:12px}.theme-control select{min-height:36px;cursor:pointer}.login-appearance{display:flex;justify-content:flex-end;margin-top:18px}.shell main>header{gap:16px;flex-wrap:wrap}:root[data-theme=dark]{color-scheme:dark;--accent:#226bd0;--ink:#e5edf8;--subtle:#acbbcf;--line:#35465e;--surface:#1b293c;color:var(--ink);background:#121c2b}[data-theme=dark] body{background:#121c2b;color:var(--ink)}[data-theme=dark] .shell aside{background:linear-gradient(180deg,#19283b,#152234);border-color:var(--line);color:var(--ink)}[data-theme=dark] .brand,[data-theme=dark] .login .brand{color:#d9eaf9}[data-theme=dark] .brand small{color:#a2c9e0}[data-theme=dark] .brand-logo{background:#fff}[data-theme=dark] .shell nav button{color:#bccbe0}[data-theme=dark] .shell nav button:hover{background:#263c58;color:#fff}[data-theme=dark] .shell nav button.active{background:#233e66;color:#c1dcff;box-shadow:inset 0 0 0 1px #395985}[data-theme=dark] .identity,[data-theme=dark] footer,[data-theme=dark] .service,[data-theme=dark] .report-intro,[data-theme=dark] .photo-section{border-color:var(--line)}[data-theme=dark] .user-avatar{background:#263e5e;border-color:#395575;color:#c6dfff}[data-theme=dark] .card,[data-theme=dark] .stats article,[data-theme=dark] .photo-grid article,[data-theme=dark] .inventory-metrics article{background:var(--surface);border-color:var(--line);box-shadow:0 4px 20px #00000010}[data-theme=dark] .stats article:nth-child(3){background:linear-gradient(135deg,#1b293c,#343023)}[data-theme=dark] .stats strong,[data-theme=dark] .service strong,[data-theme=dark] td strong,[data-theme=dark] .inventory-metrics strong{color:#e4edf9}[data-theme=dark] .welcome-banner{background:linear-gradient(110deg,#203553,#1c2d44);border-color:#375477}[data-theme=dark] .welcome-banner h2,[data-theme=dark] .empty-state h3{color:#d3e5ff}[data-theme=dark] .muted,[data-theme=dark] .eyebrow,[data-theme=dark] .sidebar-caption,[data-theme=dark] .section-heading p,[data-theme=dark] .welcome-banner p:last-child,[data-theme=dark] .service p,[data-theme=dark] .stats span,[data-theme=dark] .inventory-metrics span,[data-theme=dark] .identity>span,[data-theme=dark] .shell footer,[data-theme=dark] .empty-state,[data-theme=dark] .empty-state p,[data-theme=dark] .report-intro p,[data-theme=dark] .login p,[data-theme=dark] .photo-drop span{color:#acbbcf}[data-theme=dark] label{color:#c3d0e2}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:#142135;border-color:#40536f;color:#edf3fc;box-shadow:none}[data-theme=dark] input:focus,[data-theme=dark] select:focus,[data-theme=dark] textarea:focus{background:#192a42;border-color:#80b8ff;box-shadow:0 0 0 3px #80b8ff26}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#9baec7}[data-theme=dark] button:focus-visible{outline-color:#8dc0ff}[data-theme=dark] .secondary,[data-theme=dark] .identity .secondary{background:#23354d;color:#d8e6f8;border-color:#435773}[data-theme=dark] .secondary:hover,[data-theme=dark] .identity .secondary:hover{background:#304866;border-color:#6986ad}[data-theme=dark] .danger{background:#492b32;color:#ffbcb5;border-color:#7b4247}[data-theme=dark] .danger:hover{background:#63343d}[data-theme=dark] .table-wrap{border-color:var(--line)}[data-theme=dark] th{background:#172438;color:#b5c7df;border-color:var(--line)}[data-theme=dark] td{color:#cad6e8;border-color:#304159}[data-theme=dark] td .muted{color:#acbbcf}[data-theme=dark] tbody tr:hover{background:#24364d}[data-theme=dark] .quote-total{background:linear-gradient(110deg,#203653,#243d60);border-color:#435e83;color:#c5d8ef}[data-theme=dark] .quote-total strong{color:#dfecff}[data-theme=dark] .purchase-summary{background:#172438;border-color:var(--line);color:#c2d0e3}[data-theme=dark] .purchase-cancel{background:#38252d;border-color:#73434b}[data-theme=dark] .badge,[data-theme=dark] .connection-pill{background:#173e36;color:#a3e7c9;border-color:#39665a}[data-theme=dark] .draft-badge{background:#41371e;color:#f5d58e;border-color:#77633b}[data-theme=dark] .cancelled-badge{background:#492b32;color:#ffbcb5;border-color:#7b4247}[data-theme=dark] .error,[data-theme=dark] .alert-card.urgent{background:#49282f;color:#ffc5bf;border-color:#86505a}[data-theme=dark] .notice{background:#193e34;color:#b1ebd1;border-color:#3d6b5a}[data-theme=dark] .alert-card.pending{background:#41351e;color:#f6d78e;border-color:#7c6637}[data-theme=dark] .photo-drop{background:#1b304a;border-color:#7394bd}[data-theme=dark] .photo-drop strong{color:#c2ddff}[data-theme=dark] .photo-grid img{background:#142135}[data-theme=dark] .segment-control{background:#132135;border-color:var(--line)}[data-theme=dark] .segment-control button{color:#b9c9de}[data-theme=dark] .segment-control button.selected{background:#304c73;color:#e7f1ff}[data-theme=dark] .chat-messages{background:#111d2d;border-color:var(--line)}[data-theme=dark] .chat-message{background:#213047;border-color:#3b4e69}[data-theme=dark] .chat-message.own{background:#234772;border-color:#446e9e}[data-theme=dark] .chat-message time,[data-theme=dark] .chat-attachment small{color:#b8cbe3}[data-theme=dark] .chat-attachment{border-color:#567397}[data-theme=dark] .login{background:radial-gradient(ellipse at top right,#203953,transparent 70%),#101b2b}[data-theme=dark] .login section{background:var(--surface);border-color:var(--line);box-shadow:0 30px 90px #0004}[data-theme=dark] .signature canvas{background:#fff;color-scheme:light;border-color:#9baec7}:root{--chart-green:#37b4a0;--chart-track:#e9eff4}.shell{font-family:Inter,Segoe UI,Arial,sans-serif;font-size:14px}.shell aside{width:224px;background:#182334;color:#c1cad8;padding:26px 16px 20px;border:0}.shell main{margin-left:224px;width:calc(100% - 224px);padding:28px 32px 24px;background:#f4f6fa;min-height:100vh}.shell main>header{padding-bottom:23px;margin-bottom:24px;border-bottom:1px solid #e2e7ef}.shell h1{font-size:25px;color:#233149;letter-spacing:-.7px}.shell h2{font-size:17px;color:#29374c;letter-spacing:-.3px}.shell .brand{color:#fff;gap:11px;line-height:1.3}.shell .brand-logo{width:54px;height:46px;object-fit:contain;border-radius:9px;background:#fff}.shell .brand small{color:#95a6bb;font-size:10px}.shell .sidebar-caption{color:#8292a9;font-size:9px;letter-spacing:1.4px;margin:30px 10px 14px}.shell nav{gap:5px}.shell nav button{padding:11px 12px;color:#aebcd0;border-radius:8px;font-size:12px;min-height:41px}.shell nav button.active{background:#2c405c;color:#fff;box-shadow:none}.shell nav button:hover{background:#24364e;color:#fff}.shell .identity{border-color:#324056;padding:19px 8px 0}.shell .identity>strong{color:#fff}.shell .identity>span{color:#9dacc1}.shell .identity button{background:#26364d;color:#dce7f3;border-color:#40506a}.shell .eyebrow{font-size:9px;letter-spacing:1.5px;color:#8492a7}.shell .card{background:#fff;border:1px solid #e4e9f0;border-radius:12px;box-shadow:0 3px 14px #253b5610;padding:24px}.shell button{border-radius:7px;font-size:12px;font-weight:600}.shell main button:not(.secondary):not(.danger):not(.active){background:#237dc1}.shell .secondary{background:#f7f9fc;color:#405570;border:1px solid #dce4ee}.shell label{font-size:12px;color:#455871}.shell input,.shell textarea,.shell select{background:#fff;border:1px solid #d6dfea;color:#243650;border-radius:7px;font-size:13px;min-height:39px}.shell textarea{line-height:1.6}.shell th{background:#f7f9fc;color:#8795a9;font-size:10px;letter-spacing:.5px}.shell td{font-size:12px;color:#3e5069;padding:15px 12px}.shell footer{margin-top:27px;border-color:#e1e6ee;color:#8a99ac}.workspace-intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 24px}.workspace-intro h2{font-size:27px;margin:7px 0}.workspace-intro p:last-child{font-size:13px;color:#7c8ca2;margin:0}.connection-pill{background:#fff;border-color:#d9e9e4;color:#359582}.shell .stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.shell .stats article{background:#fff!important;border:1px solid #e4e9f0;padding:21px;border-radius:10px}.shell .stats article:before{display:none}.shell .stats strong{font-size:32px;color:#24334a;margin:10px 0 7px}.shell .stats span{font-size:12px;color:#7c8ba0}.stats small{color:#9aa7b9;font-size:10px}.dashboard-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:22px}.service-summary{display:flex;align-items:center;gap:32px;padding:8px 0 18px}.service-donut{width:150px;height:150px;border-radius:50%;padding:17px;flex-shrink:0}.service-donut>div{height:100%;width:100%;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column}.service-donut strong{font-size:28px;color:#293e53}.service-donut span{font-size:10px;color:#8a98aa}.service-legend{flex:1}.service-legend>div{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #edf1f6;font-size:12px;color:#8491a5}.service-legend b{color:#3b5068}.quick-actions{display:grid;gap:10px}.quick-action{display:flex;align-items:center;justify-content:space-between;text-align:left;padding:16px!important;min-height:68px}.quick-action strong,.quick-action small{display:block}.quick-action strong{font-size:12px;margin-bottom:5px}.quick-action small{font-size:10px;font-weight:400;color:#8c9bb0}.financial-overview{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:30px}.financial-overview>div:first-child{flex:1}.financial-overview h2{margin:5px 0}.financial-overview>div>span{display:block;color:#7d8da4;font-size:12px}.financial-overview strong{display:block;font-size:25px;color:#299986;margin-top:9px}.upcoming-services{grid-column:1/-1}.shell .empty-state{padding:40px 15px}.equipment-sheets,.compression-choice{margin:22px 0;padding:20px;border:1px solid #dce6f0;border-radius:10px;background:#f8fbfe}.equipment-sheet{padding:20px;margin-top:14px;border:1px solid #dfe7f1;border-radius:9px;background:#fff}.equipment-sheet h3{margin:0;font-size:14px}.equipment-sheet .section-heading{margin-bottom:18px}.compression-choice{border-color:#b8d8ef;background:#eff8ff}.photo-section .photo-drop{margin-top:15px}.shell .report-intro{border-bottom-color:#e0e9f1;padding:4px 0 22px}.shell .photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.shell .photo-grid img{height:160px}.shell .photo-section{padding:24px 0}.shell .badge{background:#eaf6f2;color:#2a937a}[data-theme=dark]{--chart-track:#35475e}[data-theme=dark] .shell main{background:#101b2a}[data-theme=dark] .shell h1,[data-theme=dark] .shell h2,[data-theme=dark] .shell .stats strong{color:#e3ecf7}[data-theme=dark] .shell .card,[data-theme=dark] .shell .stats article,[data-theme=dark] .equipment-sheet{background:#1b2a3d!important;border-color:#33465d}[data-theme=dark] .shell input,[data-theme=dark] .shell select,[data-theme=dark] .shell textarea{background:#142136;border-color:#3a4f6b;color:#dfeaf6}[data-theme=dark] .shell td,[data-theme=dark] .shell label{color:#bbcadc}[data-theme=dark] .shell .secondary{background:#23374f;border-color:#3d536f;color:#d5e4f5}[data-theme=dark] .shell th{background:#17263a;color:#9cafc5}[data-theme=dark] .service-donut>div{background:#1b2a3d}[data-theme=dark] .service-donut strong,[data-theme=dark] .service-legend b{color:#e1ecf8}[data-theme=dark] .equipment-sheets,[data-theme=dark] .compression-choice{background:#17283d;border-color:#38526f}[data-theme=dark] .shell main>header,[data-theme=dark] .service-legend>div{border-color:#2a4059}@media(max-width:1150px){.dashboard-grid{grid-template-columns:1fr}.service-summary{gap:20px}.shell main{padding:24px}.shell main>header .toolbar{justify-content:flex-start}}@media(max-width:800px){.shell aside{width:190px}.shell main{margin-left:190px;width:calc(100% - 190px);padding:16px}.shell .stats{grid-template-columns:repeat(2,minmax(0,1fr))}.financial-overview,.workspace-intro{flex-wrap:wrap}.shell .photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}:root[data-theme=light]{--ink:#203248;--subtle:#586d85;--line:#cbd6e3;--surface:#f1f5f9;color-scheme:light}[data-theme=light] body,[data-theme=light] .shell main{background:#e5ebf2;color:#203248}[data-theme=light] .shell .card,[data-theme=light] .shell .stats article{background:#f2f5f9!important;border-color:#cdd8e5;box-shadow:0 4px 16px #203b5310}[data-theme=light] .shell input,[data-theme=light] .shell select,[data-theme=light] .shell textarea{background:#eaf0f6;border-color:#bdcddd;color:#243951;box-shadow:none}[data-theme=light] .shell input::placeholder,[data-theme=light] .shell textarea::placeholder{color:#60758e}[data-theme=light] .shell th{background:#dfe7f0;color:#536a84;border-bottom-color:#cbd7e5}[data-theme=light] .shell td{color:#2b425c;border-color:#d9e2ed}[data-theme=light] .shell tbody tr:hover{background:#e4edf7}[data-theme=light] .shell .muted,[data-theme=light] .shell .section-heading p,[data-theme=light] .workspace-intro p:last-child{color:#5d7189}[data-theme=light] .shell .eyebrow{color:#587494}[data-theme=light] .shell .secondary{background:#e0e8f2;color:#294965;border-color:#c1d0e1}[data-theme=light] .shell .secondary:hover{background:#d3e2f2;border-color:#93b5d9}[data-theme=light] .shell .quote-total,[data-theme=light] .purchase-summary{background:#e0eaf5;color:#2c4c70}[data-theme=light] .shell .equipment-sheets,[data-theme=light] .shell .equipment-sheet{background:#eaf0f7;border-color:#c7d6e6}[data-theme=light] .shell .connection-pill{background:#e4f1ec;color:#287358;border-color:#b7d7cb}[data-theme] .shell aside nav button{background:transparent;color:#b7c7dc;border:1px solid transparent;box-shadow:none}[data-theme] .shell aside nav button:hover{background:#253b55;color:#f1f6ff;border-color:#38526f}[data-theme] .shell aside nav button.active{background:#233e5e;color:#fff;border:1px solid #3b638f;border-left:3px solid #ef4f64;box-shadow:none}.shell aside nav{scrollbar-width:thin;scrollbar-color:#4d6380 #192638;scrollbar-gutter:stable}.shell aside nav::-webkit-scrollbar{width:6px;background:#192638}.shell aside nav::-webkit-scrollbar-thumb{background:#4d6380;border-radius:6px}.shell button:focus-visible,.shell input:focus-visible,.shell select:focus-visible,.shell textarea:focus-visible{outline:2px solid #338ee6;outline-offset:2px}[data-theme=dark] body,[data-theme=dark] .shell main{background:#0e1928}[data-theme=dark] .shell .card,[data-theme=dark] .shell .stats article{background:#192a3f!important;border-color:#314c68;box-shadow:0 5px 18px #0002}[data-theme=dark] .shell th{background:#132237;color:#a9c1dd;border-color:#314963}[data-theme=dark] .shell td{color:#d1dfef;border-color:#2b435e}[data-theme=dark] .shell tbody tr:hover{background:#203952}[data-theme=dark] .shell input,[data-theme=dark] .shell select,[data-theme=dark] .shell textarea{background:#122238;border-color:#45607d;color:#e0ecfa}[data-theme=dark] .shell .muted,[data-theme=dark] .shell .section-heading p,[data-theme=dark] .workspace-intro p:last-child{color:#a8bbd3}[data-theme=dark] .shell .quote-total,[data-theme=dark] .shell .purchase-summary{background:#203a56;color:#d0e5ff}[data-theme=dark] .shell .connection-pill{background:#1b3d3b;color:#a4ded0;border-color:#37645d}[data-theme=dark] .shell .secondary:hover{background:#29496b;border-color:#5a7fa7}[data-theme=dark] .shell .badge{background:#1e4540;color:#b0e5d7}[data-theme=dark] .shell .draft-badge{background:#4d3f26;color:#f4d795}.shell main>header{border-bottom-color:#c5d2e1}.shell .quote-total strong{font-variant-numeric:tabular-nums;font-size:23px}.shell .stats strong{font-variant-numeric:tabular-nums}[data-theme=dark] .shell main>header{border-bottom-color:#30465f}.company-name{font-weight:700;color:var(--ink,#17324a)!important}.web-shortcuts{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.web-shortcuts a{color:#087fa3}.shell>aside{overflow-y:auto}.shell main{min-width:0}.login section{max-width:calc(100vw - 24px)}@media(max-width:800px){.shell{display:block}.shell>aside{position:static;inset:auto;width:100%;padding:16px;height:auto}.shell>aside nav{display:flex;overflow-x:auto;gap:6px;margin:12px 0;padding-bottom:8px}.shell>aside nav button{flex-shrink:0;min-height:44px}.shell>aside .identity{display:flex;align-items:center;flex-wrap:wrap;margin-top:4px;padding:10px 0 0}.shell>aside .identity .user-avatar{display:none}.shell main{margin:0;width:100%;padding:18px 12px}.shell main>header{align-items:flex-start;gap:14px;flex-direction:column}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.financial-overview{flex-wrap:wrap}.form-grid,.signatures{grid-template-columns:1fr}.card{padding:16px}.login section{padding:24px}.service,.workspace-intro{flex-wrap:wrap}button{min-height:40px}.table-wrap{max-width:100%}}
