:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#172337;background:#f4f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.shell{min-height:100vh;display:grid;grid-template-columns:244px 1fr}.sidebar{background:#10243d;color:#dbe8f4;padding:26px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;gap:12px;align-items:center;padding:0 8px 28px}.brand-mark{background:#08a5c5;color:white;font-weight:800;padding:11px 9px;border-radius:11px}.brand b,.brand small{display:block}.brand small{font-size:11px;color:#8ca4bc;margin-top:2px}.sidebar nav{display:grid;gap:6px}.sidebar nav a{color:#aac0d4;text-decoration:none;padding:12px 14px;border-radius:9px;font-size:14px}.sidebar nav a span{margin-left:10px}.sidebar nav a.active,.sidebar nav a:hover{background:#1a3b5c;color:#fff}.support-card{margin-top:auto;border:1px solid #31506d;border-radius:12px;padding:15px;display:grid;gap:6px}.support-card small{color:#90a6ba}.support-card span{color:#39bdd6;font-size:13px}main{min-width:0}header{height:76px;background:white;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;padding:0 32px}header small,header strong{display:block}header small{color:#7a889a;font-size:12px;margin-bottom:4px}.avatar{background:#dff4f7;color:#087e96;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;font-weight:700}.content{padding:30px;max-width:1500px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-head h1{margin:0;font-size:27px}.page-head p,.panel-title p{color:#78879a;margin:6px 0 0;font-size:14px}.btn{border:1px solid #d7e0ea;background:#fff;color:#344256;padding:10px 15px;border-radius:8px;text-decoration:none;cursor:pointer}.btn.primary{background:#087f98;color:#fff;border-color:#087f98;font-weight:600}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.metrics article,.panel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #1d334f0a}.metrics article{padding:20px;display:flex;gap:14px;align-items:center}.metrics small,.metrics b,.metrics em{display:block}.metrics small{font-size:12px;color:#7c8a9a}.metrics b{font-size:27px;margin:4px 0}.metrics em{font-size:11px;color:#95a1af;font-style:normal}.metric-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;font-weight:800}.blue{background:#e3f3ff;color:#2786c0}.orange{background:#fff0dd;color:#e58a1f}.green{background:#e0f7ee;color:#15966a}.red{background:#ffe7e7;color:#d84c4c}.panel-title{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;border-bottom:1px solid #edf1f5}.panel-title h2,.form-section h2,.customer-card h2{margin:0;font-size:17px}.panel-title a{color:#0789a3;text-decoration:none;font-size:13px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:#7b8898;background:#fafbfd;font-size:11px;text-transform:uppercase;letter-spacing:.04em;padding:12px 16px}td{padding:14px 16px;border-top:1px solid #eef2f6}td b,td small{display:block}td small{color:#8390a0;margin-top:4px}.badge{display:inline-block;padding:5px 9px;border-radius:20px;font-size:11px;font-weight:600}.priority-critical{background:#ffe6e6;color:#c53d3d}.priority-high{background:#fff0dc;color:#bc721b}.priority-normal{background:#e5f2ff;color:#2877ae}.priority-low{background:#eef1f4;color:#68788b}.status{background:#e6f5ef;color:#217c5f}.sla{color:#4a5a6d}.sla.risk{color:#ce7b16}.sla.overdue,.overdue{color:#d33b3b;font-weight:700}.empty{text-align:center!important;padding:38px;color:#8a97a7}.filters{display:flex;gap:10px;margin-bottom:16px}.filters input{flex:1}.filters input,.filters select,input,select,textarea{border:1px solid #d5dee8;border-radius:8px;padding:10px 12px;background:#fff;color:#27364a}.status-select{padding:6px 7px;font-size:12px}.icon-btn{border:0;background:#edf3f7;border-radius:50%;width:30px;height:30px;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1.45fr 1fr;gap:18px}.form-section{padding:22px;display:flex;flex-direction:column;gap:9px}.form-section h2{margin-bottom:8px}.form-section label{font-size:12px;font-weight:600;margin-top:6px}.form-section input,.form-section select,.form-section textarea{width:100%}.sla-note{background:#edf8fa;border-left:3px solid #0b9db8;padding:13px;margin-top:12px;font-size:12px;display:grid;gap:5px;line-height:1.55}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.customer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.customer-card{padding:20px}.customer-title{display:flex;gap:13px;align-items:center}.customer-title>span{width:42px;height:42px;border-radius:10px;background:#def3f6;color:#078099;display:grid;place-items:center;font-weight:700}.customer-title p{margin:5px 0 0;color:#8190a0;font-size:12px}.equipment-list{margin-top:18px;display:grid;gap:8px}.equipment-list>div{border:1px solid #e6ecf2;border-radius:9px;padding:12px;display:grid;grid-template-columns:1fr auto;gap:3px}.equipment-list b,.equipment-list small{grid-column:1}.equipment-list small{color:#8290a0}.equipment-list span{grid-column:2;grid-row:1/3;align-self:center;font-size:11px;padding:5px 8px;border-radius:15px}.warranty{background:#e3f6ee;color:#19815d}.expired{background:#f1f1f1;color:#78828d}@media(max-width:1000px){.metrics{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.customer-grid{grid-template-columns:1fr}}@media(max-width:700px){.shell{grid-template-columns:1fr}.sidebar{height:auto;position:static;padding:14px}.sidebar nav{grid-template-columns:repeat(4,1fr)}.sidebar nav a{text-align:center;padding:9px}.sidebar nav a span{display:none}.brand{padding-bottom:12px}.support-card{display:none}header{padding:0 18px}.content{padding:18px}.metrics{grid-template-columns:1fr 1fr}.page-head{align-items:flex-start;gap:12px}.page-head h1{font-size:22px}}