*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f4f7fb;color:#17324d}.app-shell{display:flex;min-height:100vh}.sidebar{width:240px;background:#11263c;color:#fff;padding:24px;position:sticky;top:0;height:100vh}.sidebar h1{font-size:20px;margin:0 0 20px}.sidebar nav{display:flex;flex-direction:column;gap:10px}.sidebar a{color:#d5e4ff;text-decoration:none;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.04)}.sidebar a:hover{background:rgba(255,255,255,.12)}.main-content{flex:1;padding:24px}.topbar{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:20px;color:#4a6178}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.card,.panel{background:#fff;border-radius:16px;padding:18px;box-shadow:0 10px 30px rgba(17,38,60,.08)}.card span{display:block;color:#6b8096;margin-bottom:8px}.card strong{font-size:28px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.filters input,.filters button{padding:10px 12px;border-radius:10px;border:1px solid #cdd8e5}.filters button{background:#1f6feb;color:#fff;border:none;cursor:pointer}.filters button:hover{background:#1557b0}table{width:100%;border-collapse:collapse}.panel{overflow:auto}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid #e7eef6;font-size:14px;vertical-align:top}th{background:#f8fbff;position:sticky;top:0}.badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;text-transform:capitalize}.badge.success{background:#d9f7e8;color:#136c3e}.badge.warning{background:#fff3cd;color:#8a5a00}.badge.failed,.badge.error{background:#fde2e1;color:#9b1c1c}code{background:#eef4fb;padding:2px 6px;border-radius:6px}ul{padding-left:20px}@media (max-width:960px){.app-shell{flex-direction:column}.sidebar{width:100%;height:auto;position:relative}}
.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{width:100%;max-width:440px;background:#fff;border-radius:18px;padding:28px;box-shadow:0 16px 40px rgba(17,38,60,.12)}.login-card h1{margin:0 0 10px;font-size:28px}.login-card p{margin:0 0 18px;color:#5e7388}.login-card form{display:flex;flex-direction:column;gap:14px}.login-card input{padding:12px 14px;border-radius:12px;border:1px solid #cdd8e5;font-size:15px}.login-card button{padding:12px 14px;border:none;border-radius:12px;background:#1f6feb;color:#fff;font-weight:700;cursor:pointer}.login-card button:hover{background:#1557b0}.login-error{margin-bottom:14px;padding:12px 14px;border-radius:12px;background:#fde2e1;color:#9b1c1c}