:root{--black:#050302;--carbon:#100b08;--card:#120d0abd;--card-strong:#1c120ce6;--gold:#f5c45a;--amber:#ff8f1f;--ruby:#d20f3a;--green:#00d084;--felt:#073b2d;--cream:#fff2cf;--muted:#b9a98a;--danger:#ff5470;--shadow:0 28px 90px #00000094;font-family:Sora,Avenir Next,Montserrat,Verdana,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;color:var(--cream);background:radial-gradient(circle at 18% 18%,#f5c45a2e,#0000 28%),radial-gradient(circle at 85% 14%,#d20f3a38,#0000 30%),radial-gradient(circle at 50% 105%,#00d0842e,#0000 32%),linear-gradient(135deg,#050302 0%,#120806 44%,#041711 100%);margin:0;overflow-x:hidden}body:before,body:after{content:"";pointer-events:none;z-index:-1;position:fixed;inset:-20vmax}body:before{background:repeating-conic-gradient(from 12deg, #f5c45a1c 0 8deg, transparent 8deg 18deg), radial-gradient(circle, transparent 42%, #0006 67%);filter:blur(1px);animation:34s linear infinite slow-spin}body:after{background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:46px 46px;animation:16s ease-in-out infinite alternate drift;-webkit-mask-image:radial-gradient(circle,#000,#0000 72%);mask-image:radial-gradient(circle,#000,#0000 72%)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.68}.shell{place-items:center;min-height:100vh;padding:clamp(18px,4vw,48px);display:grid;position:relative}.shell:before{content:"";aspect-ratio:1;border:1px solid #f5c45a33;border-radius:999px;width:min(54vw,520px);animation:4s ease-in-out infinite pulse-ring;position:absolute;transform:rotateX(66deg)rotate(-14deg);box-shadow:inset 0 0 80px #f5c45a0f,0 0 100px #d20f3a1a}.card{background:linear-gradient(145deg, var(--card), #073b2d7a);width:100%;box-shadow:var(--shadow), inset 0 1px 0 #fff2cf14;-webkit-backdrop-filter:blur(22px)saturate(140%);backdrop-filter:blur(22px)saturate(140%);border:1px solid #f5c45a38;border-radius:28px;padding:clamp(22px,4vw,34px);animation:.64s cubic-bezier(.2,.8,.2,1) both rise;position:relative;overflow:hidden}.login-card{width:min(100%,320px);max-width:320px}.card:before{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 0%,#f5c45a14 34%,#0000 62%);animation:7s ease-in-out infinite sheen;position:absolute;inset:0;transform:translate(-58%)}.field{margin-bottom:16px;display:grid}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.input-wrap{display:block;position:relative}input,select{width:100%;color:var(--cream);background:#00000047;border:1px solid #f5c45a3d;border-radius:18px;outline:none;padding:15px 16px;transition:border-color .18s,box-shadow .18s,transform .18s}.password-input{padding-right:52px}input::placeholder{color:#b9a98ad1;letter-spacing:.08em;text-transform:uppercase}select{appearance:none}select option{color:var(--cream);background:#120b08}input:focus,select:focus{border-color:#f5c45acc;transform:translateY(-1px);box-shadow:0 0 0 4px #f5c45a1c,0 0 30px #f5c45a1f}.eye-button{width:38px;height:38px;color:var(--gold);background:#f5c45a14;border:0;border-radius:999px;place-items:center;transition:background .18s,color .18s,box-shadow .18s;display:grid;position:absolute;top:50%;right:9px;transform:translateY(-50%)}.eye-button:hover,.eye-button:focus-visible{color:var(--cream);background:#f5c45a2e;outline:none;box-shadow:0 0 22px #f5c45a24}.eye-button svg{fill:currentColor;width:20px;height:20px}.primary,.ghost{letter-spacing:.03em;border:0;border-radius:999px;min-height:48px;padding:0 24px;font-weight:800}.primary{color:#150b04;background:linear-gradient(135deg, var(--gold), var(--amber) 46%, #ffe59b);width:100%;transition:transform .18s,filter .18s;box-shadow:0 16px 36px #ff8f1f47,inset 0 1px #ffffff80}.primary:hover{filter:saturate(1.2);transform:translateY(-2px)}.ghost{color:var(--cream);background:#ffffff0f;border:1px solid #f5c45a38}.notice{margin:0 0 16px;font-size:.9rem;line-height:1.4}.error{color:var(--danger)}.success{color:var(--green)}.gold{color:var(--gold)}.panel-shell{align-content:center}.single-panel{place-items:center}.panel-grid{z-index:1;grid-template-columns:minmax(280px,.95fr) minmax(280px,1.15fr) minmax(280px,.95fr);align-items:start;gap:18px;width:min(1120px,100%);display:grid;position:relative}.admin-stack{z-index:1;justify-items:center;gap:18px;width:min(100%,760px);display:grid;position:relative}.management-card{gap:18px;display:grid}.management-head{justify-content:space-between;align-items:center;gap:14px;display:flex}.section-label{color:var(--gold);letter-spacing:-.04em;margin:0;font-size:clamp(1.25rem,4vw,2rem);font-weight:950}.inline-form{background:#0000002e;border:1px solid #f5c45a29;border-radius:22px;gap:0;padding:16px;display:grid}.add-user-form{grid-template-columns:1fr 1fr auto;align-items:start;gap:12px}.add-user-form .field,.reset-row .field{margin-bottom:0}.add-user-form .notice{grid-column:1/-1}.add-user-form .primary{min-width:132px}.list-card{min-height:100%}.user-list{gap:12px;display:grid}.user-row{background:#0000003d;border:1px solid #ffffff0f;border-radius:18px;grid-template-columns:1fr auto;align-items:center;gap:8px 12px;padding:14px 15px;display:grid}.user-row span{font-weight:800;display:block}.user-row small{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-top:4px;display:inline-block}.pending{color:var(--gold)!important;display:block!important}.compact{white-space:nowrap;min-height:40px;padding:0 16px;font-size:.84rem}.reset-row{grid-column:1/-1;grid-template-columns:1fr auto;align-items:start;gap:12px;margin-top:6px;display:grid}.reset-row .primary{min-width:150px}.own-password-toggle{width:min(100%,320px)}.password-card{max-width:420px}.urgent-card{border-color:#ff8f1f7a}.user-shell{overflow:hidden}.user-actions{z-index:5;pointer-events:none;justify-content:space-between;gap:16px;display:flex;position:fixed;top:clamp(18px,4vw,42px);left:clamp(18px,4vw,42px);right:clamp(18px,4vw,42px)}.user-top-button{pointer-events:auto;width:auto;min-width:168px}.welcome{text-align:center;letter-spacing:-.08em;color:#0000;background:linear-gradient(120deg, var(--cream), var(--gold), var(--ruby));filter:drop-shadow(0 28px 42px #f5c45a2e);z-index:1;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(3rem,11vw,7rem);font-weight:950;position:relative}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:radial-gradient(circle at 50% 42%,#f5c45a29,#0000 28%),#000000ad;place-items:center;padding:18px;animation:.18s both rise;display:grid;position:fixed;inset:0}.modal-content{width:min(100%,420px);position:relative}.modal-content .password-card{max-width:none}.modal-close{z-index:2;width:42px;height:42px;color:var(--cream);background:#120d0af5;border:1px solid #f5c45a47;border-radius:50%;font-weight:900;position:absolute;top:-14px;right:-14px;box-shadow:0 14px 30px #00000061}.logout{z-index:2;position:fixed;bottom:clamp(18px,4vw,42px);right:clamp(18px,4vw,42px)}.loader{border:3px solid #f5c45a38;border-top-color:var(--gold);border-radius:50%;width:52px;height:52px;animation:.8s linear infinite slow-spin}@keyframes slow-spin{to{transform:rotate(360deg)}}@keyframes drift{to{transform:translate(20px,-18px)scale(1.04)}}@keyframes pulse-ring{50%{opacity:.52;transform:rotateX(66deg)rotate(18deg)scale(1.08)}}@keyframes rise{0%{opacity:0;transform:translateY(18px)scale(.98)}}@keyframes sheen{45%,to{transform:translate(72%)}}@media (width<=980px){.panel-grid{grid-template-columns:1fr;max-width:520px}.add-user-form,.reset-row{grid-template-columns:1fr}.password-card{max-width:none}.logout{justify-self:center;margin-top:18px;position:static}}@media (width<=560px){.shell{padding:16px}.card{border-radius:24px;padding:20px}.shell:before{width:92vw}.primary,.ghost{width:100%}.user-actions{gap:10px;top:14px;left:14px;right:14px}.user-top-button{flex:1;width:auto;min-width:0;padding:0 12px;font-size:.78rem}.welcome{letter-spacing:-.06em;font-size:clamp(2.4rem,15vw,4.2rem)}.modal-close{top:-8px;right:-8px}.management-head{grid-template-columns:1fr;display:grid}.user-row{grid-template-columns:1fr}.compact{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}