:root{--purple:#351052;--teal:#007a80;--gold:#d59a2f;--dark:#111827;--soft:#f6f8fb;--shadow:0 14px 35px rgba(16,24,40,.10)}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--dark);line-height:1.6}.container{width:92%;max-width:1200px;margin:auto}
.topbar{background:linear-gradient(90deg,var(--purple),#210631);color:#fff;font-size:14px}.topbar-inner{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;padding:9px 0}.topbar a{color:#fff;text-decoration:none;font-weight:700}
.portal-btn{display:inline-block;background:rgba(255,255,255,.13);padding:9px 16px;border-radius:8px;margin-left:8px;color:#fff;text-decoration:none;font-weight:800}.portal-btn.staff{background:var(--teal)}
.header{background:#fff;box-shadow:0 2px 18px rgba(0,0,0,.07);position:sticky;top:0;z-index:50}.nav{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;padding:14px 0}.logo img{width:150px;height:auto;display:block}.navlinks a{color:var(--dark);text-decoration:none;font-weight:800;margin-left:18px;font-size:15px}.navlinks a:hover,.navlinks .active{color:var(--teal)}
.hero{background:linear-gradient(90deg,rgba(255,255,255,.98),rgba(255,255,255,.75)),url('https://images.unsplash.com/photo-1584515933487-779824d29309?auto=format&fit=crop&w=1800&q=80');background-size:cover;background-position:center right;padding:95px 0}.hero h1{font-family:Georgia,'Times New Roman',serif;color:var(--purple);font-size:clamp(44px,7vw,78px);line-height:.95;margin:0 0 18px}.hero h1 span{color:var(--teal)}.hero p{font-size:19px;max-width:650px}
.btn{display:inline-block;border:0;border-radius:9px;padding:14px 22px;margin:8px 8px 8px 0;text-decoration:none;font-weight:900;cursor:pointer}.btn-purple{background:var(--purple);color:#fff}.btn-teal{background:var(--teal);color:#fff}.btn-gold{background:var(--gold);color:#fff}
.section{padding:72px 0}.soft{background:var(--soft)}.section-title{text-align:center;max-width:820px;margin:0 auto 38px}.section-title h2,h2{color:var(--purple);font-size:clamp(30px,4vw,46px);line-height:1.12;margin:0 0 12px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.card,.form-card{background:#fff;border-radius:18px;padding:28px;box-shadow:var(--shadow);border-top:5px solid var(--teal)}.card.purple{border-top-color:var(--purple)}.card.gold{border-top-color:var(--gold)}.card h3,.form-card h3{color:var(--purple);font-size:23px;margin-top:0}
.checklist{padding-left:0;list-style:none}.checklist li{position:relative;padding-left:28px;margin:10px 0}.checklist li:before{content:"✓";position:absolute;left:0;color:var(--teal);font-weight:900}
input,select,textarea{width:100%;padding:14px;border:1px solid #d0d5dd;border-radius:9px;font-size:15px;margin:8px 0;font-family:inherit}textarea{min-height:120px}button{background:var(--teal);color:#fff;border:0;border-radius:9px;padding:14px 22px;font-weight:900;font-size:15px;cursor:pointer}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.page-hero{background:linear-gradient(120deg,var(--purple),var(--teal));color:#fff;padding:78px 0}.page-hero h1{font-size:clamp(34px,5vw,58px);margin:0 0 12px}
.status{display:inline-block;padding:7px 12px;border-radius:999px;font-weight:800;font-size:13px}.open{background:#e6fffb;color:#006d75}.submitted{background:#fff7e6;color:#9a5b00}.approved{background:#ecfdf3;color:#027a48}
.table-wrap{overflow:auto;background:#fff;border-radius:18px;box-shadow:var(--shadow)}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:14px 16px;border-bottom:1px solid #eef0f3}th{background:#f9fafb;color:var(--purple)}
.dashboard{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.metric{background:#fff;border-radius:16px;padding:22px;box-shadow:var(--shadow)}.metric strong{display:block;color:var(--teal);font-size:30px}.notice{background:#fff7e6;border-left:5px solid var(--gold);padding:16px;border-radius:8px}
.cta{background:linear-gradient(90deg,var(--teal),#005c60);color:#fff;padding:34px 0}.cta .container{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.footer{background:linear-gradient(90deg,#1b0630,var(--purple));color:#fff;padding:42px 0 16px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:28px}.footer img{width:140px;background:#fff;border-radius:10px;padding:5px}.footer a{display:block;color:#fff;text-decoration:none;margin:6px 0}.bottom{border-top:1px solid rgba(255,255,255,.15);margin-top:24px;padding-top:16px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#e9dff2;font-size:13px}
@media(max-width:900px){.grid-2,.grid-3,.footer-grid,.dashboard{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.navlinks{width:100%}.navlinks a{display:inline-block;margin:8px 12px 0 0}}