:root{font-family:Inter,ui-sans-serif,system-ui;color:#17233d;background:#f5f7fb}*{box-sizing:border-box}body{margin:0;display:grid;grid-template-columns:250px 1fr;min-height:100vh}aside{background:#12223e;color:white;padding:28px 20px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;font-weight:750;font-size:18px}.brand>span{display:grid;place-items:center;width:38px;height:38px;background:#34c6a2;border-radius:11px}.brand small{display:block;color:#9db0ca;font-size:12px;letter-spacing:.08em;text-transform:uppercase}nav{display:grid;gap:7px;margin-top:42px}nav button{border:0;background:transparent;color:#b8c6d9;text-align:left;padding:12px;border-radius:9px;font-size:14px}nav button.active{background:#233858;color:white}.security{margin-top:auto;padding:14px;border:1px solid #304665;border-radius:10px;font-size:13px}.security small{color:#9db0ca}main{padding:34px;max-width:1400px;width:100%;margin:auto}header{display:flex;justify-content:space-between;gap:20px;align-items:center}h1{margin:4px 0 6px;font-size:31px}h2{font-size:17px}.eyebrow{font-size:11px;color:#61718a;letter-spacing:.14em;font-weight:750}select,.section-title button,.tenant-list button{padding:10px 12px;border:1px solid #d7dfeb;border-radius:9px;background:white}.notice{display:flex;gap:12px;margin:26px 0;padding:14px 18px;border:1px solid #bfe9df;background:#effaf7;border-radius:12px;font-size:14px}.notice span{color:#52637b}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.kpis article,.grid article,.tenant-list article{background:white;border:1px solid #e1e7f0;border-radius:14px;padding:20px}.kpis span,.kpis small{display:block;color:#687991;font-size:13px}.kpis strong{display:block;font-size:29px;margin:12px 0}.grid{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin:16px 0}.chart{height:190px;display:flex;align-items:end;justify-content:space-around;border-bottom:1px solid #e4e9f1}.chart div{height:100%;width:20%;display:flex;align-items:center;justify-content:end;flex-direction:column;gap:8px}.chart span{width:58%;background:linear-gradient(#35c6a3,#1f85c9);border-radius:7px 7px 0 0}.chart small{font-size:11px;color:#687991}.grid li{margin:16px 0;color:#51627a}.section-title{display:flex;justify-content:space-between;align-items:center}.tenant-list{display:grid;gap:10px}.tenant-list article{display:grid;grid-template-columns:2fr 1fr 1fr auto;align-items:center;gap:15px}.tenant-list small{display:block;color:#718098;margin-top:4px}@media(max-width:850px){body{display:block}aside{padding:16px;position:static}.brand{margin-bottom:10px}nav{display:flex;overflow:auto;margin:10px 0}.security{display:none}main{padding:20px}.kpis{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}.tenant-list article{grid-template-columns:1fr 1fr}.tenant-list article div{grid-column:1/-1}header{align-items:flex-start;flex-direction:column}.notice{flex-direction:column}}@media(max-width:480px){.kpis{grid-template-columns:1fr}.tenant-list article{grid-template-columns:1fr}.tenant-list article div{grid-column:auto}}