@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap");:root{--navy:#2e3092;--dark:#00357f;--sky:#ace1fa;--ink:#333;--muted:#666;--surface:#f0f4f8;--white:#fff;--green:#157f5a;--red:#b4233b}*{box-sizing:border-box}body,html{margin:0;min-height:100%;font-family:Poppins,Arial,sans-serif;color:var(--ink);background:#f7f9fc}a{color:var(--navy);font-weight:600;text-decoration:none}button,input{font:inherit}.auth-layout{min-height:100vh;display:grid;grid-template-columns:minmax(390px,42%) 1fr}.auth-hero{position:relative;overflow:hidden;background:linear-gradient(145deg,#242681,#00357f);color:#fff;padding:48px clamp(38px,6vw,90px);display:flex;flex-direction:column;justify-content:space-between}.auth-hero:after{content:"";position:absolute;width:440px;height:440px;border:90px solid rgba(172,225,250,.1);border-radius:50%;right:-220px;bottom:-140px}.brand img{width:172px;height:auto;display:block;object-fit:contain}.brand-light{background:#fff;border-radius:12px;padding:10px 15px;width:max-content}.auth-hero h1{font-size:clamp(38px,5vw,64px);line-height:1.08;margin:15px 0}.auth-hero p{max-width:500px;line-height:1.8;color:#d9edfa}.eyebrow{text-transform:uppercase;color:var(--navy);letter-spacing:.14em;font-size:12px;font-weight:700}.eyebrow.light{color:var(--sky)}.security{gap:10px;font-size:13px;color:#d9edfa}.auth-panel,.security{display:flex;align-items:center}.auth-panel{padding:48px 8vw;justify-content:center;flex-direction:column;background:#fff}.auth-card{width:min(520px,100%)}.auth-card h2,.news h2,.section-title h2{color:var(--navy);font-size:30px;margin:8px 0}.muted{color:var(--muted);margin:0 0 28px}.auth-card form{display:flex;flex-direction:column;gap:17px}.auth-card label{font-size:13px;font-weight:600}.input-wrap{margin-top:7px;border:1px solid #d8dfe8;border-radius:10px;padding:0 14px;display:flex;align-items:center;gap:10px;transition:.2s}.input-wrap:focus-within{border-color:var(--navy);box-shadow:0 0 0 3px #2e309216}.input-wrap svg{width:18px;color:#8290a4}.input-wrap input,.search input{border:0;outline:0;background:transparent;width:100%;padding:13px 0;color:var(--ink)}.primary{border:0;border-radius:10px;padding:14px;background:var(--navy);color:#fff;font-weight:600;cursor:pointer;box-shadow:0 8px 20px #2e309229}.primary:disabled{opacity:.65}.form-footer{text-align:center;border-top:1px solid #e4e9ef;margin-top:26px;padding-top:22px;font-size:14px}.auth-panel>small{position:absolute;bottom:24px;color:#8a96a8}.alert{padding:11px 14px;background:#fff1f3;color:#a61b35;border-radius:8px;font-size:13px}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.success-state{text-align:center;background:var(--surface);padding:30px;border-radius:14px}.success-state>svg{color:var(--green);width:48px;height:48px}.success-state p{line-height:1.7}.button-link{display:block;margin-top:22px}.header{height:82px;background:#fff;border-bottom:1px solid #e5eaf0;display:flex;align-items:center;padding:0 max(24px,6vw);gap:55px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.header .brand img{width:132px}.header nav{display:flex;gap:30px;flex:1 1}.header nav a{font-size:14px;color:#596579}.user-menu{display:flex;align-items:center;gap:10px}.user-menu div{display:flex;flex-direction:column;font-size:12px}.user-menu small{color:#7d8998}.avatar,.person i{display:grid;place-items:center;background:var(--sky);color:var(--dark);font-style:normal;font-weight:700;border-radius:50%;width:38px;height:38px}.icon-button{border:0;background:none;color:#6c7889;cursor:pointer;margin-left:8px}.dashboard{width:min(1180px,92%);margin:38px auto 80px}.welcome{background:linear-gradient(120deg,var(--navy),var(--dark));border-radius:20px;color:#fff;padding:42px 52px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 16px 35px #00357f24}.page-heading h1,.welcome h1{font-size:38px;margin:8px 0}.welcome p{color:#dceef8}.welcome>svg{color:var(--sky);opacity:.75}.section-title{margin:40px 0 20px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}.quick-card{position:relative;background:#fff;padding:24px;border:1px solid #e4e9ef;border-radius:14px;transition:.2s}.quick-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #17396113}.quick-card>span{width:44px;height:44px;border-radius:10px;background:#eef8fd;color:var(--dark);display:grid;place-items:center}.quick-card h3{font-size:15px;color:var(--navy);margin:18px 0 6px}.quick-card p{font-size:12px;color:var(--muted);margin:0}.quick-card>svg{position:absolute;right:18px;bottom:20px;color:#95a0af}.news{margin-top:45px}.news article{margin-top:18px;background:#fff;border-radius:14px;padding:22px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:20px;gap:20px;border:1px solid #e4e9ef}.news-icon{width:50px;height:50px;background:var(--sky);color:var(--dark);border-radius:12px;display:grid;place-items:center}.news small{color:var(--navy);font-weight:700}.news h3{margin:4px 0}.news p{margin:0;color:var(--muted);font-size:13px}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.page-heading h1{color:var(--navy);margin-bottom:0}.page-heading p{color:var(--muted);margin-top:5px}.metric{display:flex;align-items:center;gap:14px;background:#fff;border-radius:14px;padding:17px 22px;border:1px solid #e2e8ef}.metric>span{display:grid;place-items:center;width:42px;height:42px;background:#fff5db;color:#ae7600;border-radius:10px}.metric div{display:flex;flex-direction:column}.metric b{font-size:23px;color:var(--navy)}.metric small{color:var(--muted)}.toolbar{background:#fff;padding:16px;border-radius:14px 14px 0 0;border:1px solid #e2e8ef}.search{display:flex;align-items:center;gap:10px;border:1px solid #dbe2ea;border-radius:9px;padding:0 12px;max-width:480px}.search svg{color:#8491a1;width:18px}.table-card{background:#fff;border:1px solid #e2e8ef;border-radius:0 0 14px 14px;overflow:hidden}.table-row{display:grid;grid-template-columns:2fr 1.2fr 1fr 1fr .7fr;grid-gap:18px;gap:18px;align-items:center;padding:18px 22px;border-bottom:1px solid #edf0f4;font-size:13px}.table-head{background:#f5f7fa;color:#627083;text-transform:uppercase;font-size:11px;font-weight:700}.person{display:flex;align-items:center;gap:11px}.person i{width:38px;height:38px}.person>span{display:flex;flex-direction:column}.person small{color:#768396}.status{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:20px;font-weight:600;font-size:11px}.status svg{width:14px;height:14px}.status.pending{background:#fff4d6;color:#8c6500}.status.approved{background:#e7f7ef;color:var(--green)}.status.rejected{background:#ffeaee;color:var(--red)}.actions{display:flex;gap:8px}.actions button{border:0;width:34px;height:34px;border-radius:8px;display:grid;place-items:center;cursor:pointer}.actions svg{width:16px}.approve{color:var(--green);background:#e7f7ef}.reject{color:var(--red);background:#ffeaee}.empty{text-align:center;padding:55px;color:#7b8796}.empty>svg{width:42px;height:42px;color:var(--sky)}.empty h3{color:var(--navy);margin-bottom:4px}.empty p{margin:0}@media(max-width:900px){.auth-layout{grid-template-columns:1fr}.auth-hero{min-height:330px}.auth-panel{padding:50px 24px 90px}.auth-panel>small{position:static;margin-top:35px}.quick-grid{grid-template-columns:1fr 1fr}.header nav{display:none}.table-card{overflow-x:auto}.table-row{min-width:850px}}@media(max-width:560px){.auth-hero{padding:32px 24px}.auth-hero h1{font-size:38px}.form-grid{grid-template-columns:1fr}.header{padding:0 18px;gap:15px}.user-menu div{display:none}.welcome{padding:32px 25px}.welcome>svg{display:none}.quick-grid{grid-template-columns:1fr}.page-heading{align-items:flex-start;gap:20px;flex-direction:column}.metric{width:100%}}.profile-page{max-width:980px}.profile-card{background:#fff;border:1px solid #e2e8ef;border-radius:18px;overflow:hidden;box-shadow:0 12px 30px #1739610d}.profile-card>.alert,.profile-card>.success-alert,.profile-card>section{margin:0 32px}.profile-card>section{padding:28px 0}.profile-card h2{font-size:17px;color:var(--navy);margin:0 0 20px;display:flex;align-items:center;gap:8px}.profile-card h2 svg{width:20px}.profile-card h2 small{font-weight:500;color:#8793a3;font-size:11px}.profile-avatar{padding:28px 32px;background:linear-gradient(120deg,var(--navy),var(--dark));color:#fff;display:flex;align-items:center;gap:16px}.profile-avatar>span{display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:var(--sky);color:var(--dark);font-size:24px;font-weight:700}.profile-avatar>div{display:flex;flex-direction:column}.profile-avatar b{font-size:19px}.profile-avatar small{color:#d9edfa}.profile-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px}.profile-grid.three{grid-template-columns:repeat(3,1fr)}.profile-card label{font-size:13px;font-weight:600}.input-wrap.disabled{background:#f3f5f8}.input-wrap.disabled input{color:#7a8695}.password-section{border-top:1px solid #e7ebf0}.success-alert{padding:11px 14px;background:#e7f7ef;color:var(--green);border-radius:8px;font-size:13px}.profile-actions{display:flex;justify-content:flex-end;padding:24px 32px;margin-top:28px;background:#f7f9fc;border-top:1px solid #e7ebf0}.profile-actions .primary{display:flex;align-items:center;gap:9px}@media(max-width:900px){.profile-grid,.profile-grid.three{grid-template-columns:1fr}}@media(max-width:560px){.profile-card>.alert,.profile-card>.success-alert,.profile-card>section{margin-left:20px;margin-right:20px}.profile-actions,.profile-avatar{padding-left:20px;padding-right:20px}}