:root{--navy:#063b65;--deep:#042a49;--teal:#00858a;--gold:#e6ad3c;--mist:#eef7f7;--ink:#172a3a;--muted:#607983;--line:#d5e4e7;--green:#137547;--red:#a93232;--sky:#4cb8f5}*{box-sizing:border-box}body{margin:0;background:#fbfdfd;color:var(--ink);font:15px/1.55 Arial,sans-serif}a{text-decoration:none;color:inherit}.top{background:var(--deep);color:#d5ecee;padding:9px 5%;font-size:.8rem}.top span{float:right}header{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 5%;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:10px;color:var(--navy);font-size:.87rem;font-weight:850;line-height:1}.brand i{background:var(--navy);color:var(--gold);padding:9px 12px;border-radius:10px;font-style:normal;font-size:1.25rem}.brand small{display:block;color:var(--teal);font-size:.58rem;margin-top:4px}nav,.inline-form,.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}nav{font-size:.9rem;font-weight:700;color:#48616b}.nav-toggle{display:none;background:none;border:0;color:var(--navy);font-size:1.7rem}.button,.small-btn{display:inline-block;background:var(--navy);color:#fff;padding:10px 15px;border:0;border-radius:8px;font-weight:800;cursor:pointer}.button.teal,.small-btn{background:var(--teal)}.button.outline{background:transparent;border:1px solid #abc8cf;color:var(--navy)}main{min-height:calc(100vh - 160px)}.hero{background:linear-gradient(125deg,var(--deep),var(--navy),var(--teal));color:#fff;padding:82px 5%;display:grid;grid-template-columns:1.2fr .8fr;gap:55px}.hero h1{font-size:clamp(2.7rem,6vw,4.8rem);line-height:.98}.hero .button{background:var(--gold)}.hero .button.teal{background:var(--teal)}.eyebrow{font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.wrap,.dashboard{width:min(1160px,calc(100% - 36px));margin:auto}.section{padding:75px 0}.section.tint{background:var(--mist)}.section h2{color:var(--navy);font-size:2.4rem}.intro,.hint{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px}.card,.form-box,.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:23px;box-shadow:0 7px 20px rgba(23,42,58,.06)}.card.vivid i{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:16px;background:var(--teal);color:#fff;font-style:normal;margin-bottom:16px}.quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.quick-grid div{background:rgba(255,255,255,.14);padding:22px;border-radius:20px}.quick-grid div b{display:block;font-size:1.4rem}.hero-actions,.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.form-page{width:min(820px,calc(100% - 36px));margin:44px auto}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.full{grid-column:1/-1}.field label{display:block;font-size:.82rem;font-weight:800;color:#48616b;margin-bottom:5px}.field input,.field select,.field textarea{width:100%;padding:11px;border:1px solid #cbdde1;border-radius:7px;background:#fff;color:var(--ink)}.field textarea{min-height:100px}.flash{width:min(900px,calc(100% - 36px));margin:18px auto;padding:12px 15px;border-radius:8px;font-weight:700}.flash.error{background:#fbeaea;color:var(--red)}.flash.success{background:#e7f6ec;color:var(--green)}.dash-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:20px 0}.metric{padding:17px;border-radius:12px;background:var(--mist);border:1px solid var(--line)}.metric b{display:block;font-size:1.55rem;color:var(--navy)}.two-col{display:grid;grid-template-columns:1.15fr .85fr;gap:17px}.member-card{display:flex;gap:18px;align-items:center;padding:18px;border-radius:14px;background:#fff;border:1px solid var(--line);margin-top:12px}.member-card .card-left{flex:1}.member-card .card-right{width:160px}.member-card .member-photo,.member-card .member-photo.placeholder{width:120px;height:120px;border-radius:12px;object-fit:cover}.member-card .member-photo.placeholder{display:grid;place-items:center;background:var(--mist)}.member-card .qr img{max-width:128px}.notice{padding:13px;background:#eff8fa;border-left:4px solid var(--teal);margin:16px 0}.badge{font-size:.72rem;padding:4px 7px;border-radius:20px;background:#e5f5eb;color:var(--green);font-weight:800}.badge.pending{background:#fff3d7;color:#876318}.badge.rejected{background:#fbe7e7;color:var(--red)}footer{background:#041f35;color:#d1e7e9;padding:26px 5%;display:flex;justify-content:space-between;font-size:.82rem}.alert-marquee{display:flex;align-items:center;gap:12px;padding:10px 16px;background:linear-gradient(90deg,var(--deep),var(--navy));color:#fff;overflow:hidden}.ticker-label{font-size:.72rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);white-space:nowrap}.ticker-track{display:flex;gap:24px;white-space:nowrap;animation:marquee 24s linear infinite}.ticker-item strong{color:var(--gold)}@keyframes marquee{from{transform:translateX(100%)}to{transform:translateX(-100%)}}.news-stack{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}.record-row{border-bottom:1px solid var(--line);padding:11px 0}.record-row b,.record-row span{display:block}.record-row span{font-size:.83rem;color:var(--muted)}.document-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:14px;background:#f2f9f9}.document-tile{background:#fff;border:1px solid #c9dde1;border-radius:10px;overflow:hidden}.document-preview{height:135px;background:#e4eff0;display:grid;place-items:center;overflow:hidden}.document-preview img{width:100%;height:100%;object-fit:cover}.document-meta{padding:9px}.document-meta b,.document-meta small,.document-meta a{display:block}.document-meta a{color:var(--teal);font-weight:800}@media(max-width:780px){header{padding:14px 5%}.nav-toggle{display:block}nav{display:none;position:absolute;top:76px;left:0;right:0;padding:16px;background:#fff;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch}nav.show{display:flex}.hero,.two-col{grid-template-columns:1fr}.grid,.news-stack{grid-template-columns:1fr}.dash-grid{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.document-gallery{grid-template-columns:1fr 1fr}}@media(max-width:500px){.top{text-align:center}.top span{display:none}.dash-grid,.document-gallery{grid-template-columns:1fr}footer{display:block}}