:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:#f4f7fb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f4f7fb}button,input,textarea{font:inherit}button{cursor:pointer}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(#0c292d61,#0c292d85),url(https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=1600&q=80) center/cover}.login-card,.panel,.metric{background:#fff;border:1px solid #dfe5ee;border-radius:8px}.login-card{width:min(420px,100%);box-shadow:0 24px 70px #0f172a47;padding:28px}.eyebrow{margin:0 0 6px;color:#64748b;font-size:12px;font-weight:800;text-transform:uppercase}h1,h2{color:#111827;margin:0}.login-card h1{font-size:28px;margin-bottom:22px}.field{display:grid;gap:8px;margin-bottom:14px;color:#334155;font-size:14px;font-weight:700}.field input{width:100%;min-height:44px;border:1px solid #cbd5e1;border-radius:8px;padding:0 12px;color:#111827;background:#fff}textarea{width:100%;min-height:82px;border:1px solid #cbd5e1;border-radius:8px;padding:10px 12px;color:#111827;background:#fff;resize:vertical}.primary-btn,.quiet-btn{min-height:40px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;padding:0 14px}.primary-btn{width:100%;border:0;background:#0f766e;color:#fff}.quiet-btn{border:1px solid #d7dde8;background:#fff;color:#172033}.message{margin:12px 0 0;border-radius:8px;padding:10px 12px;font-size:14px;font-weight:700}.message.error{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.message.success{color:#065f46;background:#dcfce7;border:1px solid #bbf7d0}.dashboard{min-height:100vh;padding:24px}.dashboard{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;padding:24px}.sidebar{display:flex;flex-direction:column;gap:22px;padding:22px 18px;color:#fff;background:#111827;border-radius:24px;min-height:calc(100vh - 48px)}.brand-block{display:flex;align-items:center;gap:12px}.brand-mark{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#f8c84e;color:#0f172a;font-weight:900}.brand-block strong,.admin-summary strong{display:block;font-size:16px}.brand-block small,.admin-summary small{display:block;margin-top:3px;color:#aab5c6;font-size:12px;font-weight:700}.side-nav{display:grid;gap:10px}.side-nav a{display:block;padding:12px 14px;border-radius:12px;color:#cbd5e1;font-size:14px;font-weight:700}.side-nav a:hover,.side-nav a.active-link{color:#fff;background:#ffffff1f}.admin-summary{margin-top:auto;padding:16px;border-radius:16px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.main-area{width:min(1060px,100%)}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:20px}.metric{padding:18px}.metric-card{border:1px solid #e2e8f0;border-radius:18px;padding:18px;background:#fff}.metric-label{color:#64748b;font-size:12px;font-weight:800;text-transform:uppercase}.metric strong{display:block;margin-top:8px;font-size:30px;color:#111827}.metric-bar{height:8px;border-radius:999px;overflow:hidden;background:#f1f5f9}.metric-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#0f766e,#22c55e)}.overview-panel{padding:22px;margin-bottom:20px}.overview-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;padding:18px;border-radius:18px;background:#fffc;border:1px solid #e2e8f0}.overview-pill{display:inline-flex;align-items:center;padding:8px 14px;border-radius:999px;color:#0f172a;background:#e2e8f0;font-size:12px;font-weight:700}.panel{padding:18px;margin-bottom:16px}.task-list{display:grid;gap:10px;margin-top:14px}.task-row{display:flex;align-items:center;gap:10px;color:#334155;font-weight:700}.task-row span{width:8px;height:8px;border-radius:999px;background:#0f766e}.active-section{display:block}.hidden-section{display:none}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.records-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.record-card{display:grid;gap:10px;border:1px solid #e2e8f0;border-radius:8px;padding:14px;background:#f8fafc}.record-card h3{margin:0;color:#111827;font-size:16px}.record-card p{margin:4px 0 0;color:#475569;font-size:13px;font-weight:700}.status-pill{width:fit-content;border-radius:999px;padding:4px 9px;color:#334155;background:#e2e8f0;font-size:12px;font-weight:800;text-transform:capitalize}.status-pending{color:#92400e;background:#fef3c7}.status-manager_approved{color:#0f766e;background:#ccfbf1}.status-approved,.status-done{color:#065f46;background:#dcfce7}.status-rejected{color:#991b1b;background:#fee2e2}.empty-text{margin:0;color:#64748b;font-weight:700}@media(max-width:760px){.dashboard{padding:16px}.topbar{align-items:stretch;flex-direction:column}.metrics{grid-template-columns:1fr}.section-head{align-items:stretch;flex-direction:column}.records-grid{grid-template-columns:1fr}}