*{box-sizing:border-box}body{margin:0;background:#f7f9fc;color:#17263e;font-family:Arial,Helvetica,sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer}.shell{display:flex;min-height:100vh}.sidebar{width:258px;flex-shrink:0;background:#111d31;color:#e9eef6;display:flex;flex-direction:column;padding:24px 14px}.brand{display:flex;gap:11px;align-items:center;padding:0 10px 25px}.logo{width:39px;height:39px;display:grid;place-items:center;border-radius:11px;background:#326fea;color:white}.brand b{font-size:17px;letter-spacing:.4px}.brand b span{color:#7cabff}.brand small,.sidebarfoot small,.workspace small{display:block;font-size:10px;letter-spacing:1.6px;color:#8fa0b9;margin-top:5px}.workspace{display:flex;gap:10px;align-items:center;background:#1d2c43;border:1px solid #314057;border-radius:9px;padding:12px;margin-bottom:28px}.workspace div{flex:1 1}.sidebarfoot small,.workspace small{letter-spacing:0;font-size:11px}.avatar{height:30px;width:30px;border-radius:7px;display:grid;place-items:center;background:#416baf;color:white;font-size:11px;font-weight:700}.avatar.user{background:#d7e5ff;color:#2455a0}.menucap{font-size:10px;letter-spacing:1.5px;color:#7a8ba4;margin:0 14px 10px}.sidebar nav{display:grid;grid-gap:3px;gap:3px}.sidebar nav button{width:100%;display:flex;align-items:center;gap:12px;padding:12px 13px;color:#aebbd0;background:transparent;border:0;border-radius:8px;text-align:left}.sidebar nav button.selected,.sidebar nav button:hover{background:#273c5c;color:#fff}.sidebar nav button.selected{box-shadow:inset 3px 0 #6196ff}.sidebar nav button em{font-style:normal;margin-left:auto;font-size:11px;color:#a6c2fa}.sidestatus{margin-top:auto;border:1px solid #30445f;border-radius:10px;padding:15px;margin-bottom:22px}.sidestatus p{margin:9px 0 0;color:#a0b0c7;font-size:12px}.statusline{font-size:10px;letter-spacing:1px;font-weight:700}.statusdot{height:7px;width:7px;border-radius:50%;background:#32c48d;display:inline-block;margin-right:7px}.sidebarfoot{display:flex;gap:10px;align-items:center;padding:10px;border-top:1px solid #2b3950}main{flex:1 1;min-width:0}header{height:75px;border-bottom:1px solid #e8edf4;background:white;display:flex;justify-content:space-between;align-items:center;padding:0 36px}.breadcrumb{color:#7d8ba1;font-size:13px}.breadcrumb span{margin:0 10px;color:#b2bdcd}.headerRight{display:flex;align-items:center;gap:16px}.localpill{background:#ebf8f1;color:#147d54;padding:9px 12px;border-radius:30px;font-size:10px;font-weight:700;letter-spacing:.5px}.content{padding:37px;max-width:1550px;margin:auto}.pagetop{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.8px;color:#6581a5}.eyebrow span{margin:0 4px}.pagetop h1{font-size:32px;letter-spacing:-1px;margin:12px 0 8px}.pagetop p,.sectionTitle p{margin:0;color:#8995a6}.primary{background:#2d68d8;border:0;color:white;padding:12px 18px;border-radius:8px;display:flex;align-items:center;gap:8px;font-weight:600}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:17px;gap:17px;margin-bottom:20px}.metric,.panel{background:white;border:1px solid #e6ebf3;border-radius:12px;box-shadow:0 2px 7px #1c33540a}.metric{padding:22px}.metricTitle{display:flex;justify-content:space-between;align-items:center;color:#677b99;font-size:12px}.metricTitle svg{color:#8ea8cf}.metric strong{font-size:31px;display:block;margin:16px 0 9px}.metric small{color:#94a0af;font-size:11px}.twocol{display:grid;grid-template-columns:1.15fr 1fr;grid-gap:18px;gap:18px;margin-bottom:20px}.panel{padding:25px}.sectionTitle{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.sectionTitle h2{font-size:16px;margin:0 0 8px}.sectionTitle p{font-size:12px}.mutedpill{background:#f1f5fb;color:#6983a3;padding:6px 10px;font-size:10px;border-radius:5px}.systemRow{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #edf0f4}.systemRow:last-child{border:0}.systemIcon{width:37px;height:37px;border-radius:8px;background:#eff5fc;color:#4c7ac3;display:grid;place-items:center}.systemRow>div:nth-child(2){flex:1 1}.systemRow b,.systemRow small{display:block}.systemRow b{font-size:12px}.systemRow small{color:#94a0ae;margin-top:5px;font-size:11px}.label{display:inline-block;border-radius:30px;padding:6px 10px;font-size:10px;font-weight:700;white-space:nowrap}.label.ok{color:#15865b;background:#e6f9f1}.label.warning{color:#986900;background:#fff5d8}.label.neutral{color:#6f7e92;background:#eff2f5}.progress{height:7px;background:#eaf0f8;border-radius:20px;overflow:hidden;margin:15px 0}.progress>div{background:#4d88ee;height:100%;border-radius:20px}.percent{display:flex;justify-content:space-between;color:#8492a7;font-size:12px}.percent b{color:#3e7ce2}.tasks{list-style:none;padding:10px 0 0;margin:0}.tasks li{display:flex;align-items:center;gap:9px;padding:10px 0;color:#67758a;font-size:12px}.tasks li:first-child svg{color:#18b681}.tasks li svg{color:#9aabc2}.ghost{background:white;color:#3974d1;border:1px solid #e1e8f4;padding:8px 12px;border-radius:7px;display:flex;gap:6px;align-items:center;font-size:12px}.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th{background:#f7f9fc;color:#8291a6;letter-spacing:.8px;font-size:10px}td,th{padding:14px}td{border-bottom:1px solid #eff2f6;color:#607087;font-size:12px}tr:last-child td{border:0}.customer{display:flex;align-items:center;gap:10px;color:#243653}.customerIcon{width:32px;height:32px;display:grid;place-items:center;background:#eaf1ff;color:#3971ca;border-radius:8px;font-size:12px;font-weight:700}.tools{display:flex;gap:12px;margin-bottom:19px}.search{display:flex;gap:8px;align-items:center;background:#f7f9fc;border:1px solid #e6ebf2;border-radius:8px;padding:10px 12px;flex:1 1}.search input{border:0;outline:0;background:transparent;flex:1 1}.tools select{border:1px solid #e6ebf2;border-radius:8px;background:white;padding:10px}.empty{text-align:center;padding:65px 12px;color:#8392a5}.empty h3{color:#3c4b64}footer{padding:28px 0;text-align:center;font-size:10px;letter-spacing:1px;color:#a2adbd}@media(max-width:1050px){.stats{grid-template-columns:repeat(2,1fr)}.twocol{grid-template-columns:1fr}.sidebar{width:208px}.content{padding:22px}}@media(max-width:690px){.shell{display:block}.sidebar{width:100%;padding:14px}.sidebar nav{display:flex;overflow-x:auto}.sidebar nav button{white-space:nowrap;width:auto}.menucap,.sidebarfoot,.sidestatus,.workspace{display:none}.brand{padding-bottom:10px}header{padding:0 16px}.content{padding:16px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.metric{padding:12px}.metric strong{font-size:24px}.pagetop{align-items:flex-start;gap:12px}.pagetop h1{font-size:24px}.primary{font-size:11px;padding:10px}.localpill{font-size:8px}}