:root{--navy:#0F2A44;--blue:#1E4E79;--bg:#F5F7FA;--text:#172033;--muted:#6b7280;--danger:#dc3545;--warn:#ffc107;--ok:#28a745}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text)}a{color:var(--blue);text-decoration:none}.app{display:flex;min-height:100vh}.sidebar{width:260px;background:var(--navy);color:#fff;padding:20px;position:fixed;inset:0 auto 0 0}.brand{display:flex;gap:12px;align-items:center;margin-bottom:28px}.brand img{width:54px;max-height:54px;object-fit:contain;background:white;border-radius:12px;padding:4px}.brand small{display:block;color:#cbd5e1}.sidebar nav a{display:block;color:#e5edf5;padding:11px 12px;border-radius:12px;margin:4px 0}.sidebar nav a:hover{background:rgba(255,255,255,.12)}main{margin-left:260px;flex:1}.top{height:72px;background:white;display:flex;align-items:center;justify-content:space-between;padding:0 28px;box-shadow:0 1px 10px rgba(15,42,68,.08)}.top h1{font-size:22px}.content{padding:28px}footer{padding:20px 28px;color:var(--muted)}.card{background:white;border-radius:18px;padding:20px;box-shadow:0 10px 30px rgba(15,42,68,.08);margin-bottom:18px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.stat{font-size:26px;font-weight:800;color:var(--navy)}.muted{color:var(--muted)}table{width:100%;border-collapse:collapse;background:white;border-radius:16px;overflow:hidden}th,td{padding:12px 14px;border-bottom:1px solid #eef2f7;text-align:left}th{background:#f8fafc;color:#334155}tr:hover td{background:#fbfdff}.btn{display:inline-block;border:0;background:var(--blue);color:#fff;padding:9px 13px;border-radius:10px;cursor:pointer}.btn.secondary{background:#64748b}.btn.danger{background:var(--danger)}input,select,textarea{width:100%;padding:10px;border:1px solid #dbe3ec;border-radius:10px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.actions{display:flex;gap:8px;align-items:center}.badge{padding:4px 8px;border-radius:999px;font-size:12px;font-weight:700}.badge.ok{background:#dcfce7;color:#166534}.badge.warn{background:#fef3c7;color:#92400e}.badge.danger{background:#fee2e2;color:#991b1b}.login{display:grid;place-items:center;min-height:100vh}.login .card{width:420px}.bar{height:26px;background:#e2e8f0;border-radius:999px;overflow:hidden}.bar span{display:block;height:100%;background:var(--blue)}@media(max-width:900px){.sidebar{position:static;width:100%}.app{display:block}main{margin-left:0}.grid,.grid2,.form-grid{grid-template-columns:1fr}}