body{margin:0;font-family:IBM Plex Sans,Manrope,Arial,sans-serif;background:#f4f7fb;color:#0f172a}.page{padding:20px}.card{background:#fff;border-radius:10px;border:1px solid rgba(30,58,138,.1);padding:16px;margin-bottom:20px;box-shadow:0 4px 20px #0f172a0d}.kpi-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.kpi{padding:16px 20px;border-radius:12px;background:#0f172a;color:#fff;font-weight:700;flex:1;min-width:160px;text-align:center}.grid-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:8px 10px;border:1px solid #e2e8f0}.page.login-page{min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(145deg,#1e3a8a,#2563eb 80%)}.page.login-page .card{width:360px}.page.login-page h1{margin:0 0 10px;color:#fff}.page.login-page label{display:block;margin-bottom:12px;font-weight:600;color:#fff}.page.login-page input{width:100%;padding:10px;border-radius:8px;border:1px solid #93c5fd;margin-top:4px}.page.login-page button{width:100%;padding:10px;border:none;border-radius:8px;background:#14b8a6;color:#fff;font-weight:700;margin-top:10px}.page.login-page .error{margin-top:10px;color:#ef4444}..layout{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:#0f172a;color:#fff;padding:20px;display:flex;flex-direction:column;gap:18px;position:sticky;top:0;height:100vh}.sidebar h1{margin:0 0 6px;font-size:1.6rem}.sidebar small{color:#94a3b8}.nav-link{display:block;color:#cbd5e1;margin:9px 0;font-weight:600;text-decoration:none}.nav-link:hover{color:#3b82f6}.logout-button{margin-top:auto;border:none;border-radius:8px;background:#ef4444;color:#fff;padding:10px;cursor:pointer}.main-area{background:#f4f7fb;padding:20px}.filter-row{display:flex;gap:10px;margin-bottom:14px}.filter-row input{flex:1;padding:8px;border:1px solid #cbd5e1;border-radius:8px}.filter-row button{padding:8px 14px;border:none;border-radius:8px;background:#0ea5e9;color:#fff;font-weight:600}.timeline{margin-top:10px;border-left:2px solid #0ea5e9;padding-left:14px}.timeline-item{margin-bottom:10px}