:root{--brand:#1f5daa;--brand-dark:#17477f;--brand-soft:#edf4fc;--ink:#172033;--muted:#687386;--line:#dfe5ee;--surface:#fff;--background:#f4f7fb;--danger:#a52929;--radius:18px}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--ink);background:var(--background);font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}.login-shell{background:radial-gradient(circle at 20% 10%,#1f5daa24,#0000 32rem),linear-gradient(#fbfdff,#eef3f9);place-items:center;min-height:100vh;padding:28px 18px;display:grid}.login-card{background:var(--surface);border:1px solid #1f5daa21;border-radius:24px;width:min(100%,470px);padding:34px;overflow:hidden;box-shadow:0 24px 70px #1f37591f}.brand-wrap{border-bottom:1px solid var(--line);margin-bottom:26px;padding-bottom:24px}.brand-logo{object-fit:contain;object-position:left center;width:100%;height:auto;max-height:82px;display:block}.login-copy h1,.page-shell h1{margin:4px 0 8px;font-size:clamp(2rem,5vw,2.65rem)}.eyebrow{color:var(--brand);text-transform:uppercase;letter-spacing:.11em;margin:0;font-size:.76rem;font-weight:800}.muted{color:var(--muted);line-height:1.5}.login-form{gap:17px;margin-top:28px;display:grid}.login-form label{gap:8px;font-size:.93rem;font-weight:700;display:grid}.login-form input{background:#fff;border:1px solid #cbd4df;border-radius:12px;outline:none;width:100%;padding:13px 14px}.login-form input:focus{border-color:var(--brand);box-shadow:0 0 0 4px #1f5daa1c}.primary-button{background:var(--brand);color:#fff;cursor:pointer;border:0;border-radius:12px;padding:14px 18px;font-weight:800;transition:all .15s}.primary-button:hover{background:var(--brand-dark);transform:translateY(-1px)}.primary-button:disabled{opacity:.65;cursor:wait;transform:none}.form-error{color:var(--danger);background:#fff2f2;border-radius:10px;margin:0;padding:11px 12px;font-size:.9rem}.login-foot{border-top:1px solid var(--line);color:var(--muted);text-align:center;margin:25px 0 0;padding-top:18px;font-size:.8rem}.portal-header{border-bottom:1px solid var(--line);z-index:10;background:#fff;justify-content:space-between;align-items:center;gap:20px;min-height:76px;padding:12px clamp(18px,4vw,52px);display:flex;position:sticky;top:0}.portal-brand{align-items:center;gap:18px;display:flex}.portal-brand img{object-fit:contain;width:165px;max-height:48px}.portal-brand div{border-left:1px solid var(--line);gap:2px;padding-left:18px;display:grid}.portal-brand strong{color:var(--brand)}.portal-brand span,.user-area{color:var(--muted);font-size:.88rem}.user-area{align-items:center;gap:14px;display:flex}.link-button{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:9px;padding:8px 12px}.link-button:hover{border-color:var(--brand);color:var(--brand)}.page-shell{width:min(1180px,100% - 36px);margin:42px auto 70px}.narrow-page{width:min(850px,100% - 36px)}.page-title-row{justify-content:space-between;align-items:end;gap:18px;display:flex}.status-pill{background:var(--brand-soft);color:var(--brand-dark);border-radius:999px;padding:7px 11px;font-size:.78rem;font-weight:800}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin:30px 0;display:grid}.stat-card,.panel-card,.empty-state{border:1px solid var(--line);border-radius:var(--radius);background:#fff}.stat-card{gap:12px;padding:22px;display:grid}.stat-card span{color:var(--muted);font-size:.88rem}.stat-card strong{color:var(--brand);font-size:2rem}.panel-card{padding:26px;line-height:1.6}.panel-card h2{margin-top:0}.empty-state{text-align:center;margin-top:24px;padding:48px 28px}.empty-state h2{margin-bottom:8px}.empty-state p{color:var(--muted)}.empty-icon{background:var(--brand-soft);width:70px;height:70px;color:var(--brand);border-radius:18px;place-items:center;margin:0 auto 20px;font-weight:900;display:grid}@media (max-width:850px){.stats-grid{grid-template-columns:repeat(2,1fr)}.portal-brand div{display:none}}@media (max-width:560px){.login-card{padding:24px 20px}.portal-header{align-items:center;padding:10px 14px}.portal-brand img{width:135px}.user-area>span{display:none}.stats-grid{grid-template-columns:1fr}.page-title-row{flex-direction:column;align-items:flex-start}}.secondary-link,.text-link{color:var(--brand);font-weight:800;text-decoration:none}.secondary-link{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 14px}.secondary-link:hover,.text-link:hover{text-decoration:underline}.section-space{margin-top:24px}.employee-form{gap:16px;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.form-grid label{gap:7px;font-size:.9rem;font-weight:800;display:grid}.form-grid input,.search-form input,.reset-form input{background:#fff;border:1px solid #cbd4df;border-radius:10px;outline:none;width:100%;padding:11px 12px}.form-grid input:focus,.search-form input:focus,.reset-form input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #1f5daa1a}.span-2{grid-column:span 2}.form-help{color:var(--muted);margin:0;font-size:.86rem}.form-success{color:#236437;background:#eef9f1;border-radius:10px;margin:0;padding:11px 12px;font-size:.9rem}.list-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px;display:flex}.list-heading h2,.list-heading p{margin-bottom:0}.search-form{align-items:center;gap:8px;width:min(100%,520px);display:flex}.secondary-button,.danger-button{cursor:pointer;background:#fff;border-radius:9px;padding:9px 12px;font-weight:800}.secondary-button{color:var(--brand-dark);border:1px solid #b9c8da}.danger-button{color:var(--danger);border:1px solid #e2b8b8}.secondary-button:disabled,.danger-button:disabled{opacity:.55;cursor:wait}.employee-list{gap:12px;display:grid}.employee-card{border:1px solid var(--line);border-radius:14px;grid-template-columns:minmax(0,1fr) 280px;gap:22px;padding:18px;display:grid}.employee-name-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:11px;display:flex}.employee-name-row strong{font-size:1.06rem}.employee-meta{color:var(--muted);flex-wrap:wrap;gap:8px 18px;font-size:.86rem;display:flex}.employee-meta b{color:var(--ink)}.mini-pill{border-radius:999px;padding:4px 8px;font-size:.72rem;font-weight:800}.mini-pill.active{color:#236437;background:#eaf8ef}.mini-pill.inactive{color:#6c737c;background:#f3f3f3}.mini-pill.pending{color:#7a5600;background:#fff4d9}.employee-actions{align-content:start;gap:9px;display:grid}.employee-actions details{border:1px solid var(--line);border-radius:10px;padding:9px 10px}.employee-actions summary{cursor:pointer;color:var(--brand-dark);font-size:.84rem;font-weight:800}.reset-form{gap:8px;margin-top:10px;display:grid}.inline-success,.inline-error{margin:0;font-size:.8rem;line-height:1.4}.inline-success{color:#236437}.inline-error{color:var(--danger)}.empty-inline{text-align:center;color:var(--muted);border:1px dashed #cbd4df;border-radius:12px;padding:28px}.admin-modules{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:28px;display:grid}.module-card{border:1px solid var(--line);border-radius:var(--radius);color:inherit;background:#fff;gap:17px;padding:22px;text-decoration:none;display:flex}.module-card:not(.module-card-disabled):hover{border-color:#1f5daa73;box-shadow:0 10px 30px #1f375912}.module-card h2{margin:0 0 6px;font-size:1.08rem}.module-card p{color:var(--muted);margin:0;line-height:1.45}.module-card-disabled{opacity:.67}.module-icon{background:var(--brand-soft);width:48px;height:48px;color:var(--brand);border-radius:12px;flex:0 0 48px;place-items:center;font-weight:900;display:grid}.password-page{width:min(650px,100% - 36px)}.password-card h1{margin-bottom:8px}.password-card .login-form{max-width:460px}@media (max-width:820px){.employee-card{grid-template-columns:1fr}.employee-actions{max-width:420px}.admin-modules{grid-template-columns:1fr}.list-heading{flex-direction:column;align-items:stretch}.search-form{width:100%}}@media (max-width:560px){.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.search-form{grid-template-columns:1fr auto;display:grid}.search-form .text-link{grid-column:1/-1}.employee-card{padding:15px}}