@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#192a42;background:#f4f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea,select{font:inherit}button{cursor:pointer}.shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:#071a35;color:#dce9fb;padding:24px 17px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 35px}.brand b{display:block;color:#fff;font:800 17px Manrope}.brand small{display:block;color:#8ba8ce;font-size:9px;letter-spacing:1.4px}.logo{width:54px;height:54px;border-radius:16px;background:linear-gradient(145deg,#1683f8,#0750ad);color:#fff;display:grid;place-items:center;font:800 30px Manrope;box-shadow:0 8px 22px #0755b844;margin:auto auto 17px}.logo.mini{width:39px;height:39px;border-radius:12px;font-size:23px;margin:0}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.5px;color:#8ba2c1}.nav-label{padding:0 12px;margin:0 0 10px}.nav{width:100%;border:0;background:transparent;color:#b8cbe4;padding:12px;border-radius:9px;display:flex;align-items:center;gap:12px;text-align:left;font-weight:600;margin:2px 0}.nav:hover,.nav.selected{background:#123765;color:#fff}.nav.selected{box-shadow:inset 3px 0 #31a1ff}.bottom{margin-top:auto}.user{display:flex;align-items:center;gap:10px;padding:14px 7px;border-top:1px solid #23405f;margin-bottom:8px}.user>span{width:34px;height:34px;border-radius:50%;background:#1b75ce;display:grid;place-items:center;color:#fff}.user b,.user small{display:block;max-width:160px;overflow:hidden;text-overflow:ellipsis}.user b{font-size:11px}.user small{font-size:10px;color:#89a4c7;margin-top:3px}.main{margin-left:250px;min-height:100vh}.top{height:68px;background:#fff;border-bottom:1px solid #e8edf4;display:flex;align-items:center;justify-content:space-between;padding:0 32px}.top span{color:#a7b5c8;padding:0 8px}.online{font-size:11px;color:#69809d;display:flex;align-items:center;gap:12px}.online i{width:7px;height:7px;background:#25bd7a;border-radius:50%}.content{max-width:1400px;margin:auto;padding:32px}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px;gap:18px}.heading .eyebrow{margin:0}.blue{color:#1674ca}.heading h1,.setup-card h1{font:800 29px Manrope;margin:5px 0}.muted{color:#8492a5;font-size:13px;margin:5px 0}.primary{border:0;background:#0867c9;color:#fff;padding:11px 16px;border-radius:9px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.primary:hover{background:#0755a8}.full{width:100%;padding:13px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:22px}.stat,.panel{background:#fff;border:1px solid #e8edf4;border-radius:14px;box-shadow:0 4px 18px #19395b08}.stat{padding:19px;display:grid;grid-template-columns:44px 1fr;align-items:center;column-gap:13px}.stat>div{grid-row:span 2;width:43px;height:43px;border-radius:12px;background:#e8f3ff;color:#1475d1;display:grid;place-items:center}.stat p{font-size:11px;color:#7e8da2;margin:0 0 4px}.stat strong{font:800 24px Manrope}.panel{padding:22px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:17px}.panel-head h2,.modal-head h2{font:700 17px Manrope;margin:0}.text-btn{border:0;background:transparent;color:#0870d2;font-weight:700}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:10px;letter-spacing:.6px;text-transform:uppercase;color:#8a98aa;background:#f8fafc;padding:12px}td{font-size:12px;padding:14px 12px;border-bottom:1px solid #eef2f6;color:#506078}td b{color:#253650}.ticket{color:#0867c9}.status{font-size:10px;font-weight:700;padding:5px 9px;border-radius:20px;background:#edf2f8;color:#5c708a}.status.ready{background:#e5f8ed;color:#17834e}.status.waiting_parts{background:#fff3df;color:#b87517}.status.repairing,.status.diagnosing{background:#e8f2ff;color:#1768b4}.status.delivered{background:#eef0f4;color:#778397}.search{display:flex;align-items:center;gap:8px;border:1px solid #e0e7f0;border-radius:9px;padding:0 10px;color:#8392a7}.search input{border:0;outline:0;padding:10px;min-width:220px}.empty{text-align:center;padding:30px;color:#9aa8b9}.empty p{font-size:12px}.notice,.safe{background:#eaf5ff;border:1px solid #cfe6ff;color:#155c9f;padding:12px;border-radius:9px;display:flex;align-items:center;gap:8px;font-size:12px;margin-bottom:15px}.notice button{margin-left:auto;border:0;background:none;color:inherit}.backdrop{position:fixed;inset:0;background:#071a3588;display:grid;place-items:center;padding:18px;z-index:10}.modal{width:min(620px,100%);background:#fff;border-radius:16px;padding:25px;box-shadow:0 25px 80px #071a3544}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-head .eyebrow{margin:0 0 5px}.form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form label,.auth-card label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:700;color:#52647b}.form input,.form textarea,.form select,.auth-card input{border:1px solid #dce4ee;border-radius:8px;padding:11px;outline:none;color:#243650;background:#fff}.form textarea{min-height:80px}.wide{grid-column:span 2}.actions{display:flex;justify-content:flex-end;gap:9px}.secondary{border:1px solid #d8e0eb;background:#fff;color:#53657d;padding:10px 15px;border-radius:9px;font-weight:600}.icon{border:0;background:transparent;color:#687b95;padding:8px}.auth,.setup{min-height:100vh;background:radial-gradient(circle at 20% 10%,#153e70,#071a35 60%);display:grid;place-items:center;padding:20px}.auth-card,.setup-card{width:min(440px,100%);background:#fff;border-radius:20px;padding:34px;box-shadow:0 25px 80px #0003}.auth-card{text-align:center}.auth-card .eyebrow,.setup-card .eyebrow{color:#1475cf}.auth-card h1{font:800 25px Manrope;margin:4px}.auth-card h1 span{color:#0870d2}.auth-card form{display:grid;gap:15px;text-align:left;margin-top:24px}.auth-card small{display:block;font-size:10px;color:#9aa6b5;margin-top:20px}.error{font-size:12px;color:#c0392b}.setup-card{width:min(600px,100%)}.setup-card h1{font-size:25px}.setup-card>p,.setup-card li{font-size:13px;line-height:1.7;color:#687991}.setup-card ol{padding-left:20px}.link{margin-top:8px}.loading{min-height:100vh;display:grid;place-items:center;color:#1268ba;font-weight:700}.menu-toggle,.mobile-close{display:none}@media(max-width:1000px){.stats{grid-template-columns:repeat(2,1fr)}.content{padding:24px}}@media(max-width:720px){.sidebar{transform:translate(-100%);transition:transform .2s;width:270px}.sidebar.show{transform:translate(0);box-shadow:15px 0 40px #071a3566}.main{margin-left:0}.top{height:60px;padding:0 14px}.menu-toggle,.mobile-close{display:grid}.top>b{margin-right:auto;margin-left:8px;font-size:12px}.online{font-size:0;gap:5px}.content{padding:20px 14px}.heading{align-items:flex-start;flex-direction:column}.heading h1{font-size:25px}.stats{gap:9px}.stat{padding:12px;column-gap:8px}.stat strong{font-size:21px}.panel{padding:15px}.panel-head{align-items:flex-start;flex-direction:column}.search,.search input{width:100%;min-width:0}.form{grid-template-columns:1fr}.wide{grid-column:span 1}.modal{padding:18px;max-height:90vh;overflow:auto}.setup-card{padding:24px}}
