*{box-sizing:border-box}
:root{--pine:#0D3B38;--cream:#FBF9F2;--sand:#F1EDE0;--amber:#D4821A;--mint:#2EA879;--ink:#13231F;--muted:#68716C;--paper:#FFFDF8;--line:rgba(13,59,56,.16)}
html,body{margin:0;min-height:100%;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--cream)}
body{background-image:linear-gradient(rgba(13,59,56,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(13,59,56,.045) 1px,transparent 1px);background-size:28px 28px}
a{text-decoration:none;color:inherit}button,input,textarea{font:inherit}button{cursor:pointer}
.hidden{display:none!important}
.loader{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:var(--cream)}.loader:before{content:"";position:absolute;inset:-20%;background-image:linear-gradient(rgba(13,59,56,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(13,59,56,.07) 1px,transparent 1px);background-size:34px 34px;transform:rotate(-2deg)}.loader-card{position:relative;width:min(620px,calc(100vw - 30px));padding:42px 34px;text-align:center;background:var(--paper);border:3px solid var(--pine);box-shadow:12px 12px 0 var(--amber)}.bat-stage{height:94px;display:grid;place-items:center}.bat{width:125px;fill:var(--pine);animation:float 1.8s ease-in-out infinite}.eyebrow{display:inline-block;background:var(--pine);color:var(--cream);padding:8px 12px;font-size:10px;font-weight:950;letter-spacing:.14em;border:2px solid var(--pine)}.loader h1{font-size:clamp(30px,5vw,48px);letter-spacing:-.05em;margin:16px 0 8px}.loader p{color:var(--muted);font-weight:650}.progress{height:15px;border:2px solid var(--pine);padding:2px;background:var(--sand)}.progress>div{height:100%;width:0;background:linear-gradient(90deg,var(--pine),var(--mint),var(--amber))}.loader-row{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.1em;margin-top:9px;color:var(--pine)}.loader-copy{margin-top:28px;font-size:10px;color:var(--muted)}@keyframes float{50%{transform:translateY(-7px) rotate(2deg)}}

.auth-wrap{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.auth-art{padding:8vw;background:var(--pine);color:var(--cream);display:flex;justify-content:center;flex-direction:column}.badge{display:inline-block;width:max-content;padding:8px 10px;border:2px solid var(--cream);font-size:10px;font-weight:950;letter-spacing:.12em}.auth-art h2{font-size:clamp(48px,7vw,94px);line-height:.86;letter-spacing:-.06em;margin:20px 0}.auth-art em{color:#B8EFD1;font-style:normal;text-decoration:underline;text-decoration-color:var(--amber);text-decoration-thickness:8px}.auth-art p{max-width:600px;opacity:.78;font-weight:650}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:26px}.mini-stats div{padding:14px;border:2px solid rgba(251,249,242,.4);background:rgba(251,249,242,.07)}.mini-stats small,.mini-stats b{display:block}.mini-stats small{font-size:9px;opacity:.6}.mini-stats b{margin-top:4px;color:#A8E6C7}.auth-card{align-self:center;width:min(560px,100%);padding:6vw;margin:auto}.auth-brand{display:flex;align-items:center;gap:12px;margin-bottom:28px}.auth-brand b{display:block;font-size:25px;letter-spacing:-.04em}.auth-brand small{display:block;color:var(--muted);font-weight:650}.bat-box{width:60px;height:45px;display:grid;place-items:center;border:2px solid var(--pine);background:var(--sand)}.bat-box svg{width:46px;fill:var(--pine)}
form{display:grid;gap:15px}label{font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:950;color:var(--muted)}input,textarea{width:100%;margin-top:6px;border:2px solid var(--pine);background:var(--paper);padding:12px;outline:none}textarea{min-height:120px;resize:vertical}.pw{position:relative}.pw input{padding-right:70px}.pw button{position:absolute;right:7px;top:12px;border:0;background:transparent;color:var(--pine);font-weight:900}.primary,.ghost,.danger{border:2px solid var(--pine);padding:12px 15px;font-weight:950}.primary{background:var(--pine);color:var(--cream);box-shadow:5px 5px 0 var(--amber)}.ghost{background:var(--sand);color:var(--pine)}.danger{background:#fff2ef;color:#71332a;border-color:#71332a}.error,.success,.notice{padding:12px 14px;margin-bottom:15px;border:2px solid var(--pine);font-size:12px;font-weight:750}.error{border-color:#71332a;background:#fff2ef;color:#71332a}.success{background:#eff9f3;color:var(--pine)}.notice{background:var(--paper)}.hint{color:var(--muted);font-size:11px;line-height:1.55}.auth-foot{font-size:10px;color:var(--muted);margin-top:24px}
.sidebar{position:fixed;left:0;top:0;bottom:0;width:280px;background:var(--pine);color:var(--cream);padding:20px 16px;display:flex;flex-direction:column;border-right:4px solid var(--amber);z-index:10}.brand{display:flex;gap:10px;align-items:center;padding:8px 8px 20px;border-bottom:1px solid rgba(251,249,242,.2)}.brand svg{width:48px;fill:var(--cream)}.brand-name{font-weight:950;font-size:24px}.brand-sub{font-size:9px;opacity:.6;text-transform:uppercase;letter-spacing:.12em}.nav{display:flex;flex-direction:column;gap:7px;padding:16px 0;overflow:auto}.nav a{padding:11px;border:2px solid transparent;font-weight:850;display:flex;gap:10px;align-items:center}.nav a:hover,.nav a.disabled{background:rgba(251,249,242,.08)}.nav a.disabled{cursor:not-allowed;opacity:.45}.nav-ico{width:25px;height:25px;border:2px solid currentColor;display:grid;place-items:center;font-size:10px}.side-status{margin-top:auto;border:2px solid rgba(251,249,242,.2);padding:12px;font-size:11px;display:flex;gap:9px;align-items:flex-start}.side-status small{display:block;margin-top:3px;opacity:.62}.status-dot{width:9px;height:9px;border-radius:50%;background:var(--mint);display:inline-block;margin-top:4px}.status-dot.off{background:#B84B3A}.side-copy{font-size:9px;opacity:.5;text-align:center;margin-top:13px}
.main{margin-left:280px;min-height:100vh}.topbar{position:sticky;top:0;z-index:5;height:78px;background:rgba(251,249,242,.92);backdrop-filter:blur(10px);border-bottom:3px solid var(--pine);display:flex;align-items:center;justify-content:space-between;padding:0 30px}.logout-form{display:block}.page,.admin{padding:30px;max-width:1500px;margin:auto}.head,.admin-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:22px}.kicker{color:var(--amber);font-size:10px;letter-spacing:.14em;font-weight:950}.head h1,.admin-head h1{font-size:clamp(34px,5vw,58px);letter-spacing:-.05em;line-height:.95;margin:7px 0}.head p,.admin-head p{margin:0;color:var(--muted);font-weight:650}.greeting{padding:18px 20px;background:var(--pine);color:var(--cream);border:3px solid var(--pine);box-shadow:8px 8px 0 var(--amber);margin-bottom:25px}.greet-title{font-size:21px;font-weight:950}.greet-sub{margin-top:4px;opacity:.78}.msg,.expiry{margin-top:12px;border:2px solid rgba(251,249,242,.25);background:rgba(251,249,242,.07);padding:11px;line-height:1.5}.expiry{border-color:var(--amber)}.expiry.expired{border-color:#B84B3A}.expiry small{opacity:.72}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.portal-card{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:17px;background:var(--paper);border:2px solid var(--pine);box-shadow:7px 7px 0 var(--pine);transition:.15s}.portal-card:hover{transform:translate(-2px,-2px);box-shadow:9px 9px 0 var(--amber)}.portal-icon{width:38px;height:38px;display:grid;place-items:center;background:var(--sand);border:2px solid var(--pine);font-weight:950}.portal-card b,.portal-card small{display:block}.portal-card small{margin-top:3px;color:var(--muted);font-size:10px}.portal-card>strong{font-size:20px}.setup-body{min-height:100vh;display:grid;place-items:center}.setup-card{width:min(520px,calc(100vw - 30px));padding:32px;background:var(--paper);border:3px solid var(--pine);box-shadow:10px 10px 0 var(--amber)}.setup-card h1{font-size:46px;letter-spacing:-.05em;margin:8px 0 20px}
.admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.admin-grid.compact{grid-template-columns:repeat(4,1fr)}.card{padding:18px;background:var(--paper);border:2px solid var(--pine);box-shadow:8px 8px 0 var(--pine)}.card h3{margin:0 0 15px}.user-list{display:grid;gap:14px}.user-card{padding:18px;border:2px solid var(--pine);background:var(--sand)}.user-card-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:15px}.user-card-head b,.user-card-head small{display:block}.user-card-head small{margin-top:4px;color:var(--muted);font-size:10px}.pill{padding:6px 8px;border:2px solid var(--pine);font-size:9px;font-weight:950}.pill.on{background:rgba(46,168,121,.17)}.pill.off{background:rgba(184,75,58,.14);border-color:#71332a;color:#71332a}.check{display:flex!important;gap:7px;align-items:center;text-transform:none!important;letter-spacing:0!important}.check input{width:auto;margin:0}

@media(max-width:950px){.auth-wrap{grid-template-columns:1fr}.auth-art{padding:38px 24px;min-height:44vh}.auth-card{padding:30px 22px}.sidebar{left:0;right:0;top:auto;width:100%;height:74px;bottom:0;padding:5px;border-right:0;border-top:3px solid var(--amber);flex-direction:row}.brand,.side-status,.side-copy{display:none}.nav{width:100%;display:grid;grid-template-columns:repeat(10,1fr);gap:4px;padding:0}.nav a{justify-content:center;padding:6px;font-size:9px}.nav a span:last-child{display:none}.main{margin-left:0;padding-bottom:78px}.topbar{padding:0 14px}.page,.admin{padding:20px 14px 95px}.grid4{grid-template-columns:repeat(2,1fr)}.admin-grid,.admin-grid.compact{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.grid4,.admin-grid,.admin-grid.compact{grid-template-columns:1fr}.head,.admin-head{align-items:flex-start;flex-direction:column}.mini-stats{grid-template-columns:1fr 1fr 1fr}.auth-art h2{font-size:50px}}