*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Arial;background:#f5f7fb;color:#172033}.app{min-height:100vh;display:flex}.dark{background:#0b1220;color:#e7edf7}aside{position:fixed;inset:0 auto 0 0;width:250px;background:#0d1525;color:#aab6c8;padding:20px 14px;display:flex;flex-direction:column;border-right:1px solid #202d42}.brand{display:flex;align-items:center;gap:10px;padding:0 8px 24px;color:#fff}.brand>b,.logo{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#7c3aed,#2563eb);font-weight:800}.brand strong,.brand small{display:block}.brand strong{font-size:14px}.brand small{font-size:9px;color:#7d8aa0}.account{display:flex;gap:9px;align-items:center;background:#121e32;border:1px solid #27364d;border-radius:10px;padding:9px;margin-bottom:18px}.account i,.avatar{width:32px;height:32px;border-radius:8px;background:#293b5a;color:#fff;display:grid;place-items:center;font-style:normal;font-size:10px;font-weight:700}.account strong,.account small{display:block}.account strong{font-size:10px;color:#fff}.account small{font-size:8px;color:#7f8ca1;margin-top:2px}nav button{display:flex;width:100%;border:0;background:none;color:#91a0b5;padding:10px;border-radius:8px;gap:11px;align-items:center;font-size:11px;cursor:pointer;text-align:left;margin:2px 0}nav button:hover,nav .sel{background:#192942;color:#fff}nav .sel{box-shadow:inset 3px 0 #7065f5}nav em{font-style:normal;width:17px;text-align:center;font-size:15px}.sideBottom{margin-top:auto;border-top:1px solid #202d42;padding:14px 7px;font-size:9px;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.sideBottom button{width:100%;border:0;background:none;color:#8190a7;text-align:left;font-size:9px;padding:8px 0;cursor:pointer}.online{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px #22c55e18}.main,main{margin-left:250px;flex:1}.main{min-width:0}header{height:78px;background:#fff;border-bottom:1px solid #e5e9f0;padding:0 30px;display:flex;align-items:center;justify-content:space-between}.dark header{background:#0d1525;border-color:#202d42}header small{font-size:8px;color:#8b98aa;text-transform:uppercase}header h2{font-size:20px;margin:6px 0 0}.actions{display:flex;gap:9px;align-items:center}.actions input{height:35px;width:200px;border:1px solid #dce2ea;border-radius:8px;padding:0 10px;font-size:10px}.dark .actions input{background:#111c30;border-color:#29384f;color:#fff}.actions button{height:35px;border:1px solid #dce2ea;background:#fff;border-radius:8px;cursor:pointer}.dark .actions button{background:#111c30;color:#fff;border-color:#29384f}section{padding:30px;max-width:1500px}.welcome{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.welcome h1{font-size:20px;margin:0 0 5px}.welcome p{font-size:10px;color:#8491a3;margin:0}.primary{background:#6257e9;color:#fff;border:0;border-radius:8px;padding:10px 14px;font-size:10px;cursor:pointer}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:16px}.card{background:#fff;border:1px solid #e3e8ef;border-radius:11px;box-shadow:0 3px 12px #1c2b4308}.dark .card{background:#101a2b;border-color:#223149;box-shadow:none}.kpi{padding:17px}.kpi small{display:block;color:#7f8da0;font-size:9px}.kpi strong{display:block;font-size:25px;margin:9px 0}.kpi span{font-size:8px;color:#17a267}.cols{display:grid;grid-template-columns:1.5fr 1fr;gap:16px}.head{padding:17px;display:flex;justify-content:space-between;align-items:flex-start}.head h3{font-size:12px;margin:0 0 4px}.head p{font-size:8px;color:#8996a8;margin:0}.link{border:0;background:none;color:#6257e9;font-size:9px}.card table{width:100%;border-collapse:collapse;font-size:9px}.card th,.card td{padding:11px 17px;border-top:1px solid #edf0f4;text-align:left}.dark th,.dark td{border-color:#202c3f}.card th{font-size:7px;color:#8996a8}.cut{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag{font-size:8px;padding:4px 7px;border-radius:15px;background:#eaf8f1;color:#16845a}.tenant{display:flex;align-items:center;gap:9px;padding:11px 17px;border-top:1px solid #edf0f4}.dark .tenant{border-color:#202c3f}.tenant i{width:30px;height:30px;border-radius:8px;background:#ebeaff;color:#6257e9;display:grid;place-items:center;font-style:normal;font-weight:700;font-size:10px}.tenant span{flex:1}.tenant b,.tenant small{display:block}.tenant b{font-size:9px}.tenant small{font-size:7px;color:#8a97a9;margin-top:3px}.tenant>strong{font-size:9px;color:#68768b}.page{min-height:520px}.page pre{margin:0;padding:20px;border-top:1px solid #edf0f4;overflow:auto;font-size:10px}.placeholder{text-align:center;padding:100px 20px;color:#8a97a9}.placeholder div{font-size:40px;color:#6257e9}.placeholder h2{color:inherit;font-size:18px}.placeholder p{font-size:10px}.login{min-height:100vh;background:#0b1220;display:grid;place-items:center}.loginCard{width:360px;background:#101a2b;border:1px solid #27364d;border-radius:16px;padding:34px;color:#fff;text-align:center}.loginCard .logo{margin:auto}.loginCard h1{font-size:22px;margin:14px 0 3px}.loginCard>p{color:#8090a6;font-size:10px;margin:0 0 25px}.loginCard form{display:grid;gap:10px}.loginCard input{height:42px;border:1px solid #2b3b52;background:#0c1525;border-radius:8px;padding:0 12px;color:#fff;outline:0}.loginCard button{height:42px;border:0;border-radius:8px;background:#6257e9;color:#fff;font-weight:700;cursor:pointer}.error{color:#fca5a5;font-size:9px}@media(max-width:1000px){.kpis{grid-template-columns:repeat(2,1fr)}.cols{grid-template-columns:1fr}}@media(max-width:700px){aside{width:66px;padding:16px 7px}.brand span,.account span,nav button:not(.sel):after,nav button{font-size:0}.brand{padding-left:8px}.account{justify-content:center}.account i{margin:auto}nav button{justify-content:center}nav em{font-size:16px}.main,main{margin-left:66px}header{padding:0 15px}.actions input{width:100px}section{padding:18px}.kpis{grid-template-columns:1fr 1fr}}