:root{--ink:#06234d;--muted:#71819a;--line:#dceaf7;--bg:#f3f8fd;--primary:#078fe5;--nav:#031a3d;--green:#16a66a;--amber:#e89d25;--blue:#078fe5;--violet:#1456a0;font-family:DM Sans,system-ui,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;width:236px;background:linear-gradient(180deg,#041c43,#02132e);color:#fff;padding:20px 14px;display:flex;flex-direction:column;z-index:20}.logo{font-size:19px;font-weight:700;display:flex;align-items:center;gap:9px;padding:0 7px 23px}.logo img{width:45px;height:45px;object-fit:contain}.brand-number,.mobile-logo span{color:#11a4f2}.side-nav p{font-size:10px;letter-spacing:.15em;color:#6e88a9;padding:5px 13px}.side-nav button,.sidebar-foot>button{width:100%;border:0;background:transparent;color:#9eb2ca;display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:8px;margin:2px 0;text-align:left;font-size:14px}.side-nav button.active,.side-nav button:hover{background:#0a3971;color:#fff}.side-nav button b{margin-left:auto;background:#078fe5;border-radius:12px;padding:1px 7px;font-size:11px}.nav-icon{font-size:18px;width:19px;text-align:center}.sidebar-foot{margin-top:auto}.user-card{border-top:1px solid #17416d;margin-top:12px;padding:19px 7px 0;display:flex;align-items:center;gap:10px}.user-card div{display:grid;flex:1 1}.user-card strong{font-size:13px}.user-card small{font-size:11px;color:#89a5c5}.avatar{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#e2f3ff;color:#0878c4;font-size:11px;font-weight:700;flex:0 0 auto}.avatar.small{width:31px;height:31px}.avatar.large{width:46px;height:46px;font-size:13px}.main-area{margin-left:236px;width:calc(100% - 236px)}.topbar{height:70px;background:#fff;border-bottom:1px solid var(--line);padding:0 30px;gap:24px;position:sticky;top:0;z-index:10}.global-search,.topbar{display:flex;align-items:center}.global-search{gap:8px;color:#8b93a6;flex:1 1;max-width:510px}.global-search input,.search-inner input{border:0;outline:0;width:100%;color:var(--ink);background:transparent}.top-actions{margin-left:auto;gap:12px}.role-picker,.top-actions{display:flex;align-items:center}.role-picker{font-size:11px;color:var(--muted);gap:7px}.period,.role-picker select,.toolbar select{border:1px solid var(--line);border-radius:7px;background:#fff;padding:8px;color:var(--ink);font-weight:600}.icon-button{position:relative;border:1px solid var(--line);background:#fff;width:36px;height:36px;border-radius:8px}.notification-bell span{filter:grayscale(1);opacity:.8}.icon-button i{position:absolute;right:-3px;top:-5px;background:#ef5555;color:white;border-radius:10px;font-size:9px;padding:1px 5px;font-style:normal}.outline,.primary{border:0;border-radius:8px;padding:10px 15px;font-weight:600;transition:all .3s ease}.primary{box-shadow:0 4px 15px rgba(7,156,233,.3)}.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(7,156,233,.45)}.outline{background:#f9f9f9;color:#333;border:1px solid #ddd}.outline:hover{background:#f0f0f0;border-color:#999}.primary{background:linear-gradient(135deg,#079ce9,#0573c6);color:#fff;box-shadow:0 5px 14px #078fe538}.outline{background:#fff;border:1px solid var(--line);color:var(--ink)}.content{padding:30px;max-width:1500px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.modal-head p,.page-head p{margin:0 0 4px;color:#6683a4;font-size:10px;font-weight:700;letter-spacing:.13em}.page-head h1{margin:0;font-size:25px;letter-spacing:-.03em}.head-count{color:var(--muted);font-size:13px}.card{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 1px 3px #06234d0b}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.metric-grid.three{grid-template-columns:repeat(3,1fr)}.metric{padding:19px;display:flex;align-items:center;gap:14px}.metric-icon{height:42px;width:42px;border-radius:9px;display:grid;place-items:center;font-weight:700}.metric-icon.green{background:#e4f8ef;color:var(--green)}.metric-icon.blue{background:#e5f4ff;color:var(--blue)}.metric-icon.violet{background:#e9f1fb;color:var(--violet)}.metric-icon.amber{background:#fff3df;color:var(--amber)}.metric>div:last-child{display:grid}.metric span{font-size:11px;color:var(--muted)}.metric strong{font-size:22px;margin:2px 0}.metric small{font-size:10px;color:#5aaf7d}.dashboard-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:18px;margin-bottom:18px}.panel{padding:20px}.panel-title{display:flex;justify-content:space-between;align-items:start;margin-bottom:18px}.panel-title h2{font-size:14px;margin:0 0 3px}.panel-title p{font-size:10px;color:var(--muted);margin:0}.panel-title button{border:0;background:transparent;color:var(--muted)}.panel-title button.primary{background:linear-gradient(135deg,#079ce9,#0573c6);color:#fff;box-shadow:0 5px 14px #078fe538;padding:10px 15px;border-radius:8px;font-weight:600}.chart{height:220px;position:relative;padding:10px 5px 28px 38px;background:repeating-linear-gradient(180deg,transparent 0,transparent 47px,#edf3f8 48px)}.chart svg{width:100%;height:170px;overflow:visible}.chart .area{fill:url(#fill)}.chart .line{fill:none;stroke:#078fe5;stroke-width:3;stroke-linecap:round}.y-axis{position:absolute;left:0;top:0;bottom:27px;flex-direction:column}.months,.y-axis{display:flex;justify-content:space-between;font-size:9px;color:#9aa2b2}.donut-wrap{display:flex;align-items:center;justify-content:center;gap:28px;padding:13px 0}.donut{height:135px;width:135px;border-radius:50%;background:conic-gradient(#078fe5 0 33%,#1456a0 33% 58%,#eea736 58% 75%,#20b878 75%);display:grid;place-items:center}.donut:before{content:"";position:absolute;background:#fff;border-radius:50%;width:88px;height:88px}.donut span{z-index:1;text-align:center;color:var(--muted);font-size:9px}.donut b{display:block;color:var(--ink);font-size:21px}.legend{display:grid;gap:10px;font-size:10px}.legend div{display:grid;grid-template-columns:9px 1fr 16px;gap:7px}.dot{width:7px;height:7px;border-radius:50%;background:#078fe5}.d1{background:#1456a0}.d2{background:#eea736}.d3{background:#20b878}.table-card{margin-bottom:18px}.table-card>.panel-title{padding:18px 20px 0}.link{color:#0786d8!important;font-weight:600;font-size:11px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:11px;text-align:left}th{background:#f7fbfe;color:#70849c;text-transform:uppercase;letter-spacing:.06em;font-size:9px;font-weight:600;padding:10px 16px}td{border-top:1px solid #eaf1f7;padding:12px 16px;white-space:nowrap}td div small,td>small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.customer{display:flex;align-items:center;gap:9px}.customer>div{display:grid}.status{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:12px;font-weight:600;font-size:9px;background:#f2f3f6}.status i{height:5px;width:5px;border-radius:50%;background:currentColor}.status.in-progress{background:#e6f4ff;color:#0878c4}.status.pending,.status.pending-payment,.status.waiting-for-parts{background:#fff3df;color:#c88318}.status.completed,.status.delivered,.status.paid{background:#e6f8ef;color:#168c5c}.status.refunded{background:#ffe9e9;color:#d44}.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.mini-list>div{display:flex;align-items:center;gap:11px;padding:11px 0;border-top:1px solid #eff1f4}.mini-list>div:first-child{border:0}.mini-list div div{display:grid;flex:1 1}.mini-list strong{font-size:11px}.mini-list small{font-size:9px;color:var(--muted)}.mini-list b{font-size:11px}.part-icon,.sale-icon{width:32px;height:32px;background:#e7f5ff;color:#087dca;border-radius:7px;display:grid;place-items:center}.part-icon{background:#fff0e2;color:#dd8621}.stock-low{color:#da7820}.stock-ok{color:var(--green)}.toolbar{padding:12px;display:flex;gap:12px;margin-bottom:16px}.search-inner{display:flex;align-items:center;gap:8px;flex:1 1;border:1px solid var(--line);border-radius:7px;padding:9px 12px;color:var(--muted)}.table-action{border:0;background:transparent;color:#087dca;font-weight:600;font-size:10px}.table-action:disabled{color:#aaa;cursor:default}.full-table{min-height:330px}.empty{text-align:center;color:var(--muted);padding:45px}.notice{padding:12px 16px;background:#fff8eb;border:1px solid #f5deb7;color:#94631b;border-radius:8px;font-size:12px;margin-bottom:16px}.notice span{font-weight:700;margin-right:9px}.restricted-note{padding:14px;text-align:center;color:var(--muted);font-size:11px;border-top:1px solid var(--line)}.customer-grid,.team-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.customer-profile,.team-member{display:flex;align-items:center;gap:13px;padding:18px}.customer-profile>div,.team-member>div{flex:1 1}.customer-profile h3,.team-member h3{font-size:13px;margin:0}.customer-profile p,.team-member p{font-size:10px;color:var(--muted);margin:3px 0}.customer-profile small{color:var(--muted)}.role-badge{font-size:10px;background:#e5f4ff;color:#0878c4;border-radius:12px;padding:5px 9px}.modal-backdrop{position:fixed;inset:0;background:#031a3dcc;display:grid;place-items:center;z-index:50;padding:20px}.modal{width:min(650px,100%);padding:24px;animation:pop .18s ease}.modal-head{display:flex;justify-content:space-between;margin-bottom:22px}.modal-head h2{margin:0}.modal-head button{border:0;background:transparent;font-size:25px;color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid label{display:grid;gap:6px;font-size:11px;font-weight:600}.form-grid label.wide{grid-column:1/-1}.form-grid p.wide{grid-column:1/-1;margin:0;padding:10px 12px;background:#fff8eb;border:1px solid #f5deb7;color:#94631b;border-radius:7px;font-size:11px}.form-grid input,.form-grid select,.form-grid textarea{border:1px solid #dfe8f0;border-radius:7px;padding:10px;outline:none;color:var(--ink);background:#fff}.form-grid textarea{min-height:70px;resize:vertical}.form-grid input:focus,.form-grid textarea:focus{border-color:#078fe5;box-shadow:0 0 0 3px #078fe51b}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px;padding-top:16px;border-top:1px solid var(--line)}.toast{position:fixed;right:24px;bottom:24px;background:#06234d;color:white;padding:12px 17px;border-radius:8px;z-index:80;box-shadow:0 12px 30px #031a3d55;font-size:12px;animation:pop .2s ease}.toast span{color:#65db9f;margin-right:8px}.mobile-logo{display:none;align-items:center;font-weight:700;color:#06234d}.mobile-logo img{width:36px;height:36px;object-fit:contain;margin-right:6px}@keyframes pop{0%{transform:translateY(8px);opacity:0}}@media(max-width:1050px){.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.donut-wrap{justify-content:space-around}}@media(max-width:760px){.sidebar{width:68px;padding:20px 9px}.logo span:last-child,.side-nav button b,.side-nav button.active:not(:has(.nav-icon)),.side-nav button:not(.active) span:not(.nav-icon),.side-nav p,.sidebar-foot span,.user-card div,.user-card>span:last-child{display:none}.logo{padding:0 8px 25px}.side-nav button{justify-content:center;padding:12px}.nav-icon{font-size:20px}.user-card{justify-content:center;padding:17px 0}.main-area{margin-left:68px;width:calc(100% - 68px)}.topbar{padding:0 15px}.role-picker{font-size:0}.top-actions .primary{display:none}.content{padding:22px 15px}.bottom-grid,.customer-grid,.metric-grid,.metric-grid.three,.team-grid{grid-template-columns:1fr}.page-head{align-items:center}.page-head h1{font-size:21px}.global-search{display:none}.form-grid{grid-template-columns:1fr}.form-grid label.wide{grid-column:auto}.dashboard-grid{display:block}.dashboard-grid>*{margin-bottom:16px}.top-actions{width:100%;justify-content:flex-end}.table-card{margin-left:-5px;margin-right:-5px}.chart{height:190px}.chart svg{height:140px}}.global-search{position:relative}.global-search-results{position:absolute;top:calc(100% + 17px);left:0;width:min(560px,80vw);overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:0 0 10px 10px;box-shadow:0 14px 30px #06234d24;z-index:30}.global-search-results button{display:grid;width:100%;padding:11px 14px;border:0;border-bottom:1px solid #eaf1f7;background:#fff;text-align:left;color:var(--ink)}.global-search-results button:last-child{border-bottom:0}.global-search-results button:focus,.global-search-results button:hover{background:#edf7ff;outline:0}.global-search-results strong{font-size:12px;color:#087dca}.global-search-results span{margin-top:2px;font-size:11px;font-weight:600}.global-search-results small{margin-top:2px;color:var(--muted);font-size:9px}.global-search-results p{margin:0;padding:16px;color:var(--muted);font-size:11px}.search-category{padding:8px 0}.category-label{margin:0;padding:8px 14px;font-size:10px;font-weight:700;color:var(--muted);letter-spacing:.1em;background:#fafbfc;border-top:1px solid #eaf1f7}.search-category:first-child .category-label{border-top:0;background:transparent}.search-category .global-search-results button{padding:8px 14px;border-bottom:1px solid #eaf1f7}.loading-screen{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:12px;color:var(--muted)}.loader{width:34px;height:34px;border:3px solid #d9ecfa;border-top:3px solid var(--primary);border-radius:50%;animation:spin .75s linear infinite}.api-error{display:flex;align-items:center;gap:10px;padding:12px 15px;margin-bottom:16px;border:1px solid #f2b9b9;background:#fff1f1;color:#a53131;border-radius:8px;font-size:12px}.api-error button{margin-left:auto;border:0;background:transparent;color:#0878c4;font-weight:700}.readonly{color:var(--muted);font-size:10px}.status.approved{background:#e6f8ef;color:#168c5c}.status.rejected{background:#ffe9e9;color:#d44}.row-actions{display:flex;align-items:center;gap:6px}.row-actions .outline{padding:5px 9px;font-size:10px}@keyframes spin{to{transform:rotate(1turn)}}.customer-actions,.page-actions{display:flex;align-items:center;gap:8px}.customer-credit-profile{flex-wrap:wrap}.customer-credit-profile>div:first-of-type{min-width:150px}.customer-actions{flex:0 0 auto!important;margin-left:auto}.customer-actions .outline,.customer-intake-action{padding:6px 10px;font-size:10px;border:0;border-radius:6px;transition:all .3s ease}.customer-intake-action{background:linear-gradient(135deg,#00d4ff,#0099cc);color:#fff;font-weight:600;box-shadow:0 2px 8px rgba(0,212,255,.3)}.customer-intake-action:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,212,255,.5)}.customer-actions .outline{background:#f9f9f9;color:#333;border:1px solid #ddd}.customer-actions .outline:hover{background:#f0f0f0;border-color:#999}.credit-badge{font-size:9px;font-weight:700;border-radius:12px;padding:5px 9px;background:#f1f3f6;color:#708096}.credit-badge.enabled{background:#e5f4ff;color:#0878c4}.customer-detail-modal{width:min(760px,100%);max-height:calc(100vh - 40px);overflow-y:auto}.customer-account-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f5f9fc;border:1px solid var(--line);border-radius:8px;padding:13px;margin-bottom:18px;font-size:11px}.status.partially-paid,.status.unpaid{background:#fff3df;color:#c88318}.payment-modal{width:min(520px,100%)}@media(max-width:760px){.page-head{gap:12px;flex-wrap:wrap}.page-actions{width:100%;justify-content:space-between}.customer-account-summary{align-items:flex-start;flex-direction:column}.customer-actions{width:100%;justify-content:flex-end}}.customer-profile.clickable{cursor:pointer;outline:none}.customer-profile.clickable:focus-visible{box-shadow:0 0 0 3px #078fe533;border-color:#078fe5}.customer-stat-grid{flex-wrap:wrap;gap:16px 26px}.customer-stat-grid>div{display:grid;gap:2px}.customer-stat-grid small{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.06em}.customer-stat-grid strong{font-size:15px;color:var(--ink)}.customer-detail-section{margin-top:20px}.customer-detail-section h3{font-size:12px;margin:0 0 9px;display:flex;align-items:baseline;gap:8px}.customer-detail-section h3 span{color:var(--muted);font-weight:500;font-size:10px}.date-range-filter{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin:16px 0;padding:10px 12px;background:#f5f9fc;border:1px solid var(--line);border-radius:8px}.period-pills{display:flex;flex-wrap:wrap;gap:6px}.period-pills button{border:1px solid #dce7f0;background:#fff;color:var(--ink);border-radius:7px;padding:6px 11px;font-size:10px;font-weight:600}.period-pills button.active{background:#078fe5;border-color:#078fe5;color:#fff}.period-range{display:flex;align-items:center;gap:8px}.period-range label{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--muted);font-weight:600}.period-range input{border:1px solid #dce7f0;border-radius:6px;padding:5px 7px;font-size:10px;color:var(--ink)}@media(max-width:760px){.date-range-filter{flex-direction:column;align-items:stretch}.period-range{flex-wrap:wrap}}.website-section{margin-bottom:18px;padding:20px}.website-section .panel-title{padding:0 0 16px}.banner-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.banner-card{padding:0;overflow:hidden;display:flex;flex-direction:column}.banner-card img{width:100%;height:130px;object-fit:cover;background:#eef3f8}.banner-card-body{padding:13px 14px 4px;display:grid;gap:4px}.banner-card-body strong{font-size:12px}.banner-card-body p{margin:0;font-size:10px;color:var(--muted)}.banner-card-body small{color:#8b9ab0;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.banner-card-body .credit-badge{justify-self:start;margin-top:3px}.banner-card-actions{display:flex;gap:6px;padding:12px 14px 14px;flex-wrap:wrap}.banner-card-actions button{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:6px;padding:6px 9px;font-size:10px;font-weight:600}.banner-card-actions button:disabled{opacity:.35;cursor:default}.banner-card-actions button.delete{color:#c43b3b;border-color:#f3d2d2}.banner-current-image{display:flex;align-items:center;gap:10px;background:#f5f9fc;border:1px solid var(--line);border-radius:8px;padding:9px}.banner-current-image img{width:64px;height:44px;object-fit:cover;border-radius:5px}.banner-current-image small{color:var(--muted)}.checkbox-field{display:flex!important;flex-direction:row!important;align-items:center;gap:8px}.checkbox-field input{width:auto}.staff-avatar-photo{width:46px;height:46px;border-radius:50%;object-fit:cover;flex:0 0 auto}.pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 18px;border-top:1px solid var(--line)}.pagination-range{font-size:11px;color:var(--muted)}.pagination-controls{display:flex;align-items:center;gap:6px}.pagination-controls button{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:6px;padding:6px 10px;font-size:11px;font-weight:600}.pagination-controls button:disabled{opacity:.4;cursor:default}.pagination-page{font-size:11px;color:var(--muted);padding:0 4px;white-space:nowrap}.revenue-bars{display:grid;gap:18px;padding:10px 4px 4px}.revenue-bar-row{display:grid;grid-template-columns:100px 1fr auto;align-items:center;gap:14px}.revenue-bar-label{font-size:11px;color:var(--muted);font-weight:700}.revenue-bar-track{height:10px;border-radius:6px;background:#eef2f6;overflow:hidden}.revenue-bar-fill{height:100%;border-radius:6px;transition:width .4s ease}.revenue-bar-value{font-size:13px;font-weight:700;color:var(--ink);text-align:right;min-width:78px}.stat-hero-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.stat-hero{position:relative;overflow:hidden;border-radius:14px;padding:20px 20px 16px;color:#fff;display:flex;flex-direction:column;gap:2px;min-height:120px}.stat-hero-blue{background:linear-gradient(135deg,#12a3f2,#0a3971)}.stat-hero-green{background:linear-gradient(135deg,#28c98d,#0f7a52)}.stat-hero-violet{background:linear-gradient(135deg,#3a7ce8,#123a73)}.stat-hero-amber{background:linear-gradient(135deg,#f5b955,#c9760f)}.stat-hero-icon{width:32px;height:32px;border-radius:9px;background:#ffffff26;display:grid;place-items:center;font-weight:700;font-size:13px;margin-bottom:10px}.stat-hero-value{font-size:24px;font-weight:800;letter-spacing:-.02em;position:relative;z-index:1}.stat-hero-label{font-size:12px;font-weight:600;opacity:.92;position:relative;z-index:1}.stat-hero-meta{font-size:10px;opacity:.7;position:relative;z-index:1}.stat-hero-wave{position:absolute;left:0;right:0;bottom:0;height:36px;width:100%;opacity:.5}.stat-hero-wave path{fill:none;stroke:#fff;stroke-width:2.5}.weekly-repairs{margin-bottom:18px}.weekly-bars{display:flex;align-items:stretch;gap:10px;height:170px;padding:12px 4px 0}.weekly-bar-col{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:6px}.weekly-bar-col b{font-size:11px;color:var(--ink);font-weight:700}.weekly-bar-track{width:100%;flex:1 1;display:flex;align-items:flex-end;background:#f5f9fc;border-radius:6px;overflow:hidden}.weekly-bar-fill{width:100%;background:linear-gradient(180deg,#12a3f2,#0a3971);border-radius:6px;min-height:4px;transition:height .3s ease}.weekly-bar-col span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}@media(max-width:760px){.stat-hero-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.pagination{flex-direction:column;align-items:stretch}.pagination-controls{justify-content:center;flex-wrap:wrap}}.intake-modal{width:min(920px,100%);max-height:calc(100vh - 32px);display:flex;flex-direction:column}.intake-modal .modal-head{margin-bottom:14px}.intake-modal .modal-head small{display:block;color:var(--muted);margin-top:5px}.intake-scroll{overflow:auto;padding-right:7px}.intake-section{border-top:1px solid #e8eff5;padding:15px 2px}.intake-section:first-child{border-top:0}.intake-section h3{font-size:12px;margin:0 0 11px;color:var(--ink)}.existing-customer-banner,.new-customer-banner{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid #cfe5f5;border-radius:8px;background:#f4faff}.existing-customer-banner div,.new-customer-banner div{display:grid;gap:3px}.existing-customer-banner strong,.new-customer-banner strong{color:var(--ink);font-size:11px}.existing-customer-banner span:not(.credit-badge),.new-customer-banner span{color:var(--muted);font-size:10px;font-weight:500}.new-customer-banner{border-color:#f5deb7;background:#fff8eb}.new-customer-banner strong{color:#94631b}.existing-customer-banner.clickable{cursor:pointer;outline:none}.existing-customer-banner.clickable:focus-visible,.existing-customer-banner.clickable:hover{border-color:#a9d2ef;background:#eef8ff}.intake-customer-card{grid-column:1/-1;border:1px solid var(--line);border-radius:8px;padding:14px;background:#fff;display:grid;gap:14px;margin-top:-6px}.intake-customer-card-head{display:flex;align-items:center;gap:10px}.intake-customer-card-head h3{margin:0;font-size:13px}.intake-customer-card-head p{margin:2px 0 0;font-size:11px;color:var(--muted)}.intake-customer-card-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.intake-customer-card-stats div{background:#f5f9fc;border-radius:7px;padding:9px 11px;display:grid;gap:2px}.intake-customer-card-stats small{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.05em}.intake-customer-card-stats strong{font-size:13px;color:var(--ink)}.intake-modal input[readonly]{background:#f4f7fa;color:#536b85;cursor:not-allowed}.compact-fields{margin-top:12px}.check-grid,.device-type-row{display:flex;flex-wrap:wrap;gap:7px}.check-pill{display:inline-flex!important;grid-auto-flow:column;align-items:center;gap:6px!important;border:1px solid #dce7f0;border-radius:7px;padding:7px 9px;background:#fff;font-size:10px!important;font-weight:600;cursor:pointer}.check-pill:has(input:checked){border-color:#078fe5;background:#e9f6ff;color:#066eaf}.check-pill input{width:14px;height:14px;margin:0;accent-color:#078fe5}.condition-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.intake-check-group{margin:0;border:1px solid #e3ebf2;border-radius:9px;padding:10px}.intake-check-group legend{padding:0 4px;font-size:10px;font-weight:700;color:var(--ink)}.intake-check-group legend span{color:var(--muted);font-weight:500}.intake-modal .modal-actions{margin-top:10px;flex:0 0 auto}.intake-device-block{border-top:2px solid #e3ebf2;margin-top:6px}.intake-device-block-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}.intake-device-block-head h3{margin:0}.remove-device{border:0;background:#fff0f0;color:#c43b3b;font-size:10px;font-weight:700;border-radius:6px;padding:6px 10px}.add-device{width:100%;margin:14px 0 4px;justify-content:center}@media (max-width:760px){.condition-grid,.intake-customer-card-stats{grid-template-columns:1fr}.intake-modal{padding:17px}.intake-scroll{padding-right:2px}.existing-customer-banner,.intake-device-block-head,.new-customer-banner{align-items:flex-start;flex-direction:column}.intake-device-block-head{gap:6px}}.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,#e7f5ff,#f4f8fb 45%,#eaf1f7)}.login-card{width:min(420px,100%);padding:34px;display:grid;gap:18px}.login-card>img{width:74px;height:74px;object-fit:contain;margin:auto}.login-card>div{text-align:center}.login-card p{margin:0 0 5px;color:#0878c4;font-size:10px;font-weight:800;letter-spacing:.14em}.login-card h1{margin:0;font-size:23px}.login-card div span{display:block;color:var(--muted);font-size:11px;margin-top:6px}.login-card label{display:grid;gap:7px;font-size:11px;font-weight:700}.login-card input{border:1px solid #dce7f0;border-radius:7px;padding:11px;outline:none}.login-card input:focus{border-color:#078fe5;box-shadow:0 0 0 3px #078fe51b}.login-card button{width:100%}.customer-portal-link{color:#0878c4;text-align:center;font-size:10px;font-weight:700;text-decoration:none}.login-error{color:#a53131;background:#fff1f1;border:1px solid #f2b9b9;border-radius:7px}.login-error,.login-success{padding:10px!important;font-size:11px}.login-success{color:#126c42;background:#eaf8f1;border:1px solid #bde5cf;border-radius:7px}.login-success a{display:block;margin-top:7px;color:#0878c4;font-weight:700}.login-card .auth-link{width:auto;justify-self:center;border:0;box-shadow:none;background:transparent;color:#0878c4;padding:0;font-size:11px}.reset-login-link{display:block;text-align:center;text-decoration:none}.staff-form{padding:18px;margin-bottom:16px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-items:end}.staff-form label{display:grid;gap:6px;font-size:10px;font-weight:700}.staff-form input,.staff-form select{border:1px solid #dce7f0;border-radius:7px;padding:9px;background:#fff}.staff-form>div{display:flex;gap:7px}.compensation-picker{grid-column:1/-1;border:1px solid #dce7f0;border-radius:8px;padding:12px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.compensation-picker legend{font-size:10px;font-weight:800;padding:0 5px}.compensation-picker small{grid-column:1/-1;color:var(--muted);font-size:9px}.permission-picker{grid-column:1/-1;border:1px solid #dce7f0;border-radius:8px;padding:10px;display:flex;flex-wrap:wrap;gap:12px}.permission-picker legend{font-size:10px;font-weight:800;padding:0 5px}.permission-picker label{display:flex;grid-auto-flow:column;align-items:center;gap:5px;font-weight:600}.permission-picker input{accent-color:#078fe5}.team-member{flex-wrap:wrap}.team-member small{color:var(--muted);font-size:9px}.staff-remove{margin-left:auto;border:0;background:#fff1f1;color:#b33b3b;border-radius:6px;padding:6px 8px;font-size:9px;font-weight:700}.team-member .staff-actions{flex:0 0 auto;display:flex;align-items:center;gap:6px}.staff-actions .table-action{padding:6px 8px;border-radius:6px;background:#e8f5ff}.staff-actions .staff-remove{margin-left:0}.permission-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:7px}.permission-tags i{font-style:normal;font-size:7px;color:#0878c4;background:#e7f5ff;border-radius:10px;padding:3px 6px}.compensation-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:7px}.compensation-tags i{font-style:normal;font-size:7px;color:#8a5a16;background:#fff3df;border-radius:10px;padding:3px 6px}@media (max-width:900px){.compensation-picker,.staff-form{grid-template-columns:1fr 1fr}}@media (max-width:560px){.compensation-picker,.staff-form{grid-template-columns:1fr}}.customer-site{--cnavy:#031b3d;--cblue:#078fe5;--clight:#f2f8fc;min-height:100vh;background:#fff;color:var(--cnavy);font-family:Arial,sans-serif}.customer-nav{height:76px;justify-content:space-between;padding:0 max(5vw,24px);border-bottom:1px solid #e4edf4;position:sticky;top:0;background:#ffffffee;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:30}.customer-brand,.customer-nav{display:flex;align-items:center}.customer-brand{gap:9px;color:var(--cnavy);text-decoration:none;font-weight:800;font-size:18px}.customer-brand img{width:46px;height:46px;object-fit:contain}.customer-brand span span{color:var(--cblue)}.customer-nav-links{display:flex;align-items:center;gap:25px}.customer-nav-links a{color:#52647a;text-decoration:none;font-size:12px;font-weight:700}.customer-nav-links a:hover{color:var(--cblue)}.customer-nav .staff-link{border:1px solid #ccdae5;padding:9px 13px;border-radius:7px}.customer-hero{min-height:620px;padding:80px max(8vw,30px);display:grid;grid-template-columns:1.05fr .8fr;align-items:center;gap:70px;background:radial-gradient(circle at 80% 35%,#dff3ff,transparent 29%),linear-gradient(145deg,#fff,#f3f9fd)}.customer-kicker{font-size:10px!important;letter-spacing:.16em;color:var(--cblue)!important;font-weight:800;margin:0 0 12px!important}.customer-hero h1{font-size:clamp(43px,6vw,76px);line-height:1.02;letter-spacing:-.055em;margin:0}.customer-hero h1 span{color:var(--cblue)}.customer-hero>div>p:not(.customer-kicker){font-size:17px;line-height:1.65;color:#64758a;max-width:600px}.hero-actions{display:flex;gap:11px;margin:28px 0}.customer-primary,.customer-secondary{display:inline-flex;align-items:center;justify-content:center;border:0;text-decoration:none;border-radius:8px;padding:12px 17px;font-size:12px;font-weight:800;cursor:pointer}.customer-primary{background:linear-gradient(135deg,#08a4ed,#0673c7);color:#fff;box-shadow:0 8px 20px #078fe538}.customer-secondary{background:#fff;color:var(--cnavy);border:1px solid #d4e1ea}.trust-row{display:flex;gap:18px;color:#5e7489;font-size:11px}.hero-device{height:420px;display:grid;place-items:center;position:relative}.phone-shape{width:210px;height:390px;border:10px solid var(--cnavy);border-radius:38px;background:linear-gradient(155deg,#e8f7ff,#fff 48%,#dcefff);box-shadow:0 30px 70px #06234d2b;display:flex;flex-direction:column;align-items:center;justify-content:center}.phone-shape:before{content:"";position:absolute;top:25px;width:75px;height:18px;border-radius:10px;background:var(--cnavy)}.phone-shape span{height:70px;width:70px;border-radius:22px;background:var(--cblue);color:#fff;display:grid;place-items:center;font-size:22px;font-weight:900}.phone-shape b{margin-top:25px;font-size:14px}.phone-shape i{font-style:normal;color:#0878c4;background:#dff3ff;border-radius:14px;padding:6px 11px;margin-top:10px;font-size:10px;font-weight:800}.orbit{position:absolute;height:52px;width:52px;border-radius:15px;background:#fff;display:grid;place-items:center;box-shadow:0 12px 35px #06234d25;color:var(--cblue);font-size:22px}.orbit-one{left:8%;top:18%}.orbit-two{right:5%;bottom:20%;color:#16a36b}.customer-section{padding:90px max(8vw,30px)}.track-section{background:var(--cnavy);color:#fff}.section-copy{max-width:650px;margin-bottom:30px}.appointment-copy h2,.blog-head h2,.section-copy h2{font-size:clamp(30px,4vw,46px);letter-spacing:-.04em;margin:0 0 10px}.appointment-copy>p:not(.customer-kicker),.blog-head>p,.section-copy>p:not(.customer-kicker){color:#8195ac;line-height:1.6}.customer-panel{background:#fff;color:var(--cnavy);border:1px solid #dce8f1;border-radius:14px;padding:25px;box-shadow:0 12px 35px #031b3d12}.public-form{display:grid;gap:14px}.inline-form{grid-template-columns:1fr 1fr auto;align-items:end}.public-form label{display:grid;gap:7px;font-size:10px;font-weight:800}.public-form input,.public-form textarea{border:1px solid #d7e3ec;border-radius:8px;padding:12px;outline:none;background:#fbfdff}.public-form input:focus,.public-form textarea:focus{border-color:var(--cblue);box-shadow:0 0 0 3px #078fe51b}.tracking-result{border-top:1px solid #e5edf3;margin-top:22px;padding-top:22px;display:grid;grid-template-columns:220px 1fr;gap:20px}.tracking-result small{color:var(--cblue);font-weight:800}.tracking-result h3{margin:5px 0}.tracking-result p{font-size:10px;color:#718399}.status-steps{display:flex;align-items:center;justify-content:space-between;gap:4px}.status-steps span{flex:1 1;display:grid;justify-items:center;gap:6px;color:#9aa8b7;font-size:8px;text-align:center;position:relative}.status-steps span:before{content:"";height:2px;background:#dfe8ee;position:absolute;top:12px;left:-50%;right:50%}.status-steps span:first-child:before{display:none}.status-steps i{z-index:1;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#edf2f6;font-style:normal}.status-steps .done{color:#0878c4}.status-steps .done i,.status-steps .done:before{background:#078fe5;color:#fff}.appointment-section{display:grid;grid-template-columns:.75fr 1.25fr;gap:65px;background:#f5f9fc}.appointment-copy ul{list-style:none;padding:0;display:grid;gap:10px;font-size:11px;color:#526a80}.appointment-copy li:before{content:"✓";color:#15a16a;font-weight:900;margin-right:9px}.appointment-form{grid-template-columns:1fr 1fr}.appointment-form .wide{grid-column:1/-1}.appointment-form button.wide{justify-self:start}.appointment-form textarea{min-height:90px;resize:vertical}.public-error,.public-success{padding:10px;border-radius:7px;font-size:10px;background:#fff1f1;color:#a53131;border:1px solid #f1c3c3;margin-top:12px}.public-success{background:#e9f8f0;color:#16764f;border-color:#bfe6d1}.blog-section{background:#fff}.blog-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:35px}.blog-head>p{max-width:370px}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.blog-card{border:1px solid #dfe9f0;border-radius:13px;overflow:hidden;background:#fff}.blog-art{height:155px;display:grid;place-items:center;background:linear-gradient(145deg,#daf2ff,#edf9ff)}.blog-art span{font-size:44px;color:var(--cblue)}.art-2{background:linear-gradient(145deg,#dff8ef,#f0fbf7)}.art-2 span{color:#17a56e}.art-3{background:linear-gradient(145deg,#fff0d7,#fff9ed)}.art-3 span{color:#e89b25}.blog-card>div:last-child{padding:20px}.blog-card small{color:var(--cblue);font-size:8px;font-weight:900;letter-spacing:.11em}.blog-card h3{font-size:17px;line-height:1.3;margin:8px 0}.blog-card p{font-size:11px;color:#66798d;line-height:1.6}.blog-card button{border:0;background:transparent;color:var(--cblue);font-size:10px;font-weight:800;padding:0}.customer-footer{padding:30px max(8vw,30px);background:var(--cnavy);color:#8da1b7;display:flex;align-items:center;gap:25px}.customer-footer .customer-brand{color:#fff}.customer-footer p{font-size:10px;flex:1 1}.customer-footer>a{color:#9db2c8;font-size:10px}.customer-footer img,.customer-nav-toggle{width:38px;height:38px}.customer-nav-toggle{display:none;border:1px solid #ccdae5;background:#fff;color:var(--cnavy);border-radius:8px;font-size:16px;align-items:center;justify-content:center}.customer-nav-mobile{position:absolute;top:76px;left:0;right:0;background:#fff;border-bottom:1px solid #e4edf4;box-shadow:0 14px 30px #06234d1f;display:flex;flex-direction:column;padding:10px max(5vw,24px) 16px;z-index:29}.customer-nav-mobile a{padding:13px 4px;color:var(--cnavy);text-decoration:none;font-size:14px;font-weight:700;border-top:1px solid #eef3f7}.customer-nav-mobile a:first-child{border-top:0}@media(max-width:850px){.customer-nav-links{display:none}.customer-nav-toggle{display:flex}.customer-hero{grid-template-columns:1fr;padding-top:55px}.hero-device{display:none}.appointment-section,.blog-grid{grid-template-columns:1fr}.blog-head{display:block}.tracking-result{grid-template-columns:1fr}.customer-section{padding:65px 24px}.appointment-form button.wide{justify-self:stretch}}@media(max-width:560px){.customer-nav{padding:0 15px}.customer-brand{font-size:15px}.customer-nav .staff-link{padding:8px}.customer-hero{padding:55px 22px}.customer-hero h1{font-size:43px}.hero-actions,.trust-row{flex-direction:column;align-items:stretch}.appointment-form,.inline-form{grid-template-columns:1fr}.appointment-form .wide{grid-column:auto}.status-steps{overflow-x:auto;padding-bottom:8px}.status-steps span{min-width:58px}.customer-footer{align-items:flex-start;flex-wrap:wrap}.customer-footer p{flex-basis:100%;order:3}}.promo-carousel{position:relative;background:var(--cnavy)}.promo-slide{display:block;position:relative;width:100%;max-height:420px;overflow:hidden}.promo-slide img{width:100%;height:420px;object-fit:cover;display:block;opacity:.92}.promo-caption{position:absolute;left:max(8vw,30px);bottom:36px;color:#fff;display:grid;gap:6px;max-width:520px;text-shadow:0 2px 12px #00000080}.promo-caption strong{font-size:clamp(22px,3vw,34px);letter-spacing:-.03em}.promo-caption span{font-size:13px;color:#dfe9f4}.promo-dots{position:absolute;left:0;right:0;bottom:12px;display:flex;justify-content:center;gap:7px}.promo-dots button{width:8px;height:8px;border-radius:50%;border:0;background:#ffffff66;padding:0}.promo-dots button.active{background:#fff}.team-section{background:var(--clight)}.team-showcase-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:20px}.team-showcase-card{background:#fff;border:1px solid #dfe9f0;border-radius:13px;padding:22px 18px;text-align:center;display:grid;justify-items:center;gap:6px}.team-showcase-card img{object-fit:cover}.team-showcase-avatar,.team-showcase-card img{width:76px;height:76px;border-radius:50%;margin-bottom:6px}.team-showcase-avatar{background:linear-gradient(135deg,#08a4ed,#0673c7);color:#fff;display:grid;place-items:center;font-weight:800;font-size:20px}.team-showcase-card h3{margin:0;font-size:14px}.team-showcase-card p{margin:0;font-size:10px;color:var(--cblue);font-weight:700}.team-showcase-card small{color:#7a8ba0;font-size:10px;line-height:1.5}.footer-social{display:flex;gap:10px}.footer-social a{width:32px;height:32px;border-radius:50%;background:#ffffff14;color:#dfe9f4;display:grid;place-items:center;font-size:12px;font-weight:800;text-decoration:none}.footer-social a:hover{background:var(--cblue);color:#fff}@media(max-width:560px){.promo-slide img{height:260px}.promo-caption{left:20px;bottom:20px}}.delivery-button{padding:7px 10px;font-size:10px}.delivery-modal{width:min(520px,100%);padding:24px}.delivery-summary{display:grid;grid-template-columns:1fr 1fr;gap:9px;background:#f5f9fc;border:1px solid #dce7ef;border-radius:8px;padding:14px;margin-bottom:18px}.delivery-summary strong{grid-column:1/-1;color:#087dca}.delivery-summary span{font-size:11px;color:#5f7288}.delivery-summary>b{grid-column:1/-1;padding-top:9px;border-top:1px solid #dce7ef;color:#168c5c}.delivery-payment{margin-bottom:15px}.delivery-password{display:grid;gap:7px;font-size:11px;font-weight:700}.delivery-password input{border:1px solid #d7e3ec;border-radius:8px;padding:11px;outline:none}.delivery-password input:focus{border-color:#078fe5;box-shadow:0 0 0 3px #078fe51b}.status.delivered{background:#e6f8ef;color:#168c5c}.inventory-table .panel-title{align-items:center;margin-bottom:0;padding:18px 20px}.inventory-table td,.inventory-table th{padding-top:15px;padding-bottom:15px}.category-badge{background:#f0f3f5;border:1px solid #d9e0e5;padding:5px 9px;color:#536170}.category-badge,.quantity-badge{display:inline-block;border-radius:5px;font-weight:700}.quantity-badge{min-width:34px;text-align:center;background:#ddf4e3;color:#19833a;padding:5px 8px}.quantity-badge.low{background:#fff0dc;color:#b76b12}.description-cell{max-width:230px;overflow:hidden;text-overflow:ellipsis}.inventory-actions{display:flex;gap:14px}.inventory-actions button{border:0;background:transparent;color:#087dca;padding:0;font-weight:600;white-space:nowrap}.inventory-actions button.delete{color:#d74634}.inventory-tabs{display:flex;gap:5px;width:fit-content;padding:5px;margin-bottom:16px}.inventory-tabs button{border:0;background:transparent;color:#66798c;padding:9px 14px;border-radius:6px;font-weight:700}.inventory-tabs button.active{background:#087dcc;color:white}.inventory-tabs b{margin-left:6px;padding:2px 6px;border-radius:10px;background:#e6edf3;color:#52677b;font-size:9px}.inventory-tabs button.active b{background:#ffffff2c;color:white}.inventory-controls{display:flex;align-items:center;justify-content:space-between;gap:12px}.inventory-controls>select{border:1px solid var(--line);border-radius:7px;background:white;padding:9px 11px;color:var(--ink);font-weight:600}.inventory-balance-grid{margin-bottom:12px}.inventory-formula{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding:13px 16px;color:var(--muted);font-size:11px}.inventory-formula strong{color:var(--ink)}.inventory-formula span{padding:5px 9px;border-radius:6px;background:#eef7fd;color:#0878c4;font-weight:700}.inventory-formula small{margin-left:auto}.page-actions{display:flex;align-items:center;gap:10px}@media(max-width:760px){.inventory-controls{align-items:stretch;flex-direction:column}.inventory-tabs{width:100%}.inventory-tabs button{flex:1 1}.inventory-formula{align-items:flex-start;flex-direction:column}.inventory-formula small{margin-left:0}.page-actions{align-items:stretch;flex-direction:column}}.expense-controls{display:flex;justify-content:flex-end;gap:12px;margin-bottom:16px;padding:12px}.expense-controls label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10px;font-weight:700}.expense-controls select{border:1px solid var(--line);border-radius:7px;padding:8px 10px;background:#fff;color:var(--ink);font-weight:600}.expense-table .panel-title{align-items:center;margin-bottom:0;padding:18px 20px}.expense-table td,.expense-table th{padding-top:15px;padding-bottom:15px}.expense-amount{color:#c0523c}.expense-actions{display:flex;gap:14px}.expense-actions button{border:0;padding:0;background:transparent;color:#087dca;font-weight:600;white-space:nowrap}.expense-actions button.delete{color:#d74634}.expense-modal{width:min(620px,100%)}@media(max-width:760px){.expense-controls{align-items:stretch;flex-direction:column}.expense-controls label{justify-content:space-between}.expense-controls select{min-width:170px}}.progress-cell{display:flex;align-items:center;gap:8px;min-width:120px}.progress-track{width:82px;height:7px;overflow:hidden;border-radius:20px;background:#e5ebf0}.progress-track i{display:block;height:100%;border-radius:inherit;background:#98a6b3;transition:width .2s ease}.progress-track.progress-diagnosing i{background:#078fe5}.progress-track.progress-repair-approved i{background:#eea736}.progress-track.progress-in-repair i{background:#7857c5}.progress-track.progress-ready-for-pickup i{background:#20b878}.status.received{background:#edf0f3;color:#657482}.status.diagnosing{background:#e5f4ff;color:#0878c4}.status.repair-approved{background:#fff3df;color:#bd7711}.status.in-repair{background:#f0eaff;color:#6844b2}.status.ready-for-pickup{background:#e6f8ef;color:#168c5c}.progress-cell b{font-size:10px;color:#3f5368}.repair-detail-modal{width:min(980px,100%);max-height:calc(100vh - 40px);overflow-y:auto}.detail-print-actions{flex-wrap:wrap;margin-bottom:18px}.detail-print-actions small{color:var(--muted)}.repair-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.repair-detail-panel{border:1px solid var(--line);border-radius:8px;overflow:hidden}.repair-detail-panel h3{margin:0;padding:14px 17px;background:#07233f;color:white;font-size:14px}.repair-detail-panel.update h3{background:#eaf8ed;color:#18812a}.repair-facts{display:grid;grid-template-columns:120px 1fr;gap:11px 18px;padding:18px;font-size:12px}.repair-facts dt{color:var(--muted);font-weight:700}.repair-facts dd{margin:0;font-weight:600;white-space:normal}.repair-issue{margin:0 18px 18px;padding:14px;background:#f4f7f9;border-radius:7px;font-size:12px}.repair-used-parts{margin:0 18px 18px;padding:14px;border:1px solid #dce8f0;border-radius:7px;display:grid;gap:8px;font-size:11px}.repair-used-parts>strong{color:var(--muted);font-size:10px}.repair-used-parts span{display:flex;justify-content:space-between}.repair-used-parts>small{color:var(--muted)}.repair-cost-breakdown{display:grid;gap:8px;margin-top:6px;padding-top:12px;border-top:1px solid #dce8f0}.repair-cost-breakdown>strong{display:flex;justify-content:space-between;padding-top:9px;border-top:1px solid #dce8f0;color:#147a39;font-size:13px}.repair-update-form{padding:18px}.repair-update-form label{display:grid;gap:7px;margin-bottom:16px;font-size:11px;font-weight:700}.repair-update-form textarea{min-height:125px;resize:vertical}.repair-update-form input,.repair-update-form select,.repair-update-form textarea{border:1px solid #d7e1e8;border-radius:7px;padding:10px;background:white}.multi-part-picker{display:grid;gap:10px;margin-bottom:16px}.multi-part-picker>strong{font-size:11px}.part-usage-fields{display:grid;grid-template-columns:1fr 90px auto;gap:10px;align-items:end}.part-usage-fields .remove-part{height:37px;border:0;border-radius:6px;background:#fff0f0;color:#c43b3b;font-size:18px}.multi-part-picker .add-part{justify-self:start;padding:7px 10px;font-size:10px}.final-price-summary{display:grid;gap:8px;margin:16px 0;padding:14px;border:1px solid #bfe4ce;border-radius:8px;background:#f0fbf4;font-size:11px}.final-price-summary span,.final-price-summary strong{display:flex;justify-content:space-between;gap:12px}.final-price-summary>strong{padding-top:9px;border-top:1px solid #cbe8d5;color:#147a39;font-size:13px}.progress-editor{display:grid;grid-template-columns:1fr 55px;align-items:center;gap:12px}.progress-editor output{color:#0878c4;font-size:17px;font-weight:800;text-align:right}.progress-status-preview{display:block;padding:9px 11px;border-radius:6px;background:#edf7ff;color:#536b82}.progress-status-preview strong{color:#0878c4}.repair-update-form .primary{width:100%}.assignment-select{display:grid;gap:7px;font-size:11px;font-weight:700}.assignment-select select{border:1px solid #d7e1e8;border-radius:7px;padding:11px;background:white}@media(max-width:800px){.repair-detail-grid{grid-template-columns:1fr}.repair-detail-modal{max-height:calc(100vh - 20px)}.part-usage-fields{grid-template-columns:1fr 75px}.part-usage-fields .remove-part{grid-column:2}}.notification-bell{width:44px;height:44px;display:grid;place-items:center}.notification-bell>span{font-size:21px;line-height:1}.notification-bell i{min-width:17px;min-height:17px;display:grid;place-items:center}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:980px}.settings-card{display:grid;gap:16px;padding:22px;align-content:start}.settings-card-head{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--line)}.settings-card-head>span{width:39px;height:39px;display:grid;place-items:center;border-radius:9px;background:#e7f5ff;color:#0878c4;font-size:18px}.settings-card-head h2{margin:0 0 3px;font-size:15px}.settings-card-head p,.settings-reset p{margin:0;color:var(--muted);font-size:10px}.settings-card label{display:grid;gap:7px;font-size:11px;font-weight:700}.settings-card input{border:1px solid #dce7f0;border-radius:7px;padding:11px;outline:none}.settings-card input:focus{border-color:#078fe5;box-shadow:0 0 0 3px #078fe51b}.settings-card input:disabled{background:#f3f6f8;color:var(--muted)}.settings-reset{margin-top:4px;padding-top:16px;border-top:1px solid var(--line);display:grid;gap:9px}@media(max-width:800px){.settings-grid{grid-template-columns:1fr}}a,button,input,select,textarea{transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease,color .18s ease,transform .18s ease,opacity .18s ease}.outline:not(:disabled):active,.primary:not(:disabled):active,button:not(:disabled):active{transform:translateY(1px) scale(.985)}.primary:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 9px 20px #078fe548;filter:saturate(1.08)}.outline:not(:disabled):hover{transform:translateY(-1px);border-color:#8dcdf1;background:#f4fbff;color:#0878c4}button:disabled{cursor:not-allowed;opacity:.58}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #079ce938;outline-offset:2px}.side-nav button{position:relative;overflow:hidden}.side-nav button:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;border-radius:0 3px 3px 0;background:#16b4ff;transform:scaleY(0);transition:transform .18s ease}.side-nav button:hover{transform:translateX(2px)}.side-nav button.active:before{transform:scaleY(1)}.sidebar-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.sidebar-actions button{min-width:0;border:0;border-radius:8px;padding:10px 7px;display:flex;align-items:center;justify-content:center;gap:6px;background:transparent;color:#9eb2ca;font-size:12px}.sidebar-actions button.active,.sidebar-actions button:hover{background:#0a3971;color:#fff}.sidebar-actions .nav-icon{width:auto;flex:0 0 auto}.icon-button:not(:disabled):hover{transform:translateY(-2px) rotate(-4deg);border-color:#91cff2;box-shadow:0 7px 15px #063a6c1c}.notification-bell:not(:disabled):hover>span{animation:bell-ring .55s ease;transform-origin:50% 10%}.card{transition:box-shadow .22s ease,border-color .22s ease,transform .22s ease}.customer-profile:hover,.metric:hover,.team-member:hover{transform:translateY(-3px);border-color:#cae2f2;box-shadow:0 9px 24px #06234d12}tbody tr{transition:background-color .16s ease}tbody tr:hover{background:#f7fbfe}.link:not(:disabled):hover,.table-action:not(:disabled):hover{color:#045d9a;transform:translateX(2px)}.inventory-tabs button:not(:disabled):hover{background:#eaf6fd;color:#0878c4}.inventory-tabs button.active:hover{background:#087dcc;color:white}.category-badge,.quantity-badge,.role-badge,.status{transition:transform .16s ease,box-shadow .16s ease}tr:hover .category-badge,tr:hover .quantity-badge,tr:hover .status{transform:scale(1.04)}.modal-backdrop{animation:backdrop-in .18s ease both}.modal{animation:modal-in .22s cubic-bezier(.2,.8,.2,1) both}.toast{animation:toast-in .25s cubic-bezier(.2,.8,.2,1) both}.progress-track i{transition:width .35s cubic-bezier(.2,.8,.2,1),background-color .2s ease}.loader{box-shadow:0 0 0 5px #079ce50d}@keyframes backdrop-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(14px) scale(.985)}}@keyframes toast-in{0%{opacity:0;transform:translateY(12px) scale(.97)}}@keyframes bell-ring{20%{transform:rotate(13deg)}40%{transform:rotate(-11deg)}60%{transform:rotate(7deg)}80%{transform:rotate(-4deg)}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-feature-settings:"kern" 1,"tnum" 1}button,h1,h2,h3,strong{letter-spacing:-.012em}.page-head h1{font-weight:780;text-wrap:balance}th{font-weight:750;letter-spacing:.085em}.metric strong,.progress-cell b,.quantity-badge{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}select[aria-label^=Sort]{appearance:none;min-width:170px;padding:10px 38px 10px 34px!important;border:1px solid #d7e5ef!important;border-radius:999px!important;color:#28445f!important;font-size:11px;font-weight:750!important;box-shadow:0 3px 10px #06234d0a;cursor:pointer;background-color:#fff!important;background-image:linear-gradient(45deg,transparent 50%,#168fd4 0),linear-gradient(135deg,#168fd4 50%,transparent 0),radial-gradient(circle at 17px 50%,#dff3ff 0 6px,transparent 6.5px)!important;background-position:calc(100% - 17px) calc(50% - 2px),calc(100% - 12px) calc(50% - 2px),0 0!important;background-size:5px 5px,5px 5px,auto!important;background-repeat:no-repeat!important}select[aria-label^=Sort]:hover{transform:translateY(-2px);border-color:#82c9ee!important;color:#0878c4!important;box-shadow:0 8px 18px #0878c417}select[aria-label^=Sort]:focus{transform:translateY(-1px);border-color:#078fe5!important;box-shadow:0 0 0 4px #078fe51c,0 8px 18px #0878c412}select[aria-label^=Sort] option{color:#18344e;background:white;font-weight:600}.toolbar:has(select[aria-label^=Sort]){align-items:center}.page-actions:has(select[aria-label^=Sort]){padding:4px;border-radius:999px;background:#f2f8fc}.page-actions:has(select[aria-label^=Sort]) select{box-shadow:none}.inventory-controls>select[aria-label^=Sort]{margin-bottom:16px}.list-toolbar{align-items:center;flex-wrap:wrap}.list-toolbar .list-search{min-width:min(280px,100%);flex:1 1 280px}.list-search input[type=search]::-webkit-search-cancel-button{display:none}.search-clear{width:28px;height:28px;flex:0 0 auto;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:#edf5fa;color:#6683a4;font-size:18px;line-height:1}.search-clear:hover{background:#dff2fd;color:#0878c4;transform:scale(1.06)}.result-count{flex:0 0 auto;padding:5px 9px;border-radius:999px;background:#edf7fd;color:#52708d;font-size:10px;font-weight:750;white-space:nowrap}.list-toolbar label select,.list-toolbar>select{min-height:38px;border:1px solid #d7e5ef;border-radius:8px;padding:8px 10px;background:white;color:#28445f;font-size:11px;font-weight:700}.list-toolbar>select[aria-label^=Filter]{min-width:145px}.inventory-list-toolbar{flex:1 1 620px;margin-bottom:16px;padding:10px}.expense-controls.list-toolbar{justify-content:flex-start}.list-empty{grid-column:1/-1;width:100%}@media(max-width:760px){select[aria-label^=Sort]{width:100%;min-width:0}.toolbar:has(select[aria-label^=Sort]){align-items:stretch;flex-direction:column}.page-actions:has(select[aria-label^=Sort]){border-radius:10px}.list-toolbar .list-search{min-width:0;flex-basis:auto;width:100%}.list-toolbar label,.list-toolbar label select,.list-toolbar>select,.list-toolbar>select[aria-label^=Filter]{width:100%;min-width:0}.result-count{align-self:flex-start}.inventory-list-toolbar{margin-bottom:0}}.mobile-menu-button,.mobile-nav-close,.sidebar-backdrop{display:none}@media (max-width:760px){body{overflow-x:hidden}.app-shell{display:flex;padding-bottom:0}.sidebar{inset:0 auto 0 0;width:min(82vw,310px);height:100dvh;padding:20px 14px;display:flex;flex-direction:column;align-items:stretch;border-top:0;border-right:1px solid #17416d;box-shadow:14px 0 36px #02132e55;transform:translateX(-105%);transition:transform .25s ease;visibility:hidden}.sidebar.mobile-open{transform:translateX(0);visibility:visible}.sidebar-backdrop{display:block;position:fixed;inset:0;z-index:19;padding:0;border:0;background:#03112699;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.sidebar-backdrop.open{opacity:1;visibility:visible}.mobile-nav-close{display:grid;position:absolute;top:14px;right:14px;width:40px;height:40px;place-items:center;padding:0;border:1px solid #315274;border-radius:50%;background:#ffffff12;color:#fff;font-size:27px;line-height:1}.sidebar .logo{display:flex;justify-content:flex-start;padding:0 48px 22px 7px}.sidebar .logo img{width:45px;height:45px}.side-nav>p,.sidebar .logo>span,.user-card{display:flex}.sidebar .logo .brand-number{display:inline!important}.side-nav>p{margin:12px 0 14px;padding:5px 44px}.side-nav{display:grid;align-content:start;gap:3px;min-width:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.side-nav::-webkit-scrollbar{display:none}.side-nav button{width:100%;min-height:48px;margin:0;padding:11px 13px 11px 44px;display:flex;align-items:center;justify-content:flex-start;gap:12px}.side-nav button:before{inset:8px auto 8px 0;width:3px;height:auto;transform:scaleY(0)}.side-nav button.active:before{transform:scaleY(1)}.side-nav button:hover{transform:translateX(2px)}.side-nav .nav-label,.side-nav button b{display:inline!important}.nav-icon{width:19px;font-size:20px}.sidebar-foot{margin:auto 0 0;padding-top:7px;border-top:1px solid #17416d;border-left:0}.sidebar-actions button{min-height:46px;margin:0;font-size:14px}.sidebar-actions button span{display:inline}.user-card{display:flex}.user-card div{display:grid}.main-area{width:100%;margin-left:0}.topbar{height:60px;padding:0 12px;gap:8px}.mobile-menu-button{display:grid;width:40px;height:40px;flex:0 0 auto;place-items:center;padding:0;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font-size:20px}.mobile-logo{display:flex;flex:1 1;font-size:14px}.mobile-logo img{width:34px;height:34px}.global-search{display:none}.top-actions{width:auto;gap:7px}.top-actions .role-badge{max-width:132px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-bell{width:40px;height:40px}.content{padding:18px 12px 24px}.page-head{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:18px}.page-head .outline,.page-head .primary,.page-head>:last-child:not(:first-child){width:100%}.page-head h1{font-size:20px;line-height:1.2}.page-head p{font-size:9px}.head-count{line-height:1.5}.metric-grid,.metric-grid.three{gap:10px}.metric{padding:14px}.metric strong{font-size:19px}.metric-icon{width:38px;height:38px}.toolbar{align-items:stretch;flex-direction:column;padding:9px}.search-inner{min-height:42px}.table-card{margin-right:0;margin-left:0;min-height:0}.table-scroll{-webkit-overflow-scrolling:touch}table{min-width:700px}td,th{padding-right:12px;padding-left:12px}.panel{padding:15px}.panel-title{gap:10px}.bottom-grid{gap:12px}.donut-wrap{align-items:flex-start;flex-direction:column}.chart{margin-left:-8px}.modal-backdrop{align-items:end;padding:0}.modal{width:100%;max-height:calc(100dvh - 18px);overflow-y:auto;padding:18px 14px max(18px,env(safe-area-inset-bottom));border-radius:16px 16px 0 0}.modal-head{position:sticky;top:-18px;z-index:2;margin:-18px -14px 18px;padding:17px 14px 13px;background:white;border-bottom:1px solid var(--line)}.modal-head h2{font-size:19px}.modal-head button{min-width:42px;min-height:42px}.modal-actions{position:sticky;bottom:calc(-1 * max(18px, env(safe-area-inset-bottom)));z-index:2;margin-right:-14px;margin-left:-14px;padding:13px 14px max(13px,env(safe-area-inset-bottom));background:white}.modal-actions>*{flex:1 1}.repair-detail-modal{max-height:calc(100dvh - 10px)}.repair-facts{grid-template-columns:100px 1fr;padding:14px;gap:9px 12px}.part-usage-fields{grid-template-columns:minmax(0,1fr) 72px 38px}.part-usage-fields select{min-width:0;width:100%}.inventory-controls{gap:8px}.inventory-tabs{margin-bottom:0}.inventory-tabs button{padding:9px 8px}.settings-card{padding:16px}.staff-form{margin:0 0 14px}.customer-profile,.team-member{align-items:flex-start}.team-member .staff-actions{width:100%;justify-content:flex-end}.toast{right:12px;bottom:12px;left:12px;text-align:center}.api-error{align-items:flex-start;flex-wrap:wrap}.api-error button{flex-basis:100%;margin-left:0;text-align:left}}@media (max-width:420px){.top-actions .role-badge{display:none}.metric{gap:10px}.metric span{font-size:10px}.repair-facts{grid-template-columns:88px 1fr}}