:root{--ink:#19242d;--muted:#7e8a91;--line:#e8edef;--paper:#fff;--bg:#f5f7f8;--teal:#1769aa;--teal-2:#eaf3fc;--nav:#10243b;--nav-muted:#95a8ad;--orange:#e5a44a;--red:#d96f68;--green:#2877bd;--shadow:0 12px 35px rgba(23,43,52,.08)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{width:248px;background:var(--nav);color:#f5f9ff;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:22px 15px 14px;z-index:10}.brand{height:48px;display:flex;align-items:center;gap:10px;text-decoration:none;color:white;padding:0 8px;margin-bottom:24px}.brand-mark{width:36px;height:36px;border-radius:12px;background:#bad8f4;color:#17363b;display:grid;place-items:center;font:800 25px Manrope,sans-serif;transform:rotate(-4deg)}.brand-mark span{color:var(--teal)}.brand strong{display:block;font:800 17px Manrope,sans-serif;letter-spacing:-.5px}.brand small{display:block;color:#9db4cd;font-size:10px;letter-spacing:.7px;text-transform:uppercase;margin-top:1px}.workspace-switch{display:flex;align-items:center;gap:10px;background:#1e3550;border:1px solid rgba(255,255,255,.08);border-radius:11px;padding:10px;margin-bottom:20px}.workspace-avatar{width:30px;height:30px;border-radius:9px;background:#d8e9fa;color:#28557f;display:grid;place-items:center;font-weight:700}.workspace-switch b,.workspace-switch small,.profile b,.profile small{display:block}.workspace-switch b{font-size:11px}.workspace-switch small,.profile small{font-size:10px;color:#9db4cd;margin-top:3px}.chevron{margin-left:auto;color:#a8bfd7}.main-nav{overflow:auto;scrollbar-width:none}.nav-label{font-size:9px;letter-spacing:1px;color:#799198;font-weight:700;margin:16px 10px 6px}.nav-item{position:relative;width:100%;border:0;background:transparent;color:#bdd0d1;text-align:left;border-radius:8px;padding:10px 10px;display:flex;align-items:center;gap:11px;font-size:12px;margin:2px 0;transition:.15s}.nav-item:hover{background:#203b5a;color:#fff}.nav-item.active{background:#1d4f7e;color:#fff;font-weight:600}.nav-item.active:before{content:"";position:absolute;left:-15px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:#bad8f4}.nav-icon{font-size:16px;width:18px;text-align:center;color:#9ec6ec}.nav-count{margin-left:auto;background:#254b70;color:#e4f1fc;font-size:10px;border-radius:20px;padding:2px 7px}.sidebar-bottom{margin-top:auto}.help-card{border:1px solid #344d6b;background:#1c3552;border-radius:11px;padding:13px 12px;margin:10px 0 12px;position:relative}.help-spark{color:#bad8f4;font-size:16px}.help-card b{display:block;font-size:11px;margin:5px 0 3px}.help-card small{font-size:10px;color:#a8bed6}.help-card button{display:flex;justify-content:space-between;width:100%;margin-top:12px;background:none;border:0;color:#b8d7f5;padding:0;font-size:10px;font-weight:700}.profile{width:100%;border:0;border-top:1px solid #2c4564;background:transparent;display:flex;align-items:center;gap:9px;padding:13px 2px 2px;text-align:left;color:white}.profile-avatar,.top-avatar{width:30px;height:30px;border-radius:50%;background:#d9e9f8;color:#3d5e7d;display:grid;place-items:center;font-size:10px;font-weight:700}.profile b{font-size:11px}.more{margin-left:auto;color:#93a8ac;font-size:20px;letter-spacing:1px}.main-area{margin-left:248px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:63px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:5}.breadcrumbs{display:flex;gap:11px;align-items:center;font-size:11px;color:#98a4a9}.breadcrumbs i{font-style:normal;color:#c6ced1}.breadcrumbs b{color:#4d5d65;font-weight:600}.top-actions{display:flex;align-items:center;gap:14px}.today-label{color:#849198;font-size:11px;margin-right:5px}.icon-button{border:1px solid var(--line);background:white;color:#65757c;width:29px;height:29px;border-radius:9px;position:relative}.notification i{position:absolute;width:6px;height:6px;background:#e28c64;border-radius:50%;right:5px;top:5px;border:1px solid white}.top-avatar{width:28px;height:28px}.mobile-menu{display:none}.page-wrap{max-width:1450px;width:100%;margin:0 auto;padding:27px 32px 35px;flex:1}.app-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:12px 32px;color:#a1aaae;font-size:10px}.app-footer b{color:var(--teal);margin:0 4px}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:23px;gap:20px}.eyebrow{font-size:10px;letter-spacing:1.3px;font-weight:700;color:var(--teal);text-transform:uppercase;margin-bottom:7px}.page-heading h1{font:700 24px Manrope,sans-serif;letter-spacing:-.6px;margin:0}.page-heading p{margin:6px 0 0;color:var(--muted);font-size:12px}.heading-actions{display:flex;gap:9px;align-items:center}.btn{border:1px solid #dfe6e8;border-radius:8px;background:#fff;color:#506069;font-weight:600;font-size:11px;padding:10px 13px;display:inline-flex;align-items:center;gap:7px;transition:.15s}.btn:hover{border-color:#b9cccd;background:#fbfdfd}.btn.primary{background:var(--teal);color:#fff;border-color:var(--teal);box-shadow:0 3px 8px rgba(8,127,130,.16)}.btn.primary:hover{background:#076e71}.btn.ghost{border-color:transparent;background:transparent}.btn.small{padding:7px 10px;font-size:10px}.btn.danger{color:#b94d4d}.btn svg{width:14px;height:14px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:15px}.stat-card,.panel{background:var(--paper);border:1px solid var(--line);border-radius:11px}.stat-card{padding:16px 17px;min-height:114px;position:relative}.stat-top{display:flex;align-items:center;justify-content:space-between;color:#819097;font-size:10px;font-weight:600}.stat-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;color:#1769aa;background:#edf5fd;font-size:15px}.stat-icon.gold{color:#bc842f;background:#fff4de}.stat-icon.blue{color:#567cb7;background:#eff4fc}.stat-icon.coral{color:#c46f64;background:#fff0ed}.stat-value{font:700 25px Manrope,sans-serif;letter-spacing:-1px;margin-top:7px}.stat-sub{font-size:10px;color:#94a0a4;margin-top:4px}.trend{color:var(--green);font-weight:700}.content-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.92fr);gap:14px;margin-bottom:14px}.panel{padding:17px 18px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.panel-title{font:700 13px Manrope,sans-serif}.panel-subtitle{color:#95a0a5;font-size:10px;margin-top:4px}.text-link{border:0;background:transparent;color:var(--teal);font-weight:700;font-size:10px;padding:2px}.status-bars{display:grid;grid-template-columns:repeat(5,1fr);gap:11px;min-height:118px;align-items:end;border-bottom:1px solid #eff2f3;padding:0 3px 9px}.bar-column{height:112px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px}.bar-number{font-size:11px;font-weight:700;color:#42535b}.bar-track{width:24px;height:65px;background:#f0f4f3;border-radius:6px;display:flex;align-items:flex-end;overflow:hidden}.bar-fill{width:100%;border-radius:6px;background:#4c91cf;min-height:5px}.bar-fill.orange{background:#edc16e}.bar-fill.blue{background:#8caed0}.bar-fill.purple{background:#b2a6ca}.bar-fill.coral{background:#df8e7e}.bar-label{color:#929da2;font-size:9px;white-space:nowrap}.chart-legend{display:flex;align-items:center;gap:7px;color:#849197;font-size:10px;margin-top:12px}.legend-dot{width:7px;height:7px;border-radius:50%;background:#4c91cf}.legend-note{margin-left:auto;color:#b0b9bc;font-size:9px}.queue-list{display:flex;flex-direction:column;gap:0}.queue-row{display:flex;align-items:center;gap:11px;padding:10px 0;border-bottom:1px solid #f0f3f4}.queue-row:last-child{border-bottom:0;padding-bottom:2px}.queue-no{height:29px;width:29px;display:grid;place-items:center;background:#f3f7f6;border-radius:9px;color:#2b6ca5;font-weight:700;font-size:10px}.queue-info{min-width:0;flex:1}.queue-info b{font-size:10px;display:block}.queue-info small{display:block;color:#929da2;font-size:9px;margin-top:3px}.queue-time{color:#8e9ba0;font-size:9px}.table-panel{padding:0;overflow:hidden}.table-toolbar{padding:15px 17px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}.toolbar-left{display:flex;align-items:center;gap:10px}.table-toolbar .panel-title{margin-right:7px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{font-size:9px;color:#98a4a8;font-weight:700;letter-spacing:.5px;text-transform:uppercase;background:#fcfdfd;padding:11px 14px;border-bottom:1px solid #edf1f2}td{font-size:10px;color:#54636a;padding:12px 14px;border-bottom:1px solid #f0f3f4}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfdfd}.order-cell{display:flex;align-items:center;gap:9px}.device-thumb{width:30px;height:30px;border-radius:8px;background:#edf5f3;display:grid;place-items:center;color:#3979b0;font-size:13px}.order-cell b{font-size:10px;color:#2e3c42;display:block}.order-cell small{display:block;color:#98a3a7;font-size:9px;margin-top:3px}.client-cell b{display:block;color:#415158;font-size:10px}.client-cell small{color:#98a3a7;font-size:9px;display:block;margin-top:3px}.status-pill{display:inline-flex;align-items:center;gap:5px;border-radius:20px;padding:5px 8px;font-size:9px;font-weight:600;background:#f1f4f4;color:#64737a}.status-pill:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.status-pill.diagnosis{background:#edf3fd;color:#6486b9}.status-pill.waiting{background:#fff6e6;color:#b48234}.status-pill.repair{background:#eaf3fc;color:#3379b4}.status-pill.ready{background:#eaf3fc;color:#1769aa}.status-pill.external{background:#f3eff9;color:#8871aa}.status-pill.closed{background:#f1f3f4;color:#89969a}.priority{font-size:9px;color:#879499}.priority.high{color:#c66456;font-weight:700}.priority.urgent{color:#b83838;font-weight:700}.table-footer{border-top:1px solid #edf1f2;padding:10px 15px;display:flex;align-items:center;justify-content:space-between;color:#9aa5a9;font-size:9px}.search-box{position:relative}.search-box:before{content:'⌕';position:absolute;left:10px;top:6px;color:#95a1a6;font-size:16px}.search-box input{width:205px;border:1px solid #e6ebed;border-radius:7px;background:#fff;padding:8px 9px 8px 29px;font-size:10px;outline:none}.search-box input:focus,.field input:focus,.field select:focus,.field textarea:focus{border-color:#7aafe0;box-shadow:0 0 0 3px #eaf3fc}.filter-select{border:1px solid #e6ebed;border-radius:7px;background:#fff;padding:8px 9px;font-size:10px;color:#617077;outline:none}.bottom-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:14px}.metric-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metric-mini{background:#f8faf9;border:1px solid #edf1ef;border-radius:9px;padding:13px}.metric-mini small{display:block;color:#929da2;font-size:9px}.metric-mini b{font:700 17px Manrope,sans-serif;display:block;margin:7px 0 2px}.metric-mini span{font-size:9px;color:#347db9}.activity{display:flex;gap:10px;padding:8px 0}.activity-mark{width:7px;height:7px;border-radius:50%;background:#4c91cf;margin-top:4px;box-shadow:0 0 0 4px #ebf3fb}.activity b{font-size:10px}.activity small{display:block;font-size:9px;color:#909da1;margin-top:4px}.page-tabs{display:flex;gap:16px;border-bottom:1px solid var(--line);margin:0 0 15px}.page-tab{border:0;background:transparent;padding:0 0 11px;font-size:10px;color:#839096}.page-tab.active{color:var(--teal);font-weight:700;border-bottom:2px solid var(--teal)}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.info-card{padding:15px 16px;background:#fff;border:1px solid var(--line);border-radius:10px}.info-card h3{font:700 12px Manrope;margin:0 0 7px}.info-card p{color:#8b989d;font-size:10px;line-height:1.6;margin:0}.info-card .big-number{font:700 22px Manrope;margin:8px 0}.info-card .meta{font-size:9px;color:#96a1a5}.agenda-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:14px}.day-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.day-head h3{font:700 13px Manrope;margin:0}.agenda-item{display:grid;grid-template-columns:50px 4px 1fr auto;gap:11px;align-items:center;padding:11px 0;border-bottom:1px solid #f0f3f4}.agenda-item:last-child{border-bottom:0}.agenda-time{font-size:10px;color:#7b898e}.agenda-stripe{height:35px;border-radius:4px;background:#75b9a6}.agenda-stripe.blue{background:#89a9d0}.agenda-stripe.gold{background:#e7bd71}.agenda-item b{font-size:10px}.agenda-item small{display:block;color:#97a2a6;font-size:9px;margin-top:4px}.agenda-tag{font-size:9px;color:#558a81;background:#edf6f3;padding:5px 7px;border-radius:6px}.modal-backdrop{position:fixed;inset:0;background:rgba(16,34,40,.45);display:grid;place-items:center;padding:20px;z-index:30;backdrop-filter:blur(2px)}.modal{width:min(720px,100%);max-height:min(92vh,850px);overflow:auto;background:#fff;border-radius:15px;box-shadow:0 25px 80px rgba(11,37,41,.23);animation:pop .18s ease}.modal.narrow{width:min(510px,100%)}@keyframes pop{from{transform:translateY(8px);opacity:.7}to{transform:none;opacity:1}}.modal-head{padding:19px 22px 15px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:flex-start}.modal-head h2{font:700 16px Manrope;margin:0}.modal-head p{font-size:10px;color:#8d999d;margin:5px 0 0}.close-modal{background:#f4f7f7;border:0;width:28px;height:28px;border-radius:8px;color:#64747a;font-size:16px}.modal-body{padding:18px 22px}.modal-foot{display:flex;justify-content:space-between;align-items:center;padding:13px 22px;border-top:1px solid var(--line);background:#fcfdfd;border-radius:0 0 15px 15px}.form-section-title{font-size:9px;text-transform:uppercase;letter-spacing:1px;font-weight:700;color:var(--teal);margin:2px 0 12px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 13px;margin-bottom:18px}.field{display:flex;flex-direction:column;gap:5px}.field.full{grid-column:1/-1}.field label{font-size:9px;color:#67767c;font-weight:700}.field input,.field select,.field textarea{border:1px solid #e5ebed;border-radius:7px;background:#fff;padding:9px 10px;font-size:10px;color:#33434b;outline:none;width:100%}.field textarea{min-height:64px;resize:vertical}.field input::placeholder,.field textarea::placeholder{color:#b5bec1}.form-hint{font-size:9px;color:#9aa5a9;margin-top:-7px;margin-bottom:15px}.check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.check-option{display:flex;align-items:center;gap:7px;border:1px solid #edf1f2;padding:8px;border-radius:7px;font-size:9px;color:#647279}.check-option input{accent-color:var(--teal)}.detail-top{display:flex;gap:12px;align-items:center;padding-bottom:15px;border-bottom:1px solid var(--line)}.detail-device{height:45px;width:45px;border-radius:12px;background:#eaf3fc;color:#3979b0;display:grid;place-items:center;font-size:20px}.detail-top h3{font:700 14px Manrope;margin:0}.detail-top p{font-size:10px;color:#8d999e;margin:4px 0 0}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:15px 0}.detail-block label{display:block;text-transform:uppercase;letter-spacing:.6px;color:#9aa4a8;font-size:8px;font-weight:700;margin-bottom:5px}.detail-block b,.detail-block p{font-size:10px;color:#4b5b61;margin:0;line-height:1.6}.timeline{border-left:1px solid #dfe8e7;margin:2px 0 0 5px;padding-left:17px}.timeline-item{position:relative;padding:0 0 13px}.timeline-item:before{content:"";position:absolute;left:-21px;top:3px;width:7px;height:7px;border-radius:50%;background:#4c91cf;border:2px solid white;box-shadow:0 0 0 1px #7aaee0}.timeline-item b{font-size:9px}.timeline-item small{display:block;color:#98a3a6;font-size:8px;margin-top:4px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);background:#1f3d43;color:white;padding:10px 15px;border-radius:9px;font-size:11px;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:.22s;z-index:60}.toast.show{opacity:1;transform:translate(-50%,0)}.empty-state{text-align:center;padding:48px 20px;color:#89969b}.empty-icon{width:45px;height:45px;margin:0 auto 12px;border-radius:14px;background:#ebf3fb;color:var(--teal);display:grid;place-items:center;font-size:20px}.empty-state b{display:block;font-size:12px;color:#526169;margin-bottom:5px}.empty-state p{font-size:10px;margin:0}.priority-label{display:inline-block;border-radius:5px;padding:4px 6px;background:#f3f5f6;color:#77858a;font-size:9px}.priority-label.high{background:#fff3ea;color:#bd7450}.priority-label.urgent{background:#fff0ef;color:#b64642}.mini-progress{height:6px;border-radius:9px;background:#edf1f2;overflow:hidden;margin-top:8px}.mini-progress span{display:block;height:100%;border-radius:9px;background:#4f94d2}.section-note{background:#eff5fb;color:#58728b;border-radius:8px;padding:10px 12px;font-size:10px;line-height:1.5;margin:0 0 13px}.muted{color:#93a0a5}
@media(max-width:1100px){.sidebar{width:220px}.main-area{margin-left:220px}.page-wrap{padding:23px}.topbar{padding:0 23px}.stat-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.bottom-grid{grid-template-columns:1fr}}
@media(max-width:720px){.sidebar{transform:translateX(-100%);transition:.2s;width:260px;box-shadow:var(--shadow)}.sidebar.open{transform:translateX(0)}.main-area{margin-left:0}.topbar{height:56px;padding:0 15px;gap:9px}.mobile-menu{display:block;background:none;border:0;color:#53646c;font-size:18px;padding:4px}.breadcrumbs{margin-right:auto}.breadcrumbs span{display:none}.breadcrumbs i{display:none}.top-actions{gap:7px}.today-label,.top-actions .icon-button:first-of-type{display:none}.page-wrap{padding:19px 14px 24px}.page-heading{align-items:flex-start;flex-direction:column;margin-bottom:17px}.heading-actions{width:100%}.heading-actions .btn{flex:1;justify-content:center}.stat-grid{gap:8px}.stat-card{padding:12px;min-height:104px}.stat-value{font-size:22px}.content-grid,.agenda-grid{grid-template-columns:1fr}.panel{padding:14px}.table-toolbar{align-items:flex-start;flex-direction:column}.toolbar-left{width:100%;justify-content:space-between}.search-box{width:100%}.search-box input{width:100%}.app-footer{padding:12px 14px;gap:8px;flex-direction:column}.card-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr 1fr}.modal-backdrop{padding:10px}.modal-body{padding:15px}.check-grid{grid-template-columns:1fr 1fr}.table-wrap{margin:0 -4px}.status-bars{gap:4px}.bar-label{font-size:8px}.page-heading h1{font-size:21px}}
button.workspace-switch{width:100%;text-align:left;color:inherit;font:inherit;cursor:pointer}button.workspace-switch:hover{background:#234c73}
.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(145deg,#eff5fb,#e6eff9);color:var(--ink)}.auth-card{width:min(440px,100%);background:#fff;border:1px solid #dfe8f1;border-radius:16px;padding:32px;box-shadow:0 24px 70px rgba(24,62,101,.14)}.install-card{width:min(620px,100%)}.auth-brand{color:var(--ink);margin:0 0 28px;padding:0}.auth-card .eyebrow{margin-bottom:8px;color:#1769aa}.auth-card h1{font:700 25px Manrope,sans-serif;letter-spacing:-.5px;margin:0}.auth-card>p{font-size:12px;color:#768590;line-height:1.65;margin:8px 0 22px}.auth-card form{display:flex;flex-direction:column;gap:14px}.auth-card form label{display:flex;flex-direction:column;gap:6px;font-size:10px;font-weight:700;color:#586a78}.auth-card input{width:100%;border:1px solid #dce5ed;border-radius:8px;padding:11px 12px;font-size:12px;color:#263b4e;outline:none}.auth-card input:focus{border-color:#6ca4d5;box-shadow:0 0 0 3px #eaf3fc}.auth-card .btn{justify-content:center;width:100%;padding:12px}.auth-card .auth-help{display:block;color:#8c99a4;font-size:10px;line-height:1.6;margin-top:19px}.auth-message{min-height:0;color:#ae3c43;font-size:11px;line-height:1.5}.auth-message.error{background:#fff1f1;border:1px solid #f3d7d8;border-radius:8px;padding:10px;margin:0 0 14px}.auth-message.success{background:#edf6ff;border:1px solid #d9eafa;border-radius:8px;padding:10px;margin:0 0 14px;color:#24649d}.install-form{gap:12px!important}.install-columns{display:grid;grid-template-columns:140px 1fr;gap:12px}.auth-card input[type=number]{appearance:textfield}