:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17201d;background:#f5f7f6}*{box-sizing:border-box}body{margin:0}.shell{display:flex;min-height:100vh}.sidebar{width:248px;background:#10201d;color:#dce9e4;padding:28px 16px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:0 12px 36px}.brandMark{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#b7e66e;color:#10201d;font-size:22px;font-weight:800}.brand strong{display:block;font-size:18px;letter-spacing:.2px}.brand small,.operator small{display:block;color:#91aaa0;font-size:11px;margin-top:3px}nav{display:grid;grid-gap:6px;gap:6px}nav a{padding:13px 14px;border-radius:10px;color:#a9c0b7;font-size:14px}nav a.active{background:#24453d;color:#eff9d9;font-weight:600}.operator{margin-top:auto;border-top:1px solid #29423b;padding:20px 8px 0;display:flex;gap:10px;align-items:center;font-size:12px}.avatar{display:grid;place-items:center;background:#d8b47b;color:#37291a;width:31px;height:31px;border-radius:50%;font-weight:700}.content{flex:1 1;padding:34px 42px;max-width:1500px}header{display:flex;justify-content:space-between;align-items:flex-start}h1{font-size:30px;margin:4px 0 0;letter-spacing:-.8px}.eyebrow{color:#80938d;text-transform:uppercase;letter-spacing:1.5px;font-size:11px;font-weight:700;margin:0}.headerActions{display:flex;gap:10px}.button,button{font:inherit;border:0;cursor:pointer}.theme{width:42px;background:#fff;color:#52655e;font-size:18px}.primary,.theme{border-radius:10px}.primary{background:#153b32;color:#e7f6d2;padding:12px 18px;font-weight:650}.alert{margin-top:22px;padding:13px 16px;border-radius:10px;background:#fff0e6;color:#984b20}.period{display:flex;justify-content:flex-end;gap:12px;align-items:center;margin:28px 0 14px;color:#789089;font-size:13px}.period button{background:#fff;border:1px solid #e0e8e4;border-radius:8px;padding:9px 13px;color:#334740}.metrics{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}.metric,.panel{background:#fff;border:1px solid #e7eeeb;border-radius:14px;box-shadow:0 3px 12px #173c2b08}.metric{padding:21px;display:flex;gap:14px;align-items:flex-start}.metricIcon{display:grid;place-items:center;width:37px;height:37px;border-radius:10px}.green{background:#e4f5cc;color:#5e8c3d}.blue{background:#e4effe;color:#4380bd}.purple{background:#efe8fd;color:#8060b4}.orange{background:#fff0d9;color:#bf8340}.metric p,.metric small{margin:0;color:#799088;font-size:12px}.metric strong{display:block;font-size:24px;margin:6px 0 4px;color:#1d2d27}.grid{display:grid;grid-template-columns:1.65fr 1fr;grid-gap:16px;gap:16px;margin-top:16px}.panel{padding:22px}.panelHead{display:flex;justify-content:space-between;align-items:flex-start}.panelHead h2{font-size:16px;margin:0;color:#263a33}.panelHead p{font-size:12px;color:#8a9c96;margin:5px 0 0}.panelHead a{color:#438068;font-size:12px}.live{font-size:11px;color:#7a9589}.live i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#72bd4c;margin-right:5px}.chart{height:180px;margin-top:22px;position:relative;background:repeating-linear-gradient(180deg,transparent 0,transparent 44px,#edf2ef 45px)}.chartLine{top:52px;height:60px;background:linear-gradient(150deg,transparent 0 15%,#b8dc76 16% 17%,transparent 18% 30%,#b8dc76 31% 32%,transparent 33% 48%,#b8dc76 49% 50%,transparent 51% 67%,#b8dc76 68% 69%,transparent 70% 83%,#b8dc76 84% 85%,transparent 86%);filter:drop-shadow(0 2px 3px #a1cc6955)}.axis,.chartLine{position:absolute;left:0;right:0}.axis{bottom:0;display:flex;justify-content:space-between;color:#9aacA5;font-size:10px}.tableStat{display:flex;align-items:baseline;gap:8px;margin:28px 0 12px}.tableStat strong{font-size:38px;color:#22372f}.tableStat span{font-size:12px;color:#80928c}.progress{height:9px;border-radius:8px;background:#edf2ef;overflow:hidden}.progress span{height:100%;display:block;background:#b5df76;border-radius:8px}.legend{display:flex;gap:18px;margin-top:18px;color:#82948e;font-size:11px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.dot.red{background:#e18d7e}.legend .green{background:#8bc868}.bottom{margin-top:16px}.quick{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px;margin-top:22px}.quick button{padding:16px 8px;background:#f6f9f7;border:1px solid #e8efeb;border-radius:10px;color:#496158;font-size:12px}.quick b{display:block;font-size:22px;color:#80ae53;margin-bottom:7px}.summary{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px;margin-top:25px}.summary div{background:#f6f9f7;padding:15px;border-radius:10px}.summary span{display:block;color:#879a92;font-size:11px}.summary strong{display:block;margin-top:8px;font-size:18px;color:#273b33}@media(max-width:1000px){.sidebar{width:210px}.content{padding:24px}.metrics{grid-template-columns:repeat(2,1fr)}}