:root{--navy:#071b28;--navy2:#0d3449;--gold:#d7ad2a;--gold2:#f4d66a;--paper:#f3f5f6;--muted:#77858e;--line:#dce3e6;--green:#22966a}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#0c202d;background:var(--paper)}button,input{font:inherit}a{text-decoration:none}.installer-page,.login-page{min-height:100vh;background:radial-gradient(circle at 12% 15%,#174c66,transparent 30%),radial-gradient(circle at 90% 80%,rgba(215,173,42,.18),transparent 30%),#061721}.installer-shell,.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(330px,.72fr) minmax(560px,1.28fr)}.installer-brand,.login-visual{padding:70px clamp(35px,6vw,90px);display:flex;flex-direction:column;justify-content:center;color:white;border-right:1px solid rgba(255,255,255,.08)}.installer-brand img,.login-visual img,.panel-sidebar img{width:250px;max-width:100%;mix-blend-mode:screen}.installer-brand>span,.login-visual>span,.login-card>span,.installer-card header>span,.panel-main>header span,.panel-card header span,.next-step span{margin-top:50px;color:var(--gold2);font-size:9px;font-weight:900;letter-spacing:.18em}.installer-brand h1,.login-visual h1{margin:14px 0;font-size:clamp(45px,5vw,76px);line-height:.9;text-transform:uppercase;font-style:italic}.installer-brand h1 em,.login-visual h1 em{color:var(--gold);font-style:normal}.installer-brand p,.login-visual p{color:#9eb0ba;font-size:13px;line-height:1.6}.installer-brand ol{margin:45px 0 0;padding:0;list-style:none;counter-reset:step}.installer-brand li{padding:12px 0;color:#69808d;font-size:10px;font-weight:800;border-bottom:1px solid rgba(255,255,255,.07)}.installer-brand li::before{counter-increment:step;content:"0" counter(step);margin-right:12px;color:#536c7a}.installer-brand li.active{color:white}.installer-brand li.active::before{color:var(--gold)}.installer-card,.login-card{margin:auto;width:min(760px,calc(100% - 50px));padding:46px;border-radius:18px;background:white;box-shadow:0 35px 100px rgba(0,0,0,.32)}.installer-card header>span,.login-card>span{margin:0;color:#9b862d}.installer-card h2,.login-card h2{font-size:30px;margin:9px 0}.installer-card header p,.login-card>p{color:var(--muted);font-size:12px}.installer-card fieldset{margin:27px 0 0;padding:20px;border:1px solid var(--line);border-radius:11px}.installer-card legend{padding:0 8px;color:#8a969d;font-size:8px;font-weight:900;letter-spacing:.14em}.install-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.install-grid .wide{grid-column:1/-1}.installer-card label,.login-card label{display:block;color:#53636d;font-size:9px;font-weight:800}.installer-card input,.login-card input{width:100%;height:45px;margin-top:7px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:#fafbfb;outline:0}.installer-card input:focus,.login-card input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(215,173,42,.12)}.installer-card label small{display:block;margin-top:6px;color:#929da3;font-weight:400}.installer-card button,.login-card button,.install-success a{width:100%;margin-top:25px;padding:15px 18px;border:0;border-radius:9px;background:var(--gold);color:var(--navy);font-size:10px;font-weight:900;cursor:pointer;box-shadow:0 12px 30px rgba(215,173,42,.22)}.installer-card button span,.login-card button span{float:right}.installer-note{text-align:center;color:#9ba5aa;font-size:8px}.install-errors{margin:18px 0;padding:10px 14px;border:1px solid #edc8c5;border-radius:8px;background:#fff4f3;color:#b34c46;font-size:10px}.install-errors p{margin:5px 0}.install-success{text-align:center}.install-success>b{width:78px;height:78px;margin:auto;display:grid;place-items:center;border-radius:50%;background:var(--green);color:white;font-size:34px;box-shadow:0 0 0 12px rgba(34,150,106,.1)}.install-success>span{display:block;margin-top:30px;color:var(--green);font-size:8px;font-weight:900;letter-spacing:.16em}.install-success h2{font-size:36px}.install-success p{color:var(--muted);line-height:1.6}.install-success a{display:block;color:var(--navy)}.login-shell{grid-template-columns:1.1fr .9fr}.login-card{max-width:470px}.login-card form{margin-top:28px}.login-card label{margin-top:15px}.panel-page{min-height:100vh}.panel-sidebar{position:fixed;inset:0 auto 0 0;width:260px;padding:25px 20px;display:flex;flex-direction:column;color:white;background:radial-gradient(circle at 20% 15%,rgba(215,173,42,.12),transparent 25%),var(--navy)}.panel-sidebar img{width:190px;height:72px;object-fit:contain}.panel-sidebar>span{margin:35px 8px 8px;color:#82949f;font-size:8px;letter-spacing:.14em}.panel-sidebar h2{margin:0 8px 30px;text-transform:uppercase;font-style:italic}.panel-sidebar h2 em{color:var(--gold);font-size:27px;font-style:normal}.panel-sidebar nav{display:grid;gap:6px}.panel-sidebar nav a{padding:15px;border-radius:8px;color:#9baab2;font-size:10px;font-weight:700}.panel-sidebar nav a:hover,.panel-sidebar nav a.active{color:white;background:rgba(255,255,255,.07);box-shadow:inset 3px 0 var(--gold)}.panel-sidebar .logout{margin-top:auto;padding:13px;color:#718692;font-size:9px;text-align:center;border-top:1px solid rgba(255,255,255,.08)}.panel-main{margin-left:260px;padding:55px clamp(25px,5vw,70px)}.panel-main>header{display:flex;justify-content:space-between;align-items:center}.panel-main>header span{margin:0;color:#9b862d}.panel-main h1{margin:8px 0 5px;font-size:45px}.panel-main>header p{margin:0;color:var(--muted);font-size:11px}.panel-main>header>b{padding:9px 12px;border-radius:99px;background:#eaf7f1;color:var(--green);font-size:8px;letter-spacing:.1em}.panel-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:35px 0 14px}.panel-stats article,.panel-card,.next-step{padding:22px;border:1px solid var(--line);border-radius:12px;background:white}.panel-stats span{display:block;color:#8b969c;font-size:7px;font-weight:900;letter-spacing:.13em}.panel-stats strong{display:block;margin:12px 0 5px;font-size:23px}.panel-stats small{color:var(--muted);font-size:8px}.panel-card{padding:0;overflow:hidden}.panel-card>header{display:flex;justify-content:space-between;align-items:center;padding:22px}.panel-card header span{margin:0;color:#9b862d}.panel-card h2{margin:6px 0 0}.panel-card header>b{color:#84929a;font-size:8px}.stock-row{display:grid;grid-template-columns:150px 1fr 90px;gap:20px;align-items:center;padding:16px 22px;border-top:1px solid #edf0f2;font-size:10px}.stock-row>div{height:7px;border-radius:99px;background:#e9edef;overflow:hidden}.stock-row i{display:block;height:100%;background:linear-gradient(90deg,#9f7910,var(--gold2))}.stock-row span{color:var(--muted);text-align:right}.next-step{display:flex;align-items:center;gap:16px;margin-top:14px;border-color:#d6eadf;background:#f5fbf8}.next-step>b{width:45px;height:45px;display:grid;place-items:center;border-radius:50%;background:var(--green);color:white}.next-step span{margin:0;color:var(--green)}.next-step h2{margin:5px 0;font-size:18px}.next-step p{margin:0;color:var(--muted);font-size:9px}
@media(max-width:900px){.installer-shell,.login-shell{grid-template-columns:1fr}.installer-brand,.login-visual{min-height:360px;padding:40px}.installer-brand ol{display:none}.installer-card,.login-card{margin:25px auto}.panel-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.installer-brand,.login-visual{min-height:280px}.installer-brand h1,.login-visual h1{font-size:42px}.installer-card,.login-card{width:calc(100% - 24px);padding:25px}.install-grid{grid-template-columns:1fr}.install-grid .wide{grid-column:auto}.panel-sidebar{position:static;width:100%;height:auto}.panel-sidebar nav{grid-template-columns:1fr 1fr}.panel-sidebar .logout{margin-top:15px}.panel-main{margin-left:0;padding:25px 14px}.panel-main>header{align-items:flex-start}.panel-main h1{font-size:34px}.panel-main>header>b{display:none}.panel-stats{grid-template-columns:1fr 1fr}.stock-row{grid-template-columns:1fr 70px}.stock-row>div{grid-column:1/-1;grid-row:2}.panel-card>header{display:block}.panel-card header>b{display:block;margin-top:8px}.next-step{align-items:flex-start}}
.installer-card select{width:100%;height:45px;margin-top:7px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:#fafbfb;color:#0c202d;outline:0;font:inherit}
.smtp-card{margin-top:30px;padding-bottom:24px}.smtp-form{padding:0 22px}.smtp-form label{display:block;color:#53636d;font-size:9px;font-weight:800}.smtp-form input{width:100%;height:45px;margin-top:7px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:#fafbfb;outline:0}.smtp-form button{margin-top:15px;padding:14px 18px;border:0;border-radius:8px;background:var(--gold);color:var(--navy);font-size:9px;font-weight:900;cursor:pointer}.smtp-result{margin:18px 22px 0;padding:14px;border-radius:8px;font-size:10px}.smtp-result.success{color:#19734f;background:#eaf7f1;border:1px solid #cfe9dc}.smtp-result.error{color:#a6443f;background:#fff1f0;border:1px solid #edcdca}
.module-grid{display:grid;grid-template-columns:360px 1fr;gap:16px;margin-top:28px}.module-form{padding:24px}.module-form h2{margin-top:0}.module-form label{display:block;margin-top:13px;color:#5f6c74;font-size:9px;font-weight:bold}.module-form input,.module-form select,.stock-edit input,.generated-box input{width:100%;height:42px;margin-top:6px;padding:0 10px;border:1px solid var(--line);border-radius:7px;background:#fafbfb}.module-form button,.stock-form>button,.data-row button{margin-top:18px;padding:12px 16px;border:0;border-radius:7px;background:var(--gold);font-weight:bold}.data-row{display:grid;grid-template-columns:45px 1fr 130px 90px;gap:12px;align-items:center;padding:15px 22px;border-top:1px solid #edf0f2;font-size:10px}.data-row strong{display:flex;flex-direction:column}.data-row small{color:var(--muted);margin-top:3px}.stock-form{margin-top:28px;padding-bottom:20px}.data-head,.stock-edit{display:grid;grid-template-columns:1fr 140px 140px;gap:15px;align-items:center;padding:14px 22px}.data-head{color:#89949a;background:#f7f9fa;font-size:8px;font-weight:bold}.stock-edit{border-top:1px solid #edf0f2}.stock-form>button{margin-left:22px}.generated-box{display:flex;gap:10px;padding:14px;margin-top:20px;border:1px solid #cfe7da;border-radius:9px;background:#f2faf6}.generated-box input{margin:0}.generated-box a{padding:13px;background:var(--green);color:white;border-radius:7px;white-space:nowrap}.empty-state{padding:30px;text-align:center;color:var(--muted)}.game-page{min-height:100vh;color:white;background:radial-gradient(circle at 20% 10%,#12506c,transparent 30%),#041722}.game-page>header{max-width:1200px;height:100px;margin:auto;padding:10px 25px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1)}.game-page header img{width:210px;height:80px;object-fit:contain;mix-blend-mode:screen}.game-page header b,.game-page main>span{color:var(--gold2);font-size:9px;letter-spacing:.15em}.game-page main{max-width:1200px;margin:auto;padding:55px 25px}.game-page h1{font-size:55px;margin:12px 0}.game-page p{color:#9db0bb}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:35px}.game-card{min-height:260px;padding:25px;border:1px solid var(--gold);border-radius:18px;color:white;background:radial-gradient(circle at 90% 10%,#1476a0,transparent 35%),#092738;box-shadow:0 20px 45px rgba(0,0,0,.3)}.game-card small,.game-card span{display:block;color:#91aab7}.game-card strong{display:block;margin:55px 0 12px;color:var(--gold2);font-size:27px}.game-card.done{background:#f5f6f6;color:var(--navy)}dialog{padding:40px;border:2px solid var(--gold);border-radius:18px;text-align:center}dialog h2{font-size:38px;color:#b58a0d}dialog button{padding:12px 30px;border:0;border-radius:8px;background:var(--gold)}@media(max-width:800px){.module-grid{grid-template-columns:1fr}.game-grid{grid-template-columns:1fr}.data-row{grid-template-columns:1fr 1fr}.stock-edit,.data-head{grid-template-columns:1fr 100px 100px}}