:root{--ink:#162235;--muted:#697586;--line:#e8ecf1;--canvas:#f7f8fa;--white:#fff;--blue:#1877f2;--navy:#111b2b;--green:#0a9a6d;--amber:#d98a00;--red:#d74141;--violet:#7150d6}*{box-sizing:border-box}body{margin:0;font:14px Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--canvas)}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{background:var(--navy);color:#d6dfec;padding:25px 14px 16px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:21px;font-weight:800;margin:0 10px 44px}.brand>span:last-child span{color:#55d6b0}.brand-mark{background:#28bf92;color:#09201d;border-radius:10px;width:31px;height:31px;display:grid;place-items:center;font-size:19px}nav{display:grid;gap:5px}.nav-link{color:#aebbcf;text-decoration:none;border-radius:8px;padding:11px 12px;display:flex;gap:13px;align-items:center;font-weight:600}.nav-link:hover,.nav-link.active{color:white;background:#233048}.nav-link span{font-size:17px;width:15px;text-align:center}.nav-link b{background:#2c9f7f;color:#fff;border-radius:99px;font-size:11px;padding:1px 7px;margin-left:auto}.sidebar-bottom{margin-top:auto}.profile{display:flex;align-items:center;gap:9px;margin:12px 7px 0;padding-top:18px;border-top:1px solid #2d384a}.profile strong,.profile small{display:block}.profile small{color:#93a4bf;font-size:12px;margin-top:2px}.avatar{background:#ffb67a;color:#5d2f09;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:11px}.icon-button{border:0;background:transparent;color:inherit;font-size:21px;cursor:pointer;position:relative}.profile .icon-button{margin-left:auto;color:#aebbcf}.topbar{height:70px;background:#fff;border-bottom:1px solid var(--line);padding:0 36px;display:flex;align-items:center;justify-content:space-between}.location{font-weight:700}.status-dot{width:8px;height:8px;border-radius:50%;background:#31bc8d;display:inline-block;margin-right:8px}.chevron{color:#8290a2;margin-left:7px}.top-actions{display:flex;align-items:center;gap:20px}.top-actions .icon-button{color:#566378}.top-actions i{position:absolute;width:7px;height:7px;background:#ef5757;border-radius:50%;top:3px;right:1px}.help{width:25px;height:25px;border:1px solid #c6ced9;color:#677487;border-radius:50%;background:white;font-weight:700}.mobile-menu{display:none}main{min-width:0}.view{display:none;padding:37px 38px 60px;max-width:1550px;margin:auto}.active-view{display:block}.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:28px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#788598;font-weight:800;margin:0 0 7px}h1{font-size:28px;margin:0;color:#172335;letter-spacing:-.55px}h2{font-size:16px;margin:0}.subtle,.card-title p{margin:7px 0 0;color:var(--muted)}.primary-button,.secondary-button{border:0;border-radius:8px;padding:11px 15px;font-weight:750;cursor:pointer}.primary-button{background:var(--blue);color:#fff;box-shadow:0 2px 4px #1877f233}.primary-button:hover{background:#0768dd}.secondary-button{border:1px solid #d5dce5;background:#fff;color:#465469}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.metrics article,.card,.empty-card{background:#fff;border:1px solid var(--line);border-radius:11px}.metrics article{padding:20px;display:flex;gap:13px}.metrics p{margin:0 0 6px;color:var(--muted);font-weight:600}.metrics strong{font-size:25px;letter-spacing:-.7px}.metrics small{display:block;color:#8793a3;margin-top:5px;font-size:12px}.metrics .up{color:var(--green)}.metric-icon{height:38px;width:38px;border-radius:10px;display:grid;place-items:center;font-size:19px;font-weight:bold}.blue{color:#1676ee;background:#e8f2ff}.amber{color:#ba7200;background:#fff3db}.green{color:#04805d;background:#e4f7ef}.violet{color:#6548c2;background:#eeeafd}.content-grid{display:grid;grid-template-columns:minmax(500px,1.5fr) minmax(320px,.85fr);gap:24px}.card{padding:22px}.card-title{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.card-title a{color:var(--blue);font-weight:700;text-decoration:none;font-size:13px}.repair-list{display:grid}.repair-row{display:grid;grid-template-columns:42px minmax(160px,1fr) 125px 112px 100px;align-items:center;gap:12px;padding:14px 0;border-top:1px solid var(--line)}.ticket-id{color:#718096;font-size:12px;font-weight:700}.device-icon{height:36px;width:36px;display:grid;place-items:center;border-radius:9px;background:#f0f4f8;font-size:18px}.repair-customer strong,.repair-customer small{display:block}.repair-customer small{color:#788598;margin-top:4px;font-size:12px}.repair-tech{font-weight:600;font-size:13px}.status{font-size:11px;font-weight:800;padding:5px 8px;border-radius:99px;width:max-content;white-space:nowrap}.diagnosis{background:#e8f1ff;color:#2468c7}.parts{background:#fff2dc;color:#b66e00}.in-repair{background:#ede9ff;color:#6446b9}.ready{background:#e3f8ed;color:#087952}.schedule-item{border-top:1px solid var(--line);display:grid;grid-template-columns:54px 1fr auto;gap:10px;padding:14px 0;align-items:center}.schedule-item time{font-weight:800;font-size:13px;color:#37455b}.schedule-item time small{font-size:10px;color:#8693a5}.schedule-item strong{font-size:13px}.schedule-item p{margin:3px 0 0;color:#788598;font-size:12px}.tag{font-size:10px;font-weight:800;padding:4px 7px;border-radius:6px}.confirmed{color:#077957;background:#e4f7ef}.walkin{color:#90600e;background:#fff2dc}.right-column{display:grid;gap:24px;align-content:start}.attention{padding-bottom:12px}.attention-item{border:0;border-top:1px solid var(--line);background:#fff;width:100%;text-align:left;padding:13px 0;display:flex;align-items:center;gap:10px;cursor:pointer}.warning{width:24px;height:24px;border-radius:50%;color:#bc6a00;background:#fff0d6;display:grid;place-items:center;font-weight:900}.attention-item strong,.attention-item small{display:block}.attention-item strong{font-size:12px}.attention-item small{font-size:11px;color:#7b8797;margin-top:3px}.attention-item em{font-style:normal;font-size:23px;color:#9ca6b3;margin-left:auto}.toolbar{display:flex;justify-content:space-between;gap:12px;padding-bottom:20px}.search{border:1px solid #d9dfe7;border-radius:7px;padding:0 11px;display:flex;align-items:center;gap:8px;color:#7e8a9b;min-width:320px}.search input{padding:10px 0;border:0;outline:0;width:100%}select{border:1px solid #d9dfe7;border-radius:7px;background:#fff;padding:0 10px;color:#516073}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:720px;text-align:left}th{color:#748195;text-transform:uppercase;font-size:10px;letter-spacing:.06em;padding:11px 10px;border-bottom:1px solid var(--line)}td{padding:15px 10px;border-bottom:1px solid var(--line);font-size:13px}td strong,td small{display:block}td small{font-size:12px;color:#778497;margin-top:3px}.empty-card{padding:80px 30px;text-align:center;color:#6d7b8d}.empty-card>span{font-size:38px;color:#6c9ee3;display:block;margin-bottom:12px}.empty-card h2{color:#324055}.empty-card p{max-width:420px;margin:9px auto}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.modal-head h2{font-size:20px}dialog{width:min(600px,calc(100% - 28px));border:0;border-radius:13px;padding:24px;box-shadow:0 25px 65px #111b2b55}dialog::backdrop{background:#111b2b88}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid label{display:grid;gap:6px;color:#536174;font-size:12px;font-weight:800}.form-grid input,.form-grid select,.form-grid textarea{border:1px solid #d8e0e9;border-radius:7px;padding:10px;color:#1f2b3b;background:#fff;outline-color:#1877f2}.form-grid textarea{resize:vertical;min-height:78px}.full{grid-column:1/-1}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}@media(max-width:1050px){.metrics{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.right-column{grid-template-columns:1fr 1fr}.sidebar{width:220px}.app-shell{grid-template-columns:220px 1fr}}@media(max-width:750px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.sidebar.open{display:flex;position:fixed;z-index:4;width:250px}.mobile-menu{display:block}.topbar{padding:0 18px}.view{padding:27px 18px}.page-heading{align-items:flex-start;flex-direction:column}.metrics{grid-template-columns:1fr}.right-column{grid-template-columns:1fr}.repair-row{grid-template-columns:40px 1fr 96px}.repair-tech,.repair-row>.ticket-id{display:none}.toolbar{flex-direction:column}.search{min-width:0}.form-grid{grid-template-columns:1fr}}