:root{font-family:"Segoe UI Variable",Inter,"Segoe UI",sans-serif;color:#edf3ff;background:#070b17;color-scheme:dark;--ink:#f7f9ff;--muted:#94a3b8;--line:rgba(255,255,255,.1)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 12% 14%,rgba(91,66,231,.22),transparent 30%),radial-gradient(circle at 86% 78%,rgba(19,187,222,.12),transparent 29%),#070b17}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.25;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:44px 44px}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(390px,1.1fr) minmax(420px,.9fr)}.auth-showcase{min-height:100vh;padding:clamp(44px,7vw,100px);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative;background:linear-gradient(145deg,rgba(13,20,42,.65),rgba(7,11,23,.15))}.auth-showcase:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(117,87,255,.28);border-radius:50%;right:-190px;top:12%;box-shadow:0 0 0 70px rgba(117,87,255,.05),0 0 0 140px rgba(33,212,253,.025)}.brand-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;color:#fff;font-weight:900;font-size:22px;background:linear-gradient(145deg,#8b6cff,#4e35e7 55%,#20c9ef);box-shadow:0 14px 35px rgba(96,68,239,.35)}.auth-showcase h1{font-size:clamp(46px,5vw,78px);line-height:.98;letter-spacing:-.055em;max-width:780px;margin:20px 0 28px}.auth-showcase h1 span{color:transparent;background:linear-gradient(90deg,#9d89ff,#32d6f3);background-clip:text}.auth-showcase>div>p:not(.eyebrow){font-size:18px;line-height:1.7;max-width:620px;color:#aab8cc}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:#8dcbff;font-weight:800;font-size:11px;margin:0}.showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:700px;z-index:1}.showcase-grid article{display:grid;gap:20px;padding:18px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.035)}.showcase-grid b{color:#8b75ff;font-size:12px}.showcase-grid span{font-size:13px;font-weight:650;color:#d5ddea}.showcase-foot{font-size:12px;color:#65758d}.auth-card{align-self:center;width:min(520px,calc(100% - 48px));justify-self:center;background:linear-gradient(145deg,rgba(22,30,55,.92),rgba(13,19,38,.92));border:1px solid rgba(255,255,255,.12);border-radius:28px;padding:clamp(28px,4vw,48px);box-shadow:0 40px 100px rgba(0,0,0,.42);backdrop-filter:blur(24px)}.auth-title{font-size:36px;letter-spacing:-.04em;margin:10px 0 8px}.mobile-brand{display:none}.muted{color:var(--muted);line-height:1.6;margin-bottom:24px}h1{margin:.3rem 0 1rem}h2{font-size:20px;margin-top:24px}label{display:grid;gap:8px;margin:16px 0;font-weight:700;font-size:13px;color:#dce5f4}input,select{width:100%;padding:13px 14px;border:1px solid rgba(255,255,255,.14);border-radius:11px;font:inherit;color:#f7f9ff;background:rgba(4,9,20,.65);outline:0;transition:.2s}input:focus,select:focus{border-color:#836bff;box-shadow:0 0 0 4px rgba(118,87,255,.14)}input[readonly]{background:rgba(255,255,255,.04);color:#9babbd}button{border:1px solid transparent;border-radius:11px;background:linear-gradient(135deg,#7657ff,#5940e6);color:#fff;padding:13px 19px;font-weight:800;cursor:pointer;box-shadow:0 10px 25px rgba(89,64,230,.24);transition:.18s}button:hover{transform:translateY(-1px);filter:brightness(1.1)}.secondary{background:rgba(255,255,255,.07);border-color:var(--line);color:#dce5f4;box-shadow:none}.status{min-height:22px;color:#ff7c8a;font-size:13px}.status.ok{color:#40dfad}hr{border:0;border-top:1px solid var(--line);margin:28px 0}.language-row{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-bottom:26px}.language-row label{margin:0;color:#8190a7;font-size:11px}.language-row select{width:auto;padding:7px 10px}.button-row,.admin-nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.admin-shell{max-width:1240px;margin:auto;padding:38px 28px 80px;position:relative}.admin-top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:30px;border-bottom:1px solid var(--line)}.admin-heading{display:flex;align-items:center;gap:18px}.admin-heading h1{font-size:clamp(28px,4vw,44px);letter-spacing:-.04em;margin:6px 0 0}.admin-nav label{display:flex;align-items:center;gap:7px;margin:0}.admin-nav select{width:auto;padding:9px}.admin-nav a{color:#c9d3e5;text-decoration:none;padding:11px 15px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.04);font-weight:750;font-size:13px}.admin-shell>p{color:var(--muted);margin:26px 0;max-width:780px;line-height:1.65}.user-card{background:linear-gradient(145deg,rgba(23,31,55,.85),rgba(12,19,37,.8));border:1px solid var(--line);border-radius:18px;padding:22px;margin:14px 0;box-shadow:0 18px 50px rgba(0,0,0,.15)}.user-card>strong{font-size:18px}.user-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:18px 0}.user-details div{padding:12px;border:1px solid rgba(255,255,255,.065);border-radius:10px;background:rgba(255,255,255,.025)}.user-details dt{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#74839a}.user-details dd{margin:5px 0 0;font-weight:700;color:#dae4f2}.user-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.user-actions input{max-width:330px}.danger{background:linear-gradient(135deg,#e43d52,#b51e32)}.badge{display:inline-block;padding:5px 10px;border-radius:99px;background:rgba(118,87,255,.14);border:1px solid rgba(134,110,255,.2);color:#b9aaff;margin-left:8px;font-size:11px;font-weight:800}.admin-dialog{color:#f7f9ff;background:#11182b;border:1px solid var(--line);border-radius:20px;padding:26px;width:min(440px,calc(100% - 32px));box-shadow:0 30px 100px #000a}.admin-dialog::backdrop{background:#02050dcc;backdrop-filter:blur(8px)}@media(max-width:900px){.auth-shell{grid-template-columns:1fr}.auth-showcase{display:none}.auth-card{margin:32px auto}.mobile-brand{display:flex;align-items:center;gap:12px;margin-bottom:30px}.mobile-brand .brand-mark{width:38px;height:38px;font-size:17px}}@media(max-width:700px){.admin-top{align-items:flex-start;flex-direction:column}.admin-nav{width:100%}.admin-shell{padding:24px 16px}.button-row button{width:100%}}@media(max-width:480px){.auth-card{width:calc(100% - 24px);padding:24px;border-radius:22px}.language-row{align-items:flex-start}.auth-title{font-size:31px}}