:root{--ink:#15201d;--muted:#72817c;--line:#e8edeb;--bg:#f6f8f7;--purple:#6d42f5;--green:#0d9b5d;--red:#e54757;--amber:#e99a17}*{box-sizing:border-box}body{margin:0;font:14px Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}.sidebar{position:fixed;width:244px;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);padding:24px 14px;display:flex;flex-direction:column;z-index:2}.brand{font-weight:800;font-size:20px;color:var(--ink);text-decoration:none;margin:0 10px 27px}.brand:first-letter,.brand span{color:var(--purple)}.portfolio{display:flex;gap:12px;padding:13px;border:1px solid var(--line);border-radius:13px;background:#fbfcfc;color:var(--purple)}.portfolio span,.user span{display:grid;gap:2px;color:var(--ink)}small{font-size:11px;color:var(--muted);font-weight:500}.add,.button{display:block;margin:14px 0 19px;background:linear-gradient(110deg,#6236ed,#8657ff);color:white;text-align:center;text-decoration:none;padding:12px;border-radius:10px;font-weight:700;box-shadow:0 8px 18px #754df42e}.sidebar nav{overflow:auto}.sidebar nav p{text-transform:uppercase;font-size:10px;letter-spacing:1px;font-weight:800;color:#9aa6a2;margin:18px 10px 8px}.sidebar nav a{display:block;text-decoration:none;color:#50605b;padding:10px;border-radius:8px;font-weight:600;margin:1px 0}.sidebar nav a.active,.sidebar nav a:hover{color:#552bdb;background:#eee9ff}.user{margin-top:auto;border-top:1px solid var(--line);padding:16px 8px 0;display:flex;gap:9px;align-items:flex-start}.user a{font-size:11px;color:var(--purple);text-decoration:none;margin-left:auto}main{margin-left:244px;min-height:100vh}header{height:86px;background:#fff;border-bottom:1px solid var(--line);padding:18px 38px;display:flex;align-items:center;justify-content:space-between}h1{font-size:19px;margin:0}.subtitle{display:none}.header-actions{display:flex;gap:15px;align-items:center}.live{font-size:12px;color:var(--green);font-weight:700}.icon{font-size:19px;color:var(--purple);text-decoration:none}.mobile-menu{display:none}.welcome,.kpis,.metrics,.grid{max-width:1280px;margin-left:auto;margin-right:auto}.welcome{padding:35px 38px 19px;display:flex;justify-content:space-between;align-items:center}.welcome h2{margin:0;font-size:22px}.welcome h2 span{color:var(--purple)}.welcome p,.muted{color:var(--muted);margin:5px 0}.button.ghost{margin:0;background:#fff;color:var(--purple);box-shadow:none;border:1px solid #dcd4ff;padding:10px 14px}.kpis{padding:0 38px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.kpis article,.card,.table-card{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 2px 3px #0d201005}.kpis article{padding:17px;min-height:139px}.kpis i{font-style:normal;width:28px;height:28px;display:inline-grid;place-items:center;border-radius:8px;font-weight:800}.green{color:#07955a;background:#def8ee}.red{color:#d7354a;background:#ffe8eb}.violet{color:#6b44e8;background:#eee9ff}.amber{color:#c27906;background:#fff2d8}.kpis p{font-weight:700;margin:13px 0 4px}.kpis strong{font-size:22px;display:block;margin-bottom:3px}.metrics{padding:16px 38px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.card{padding:18px;min-height:220px}.card-title{display:flex;justify-content:space-between;align-items:center}.card-title a{font-size:12px;color:var(--purple);font-weight:700;text-decoration:none}.card-title span{font-size:10px;padding:4px 7px;color:#60716b;background:#f1f5f3;border-radius:5px}.gauge{height:112px;width:220px;border-radius:220px 220px 0 0;border:15px solid var(--green);border-bottom:0;margin:23px auto 8px;display:grid;place-items:end center;position:relative}.gauge:after{content:"";height:15px;width:62px;position:absolute;right:-15px;bottom:-15px;background:var(--amber);border-radius:0 0 12px 0}.gauge div{text-align:center;padding-bottom:15px}.gauge b{font-size:25px;display:block}.gauge small{font-size:10px;text-transform:uppercase}.split{display:flex;justify-content:space-around;text-align:center;color:var(--muted);font-size:11px}.split b{display:block;color:var(--ink);font-size:15px}.cash{margin:36px 0 22px;display:grid}.cash strong{font-size:32px}.cash span{color:var(--muted);margin-top:4px}.progress{height:9px;background:#eef1f0;border-radius:10px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,#21b874,#0d9b5d);border-radius:inherit}.priority{background:linear-gradient(150deg,#fff 60%,#f0ecff)}.priority h3{font-size:18px;margin:35px 0 8px}.priority p{color:var(--muted);line-height:1.5}.priority a{color:var(--purple);font-weight:700;text-decoration:none}.grid{padding:0 38px 35px;display:grid;grid-template-columns:1.2fr 1fr;gap:16px}.table-card{padding:18px}table{width:100%;border-collapse:collapse;margin-top:15px;font-size:12px}th{text-align:left;text-transform:uppercase;color:#9aa6a2;font-size:10px;letter-spacing:.4px;padding:8px 4px}td{padding:12px 4px;border-top:1px solid var(--line)}.badge{padding:4px 7px;border-radius:6px;font-size:10px;font-weight:700}.badge.danger,.badge.emergency,.badge.high{background:#ffe6e9;color:#c22e42}.badge.warning,.badge.normal{background:#fff2d9;color:#ae6b02}.badge.low{background:#e2f8ee;color:#087f4a}.empty{text-align:center;color:var(--muted);padding:28px}.flash{margin:15px 38px 0;padding:12px;border-radius:9px;background:#ddf8eb;color:#087f4a}@media(max-width:920px){.sidebar{transform:translateX(-100%);transition:.2s}.nav-open .sidebar{transform:none}.nav-open:after{content:"";position:fixed;inset:0;background:#0004;z-index:1}main{margin:0}.mobile-menu{display:block;border:0;background:none;font-size:21px;margin-right:12px}header{justify-content:flex-start;padding:16px}.header-actions{margin-left:auto}.welcome,.kpis,.metrics,.grid{padding-left:18px;padding-right:18px}.kpis{grid-template-columns:repeat(2,1fr)}.metrics,.grid{grid-template-columns:1fr}}@media(max-width:550px){.welcome{padding-top:25px}.welcome .ghost{display:none}.kpis{grid-template-columns:1fr}.metrics{padding-top:12px}.grid{padding-bottom:20px}.live{display:none}.card{min-height:190px}}