:root{color:#9aa3b2;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(#05070b2e,#030407d1),url(/forest-moon.png) 50%/cover no-repeat fixed;min-height:100vh;margin:0}#root{place-items:center;height:100vh;padding:24px;display:grid;overflow:hidden}.card{text-align:center;background:#04060ab8;border:1px solid #848ea047;border-radius:20px;width:min(840px,100%);padding:40px 28px;box-shadow:0 20px 60px #000000ad}.badge{color:#8a93a3;letter-spacing:.08em;text-transform:uppercase;background:#3c434f8c;border:1px solid #69728066;border-radius:999px;margin-bottom:16px;padding:7px 14px;font-size:.82rem;display:inline-block}h1{color:#98a2b3;margin:0 0 10px;font-size:clamp(2rem,5vw,3.1rem)}.subtext{color:#7e8796;margin:0 0 22px}.loginForm{gap:12px;margin-top:14px;display:grid}input{color:#cbd5e1;background:#0f1218cc;border:1px solid #4a5568;border-radius:10px;outline:none;width:100%;padding:12px 14px}input::placeholder{color:#6b7280}button{color:#d1d5db;cursor:pointer;background:#1f2937e6;border:1px solid #4b5563;border-radius:10px;padding:12px 16px}button:disabled{opacity:.65;cursor:default}.error{color:#f87171;margin:0;font-size:.95rem}.mainpage{width:min(980px,100%)}.header{justify-content:flex-end;gap:10px;margin-bottom:14px;display:flex}.pageShell{grid-template-rows:auto 1fr auto;gap:12px;width:min(1100px,100%);height:100%;display:grid}.headerTop{margin-top:0}.headerActions{gap:10px;display:flex}.brandTitle{color:#b7bfcd;padding:10px 12px;font-weight:600}.mainContent{align-items:stretch;min-height:0;display:grid;overflow:auto}.emptyState{place-items:center;gap:18px;min-height:280px;display:grid}.pageLayout{grid-template-rows:1fr auto;display:grid}.footer{color:#7e8796;border-top:1px solid #848ea047;padding-top:14px;font-size:.95rem}.footerBottom{text-align:center}.menuCard{text-align:left;background:#080c148c;border:1px solid #848ea047;border-radius:14px;width:min(680px,100%);padding:16px}.menuHeader{align-items:center;gap:12px;display:flex}.menuHeader h2{color:#a6b0c2;margin:0 0 4px}.menuIcon{background:#1f2937cc;border-radius:10px;place-items:center;width:42px;height:42px;font-size:1.2rem;display:grid}.iconTrigger{align-items:center;gap:10px;margin-top:8px;display:inline-flex}.actionRow{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.actionSuccess{color:#93c5fd;margin-top:10px}