:root{--navy: #1F3864;--navy-light: #2E5395;--bg: #F5F7FA;--card: #FFFFFF;--border: #E2E8F0;--text: #1A202C;--muted: #718096;--red: #C53030;--green: #2F855A}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}#root{display:flex;min-height:100vh}.sidebar{width:200px;background:var(--navy);color:#fff;padding:20px 14px;flex-shrink:0}.sidebar h1{font-size:18px;margin:0 0 20px}.sidebar a{display:block;color:#ffffffd9;text-decoration:none;padding:8px 10px;border-radius:6px;font-size:13px;margin-bottom:2px}.sidebar a.active,.sidebar a:hover{background:var(--navy-light);color:#fff}main{flex:1;padding:24px 28px}h2{color:var(--navy)}.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.kpi-card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:16px}.kpi-card .label{font-size:11px;color:var(--muted);text-transform:uppercase}.kpi-card .value{font-size:22px;font-weight:800;margin-top:6px}table{border-collapse:collapse;width:100%;background:var(--card);border:1px solid var(--border);border-radius:10px;overflow:hidden}th,td{text-align:left;padding:10px 12px;font-size:13px;border-bottom:1px solid var(--border)}th{color:var(--muted);text-transform:uppercase;font-size:11px}.state{font-size:13px;color:var(--muted);padding:20px 0}