:root{color:#18202f;font-synthesis:none;--navy:#102238;--navy-2:#18324f;--teal:#16a394;--line:#e3e8ee;--muted:#718096;background:#f4f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}.app-layout{direction:ltr;min-height:100vh;display:flex}.sidebar{background:var(--navy);color:#fff;z-index:30;flex-direction:column;width:250px;display:flex;position:fixed;inset:0 auto 0 0;box-shadow:8px 0 35px #0d1c2e17}.brand{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;height:86px;padding:0 24px;display:flex}.brand-mark{background:var(--teal);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.brand b{letter-spacing:.2px;font-size:18px;display:block}.brand small{color:#9fadc0;margin-top:2px;font-size:12px;display:block}.sidebar nav{flex:1;padding:28px 14px}.nav-caption{color:#71849c;margin:0 12px 10px;font-size:11px;font-weight:700;display:block}.sidebar nav a{color:#aebbc9;border-radius:10px;align-items:center;gap:12px;margin:3px 0;padding:12px 14px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.sidebar nav a:hover{color:#fff;background:#ffffff0f}.sidebar nav a.active{color:#fff;box-shadow:inset 3px 0 0 var(--teal);background:#16a39429}.sidebar-footer{border-top:1px solid #ffffff14;padding:16px}.profile{color:#fff;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;width:100%;padding:7px;display:flex}.profile:hover{background:#ffffff0d}.profile span:last-child{min-width:0}.profile b,.profile small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.profile b{font-size:13px}.profile small{color:#8fa0b3;margin-top:2px;font-size:11px}.avatar{color:#8de2d7;background:#294560;border-radius:50%;flex:none;place-items:center;width:35px;height:35px;font-weight:700;display:grid}.demo-badge{color:#62d2c5;margin:0 8px 7px;font-size:10px;display:block}.mobile-close{display:none}.main-area{width:calc(100% - 250px);min-width:0;margin-left:250px}.topbar{border-bottom:1px solid var(--line);color:#536273;z-index:20;background:#fff;justify-content:space-between;align-items:center;height:64px;padding:0 32px;font-size:13px;display:flex;position:sticky;top:0}.location-dot{background:#2dbb76;border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block;box-shadow:0 0 0 4px #e4f7ee}.today{color:#96a0ad}.menu-button{background:0 0;border:0;display:none}.page-container{max-width:1440px;margin:auto;padding:34px}.page-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px;display:flex}.page-heading h1{color:#15263a;margin:3px 0 5px;font-size:30px}.page-heading p{color:var(--muted);margin:0;font-size:14px}.eyebrow{letter-spacing:1px;color:var(--teal)!important;font-size:11px!important;font-weight:700!important}.primary-button,.secondary-button{border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:11px 17px;font-weight:700;display:inline-flex}.primary-button{background:var(--teal);color:#fff;box-shadow:0 5px 13px #16a3942e}.primary-button:disabled{opacity:.5;cursor:not-allowed}.full{width:100%;padding:13px}.panel{border:1px solid var(--line);background:#fff;border-radius:15px;box-shadow:0 2px 5px #0f223806}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.stat-card{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:15px;padding:19px;display:flex}.stat-icon{border-radius:12px;place-items:center;width:45px;height:45px;display:grid}.stat-icon svg{width:21px}.stat-icon.blue{color:#3c7dc4;background:#eaf3ff}.stat-icon.green{color:#149485;background:#e5f7f3}.stat-icon.amber{color:#d18b1d;background:#fff3dc}.stat-icon.purple{color:#8556bd;background:#f1eafa}.stat-card p{color:#738091;margin:0;font-size:12px}.stat-card strong{margin:2px 0;font-size:25px;display:inline-block}.stat-card small{color:#a0a9b5;font-size:10px;display:block}.dashboard-grid{grid-template-columns:1.5fr 1fr;gap:20px;display:grid}.panel-heading{border-bottom:1px solid var(--line);padding:20px 22px}.panel-heading h2,.system-card h2{margin:0 0 3px;font-size:17px}.panel-heading p{color:var(--muted);margin:0;font-size:12px}.quick-links{grid-template-columns:1fr 1fr;gap:12px;padding:16px;display:grid}.quick-links a{border:1px solid var(--line);border-radius:11px;align-items:center;gap:12px;padding:15px;transition:all .2s;display:flex}.quick-links a:hover{border-color:#81d0c7;transform:translateY(-1px)}.quick-links svg{color:var(--teal)}.quick-links b,.quick-links small{display:block}.quick-links b{font-size:13px}.quick-links small{color:var(--muted);margin-top:2px;font-size:11px}.system-card{background:linear-gradient(145deg,#fff,#f5faf9);padding:22px}.system-card p{color:#687687;font-size:13px;line-height:1.7}.status-pill{color:#10816f;background:#e2f6f0;border-radius:30px;align-items:center;gap:6px;margin-bottom:18px;padding:5px 9px;font-size:11px;font-weight:700;display:inline-flex}.status-pill i{background:#19a98e;border-radius:50%;width:6px;height:6px}.progress{background:#e7edef;border-radius:10px;height:5px;margin:18px 0 8px;overflow:hidden}.progress span{background:var(--teal);width:32%;height:100%;display:block}.system-card>small{color:#8b97a5;font-size:10px}.table-panel{overflow:hidden}.table-toolbar{border-bottom:1px solid var(--line);color:#8a95a2;justify-content:space-between;align-items:center;padding:16px 18px;font-size:12px;display:flex}.search-box{color:#8d99a7;background:#f5f7f9;border:1px solid #e5e9ed;border-radius:9px;align-items:center;gap:8px;width:min(430px,75%);height:39px;padding:0 12px;display:flex}.search-box input{color:#263545;background:0 0;border:0;outline:0;width:100%;font-size:13px}.data-row{border-bottom:1px solid #edf0f2;grid-template-columns:42px minmax(150px,1.2fr) minmax(140px,1fr) minmax(170px,1.2fr) minmax(100px,.8fr) 70px;align-items:center;gap:12px;padding:15px 20px;display:grid}.data-row:last-child{border-bottom:0}.data-row:hover{background:#fbfcfc}.record-avatar{color:#198e80;background:#e9f6f4;border-radius:11px;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.record-main b,.record-main small{display:block}.record-main b{font-size:13px}.record-main small{color:#9aa4af;text-align:left;direction:ltr;margin-top:2px;font-size:10px}.record-detail{color:#647283;text-overflow:ellipsis;white-space:nowrap;direction:ltr;justify-content:flex-start;align-items:center;gap:6px;font-size:12px;display:flex;overflow:hidden}.record-detail svg{color:#98a3af;flex:none}.vehicle-count{color:#188879;text-align:center;background:#edf7f5;border-radius:20px;padding:5px 7px;font-size:10px}.empty-state{text-align:center;color:#83909e;padding:55px 20px}.empty-state h2,.empty-state h3{color:#334255}.empty-icon{color:var(--teal);font-size:34px}.loader{border:2px solid #c8d2dc;border-top-color:var(--teal);vertical-align:middle;border-radius:50%;width:18px;height:18px;margin-right:8px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.vehicle-grid{grid-template-columns:repeat(3,1fr);gap:14px;padding:18px;display:grid}.vehicle-card{border:1px solid var(--line);border-radius:12px;padding:17px}.vehicle-card-top{justify-content:space-between;align-items:center;display:flex}.car-icon{width:40px;height:40px;color:var(--teal);background:#e7f5f3;border-radius:11px;place-items:center;display:grid}.vehicle-number{color:#8a96a3;direction:ltr;font-size:10px}.vehicle-card h3{text-align:left;direction:ltr;margin:15px 0 3px;font-size:16px}.vehicle-card>p{color:#748191;margin:0 0 15px;font-size:12px}.vehicle-meta{border-top:1px solid #edf0f2;flex-wrap:wrap;align-items:center;gap:9px;padding-top:12px;display:flex}.vehicle-meta span{color:#758293;direction:ltr;align-items:center;gap:4px;font-size:10px;display:flex}.vehicle-meta svg{width:13px}.plate{background:#f2f4f6;border:1px solid #d9dee3;border-radius:4px;padding:3px 6px;font-weight:700;color:#253444!important}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a18288f;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;width:min(560px,100%);box-shadow:0 25px 70px #00000040}.modal-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:21px 23px 16px;display:flex}.modal-heading h2{margin:2px 0 0}.icon-button{color:#657181;background:#f1f3f5;border:0;border-radius:9px;place-items:center;width:35px;height:35px;display:grid}.icon-button svg{width:18px}.form-grid{grid-template-columns:1fr 1fr;gap:16px;padding:22px;display:grid}.form-grid label,.login-card label{color:#435164;font-size:12px;font-weight:600}.form-grid input,.form-grid select,.login-card input{background:#fff;border:1px solid #dbe1e6;border-radius:8px;outline:0;width:100%;margin-top:7px;padding:11px 12px;display:block}.form-grid input:focus,.form-grid select:focus,.login-card input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #16a3941a}.span-2{grid-column:span 2}.modal-actions{border-top:1px solid var(--line);justify-content:flex-start;gap:9px;padding:15px 22px;display:flex}.form-error{color:#b63b35;background:#fff0ef;border-radius:8px;padding:10px 12px;font-size:12px}.form-error.inset{margin:14px}.notice{color:#25766c;background:#eaf7f5;border-radius:8px;padding:10px 12px;font-size:11px;line-height:1.5}.notice.warning{color:#9a681d;background:#fff6e7}.login-page{direction:ltr;background:#fff;grid-template-columns:1.05fr 1fr;min-height:100vh;display:grid}.login-visual{color:#fff;background:linear-gradient(145deg,#0c2034f7,#103144eb),radial-gradient(circle at 20% 20%,#2a7271,#0000 55%);justify-content:center;align-items:center;padding:60px;display:flex;position:relative;overflow:hidden}.login-visual:after{content:"";border:1px solid #57d5c61f;border-radius:50%;width:420px;height:420px;position:absolute;bottom:-180px;right:-130px;box-shadow:0 0 0 70px #57d5c606,0 0 0 140px #57d5c605}.login-visual-content{z-index:1;direction:ltr;max-width:480px;position:relative}.login-logo{background:var(--teal);border-radius:15px;place-items:center;width:54px;height:54px;margin-bottom:38px;display:grid}.login-visual h1{margin:8px 0 20px;font-size:45px;line-height:1.25}.login-visual-content>p:not(.eyebrow){color:#acbac8;max-width:420px;font-size:16px;line-height:1.8}.trust-row{border-top:1px solid #ffffff1a;align-items:center;gap:12px;margin-top:55px;padding-top:22px;display:flex}.trust-row svg{color:#5cd2c3}.trust-row b,.trust-row small{display:block}.trust-row b{font-size:13px}.trust-row small{color:#8fa0b2;margin-top:3px;font-size:11px}.login-form-wrap{direction:ltr;justify-content:center;align-items:center;padding:45px;display:flex}.login-card{flex-direction:column;gap:16px;width:min(390px,100%);display:flex}.login-card h2{color:#17283a;margin:-7px 0 -10px;font-size:31px}.login-card>.muted{color:#7c8998;margin:0 0 8px;font-size:13px}.input-icon{position:relative}.input-icon svg{color:#9aa5b0;position:absolute;top:18px;left:12px}.input-icon input{padding-left:38px}.security-note{color:#8995a2;justify-content:center;align-items:center;gap:5px;font-size:10px;display:flex}.security-note svg{color:var(--teal)}.mobile-brand{display:none}.center-screen{color:#667587;place-items:center;min-height:100vh;display:grid}@media (width<=1000px){.stats-grid,.vehicle-grid{grid-template-columns:repeat(2,1fr)}.data-row{grid-template-columns:42px 1.2fr 1fr 80px}.data-row .record-detail:nth-of-type(2),.data-row .record-detail:nth-of-type(3){display:none}.login-visual{padding:40px}.login-visual h1{font-size:38px}}@media (width<=760px){.sidebar{transition:all .25s;transform:translate(105%)}.sidebar.is-open{transform:translate(0)}.mobile-close{color:#91a0b1;background:0 0;border:0;display:block;position:absolute;top:25px;left:14px}.sidebar-backdrop{z-index:29;background:#08142173;border:0;position:fixed;inset:0}.main-area{width:100%;margin:0}.menu-button{place-items:center;display:grid}.topbar{padding:0 16px}.page-container{padding:22px 16px}.page-heading{align-items:flex-start}.page-heading h1{font-size:25px}.page-heading>button,.page-heading>a{padding:11px;font-size:0}.page-heading>button svg,.page-heading>a svg{margin:0}.dashboard-grid,.vehicle-grid{grid-template-columns:1fr}.login-page{display:block}.login-visual{display:none}.login-form-wrap{min-height:100vh;padding:28px}.mobile-brand{align-items:center;gap:9px;margin-bottom:25px;font-weight:800;display:flex}.mobile-brand .brand-mark{width:35px;height:35px}.data-row{grid-template-columns:38px 1fr 65px;padding:13px}.data-row .record-detail{display:none}.table-toolbar{padding:12px}.search-box{width:78%}}@media (width<=480px){.stats-grid{grid-template-columns:1fr 1fr;gap:9px}.stat-card{gap:9px;padding:13px}.stat-icon{width:37px;height:37px}.stat-card strong{font-size:21px}.stat-card small{display:none}.quick-links,.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.today{display:none}}.form-grid textarea{resize:vertical;border:1px solid #dbe1e6;border-radius:8px;outline:0;width:100%;min-height:90px;margin-top:7px;padding:11px 12px;display:block}.form-grid textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #16a3941a}.module-tabs{border-bottom:1px solid var(--line);gap:4px;padding:10px 14px;display:flex}.module-tabs button{color:#718091;background:0 0;border:0;border-radius:8px;align-items:center;gap:7px;padding:9px 13px;font-weight:600;display:flex}.module-tabs button svg{width:17px}.module-tabs button.active{color:#138b7e;background:#e9f6f4}.order-list{flex-direction:column;display:flex}.order-row{border-bottom:1px solid #edf0f2;grid-template-columns:42px .8fr 1.4fr .7fr .8fr;align-items:center;gap:15px;padding:15px 20px;display:grid}.order-row:last-child{border-bottom:0}.order-row>div b,.order-row>div small{display:block}.order-row>div b{font-size:13px}.order-row>div small{color:#8a96a3;margin-top:3px;font-size:10px}.order-row small svg{vertical-align:middle;width:12px}.order-icon,.warranty-icon{width:38px;height:38px;color:var(--teal);background:#e8f5f3;border-radius:10px;place-items:center;display:grid}.order-icon svg,.warranty-icon svg{width:18px}.status{color:#647080;background:#eef1f4;border-radius:20px;justify-content:center;align-items:center;width:max-content;padding:5px 9px;font-size:10px;font-weight:700;display:inline-flex}.status-in_progress,.status-active{color:#10816f;background:#e2f6f0}.status-waiting_parts{color:#ad7217;background:#fff3dc}.status-completed{color:#3976ba;background:#eaf3ff}.parts-grid{grid-template-columns:repeat(3,1fr);gap:14px;padding:18px;display:grid}.part-card{border:1px solid var(--line);border-radius:12px;padding:17px}.sku{color:#6d7b8a;direction:ltr;background:#f1f4f6;border-radius:5px;padding:4px 7px;font-size:10px;display:inline-block}.part-card h3{margin:13px 0 3px;font-size:15px}.part-card p{color:#87929f;margin:0 0 17px;font-size:11px}.part-card>div{border-top:1px solid #edf0f2;justify-content:space-between;align-items:center;padding-top:12px;display:flex}.part-card>div small{color:#82909e;font-size:10px}.stock-row{border-bottom:1px solid #edf0f2;grid-template-columns:42px 1.6fr .5fr .5fr .8fr;align-items:center;gap:15px;padding:14px 20px;display:grid}.stock-row>div b,.stock-row>div small{display:block}.stock-row>div b{font-size:13px}.stock-row>div small{color:#85919e;margin-top:2px;font-size:10px}.quantity{text-align:center}.quantity b{font-size:18px!important}.low-stock{color:#b36d16;background:#fff3dc;border-radius:20px;align-items:center;gap:5px;width:max-content;padding:6px 9px;font-size:10px;font-weight:700;display:flex}.low-stock svg{width:13px}.warranty-grid{grid-template-columns:repeat(2,1fr);gap:14px;padding:18px;display:grid}.warranty-card{border:1px solid var(--line);border-radius:12px;grid-template-columns:42px 1fr auto;align-items:start;gap:13px;padding:17px;display:grid}.warranty-card h3{margin:9px 0 3px;font-size:15px}.warranty-card p{color:#778493;margin:0 0 9px;font-size:11px}.warranty-card small{color:#84919e;direction:ltr;justify-content:flex-end;align-items:center;gap:5px;font-size:10px;display:flex}.warranty-card small svg{width:13px}@media (width<=1000px){.parts-grid{grid-template-columns:repeat(2,1fr)}.order-row{grid-template-columns:38px 1fr 1.3fr .7fr}.order-row>div:last-child{display:none}}@media (width<=760px){.parts-grid,.warranty-grid{grid-template-columns:1fr}.order-row{grid-template-columns:38px 1fr auto}.order-row>div:nth-of-type(2){display:none}.stock-row{grid-template-columns:38px 1fr .5fr}.stock-row>.quantity:nth-of-type(3),.stock-row>span:last-child{display:none}}.finance-list{flex-direction:column;display:flex}.finance-list article{border-bottom:1px solid #edf0f2;justify-content:space-between;align-items:center;gap:20px;padding:17px 20px;display:flex}.finance-list article:last-child{border-bottom:0}.finance-list article>div:last-child{text-align:right}.finance-list b,.finance-list small{display:block}.finance-list b{font-size:13px}.finance-list small{color:#82909e;margin-top:4px;font-size:10px}.inventory-vehicles{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.inventory-vehicle{border:1px solid var(--line);background:#fff;border-radius:15px;padding:19px;box-shadow:0 2px 5px #0f223806}.inventory-vehicle h3{margin:16px 0 3px}.inventory-vehicle>p{color:var(--muted);margin:0;font-size:12px}.profit-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0;display:grid}.profit-grid span{background:#f6f8f9;border-radius:9px;padding:10px}.profit-grid small,.profit-grid b{display:block}.profit-grid small{color:#7f8b99;font-size:9px}.profit-grid b{margin-top:4px;font-size:12px}.positive{color:#11876f}.negative{color:#b44942}.back-link{color:#687789;align-items:center;gap:7px;margin-bottom:15px;font-size:12px;font-weight:600;display:inline-flex}.profile-hero{align-items:center;gap:20px;margin-bottom:18px;padding:25px;display:flex}.profile-avatar{color:#118576;background:linear-gradient(145deg,#def4f0,#c9ebe6);border-radius:18px;place-items:center;width:68px;height:68px;font-size:23px;font-weight:800;display:grid}.profile-hero h1{margin:3px 0 11px;font-size:27px}.profile-contact{flex-wrap:wrap;gap:18px;display:flex}.profile-contact span{color:#687789;align-items:center;gap:6px;font-size:12px;display:flex}.profile-grid{grid-template-columns:.8fr 1.2fr;gap:18px;display:grid}.timeline-list article{border-bottom:1px solid #edf0f2;gap:12px;padding:15px 20px;display:flex}.timeline-list article:last-child{border-bottom:0}.timeline-icon{width:36px;height:36px;color:var(--teal);background:#e9f6f4;border-radius:10px;flex:none;place-items:center;display:grid}.timeline-icon svg{width:17px}.timeline-list b,.timeline-list small,.timeline-list time{display:block}.timeline-list b{font-size:12px}.timeline-list small{color:#758293;margin-top:3px;font-size:10px}.timeline-list time{color:#9aa4af;margin-top:7px;font-size:9px}.timeline-list time svg{vertical-align:middle;margin-right:4px}.inline-empty{color:var(--muted);padding:20px;font-size:12px}@media (width<=1000px){.inventory-vehicles{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.sidebar{transform:translate(-105%)}.sidebar.is-open{transform:translate(0)}.inventory-vehicles,.profile-grid{grid-template-columns:1fr}.profile-contact{gap:9px}.finance-list article{padding:14px}.profit-grid{grid-template-columns:1fr 1fr}.profit-grid span:last-child{grid-column:span 2}}.page-notice{margin:-10px 0 18px}.billing-list article{border-bottom:1px solid #edf0f2;grid-template-columns:40px 1.4fr .6fr .7fr auto;align-items:center;gap:15px;padding:15px 20px;display:grid}.billing-list article:last-child{border-bottom:0}.document-icon{width:38px;height:38px;color:var(--teal);background:#e9f6f4;border-radius:10px;place-items:center;display:grid}.document-icon svg{width:18px}.billing-list b,.billing-list small{display:block}.billing-list b{font-size:13px}.billing-list small{color:#82909e;margin-top:3px;font-size:10px}.billing-money{text-align:right}.row-actions{gap:5px;display:flex}.row-actions button{border:1px solid var(--line);color:#667586;background:#fff;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.row-actions button:hover{color:var(--teal);border-color:#8fd1c9}.row-actions svg{width:15px}.status-partially_paid{color:#a26b18;background:#fff3dc}.status-paid,.status-accepted{color:#10816f;background:#e2f6f0}.status-sent{color:#3976ba;background:#eaf3ff}.report-kpis{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.report-kpi{border:1px solid var(--line);background:#fff;border-radius:14px;gap:13px;padding:18px;display:flex}.report-kpi>svg{color:var(--teal);background:#e8f6f3;border-radius:10px;width:40px;height:40px;padding:9px}.report-kpi small,.report-kpi b,.report-kpi em{display:block}.report-kpi small{color:#758293;font-size:10px}.report-kpi b{margin:4px 0;font-size:20px}.report-kpi em{color:#3b9c75;font-size:9px;font-style:normal}.reports-grid{grid-template-columns:1.25fr .75fr;gap:18px;display:grid}.profit-bars{padding:20px}.profit-bars>div{margin-bottom:19px}.profit-bars>div>span{justify-content:space-between;font-size:11px;display:flex}.profit-bars small{color:#6f7e8d}.profit-bars i{background:#edf1f3;border-radius:10px;height:7px;margin-top:8px;display:block;overflow:hidden}.profit-bars u{background:linear-gradient(90deg,var(--teal),#5bc8b9);border-radius:10px;height:100%;display:block}.attention-list span{border-bottom:1px solid #edf0f2;grid-template-columns:34px 1fr;column-gap:9px;padding:14px 18px;display:grid}.attention-list span:last-child{border:0}.attention-list svg{color:#d79531;grid-row:span 2;width:18px;margin-top:3px}.attention-list b{font-size:11px}.attention-list small{color:#82909e;font-size:9px}@media (width<=1000px){.report-kpis{grid-template-columns:repeat(2,1fr)}.billing-list article{grid-template-columns:40px 1fr .7fr auto}.billing-list .status{display:none}}@media (width<=760px){.reports-grid{grid-template-columns:1fr}.billing-list article{grid-template-columns:36px 1fr auto;padding:13px}.billing-money,.row-actions button:nth-child(2),.row-actions button:nth-child(3){display:none}}@media (width<=480px){.report-kpis{grid-template-columns:1fr 1fr}.report-kpi{padding:12px}.report-kpi>svg{display:none}.report-kpi b{font-size:16px}}.danger-button{color:#aa4039;background:#fff5f4;border:1px solid #f0c9c6;border-radius:9px;align-items:center;gap:7px;padding:10px 13px;font-weight:700;display:inline-flex}.danger-button:disabled{opacity:.4;cursor:not-allowed}.danger-button svg,.secondary-button svg{width:16px}.employee-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.employee-card{border:1px solid var(--line);background:#fff;border-radius:15px;padding:18px}.employee-head{align-items:center;gap:12px;display:flex}.profile-avatar.small{border-radius:13px;flex:none;width:46px;height:46px;font-size:15px}.profile-avatar.tiny{border-radius:10px;width:36px;height:36px;font-size:12px}.employee-head>div{flex:1;min-width:0}.employee-head h3{margin:0;font-size:14px}.employee-head p{color:#84909d;white-space:nowrap;text-overflow:ellipsis;margin:4px 0 0;font-size:10px;overflow:hidden}.role-badge{color:#627181;background:#eef2f5;border-radius:20px;align-items:center;gap:4px;padding:5px 8px;font-size:9px;font-weight:700;display:inline-flex}.role-badge svg{width:12px}.role-badge.owner{color:#784fa8;background:#f1eafa}.role-badge.manager{color:#138b7e;background:#e8f5f3}.employee-meta{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;margin:16px 0;padding:13px 0;display:flex}.employee-meta span{color:#82909e;align-items:center;gap:5px;font-size:10px;display:flex}.employee-meta svg{width:13px}.employee-meta b{color:#324254}.employee-actions{gap:8px;display:flex}.employee-actions button{flex:1}.employee-modal{width:min(680px,100%)}.permission-fieldset{border:1px solid var(--line);border-radius:11px;grid-template-columns:1fr 1fr;gap:10px;padding:14px;display:grid}.permission-fieldset legend{color:#536273;padding:0 6px;font-size:11px;font-weight:700}.permission-fieldset label{grid-template-columns:1fr 130px;align-items:center;gap:8px;display:grid}.permission-fieldset select{margin:0}.document-list article{border-bottom:1px solid #edf0f2;grid-template-columns:42px minmax(170px,1.5fr) auto minmax(120px,.7fr) auto;align-items:center;gap:14px;padding:15px 20px;display:grid}.document-list article:last-child{border:0}.document-kind{width:38px;height:38px;color:var(--teal);background:#e9f6f4;border-radius:10px;place-items:center;display:grid}.document-kind svg{width:18px}.document-list b,.document-list small{display:block}.document-list b{font-size:12px}.document-list small{color:#82909e;margin-top:4px;font-size:9px}.sensitive-badge{color:#8d651f;background:#fff3dc;border-radius:20px;align-items:center;gap:4px;padding:5px 8px;font-size:9px;font-weight:700;display:inline-flex}.sensitive-badge svg{width:11px}.upload-field{background:#f8fafb;border:1px dashed #b9c9d2;border-radius:10px;align-items:center;gap:8px;padding:17px!important;display:flex!important}.upload-field>svg{color:var(--teal)}.upload-field input{margin:8px 0 0!important}.payroll-summary{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px;display:grid}.payroll-summary article{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:12px;padding:17px;display:flex}.payroll-summary svg{width:38px;height:38px;color:var(--teal);background:#e9f6f4;border-radius:10px;padding:9px}.payroll-summary small,.payroll-summary b{display:block}.payroll-summary small{color:#7c8997;font-size:10px}.payroll-summary b{margin-top:4px;font-size:20px}.payroll-list article{border-bottom:1px solid #edf0f2;grid-template-columns:38px 1.2fr 1fr .7fr auto;align-items:center;gap:13px;padding:15px 20px;display:grid}.payroll-list b,.payroll-list small{display:block}.payroll-list b{font-size:12px}.payroll-list small{color:#83909d;margin-top:3px;font-size:9px}.task-filters{gap:6px;margin-bottom:17px;display:flex}.task-filters button{border:1px solid var(--line);color:#687789;background:#fff;border-radius:20px;padding:7px 13px;font-size:11px;font-weight:600}.task-filters button.active{background:var(--navy);color:#fff;border-color:var(--navy)}.task-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.task-card{border:1px solid var(--line);background:#fff;border-left:4px solid #aab5bf;border-radius:13px;grid-template-columns:30px 1fr;gap:10px;padding:17px;display:grid}.task-check{color:#9ba7b2;background:0 0;border:0;padding:0}.task-check svg{width:21px}.task-card:has(.status-completed){opacity:.65}.task-title{justify-content:space-between;align-items:flex-start;gap:9px;display:flex}.task-title h3{margin:2px 0;font-size:13px}.task-card p{color:#778493;margin:7px 0 13px;font-size:11px;line-height:1.5}.task-meta{flex-wrap:wrap;gap:12px;display:flex}.task-meta span{color:#82909e;align-items:center;gap:4px;font-size:9px;display:flex}.task-meta svg{width:12px}.status-open{color:#627181;background:#eef2f5}.task-check:has(+div .status-completed){color:#18a18f}.report-filters{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:8px;width:max-content;margin:-7px 0 18px;padding:10px;display:flex}.report-filters select,.report-filters input{border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px;font-size:11px}.report-filters span{color:#82909e;font-size:10px}.report-detail-grid{grid-template-columns:1.2fr .8fr;gap:16px;margin-bottom:16px;display:grid}.metric-list{grid-template-columns:repeat(2,1fr);padding:10px;display:grid}.metric-list span{border-bottom:1px solid #edf0f2;padding:13px}.metric-list small,.metric-list b{display:block}.metric-list small{color:#82909e;font-size:9px}.metric-list b{margin-top:4px;font-size:14px}.metric-list.compact{grid-template-columns:1fr}.report-tables{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.rank-card{overflow:hidden}.rank-row{border-bottom:1px solid #edf0f2;align-items:center;gap:10px;padding:12px 17px;display:flex}.rank-row:last-child{border:0}.rank-row i{color:#168d80;background:#e9f6f4;border-radius:8px;place-items:center;width:25px;height:25px;font-size:10px;font-style:normal;font-weight:800;display:grid}.rank-row b,.rank-row small{display:block}.rank-row b{font-size:11px}.rank-row small{color:#82909e;margin-top:3px;font-size:9px}.rank-card .inline-empty{align-items:center;gap:7px;display:flex}.dashboard-tasks a{border-bottom:1px solid #edf0f2;align-items:center;gap:11px;padding:14px 20px;display:flex}.dashboard-tasks a:last-child{border:0}.dashboard-tasks b,.dashboard-tasks small{display:block}.dashboard-tasks b{font-size:11px}.dashboard-tasks small{color:#82909e;margin-top:3px;font-size:9px}.priority-dot{background:#9aa6b2;border-radius:50%;width:9px;height:9px}.priority-dot.high{background:#df982c}.priority-dot.urgent{background:#c94b45}@media (width<=1100px){.employee-grid{grid-template-columns:repeat(2,1fr)}.document-list article{grid-template-columns:38px 1fr auto auto}.document-list article>div:nth-of-type(2){display:none}}@media (width<=760px){.employee-grid,.task-board,.report-detail-grid,.report-tables{grid-template-columns:1fr}.payroll-summary{grid-template-columns:1fr 1fr}.payroll-summary article:last-child{grid-column:span 2}.document-list article{grid-template-columns:36px 1fr auto}.document-list .sensitive-badge{display:none}.payroll-list article{grid-template-columns:36px 1fr auto}.payroll-list article>div:nth-of-type(2),.payroll-list .status{display:none}.report-filters{flex-wrap:wrap;width:100%}.permission-fieldset{grid-template-columns:1fr}}@media (width<=480px){.employee-grid{grid-template-columns:1fr}.employee-actions{flex-direction:column}.report-filters input{width:42%}}.heading-actions{align-items:center;gap:9px;display:flex}.notes-panel{margin-top:18px;overflow:hidden}.section-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.section-heading h2{margin:3px 0 0;font-size:16px}.section-heading>span{color:#82909e;font-size:10px}.notes-list article{border-bottom:1px solid #edf0f2;grid-template-columns:40px 1fr;gap:12px;padding:15px 20px;display:grid}.notes-list article:last-child{border:0}.notes-list p{color:#647283;margin:6px 0;font-size:11px;line-height:1.55}.notes-list small{color:#8a96a3;font-size:9px}.note-heading{align-items:center;gap:8px;display:flex}.checkbox-row{align-items:center;gap:10px;display:flex!important}.checkbox-row input{width:auto!important;margin:0!important}.checkbox-row span,.checkbox-row b,.checkbox-row small{display:block}.checkbox-row small{color:#82909e;margin-top:3px;font-weight:400}.empty-state.compact{padding:30px 20px}.empty-state.compact svg{color:var(--teal)}@media (width<=760px){.page-heading .heading-actions{width:100%}.page-heading{flex-wrap:wrap}.heading-actions button{flex:1}.notes-list article{padding:13px}.checkbox-row{grid-column:auto}}.global-search{z-index:25;width:min(620px,58vw);position:relative}.global-search-input{color:#8593a2;background:#f4f7f9;border:1px solid #e1e7ec;border-radius:12px;align-items:center;gap:10px;height:42px;padding:0 11px;transition:all .18s;display:flex}.global-search-input.is-open{background:#fff;border-color:#76c8be;box-shadow:0 0 0 4px #16a3941a}.global-search-input>svg{flex:none;width:18px}.global-search-input input{color:#263548;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:13px}.global-search-input button{color:#7c8997;background:0 0;border:0;place-items:center;padding:2px;display:grid}.global-search-input button svg{width:16px}.global-search-input kbd{white-space:nowrap;color:#8794a2;background:#fff;border:1px solid #d8e0e6;border-radius:6px;padding:3px 7px;font-size:10px;box-shadow:0 1px 1px #1022380a}.search-backdrop{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:-1;background:#0d1c2c2e;border:0;position:fixed;inset:64px 0 0}.search-results{background:#fff;border:1px solid #dae3e8;border-radius:15px;max-height:min(610px,100vh - 92px);padding:8px;position:absolute;top:50px;left:0;right:0;overflow:auto;box-shadow:0 24px 55px #0d1f3133}.search-group h3{color:#748293;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;margin:0;padding:11px 12px 6px;font-size:10px;display:flex}.search-group h3 span{background:#edf3f5;border-radius:10px;padding:2px 6px}.search-group button{text-align:left;color:#263548;background:0 0;border:0;border-radius:10px;grid-template-columns:37px 1fr auto;align-items:center;gap:10px;width:100%;padding:10px;display:grid}.search-group button:hover,.search-group button:focus-visible{background:#eef8f6;outline:none}.search-result-icon{color:#138f81;background:#e8f5f3;border-radius:10px;place-items:center;width:37px;height:37px;display:grid}.search-group b,.search-group small{display:block}.search-group b{font-size:12px}.search-group small{color:#7c8997;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:10px;overflow:hidden}.search-open{color:#9ba7b2}.search-results footer{color:#8794a2;border-top:1px solid #edf1f3;justify-content:space-between;margin-top:7px;padding:9px 10px 3px;font-size:9px;display:flex}.search-hint,.search-loading{color:#84919f;justify-content:center;align-items:center;gap:13px;min-height:112px;display:flex}.search-hint>svg{color:#9aabb7;width:28px}.search-hint b,.search-hint span{display:block}.search-hint b{color:#435265;font-size:12px}.search-hint span{margin-top:4px;font-size:10px}.search-loading{font-size:11px}.dashboard-hero{color:#fff;background:linear-gradient(115deg,#10283e 0%,#16465b 64%,#157d78 130%);border-radius:18px;justify-content:space-between;align-items:center;gap:20px;margin:-8px 0 22px;padding:26px 28px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 34px #0f293d1f}.dashboard-hero:after{content:"";border:45px solid #ffffff09;border-radius:50%;width:260px;height:260px;position:absolute;top:-130px;right:-90px}.dashboard-hero>div,.dashboard-hero>button{z-index:1;position:relative}.dashboard-hero h1{margin:4px 0 5px;font-size:27px}.dashboard-hero>div>p:last-child{color:#b8cbd5;margin:0;font-size:12px}.dashboard-hero .eyebrow{color:#71d5ca!important}.dashboard-hero .primary-button{color:#126f69;box-shadow:none;background:#fff}.dashboard-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:19px;display:grid}.metric-card{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:43px 1fr auto;align-items:center;gap:12px;min-height:94px;padding:16px;transition:all .18s;display:grid;box-shadow:0 3px 10px #0f223806}.metric-card:hover{border-color:#b7d7d3;transform:translateY(-2px);box-shadow:0 8px 22px #0f223812}.metric-icon{border-radius:12px;place-items:center;width:43px;height:43px;display:grid}.metric-icon svg{width:20px}.metric-icon.blue{color:#3779c2;background:#eaf3ff}.metric-icon.teal,.metric-icon.green{color:#138d7e;background:#e4f7f3}.metric-icon.amber{color:#bc7b18;background:#fff3dd}.metric-icon.purple{color:#8151b5;background:#f1eafa}.metric-icon.red{color:#bd4c46;background:#feeeed}.metric-card small,.metric-card strong{display:block}.metric-card small{color:#788696;font-size:10px;line-height:1.3}.metric-card strong{color:#1d2d40;margin-top:3px;font-size:24px}.metric-chevron{color:#b0bac3;width:15px}.my-work{overflow:hidden}.my-work-heading{justify-content:space-between;align-items:center;gap:20px;padding:20px 22px 15px;display:flex}.my-work-heading h2{margin:3px 0;font-size:19px}.my-work-heading p:not(.eyebrow){color:#788696;margin:0;font-size:11px}.my-work-heading>a{color:#168f82;align-items:center;gap:4px;font-size:11px;font-weight:700;display:flex}.my-work-heading>a svg{width:15px}.work-tabs{border-bottom:1px solid var(--line);gap:5px;padding:0 20px 13px;display:flex;overflow:auto}.work-tabs button{color:#728091;white-space:nowrap;background:0 0;border:0;border-radius:8px;align-items:center;gap:7px;padding:8px 10px;font-size:11px;font-weight:650;display:flex}.work-tabs button span{background:#edf1f4;border-radius:9px;place-items:center;min-width:18px;height:18px;font-size:9px;display:grid}.work-tabs button.active{color:#118476;background:#e9f6f4}.work-tabs button.active span{color:#118476;background:#fff}.work-list{flex-direction:column;display:flex}.work-row{border-bottom:1px solid #edf1f3;border-left:3px solid #0000;grid-template-columns:38px minmax(200px,1fr) 145px minmax(205px,auto);align-items:center;gap:13px;padding:14px 20px;display:grid}.work-row:last-child{border-bottom:0}.work-row.priority-high{border-left-color:#e3a23e}.work-row.priority-urgent{border-left-color:#ce514a}.work-type{color:#158f81;background:#eef7f6;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.work-type svg{width:16px}.work-main>div{align-items:center;gap:8px;display:flex}.work-main b{font-size:12px}.work-main p{color:#7d8997;margin:4px 0 0;font-size:10px}.work-kind{text-transform:uppercase;letter-spacing:.05em;color:#687686;background:#f0f3f5;border-radius:12px;padding:4px 6px;font-size:8px}.work-row time{color:#687687;font-size:10px}.work-actions{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.work-actions button,.work-actions a{color:#5e6d7d;background:#fff;border:1px solid #dfe5e9;border-radius:7px;align-items:center;gap:4px;padding:6px 8px;font-size:9px;font-weight:650;display:flex}.work-actions button:hover,.work-actions a:hover{color:#108477;background:#f4fbfa;border-color:#89cfc7}.work-actions svg{width:12px}.work-empty{text-align:center;color:#8b98a5;flex-direction:column;align-items:center;padding:48px 20px;display:flex}.work-empty svg{color:#27a493;width:32px}.work-empty b{color:#405064;margin:9px 0 4px;font-size:13px}.work-empty span{font-size:10px}.quick-add-modal{width:min(650px,100%)}.postpone-modal{width:min(460px,100%)}.quick-type-grid{grid-template-columns:repeat(5,1fr);gap:7px;padding:18px 22px 0;display:grid}.quick-type-grid button{color:#687687;background:#fff;border:1px solid #e0e6ea;border-radius:9px;flex-direction:column;align-items:center;gap:5px;padding:9px 4px;font-size:9px;display:flex}.quick-type-grid button.active{color:#117f73;background:#eaf8f6;border-color:#58bcb0}.optional{color:#98a4b0;font-weight:400}.status-postponed{color:#7751a1;background:#f3eefa}@media (width<=1120px){.dashboard-metrics{grid-template-columns:repeat(2,1fr)}.work-row{grid-template-columns:38px minmax(170px,1fr) 125px}.work-actions{grid-column:2/-1;justify-content:flex-start;margin-top:-5px}}@media (width<=760px){.topbar{gap:10px}.topbar-location{display:none}.global-search{width:100%}.global-search-input{height:40px}.global-search-input kbd{display:none}.search-results{max-height:calc(100vh - 72px);position:fixed;top:58px;left:10px;right:10px}.dashboard-hero{align-items:flex-start;margin-top:-4px;padding:21px}.dashboard-hero h1{font-size:22px}.dashboard-hero>div>p:last-child{max-width:220px}.dashboard-hero .primary-button{padding:10px;font-size:0}.dashboard-hero .primary-button svg{width:19px}.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.metric-card{grid-template-columns:36px 1fr;min-height:82px;padding:12px}.metric-icon{width:36px;height:36px}.metric-card strong{font-size:20px}.metric-chevron{display:none}.my-work-heading{padding:17px}.my-work-heading>a{font-size:0}.my-work-heading>a svg{width:20px}.work-tabs{padding:0 12px 12px}.work-row{grid-template-columns:34px 1fr;gap:10px;padding:13px 14px}.work-row time{grid-column:2}.work-actions{flex-wrap:nowrap;grid-column:2;justify-content:flex-start;overflow:auto}.quick-type-grid{grid-template-columns:repeat(3,1fr)}.quick-type-grid button:last-child{grid-column:span 2}.modal-backdrop{align-items:end;padding:0}.modal{border-radius:18px 18px 0 0;max-height:92vh;overflow:auto}.quick-add-modal,.postpone-modal{width:100%}}@media (width<=420px){.page-container{padding:18px 12px}.dashboard-hero{border-radius:14px}.dashboard-metrics{grid-template-columns:1fr 1fr}.metric-card{gap:9px;display:flex}.metric-card small{font-size:9px}.quick-type-grid{padding:14px 16px 0}.my-work-heading p:not(.eyebrow){display:none}}:root{--brand:#245b4a;--brand-dark:#173f35;--brand-soft:#edf5f1;--ink:#1e2925;--muted:#6f7c76;--line:#e2e7e4;--surface:#fff;--canvas:#f5f7f5;--navy:#17231f;--teal:var(--brand);font-size:16px}.premium-shell .sidebar{color:#fff;width:236px;box-shadow:none;background:#18231f;border-right:1px solid #ffffff0d;transition:width .2s}.premium-shell .brand{gap:11px;height:76px;padding:0 20px}.premium-shell .brand-mark{background:#2b6d59;border-radius:10px;width:36px;height:36px}.brand-copy b{letter-spacing:.01em;font-size:13px}.brand-copy small{color:#8da099;margin-top:2px;font-size:10px}.premium-shell .sidebar nav{padding:18px 12px;overflow:auto}.nav-group{margin-bottom:19px}.premium-shell .nav-caption{letter-spacing:.1em;text-transform:uppercase;color:#70847c;margin:0 10px 7px;font-size:9px;display:block}.premium-shell .sidebar nav a{color:#aebbb6;border-radius:8px;gap:11px;min-height:39px;margin:2px 0;padding:9px 10px;font-size:12px}.premium-shell .sidebar nav a svg{flex:none;width:17px}.premium-shell .sidebar nav a:hover{background:#ffffff0b}.premium-shell .sidebar nav a.active{color:#fff;box-shadow:none;background:#263a33}.premium-shell .sidebar nav a.active svg{color:#78bba4}.collapse-nav{color:#607069;background:#fff;border:1px solid #dce3df;border-radius:8px;place-items:center;width:27px;height:27px;display:grid;position:absolute;bottom:65px;right:-13px;box-shadow:0 3px 9px #14241d14}.collapse-nav svg{width:14px}.premium-shell .demo-badge{color:#7f938b;text-transform:uppercase;letter-spacing:.08em;margin:0 17px 17px;font-size:8px}.premium-shell .main-area{width:calc(100% - 236px);margin-left:236px;transition:width .2s,margin .2s}.sidebar-collapsed .sidebar{width:76px}.sidebar-collapsed .main-area{width:calc(100% - 76px);margin-left:76px}.sidebar-collapsed .brand{justify-content:center;padding:0}.sidebar-collapsed .brand-copy,.sidebar-collapsed .nav-caption,.sidebar-collapsed .sidebar nav a span,.sidebar-collapsed .demo-badge{display:none}.sidebar-collapsed .sidebar nav a{justify-content:center}.sidebar-collapsed .collapse-nav svg{transform:rotate(180deg)}.premium-shell .topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border-color:#e6ebe8;gap:22px;height:68px;padding:0 28px}.premium-shell .global-search-input{background:#f3f5f4;border:1px solid #0000;border-radius:9px;height:40px;padding:0 12px}.premium-shell .global-search-input input{font-size:12px}.premium-shell .global-search-input kbd{box-shadow:none;color:#78847f;background:#e8ecea;border:0}.header-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.quick-new-wrap{position:relative}.header-new{background:var(--brand);color:#fff;border:0;border-radius:8px;align-items:center;gap:6px;height:38px;padding:0 14px;font-size:11px;font-weight:700;display:flex}.header-new svg{width:16px}.quick-new-menu{border:1px solid var(--line);z-index:30;background:#fff;border-radius:11px;width:210px;padding:6px;position:absolute;top:46px;right:0;box-shadow:0 18px 40px #15282024}.quick-new-menu button{color:#3f4d47;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;width:100%;padding:9px 10px;font-size:11px;display:flex}.quick-new-menu button:hover{background:var(--brand-soft);color:var(--brand)}.quick-new-menu svg{width:16px}.header-icon{border:1px solid var(--line);color:#6d7a74;background:#fff;border-radius:8px;place-items:center;width:38px;height:38px;display:grid;position:relative}.header-icon svg{width:17px}.header-icon span{background:#bd655e;border-radius:50%;width:5px;height:5px;position:absolute;top:7px;right:7px}.header-profile{text-align:left;color:#27342f;background:0 0;border:0;border-radius:9px;align-items:center;gap:9px;padding:3px 5px;display:flex}.header-profile:hover{background:#f3f5f4}.header-profile .avatar{width:32px;height:32px;color:var(--brand);background:#e4eee9;font-size:10px}.header-profile b,.header-profile small{display:block}.header-profile small{color:#87928d;margin-top:2px;font-size:9px}.premium-shell .page-container{max-width:1540px;padding:30px 34px 60px}.panel{border:1px solid var(--line);border-radius:12px;box-shadow:0 1px 2px #11241c06}.new-dashboard{max-width:1320px;margin:auto}.welcome-row{justify-content:space-between;align-items:center;margin:1px 0 22px;display:flex}.welcome-row h1{color:#1d2924;letter-spacing:-.02em;margin:0;font-size:23px;line-height:1.2}.welcome-row p{color:var(--muted);margin:6px 0 0;font-size:12px}.quiet-action{color:#3f4e48;background:#fff;border:1px solid #dce3df;border-radius:8px;align-items:center;gap:7px;height:36px;padding:0 12px;font-size:10px;font-weight:700;display:inline-flex}.quiet-action svg{width:15px}.quiet-action:hover{color:var(--brand);border-color:#9ebcb2}.primary-status{grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-bottom:20px;display:grid}.status-card{border:1px solid var(--line);background:#fff;border-radius:11px;grid-template-columns:33px 1fr auto;align-items:center;gap:9px;min-width:0;padding:14px 13px;display:grid}.status-card:hover{background:#fcfdfc;border-color:#b9ccc5}.status-card-icon{background:var(--brand-soft);width:33px;height:33px;color:var(--brand);border-radius:8px;place-items:center;display:grid}.status-card strong,.status-card small{display:block}.status-card strong{font-size:18px;line-height:1}.status-card small{color:#77837e;white-space:nowrap;text-overflow:ellipsis;margin-top:5px;font-size:9px;overflow:hidden}.status-card>svg{color:#b6bfbb;width:13px}.dashboard-columns{grid-template-columns:minmax(0,1.65fr) minmax(285px,.7fr);gap:18px;display:grid}.section-title{border-bottom:1px solid #e9edeb;justify-content:space-between;align-items:center;padding:19px 20px;display:flex}.section-title.compact{padding:17px 18px}.section-title h2{color:#24312c;margin:0;font-size:14px}.section-title p{color:#84908b;margin:4px 0 0;font-size:10px}.section-title>a{color:var(--brand);align-items:center;gap:5px;font-size:9px;font-weight:700;display:flex}.section-title>a svg{width:13px}.work-center{overflow:hidden}.simple-tabs{border-bottom:1px solid var(--line);gap:22px;padding:0 20px;display:flex}.simple-tabs button{color:#75817c;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:7px;height:43px;padding:0;font-size:10px;font-weight:650;display:flex}.simple-tabs button span{background:#f0f3f1;border-radius:9px;place-items:center;min-width:18px;height:18px;font-size:8px;display:grid}.simple-tabs button.active{color:var(--brand);border-color:var(--brand)}.work-table-head,.simple-work-row{grid-template-columns:72px minmax(170px,1.35fr) minmax(160px,1fr) 92px 86px;align-items:center;gap:12px;display:grid}.work-table-head{color:#8d9893;text-transform:uppercase;letter-spacing:.06em;background:#fafbfa;padding:10px 18px;font-size:8px}.simple-work-row{border-top:1px solid #edf0ee;padding:14px 18px}.simple-work-row>time{color:#56645e;font-size:10px}.simple-work-row>div>b,.simple-work-row>div>small{display:block}.simple-work-row>div>b{color:#2a3732;font-size:11px}.simple-work-row>div>small{color:#919b97;text-transform:uppercase;margin-top:3px;font-size:8px}.simple-work-row>span:not(.status){color:#6f7b76;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.inline-actions{justify-content:flex-end;gap:4px;display:flex}.inline-actions button,.inline-actions a{color:#6d7974;background:#fff;border:1px solid #dfe5e2;border-radius:6px;place-items:center;width:26px;height:26px;display:grid}.inline-actions svg{width:12px}.inline-actions button:hover,.inline-actions a:hover{color:var(--brand);border-color:#a7c2b9}.work-clear{color:#82908a;flex-direction:column;align-items:center;padding:45px 20px;display:flex}.work-clear svg{color:#6c9e8d;width:27px}.work-clear b{color:#43514b;margin:8px 0 3px;font-size:12px}.work-clear span{font-size:9px}.dashboard-side{flex-direction:column;gap:18px;display:flex}.activity-panel,.finance-snapshot{overflow:hidden}.activity-list article{border-top:1px solid #edf0ee;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;padding:12px 17px;display:grid}.activity-list article:first-child{border-top:0}.activity-list article>span{color:#5f7e72;background:#f0f4f2;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.activity-list svg{width:14px}.activity-list b,.activity-list small{display:block}.activity-list small{color:#84908b;margin-top:3px;font-size:8px}.activity-list time{color:#9ca5a1;font-size:8px}.finance-figures{grid-template-columns:repeat(3,1fr);gap:5px;padding:14px 17px 4px;display:grid}.finance-figures small,.finance-figures b{display:block}.finance-figures small{color:#84908b;font-size:8px}.finance-figures b{margin-top:4px;font-size:13px}.calm-chart{border-bottom:1px solid #dfe5e2;align-items:flex-end;gap:6px;height:55px;margin:8px 18px 17px;display:flex}.calm-chart i{background:#5f9482;border-radius:3px 3px 0 0;flex:1;min-height:5px}.calm-chart i.expense{background:#bdc9c4}.back-link{color:#718079;margin-bottom:15px;font-size:10px}.back-link svg{width:14px}.record-header{justify-content:space-between;align-items:center;gap:22px;padding:21px 23px;display:flex}.record-identity{align-items:center;gap:15px;min-width:0;display:flex}.record-identity .profile-avatar{background:var(--brand-soft);width:52px;height:52px;color:var(--brand);border-radius:12px;font-size:0}.record-identity .profile-avatar svg{width:23px}.record-number{text-transform:uppercase;letter-spacing:.08em;color:#8a9691!important;margin:0 0 3px!important;font-size:8px!important}.record-identity h1{letter-spacing:-.02em;margin:0 0 7px;font-size:22px}.record-identity>div>p:last-child{flex-wrap:wrap;gap:15px;margin:0;display:flex}.record-identity>div>p span{color:#6d7a74;align-items:center;gap:5px;font-size:9px;display:flex}.record-identity>div>p svg{width:12px}.record-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.record-actions a{color:#52605a;background:#fff;border:1px solid #dfe5e2;border-radius:7px;align-items:center;gap:6px;height:33px;padding:0 10px;font-size:9px;font-weight:650;display:flex}.record-actions a:first-child{background:var(--brand);border-color:var(--brand);color:#fff}.record-actions svg{width:14px}.record-tabs{border-bottom:1px solid #dfe5e2;gap:24px;margin:18px 0 15px;padding:0 4px;display:flex;overflow:auto}.record-tabs button{color:#72807a;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;height:38px;padding:0;font-size:10px;font-weight:650}.record-tabs button.active{color:var(--brand);border-color:var(--brand)}.overview-grid{grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);gap:15px;display:grid}.detail-card{overflow:hidden}.detail-card dl{margin:0;padding:6px 18px 14px}.detail-card dl>div{border-bottom:1px solid #edf0ee;justify-content:space-between;gap:14px;padding:11px 0;display:flex}.detail-card dl>div:last-child{border:0}.detail-card dt{color:#85908c;font-size:9px}.detail-card dd{color:#34413c;text-align:right;margin:0;font-size:10px;font-weight:650}.clean-list{overflow:hidden}.clean-list-row{border-top:1px solid #edf0ee;grid-template-columns:34px minmax(0,1fr) auto 16px;align-items:center;gap:11px;min-height:58px;padding:10px 17px;display:grid}.clean-list-row:first-of-type{border-top:0}.list-icon{color:#5d7e72;background:#f0f4f2;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.list-icon svg{width:15px}.clean-list-row b,.clean-list-row small{display:block}.clean-list-row b{font-size:10px}.clean-list-row small{color:#89948f;margin-top:3px;font-size:8px}.clean-list-row>span:not(.list-icon):not(.status),.clean-list-row>strong{color:#68766f;font-size:9px}.row-arrow{color:#acb6b2;width:12px;transform:rotate(180deg)}.friendly-empty{text-align:center;padding:65px 20px}.friendly-empty>svg{color:#719889;width:30px}.friendly-empty h2{font-size:14px}.friendly-empty p{color:#7c8983;max-width:360px;margin:5px auto 16px;font-size:10px}.clean-timeline{overflow:hidden}.clean-timeline>article{border-top:1px solid #edf0ee;grid-template-columns:33px 1fr auto;align-items:center;gap:11px;padding:13px 18px;display:grid}.clean-timeline>article>span{color:#648376;background:#f0f4f2;border-radius:50%;place-items:center;width:31px;height:31px;display:grid}.clean-timeline svg{width:14px}.clean-timeline b,.clean-timeline small{display:block}.clean-timeline b{font-size:10px}.clean-timeline small{color:#89948f;margin-top:3px;font-size:8px}.clean-timeline time{color:#8f9995;font-size:8px}.repair-header{grid-template-columns:1fr auto auto;align-items:center;gap:20px;padding:20px 22px;display:grid}.repair-header h1{margin:2px 0 5px;font-size:21px}.repair-header>div:first-child>p:last-child{color:#738079;margin:0;font-size:10px}.repair-state{color:var(--brand);text-transform:capitalize;background:#e8f2ee;border-radius:18px;padding:7px 11px;font-size:9px;font-weight:750}.repair-actions{gap:6px;display:flex}.repair-actions button{height:34px;box-shadow:none;padding:0 10px;font-size:9px}.repair-actions svg{width:14px}.repair-layout{grid-template-columns:minmax(0,1fr) 270px;gap:15px;margin-top:15px;display:grid}.repair-layout main,.repair-layout aside{flex-direction:column;gap:15px;display:flex}.repair-section{overflow:hidden}.repair-context{background:#edf0ee;grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.repair-context>span{background:#fff;grid-template-columns:30px 1fr;column-gap:9px;padding:16px;display:grid}.repair-context svg{color:#66887a;grid-row:span 2;width:17px}.repair-context small,.repair-context b{display:block}.repair-context small{color:#8b9692;font-size:8px}.repair-context b{margin-top:3px;font-size:10px}.repair-copy{grid-template-columns:repeat(3,1fr);display:grid}.repair-copy>div{border-right:1px solid #edf0ee;padding:18px}.repair-copy>div:last-child{border:0}.section-icon{background:var(--brand-soft);width:30px;height:30px;color:var(--brand);border-radius:7px;place-items:center;display:grid}.section-icon svg{width:14px}.repair-copy h2{margin:11px 0 6px;font-size:11px}.repair-copy p{color:#718079;margin:0;font-size:9px;line-height:1.55}.repair-lines article{border-top:1px solid #edf0ee;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;padding:12px 18px;display:grid}.repair-lines article>span{color:#6d8d81}.repair-lines svg{width:15px}.repair-lines b,.repair-lines small{display:block}.repair-lines b{font-size:10px}.repair-lines small{color:#8b9692;margin-top:3px;font-size:8px}.repair-lines strong{font-size:10px}.repair-side{padding:17px}.repair-side h3{margin:0 0 13px;font-size:11px}.repair-side dl{margin:0}.repair-side dl div{color:#78857f;justify-content:space-between;padding:7px 0;font-size:9px;display:flex}.repair-side dl dd{color:#2f3c36;margin:0;font-weight:650}.repair-side dl .total{border-top:1px solid var(--line);color:#283630;margin-top:5px;padding-top:12px}.repair-side>a{border-top:1px solid #edf0ee;align-items:center;gap:8px;padding:10px 0;font-size:9px;display:flex}.repair-side>a svg{color:#67877a;width:14px}.repair-side>a span{color:#8a9691;margin-left:auto}.page-heading{align-items:center;margin-bottom:20px}.page-heading h1{letter-spacing:-.02em;font-size:22px}.page-heading p{font-size:11px}.page-heading .eyebrow{letter-spacing:.1em;font-size:8px!important}.primary-button,.secondary-button{box-shadow:none;border-radius:7px;padding:9px 13px;font-size:10px}.primary-button{background:var(--brand)}.primary-button:hover{background:var(--brand-dark)}.secondary-button{color:#48564f;background:#eef1ef}.table-panel{box-shadow:none}.table-toolbar{padding:12px 15px}.search-box{background:#f6f8f7;border-color:#0000;height:36px}.search-box input{font-size:11px}.data-row,.order-row,.billing-list article,.stock-row,.document-list article,.payroll-list article{border-bottom:1px solid #edf0ee;min-height:58px;padding:11px 17px}.data-row:hover,.order-row:hover,.billing-list article:hover{background:#fafcfb}.record-main b,.order-row>div b,.billing-list b{font-size:11px}.record-main small,.order-row>div small,.billing-list small{font-size:8px}.record-avatar,.order-icon,.document-icon,.document-kind{color:#5f8174;background:#f0f4f2;border-radius:8px;width:34px;height:34px}.status{text-transform:capitalize;border-radius:12px;padding:5px 8px;font-size:8px}.status-in_progress,.status-active,.status-paid,.status-accepted{color:#386b59;background:#e8f2ee}.status-waiting_parts,.status-partially_paid{color:#886e3d;background:#f6f1e8}.status-completed,.status-sent{color:#536873;background:#edf1f3}.status-cancelled,.status-expired{color:#8b554f;background:#f6eceb}.vehicle-grid{grid-template-columns:repeat(3,1fr);gap:10px;padding:14px}.vehicle-card{background:#fff;border-color:#e3e8e5;border-radius:10px;padding:15px}.vehicle-card:hover{border-color:#b5c9c1}.vehicle-card h3{font-size:13px}.vehicle-card>p{font-size:9px}.vehicle-meta span{font-size:8px}.modal-backdrop{background:#16221d6b}.modal{border-radius:12px;box-shadow:0 24px 70px #0e1d172e}.modal-heading{padding:18px 20px}.modal-heading h2{font-size:17px}.form-grid{gap:14px;padding:20px}.form-grid label,.login-card label{font-size:10px}.form-grid input,.form-grid select,.login-card input,.form-grid textarea{border-color:#dfe5e2;border-radius:7px;padding:10px 11px}.form-grid input:focus,.form-grid select:focus,.login-card input:focus,.form-grid textarea:focus{border-color:#92b6a9;box-shadow:0 0 0 3px #245b4a14}.global-search .search-results{border-color:#dfe5e2;border-radius:11px;box-shadow:0 22px 55px #13251e26}.search-group h3{color:#7a8781}.search-result-icon{background:var(--brand-soft);color:var(--brand)}.search-group button:hover,.search-group button:focus-visible{background:#f1f6f3}.login-page{background:#fff;grid-template-columns:1fr 1fr}.login-visual{background:#1d2c27;padding:72px}.login-visual:after{border-color:#ffffff0a;box-shadow:0 0 0 70px #ffffff04}.login-logo{background:#2e6c59}.login-visual h1{letter-spacing:-.03em;max-width:430px;margin:13px 0 18px;font-size:40px;line-height:1.15}.login-visual-content>p:not(.eyebrow){color:#b7c2be;font-size:14px;line-height:1.7}.login-visual .eyebrow{color:#78b7a2!important}.trust-row{margin-top:46px}.login-card{width:min(370px,100%)}.login-card>.muted{font-size:11px}.security-note{font-size:9px}@media (width<=1180px){.primary-status{grid-template-columns:repeat(3,1fr)}.dashboard-columns{grid-template-columns:1fr}.dashboard-side{grid-template-columns:1fr 1fr;display:grid}.record-header{flex-wrap:wrap;align-items:flex-start}.record-actions{justify-content:flex-start;width:100%}.repair-header{grid-template-columns:1fr auto}.repair-actions{grid-column:1/-1}.repair-layout{grid-template-columns:1fr}.repair-layout aside{grid-template-columns:1fr 1fr;display:grid}}@media (width<=820px){.premium-shell .sidebar{width:236px;transform:translate(-105%)}.premium-shell .sidebar.is-open{transform:translate(0)}.premium-shell .main-area,.sidebar-collapsed .main-area{width:100%;margin-left:0}.collapse-nav{display:none}.premium-shell .topbar{height:62px;padding:0 14px}.header-profile>span:last-child,.header-icon{display:none}.premium-shell .global-search{width:100%}.premium-shell .page-container{padding:22px 16px 50px}.primary-status{grid-template-columns:repeat(2,1fr)}.dashboard-side{grid-template-columns:1fr}.work-table-head{display:none}.simple-work-row{grid-template-columns:64px minmax(0,1fr) auto;padding:13px}.simple-work-row>span:not(.status){grid-column:2}.simple-work-row>.status{grid-area:1/3}.inline-actions{grid-column:2/-1;justify-content:flex-start}.overview-grid{grid-template-columns:1fr}.record-header{padding:17px}.record-actions{flex-wrap:nowrap;overflow:auto}.record-tabs{gap:20px}.repair-copy{grid-template-columns:1fr}.repair-copy>div{border-bottom:1px solid #edf0ee;border-right:0}.repair-context,.repair-layout aside{grid-template-columns:1fr}.order-row{grid-template-columns:34px 1fr auto}.login-page{display:block}.login-visual{display:none}.login-form-wrap{min-height:100vh}.vehicle-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.premium-shell .topbar{gap:8px}.header-new{justify-content:center;width:38px;padding:0;font-size:0}.header-new svg{width:17px}.header-profile{display:none}.welcome-row h1{font-size:20px}.welcome-row .quiet-action{justify-content:center;width:35px;padding:0;font-size:0}.primary-status{gap:7px}.status-card{grid-template-columns:30px 1fr;padding:11px 10px}.status-card-icon{width:30px;height:30px}.status-card strong{font-size:16px}.status-card>svg{display:none}.dashboard-columns{gap:12px}.simple-tabs{gap:17px}.simple-work-row{grid-template-columns:52px minmax(0,1fr)}.simple-work-row>.status,.record-identity .profile-avatar{display:none}.record-identity h1{font-size:19px}.record-identity>div>p:last-child{gap:8px}.record-actions a{justify-content:center;width:33px;padding:0;font-size:0}.record-actions a svg{width:15px}.vehicle-grid{grid-template-columns:1fr}.repair-header{flex-wrap:wrap;display:flex}.repair-actions{width:100%;overflow:auto}.repair-actions button{white-space:nowrap}.finance-figures{grid-template-columns:1fr 1fr}.finance-figures span:last-child{grid-column:1/-1}}.task-filters{border-bottom:1px solid var(--line);gap:20px;margin:0 0 15px}.task-filters button{color:#78847f;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;padding:10px 2px;font-size:10px}.task-filters button.active{color:var(--brand);border-color:var(--brand);background:0 0}.task-board{grid-template-columns:1fr;gap:8px}.task-card{border:1px solid var(--line);border-left:1px solid var(--line);border-radius:10px;padding:14px 16px}.task-card.priority-high,.task-card.priority-urgent{border-left:3px solid #8aa89e}.task-title h3{font-size:11px}.task-card p{margin:5px 0 10px;font-size:10px}.notes-panel{box-shadow:none}:root{--brand:#176b5b;--brand-dark:#0f5145;--brand-bright:#238774;--brand-soft:#e4f2ed;--accent:#4678a5;--accent-soft:#eaf2f9;--ink:#17241f;--muted:#6f7d77;--canvas:#eef2f0;--surface:#fff;--surface-soft:#f7f9f8;--line:#dce4e0;--shadow-sm:0 2px 5px #142d240d,0 1px 2px #142d2409;--shadow-md:0 12px 30px #142d2413,0 3px 8px #142d240a;color:var(--ink);background:var(--canvas)}body{background:var(--canvas);color:var(--ink)}body:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle at 78% 0,#2b7f6c13,#0000 29%),radial-gradient(circle at 15% 88%,#4678a50b,#0000 26%);position:fixed;inset:0}.premium-shell .sidebar{background:linear-gradient(#112b26 0%,#10241f 70%,#0d201b 100%);border-right:1px solid #ffffff0e;width:264px;box-shadow:14px 0 42px #091e171f}.premium-shell .main-area{width:calc(100% - 264px);margin-left:264px}.premium-shell .brand{border-bottom:1px solid #ffffff13;gap:13px;height:84px;padding:0 21px}.premium-shell .brand-mark{background:linear-gradient(145deg,#2c9a83,#176b5b);border-radius:13px;width:43px;height:43px;position:relative;box-shadow:0 9px 22px #0003,inset 0 1px #fff3}.premium-shell .brand-mark:after{content:"";border:1px solid #ffffff24;border-radius:9px;position:absolute;inset:5px}.premium-shell .brand-copy b{letter-spacing:.005em;color:#fff;white-space:nowrap;font-size:12px}.premium-shell .brand-copy small{letter-spacing:.12em;text-transform:uppercase;color:#7eb3a6;margin-top:4px;font-size:7px}.premium-shell .sidebar nav{scrollbar-width:none;padding:22px 13px 74px;overflow:auto}.premium-shell .nav-group+.nav-group{margin-top:21px}.premium-shell .nav-caption{letter-spacing:.15em;color:#638178;text-transform:uppercase;margin:0 12px 8px;font-size:8px}.premium-shell .sidebar nav a{color:#a6bab4;border:1px solid #0000;border-radius:9px;gap:11px;height:39px;margin:3px 0;padding:0 12px;font-size:11px;font-weight:590;position:relative}.premium-shell .sidebar nav a svg{color:#73938a;width:17px;height:17px;transition:all .2s}.premium-shell .sidebar nav a:hover{color:#fff;background:#ffffff0e;border-color:#ffffff09}.premium-shell .sidebar nav a:hover svg{color:#9ed4c7}.premium-shell .sidebar nav a.active{color:#fff;background:linear-gradient(90deg,#378f7a47,#2a706024);border-color:#69c0ab26;box-shadow:inset 3px 0 #4bb49c,0 5px 14px #00000014}.premium-shell .sidebar nav a.active svg{color:#7bd0bc;filter:drop-shadow(0 2px 5px #33b0924d)}.premium-shell .collapse-nav{color:#385047;width:27px;height:42px;box-shadow:var(--shadow-sm);background:#fff;border:1px solid #d9e2de;right:-14px}.premium-shell .demo-badge{color:#6d9f93;letter-spacing:.05em;background:#47817317;border:1px solid #6cb2a126;border-radius:7px;margin:0;padding:7px 9px;bottom:13px;left:16px}.premium-shell .topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe0;border-bottom:1px solid #cfdad5cc;height:70px;padding:0 28px;box-shadow:0 4px 18px #1b332b09}.premium-shell .global-search{width:min(650px,56vw)}.premium-shell .global-search-input{background:#f2f5f4;border:1px solid #e0e7e4;border-radius:11px;height:43px;padding:0 13px;transition:all .2s;box-shadow:inset 0 1px 2px #152d2506}.premium-shell .global-search-input:hover{background:#fff;border-color:#cbd9d4}.premium-shell .global-search-input.is-open{background:#fff;border-color:#75a99b;box-shadow:0 0 0 4px #176b5b17,0 8px 25px #1b3a3014}.premium-shell .global-search-input>svg{color:#789089;width:18px}.premium-shell .global-search-input input{color:#26372f;font-size:11px}.premium-shell .global-search-input kbd{color:#7d8a85;background:#fff;border:1px solid #d9e1de;border-radius:6px;padding:4px 7px;font-size:8px}.header-actions{gap:9px}.header-new{background:linear-gradient(#1c7967,#176353);border-radius:9px;height:40px;padding:0 15px;font-size:11px;box-shadow:0 5px 14px #176b5b33}.header-new:hover{transform:translateY(-1px);box-shadow:0 7px 18px #176b5b40}.header-icon{width:40px;height:40px;box-shadow:var(--shadow-sm);background:#fff;border-color:#dfe7e3;border-radius:10px}.header-icon span{background:#d67268;border:2px solid #fff;width:7px;height:7px;top:6px;right:6px}.header-profile{border:1px solid #0000;gap:10px;padding:5px 8px 5px 5px}.header-profile:hover{background:#f5f8f6;border-color:#e2e9e6}.header-profile .avatar{color:#165f50;background:linear-gradient(145deg,#e6f3ef,#d4e9e2);border:1px solid #cfe2dc;width:34px;height:34px}.header-profile b{font-size:10px}.header-profile small{color:#8a9892;font-size:8px}.quick-new-menu{width:225px;box-shadow:var(--shadow-md);border-color:#dce5e1;border-radius:13px;padding:7px}.quick-new-menu:before{content:"Quick create";color:#8b9692;letter-spacing:.1em;text-transform:uppercase;padding:8px 10px 6px;font-size:8px;font-weight:750;display:block}.quick-new-menu button{border-radius:8px;padding:10px;font-size:10px}.quick-new-menu button svg{width:17px;color:var(--brand)}.premium-shell .page-container{background:0 0;max-width:1560px;padding:31px 34px 64px}.panel{box-shadow:var(--shadow-sm);background:#fffffff5;border:1px solid #d7e1dcf2;border-radius:14px}.panel:hover{border-color:#d1ded8}.page-heading{margin-bottom:22px}.page-heading h1{color:#182720;letter-spacing:-.025em;font-size:24px}.page-heading p{color:#74817b;font-size:11px}.page-heading .eyebrow{letter-spacing:.14em;color:var(--brand-bright)!important;font-size:8px!important}.primary-button{background:linear-gradient(#1d7968,#176253);border-radius:9px;padding:10px 14px;box-shadow:0 4px 12px #176b5b29}.primary-button:hover{background:var(--brand-dark);transform:translateY(-1px)}.secondary-button{color:#475851;background:#f8faf9;border:1px solid #dbe4e0;border-radius:9px}.new-dashboard{max-width:1370px}.welcome-row{min-height:108px;box-shadow:var(--shadow-sm);background:linear-gradient(110deg,#fff 0%,#f2f8f5 70%,#e8f3ef 100%);border:1px solid #d7e3de;border-radius:16px;margin:0 0 18px;padding:21px 24px;position:relative;overflow:hidden}.welcome-row:after{content:"";border:38px solid #176b5b0b;border-radius:50%;width:210px;height:210px;position:absolute;top:-105px;right:-65px}.welcome-row>div,.welcome-row>a{z-index:1;position:relative}.welcome-kicker{color:#2b806e;letter-spacing:.15em;margin-bottom:7px;font-size:8px;font-weight:800;display:block}.welcome-row h1{color:#15251f;font-size:25px}.welcome-row p{color:#718079;margin-top:7px;font-size:11px}.quiet-action{height:38px;box-shadow:var(--shadow-sm);background:#ffffffd9;border-color:#cadbd4;border-radius:9px;padding:0 14px}.quiet-action:hover{background:#fff;transform:translateY(-1px);box-shadow:0 6px 15px #14302614}.primary-status{gap:11px;margin-bottom:20px}.status-card{min-height:82px;box-shadow:var(--shadow-sm);background:#fff;border:1px solid #0000;border-radius:13px;padding:14px;transition:transform .18s,box-shadow .18s,border-color .18s;position:relative;overflow:hidden}.status-card:before{content:"";background:var(--tone);width:3px;position:absolute;top:0;bottom:0;left:0}.status-card:hover{box-shadow:var(--shadow-md);border-color:color-mix(in srgb,var(--tone) 25%,white);transform:translateY(-2px)}.status-card-icon{background:var(--tone-soft);width:38px;height:38px;color:var(--tone);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tone) 11%,transparent);border-radius:11px}.status-card-icon svg{width:18px}.status-card strong{color:#1e2d27;font-size:21px}.status-card small{color:#6f7d77;margin-top:6px;font-size:9px}.status-card>svg{color:color-mix(in srgb,var(--tone) 60%,#c5ceca)}.status-card.tone-blue{--tone:#3c78a8;--tone-soft:#eaf2f8;background:linear-gradient(145deg,#fff,#f5f9fc)}.status-card.tone-violet{--tone:#6d6fa8;--tone-soft:#efeff8;background:linear-gradient(145deg,#fff,#f8f8fc)}.status-card.tone-amber{--tone:#b9822e;--tone-soft:#fbf2e3;background:linear-gradient(145deg,#fff,#fdfaf4)}.status-card.tone-green{--tone:#2f8468;--tone-soft:#e7f3ee;background:linear-gradient(145deg,#fff,#f5faf8)}.status-card.tone-rose{--tone:#a95d59;--tone-soft:#f8eceb;background:linear-gradient(145deg,#fff,#fcf7f6)}.dashboard-columns{gap:19px}.work-center{box-shadow:var(--shadow-md);border-color:#d4e1dc}.section-title{background:linear-gradient(#fff,#fbfcfc);padding:18px 20px}.section-title h2{color:#1b2b24;font-size:15px}.section-title p{font-size:9px}.simple-tabs{background:#fafcfb;border-bottom-color:#e3e9e6;gap:7px;padding:9px 16px}.simple-tabs button{border:1px solid #0000;border-radius:8px;height:31px;padding:0 11px;font-size:9px}.simple-tabs button span{background:#e9eeec}.simple-tabs button.active{color:var(--brand);background:#fff;border-color:#cfdcd6;box-shadow:0 2px 7px #18392d12}.work-table-head{color:#7e8a85;background:#f3f6f4;padding:10px 18px}.simple-work-row{border-top:1px solid #e9eeeb;min-height:66px;padding:12px 18px;transition:all .16s;position:relative}.simple-work-row:before{content:"";background:#b8c4bf;border-radius:0 4px 4px 0;width:3px;position:absolute;top:12px;bottom:12px;left:0}.simple-work-row.priority-high:before{background:#cf9135}.simple-work-row.priority-urgent:before{background:#c65e58}.simple-work-row:hover{background:#f8fbf9}.simple-work-row>time{color:#45554e;align-items:center;gap:5px;font-weight:650;display:flex}.simple-work-row>time svg{color:#789189;width:12px}.simple-work-row>div>b{font-size:11px}.simple-work-row>div>small{color:#87938e;align-items:center;gap:5px;display:flex}.simple-work-row>div>small i{background:#7b9b90;border-radius:50%;width:5px;height:5px}.priority-high>div>small i{background:#cf9135}.priority-urgent>div>small i{background:#c65e58}.inline-actions button,.inline-actions a{background:#fff;border-radius:8px;width:29px;height:29px;box-shadow:0 1px 2px #142c2309}.dashboard-side{gap:17px}.activity-panel,.finance-snapshot{box-shadow:var(--shadow-sm)}.activity-list{position:relative}.activity-list:before{content:"";background:#dfe7e3;width:1px;position:absolute;top:20px;bottom:20px;left:32px}.activity-list article{grid-template-columns:32px 1fr auto;min-height:57px;padding:10px 16px;position:relative}.activity-list article>span{z-index:1;color:#367763;background:#edf4f1;border:3px solid #fff;box-shadow:0 0 0 1px #dbe6e1}.activity-list b{font-size:10px}.activity-list small{font-size:8px}.finance-snapshot{color:#fff;background:linear-gradient(145deg,#17352d,#1c463a);border-color:#214a3e}.finance-snapshot .section-title{background:0 0;border-color:#ffffff1a}.finance-snapshot .section-title h2{color:#fff}.finance-snapshot .section-title p{color:#8fb1a7}.finance-snapshot .section-title>a{color:#8fd2c1}.finance-figures small{color:#88a99f}.finance-figures b{color:#fff;font-size:14px}.finance-snapshot .calm-chart{border-bottom-color:#ffffff21}.finance-snapshot .calm-chart i{background:#62b19b}.finance-snapshot .calm-chart i.expense{background:#76938b}.global-search .search-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0c1b1642}.global-search .search-results{background:#fffffffa;border:1px solid #d6e2dd;border-radius:15px;width:min(720px,100vw - 40px);padding:8px;top:50px;left:0;box-shadow:0 28px 80px #0a221a38,0 6px 18px #0a221a17}.search-group{padding:4px 5px 8px}.search-group+.search-group{border-top:1px solid #e7ece9;padding-top:9px}.search-group h3{letter-spacing:.12em;color:#75847e;padding:4px 8px 7px;font-size:8px}.search-group h3 span{color:#5e716a;background:#edf2f0}.search-group button{border-radius:9px;min-height:54px;padding:8px 10px}.search-group button:hover,.search-group button:focus-visible{background:#eef6f3;box-shadow:inset 0 0 0 1px #dce9e4}.search-result-icon{color:#216c5b;background:#e6f2ee;border-radius:9px;width:35px;height:35px}.search-result-icon svg{width:17px}.search-group button b{color:#20302a;font-size:11px}.search-group button small{color:#7c8984;margin-top:4px;font-size:8px}.search-open{color:#82908b;background:#fff;border:1px solid #dce4e1;border-radius:6px;place-items:center;width:25px;height:25px;display:grid}.search-results footer{background:#f5f7f6;border-top:1px solid #e3e9e6;border-radius:0 0 14px 14px;margin:4px -8px -8px;padding:10px 15px}.table-panel{box-shadow:var(--shadow-sm);border-radius:14px}.table-toolbar{background:#fafcfb;min-height:57px;padding:10px 16px}.search-box{background:#eef3f1;border:1px solid #0000;border-radius:9px;height:38px}.search-box:focus-within{background:#fff;border-color:#8fb7aa;box-shadow:0 0 0 3px #176b5b12}.data-row,.order-row,.billing-list article,.stock-row,.document-list article,.payroll-list article{border-bottom-color:#e9eeeb;min-height:66px;padding:13px 18px;transition:all .15s}.data-row:hover,.order-row:hover,.billing-list article:hover,.stock-row:hover,.document-list article:hover,.payroll-list article:hover{box-shadow:inset 3px 0 var(--brand-bright);background:#f5f9f7}.record-avatar,.order-icon,.document-icon,.document-kind,.car-icon,.warranty-icon{color:#236f5e;background:linear-gradient(145deg,#edf6f2,#dfeee8);border:1px solid #d8e8e2}.record-main b,.order-row>div b,.billing-list b{color:#26362f;font-size:11px}.record-main small,.order-row>div small,.billing-list small{color:#83908b;font-size:8px}.row-actions button{background:#fbfcfc;border-color:#dae4df;border-radius:8px}.row-actions button:hover{color:var(--brand);background:#eaf3ef;border-color:#b7d2c8}.status{letter-spacing:.015em;border:1px solid #0000;font-size:8px;font-weight:750}.status-in_progress,.status-active{color:#356e9d;background:#e9f1f8;border-color:#d5e4f0}.status-paid,.status-accepted,.status-completed{color:#2e795f;background:#e7f3ed;border-color:#d2e8de}.status-waiting_parts,.status-partially_paid,.status-pending,.status-open{color:#936b2c;background:#faf1e1;border-color:#f0e0c3}.status-sent{color:#447294;background:#eaf1f7;border-color:#d8e5ef}.status-cancelled,.status-expired{color:#707b77;background:#f0f1f1;border-color:#e1e4e2}.status-overdue,.status-error{color:#a44d48;background:#f8e9e8;border-color:#efd2d0}.vehicle-grid,.parts-grid{gap:13px;padding:16px}.vehicle-card,.part-card,.employee-card,.inventory-vehicle{background:linear-gradient(155deg,#fff,#fafcfb);border-color:#dbe4e0;border-radius:13px;transition:all .18s;box-shadow:0 2px 7px #142e2409}.vehicle-card:hover,.part-card:hover,.employee-card:hover,.inventory-vehicle:hover{box-shadow:var(--shadow-md);border-color:#b7d0c7;transform:translateY(-2px)}.module-tabs{background:#f8faf9;gap:6px;padding:9px 13px}.module-tabs button{border-radius:8px;height:34px;padding:0 12px;font-size:10px}.module-tabs button.active{color:var(--brand);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #d9e3df}.record-header{box-shadow:var(--shadow-sm);background:linear-gradient(115deg,#fff 0%,#f7faf8 68%,#edf5f2 100%);border-color:#d5e1dc;padding:23px 25px;position:relative;overflow:hidden}.record-header:after{content:"";background:#176b5b0a;border-radius:50%;width:140px;height:140px;position:absolute;top:-70px;right:-65px}.record-header>*{z-index:1;position:relative}.record-identity .profile-avatar{background:linear-gradient(145deg,#dff0ea,#cce6dc);border:1px solid #c5dfd5;border-radius:15px;width:57px;height:57px;box-shadow:0 5px 15px #185b4817}.record-identity h1{font-size:23px}.record-actions a{background:#fff;border-radius:8px;height:36px;box-shadow:0 1px 2px #17302709}.record-actions a:first-child{background:linear-gradient(#1f7b69,#176253);box-shadow:0 4px 11px #176b5b2b}.record-tabs{background:#ffffffa3;border:1px solid #dce4e0;border-radius:10px;gap:8px;margin-top:16px;padding:0 10px}.record-tabs button{border-bottom:0;border-radius:7px;height:39px;padding:0 12px}.record-tabs button.active{box-shadow:var(--shadow-sm);color:var(--brand);background:#fff}.detail-card,.clean-list,.clean-timeline,.repair-section,.repair-side{box-shadow:var(--shadow-sm)}.detail-card dl>div,.clean-list-row,.clean-timeline>article{border-color:#e8eeeb}.clean-list-row:hover{background:#f4f9f7}.list-icon,.timeline-icon{color:#2e745f;background:#e9f3ef;border:1px solid #d9e9e3}.repair-header{box-shadow:var(--shadow-sm);background:linear-gradient(112deg,#fff,#f3f8f6);border-color:#d5e1dc;padding:22px 24px}.repair-state{color:#356f9c;background:#e8f1f8;border:1px solid #d6e5f0}.repair-actions .primary-button{box-shadow:0 4px 11px #176b5b29}.repair-context{background:#e5ece8}.repair-context>span{background:#fff}.section-icon{background:#e4f1ec;border:1px solid #d5e7e0}.repair-lines article:hover{background:#f6faf8}.repair-side{background:linear-gradient(155deg,#fff,#f8fbf9)}.finance-list article{min-height:65px;transition:all .15s}.finance-list article:hover{box-shadow:inset 3px 0 var(--brand);background:#f5f9f7}.report-kpi{box-shadow:var(--shadow-sm);background:linear-gradient(150deg,#fff,#f8fbfa);border-color:#dae4df;border-radius:13px}.report-kpi>svg{color:var(--brand);background:#e7f2ee}.task-board{gap:11px}.task-card{box-shadow:var(--shadow-sm);background:linear-gradient(150deg,#fff,#fafcfb);border-left:3px solid #9fb3ac;border-radius:13px;padding:15px 17px}.task-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.task-card.priority-high{border-left-color:#ca8b32}.task-card.priority-urgent{border-left-color:#be554f}.employee-card{padding:19px}.document-list article:hover{box-shadow:inset 3px 0 var(--accent)}.login-page{background:#f4f7f5}.login-visual{background:linear-gradient(150deg,#102b25 0%,#153b31 72%,#18483b 100%);position:relative}.login-visual:before{content:"";pointer-events:none;background:radial-gradient(circle at 22% 20%,#51b79c33,#0000 29%),linear-gradient(120deg,#0000 55%,#ffffff06);position:absolute;inset:0}.login-logo{background:linear-gradient(145deg,#35a68d,#1b725f);border-radius:17px;width:58px;height:58px;box-shadow:0 16px 36px #02140e4d,inset 0 1px #fff3}.login-visual h1{font-size:41px}.login-visual-content>p:not(.eyebrow){color:#b7cbc4}.trust-row{background:#ffffff06;border-top-color:#ffffff21;margin-left:-16px;margin-right:-16px;padding:20px 16px 0}.login-form-wrap{background:linear-gradient(145deg,#f9fbfa,#eef4f1)}.login-card{background:#fff;border:1px solid #dce6e1;border-radius:18px;gap:15px;padding:34px;box-shadow:0 22px 60px #102d231a}.login-card h2{font-size:28px}.login-card input{background:#fbfcfc;height:43px}.login-card .primary-button{height:44px}@media (width<=1180px){.premium-shell .sidebar{width:242px}.premium-shell .main-area{width:calc(100% - 242px);margin-left:242px}.primary-status{grid-template-columns:repeat(3,1fr)}}@media (width<=820px){.premium-shell .sidebar{width:255px}.premium-shell .main-area{width:100%;margin-left:0}.premium-shell .topbar{height:64px}.premium-shell .page-container{padding:20px 15px 48px}.welcome-row{min-height:98px;padding:18px}.dashboard-columns{gap:13px}.record-tabs{border-radius:9px;overflow:auto}.login-card{padding:28px}}@media (width<=520px){body:before{background:radial-gradient(circle at 80% 0,#2b7f6c12,#0000 30%)}.premium-shell .topbar{padding:0 11px}.premium-shell .global-search-input{height:39px}.header-new{justify-content:center;width:40px;padding:0;font-size:0}.header-new svg{width:18px;display:block}.welcome-row{border-radius:13px;margin-bottom:12px}.welcome-kicker{display:none}.welcome-row h1{font-size:21px}.welcome-row p{max-width:245px;font-size:10px}.primary-status{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.status-card{border-radius:11px;min-width:0;min-height:74px;padding:11px}.status-card-icon{width:34px;height:34px}.status-card strong{font-size:18px}.work-center{border-radius:13px}.simple-tabs{scrollbar-width:none;padding:8px 10px;overflow:auto hidden}.simple-tabs::-webkit-scrollbar{display:none}.simple-tabs button{white-space:nowrap;padding:0 9px}.simple-work-row{min-height:88px;padding:13px 12px 13px 15px}.simple-work-row>time{align-self:start}.activity-panel,.finance-snapshot{border-radius:13px}.record-header{border-radius:13px;padding:18px}.record-tabs{margin-top:11px}.login-form-wrap{padding:18px}.login-card{border-radius:16px;padding:25px 21px}}.website-listing{gap:18px;display:grid}.website-listing .section-title h2{align-items:center;gap:9px;display:flex}.website-listing .section-title h2 svg{width:18px;color:var(--brand)}.listing-controls{overflow:hidden}.listing-form textarea{resize:vertical;width:100%;font:inherit;background:#fff;border:1px solid #dbe1e6;border-radius:8px;outline:0;margin-top:7px;padding:11px 12px;line-height:1.5;display:block}.listing-form textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #16a3941a}.listing-switches{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0 22px 22px;display:grid}.listing-switches label{color:#45564f;background:#f8faf9;border:1px solid #dce5e1;border-radius:10px;align-items:center;gap:8px;min-height:48px;padding:10px 12px;font-size:10px;font-weight:700;display:flex}.listing-switches label svg{width:16px;color:var(--brand)}.listing-switches label input{accent-color:var(--brand)}.listing-switches select{color:#34463e;background:#fff;border:1px solid #d5dfdb;border-radius:7px;margin-left:auto;padding:6px}.listing-photos{overflow:hidden}.photo-upload{position:relative}.photo-upload input{opacity:0;cursor:pointer;position:absolute;inset:0}.photo-manager{gap:0;display:grid}.photo-manager article{border-top:1px solid #e8eeeb;grid-template-columns:96px minmax(150px,1fr) auto;align-items:center;gap:15px;padding:14px 18px;display:grid}.photo-manager article:hover{background:#f7faf8}.photo-preview{color:#4f8273;background:#e8f1ed;border-radius:9px;place-items:center;height:66px;display:grid;position:relative;overflow:hidden}.photo-preview>svg{width:24px}.photo-preview img{object-fit:cover;width:100%;height:100%}.photo-preview span{color:#fff;background:#102c23d6;border-radius:5px;align-items:center;gap:3px;padding:3px 5px;font-size:7px;display:flex;position:absolute;bottom:5px;left:5px}.photo-preview span svg{width:9px}.photo-meta b,.photo-meta small{display:block}.photo-meta b{color:#26362f;font-size:11px}.photo-meta small{color:#7f8c87;margin-top:5px;font-size:8px}.photo-actions{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.photo-actions button{color:#52645d;background:#fff;border:1px solid #d8e2de;border-radius:7px;align-items:center;gap:4px;min-height:30px;padding:0 8px;font-size:8px;display:flex}.photo-actions button:hover{color:var(--brand);background:#f4f9f7;border-color:#9fc2b6}.photo-actions button:disabled{opacity:.4;cursor:not-allowed}.photo-actions button svg{width:13px}.photo-actions button.danger{color:#a44d48}.photo-actions button.danger:hover{background:#fff2f1;border-color:#edc9c7}@media (width<=900px){.listing-switches{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-manager article{grid-template-columns:80px 1fr}.photo-actions{grid-column:1/-1;justify-content:flex-start}}@media (width<=520px){.listing-switches{grid-template-columns:1fr;padding:0 15px 16px}.listing-form{grid-template-columns:1fr;padding:16px}.listing-form .span-2{grid-column:span 1}.photo-manager article{grid-template-columns:64px 1fr;padding:12px}.photo-actions button{min-height:34px}.website-listing .section-title{align-items:flex-start}.photo-upload{padding:9px;font-size:0}.photo-upload svg{margin:0}}.service-alert{color:#7a4b00;background:#fff9ec;border:1px solid #f0c36a;border-radius:14px;align-items:flex-start;gap:12px;margin:0 0 18px;padding:14px 16px;display:flex}.service-alert svg{flex:none;width:20px;height:20px;margin-top:1px}.service-alert div{gap:3px;display:grid}.service-alert b{font-size:14px}.service-alert span{color:#8a641d;font-size:13px}