@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700;800&display=swap');
:root{--pink:#e91579;--pink2:#b40052;--pink3:#fff0f7;--gold:#d9a441;--gold2:#f3d27d;--ink:#2d1824;--muted:#786572;--bg:#fff9fc;--card:#fff;--line:#efd7e2;--shadow:0 18px 45px rgba(170,20,90,.10);--radius:18px}
*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:linear-gradient(180deg,#fff 0,#fff9fc 100%);min-height:100vh}a{color:var(--pink2);text-decoration:none}button,input,select,textarea{font:inherit}
.site-header{height:78px;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5vw;position:sticky;top:0;z-index:20}.nav{display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:10px;font-family:'Playfair Display';font-weight:800;font-size:25px;color:var(--pink2)}.brand-mark{color:var(--gold);font-size:30px}.brand small{display:block;font:600 11px 'DM Sans';letter-spacing:3px;color:#9a7181}
.nav a{font-weight:700;color:#5b3949}.nav a:hover{color:var(--pink)}
.container{width:min(1240px,92%);margin:auto}.announcement{background:linear-gradient(90deg,var(--pink2),var(--pink));color:#fff;padding:11px;text-align:center;font-weight:700}
.hero{margin:28px 0;padding:55px 7%;min-height:510px;border-radius:28px;position:relative;overflow:hidden;background:linear-gradient(120deg,#fff,#fff0f7);box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:center}.hero-art{position:absolute;right:2%;bottom:0;width:48%;max-height:95%;object-fit:contain}.hero h1{font:800 clamp(48px,7vw,92px)/.95 'Playfair Display';max-width:650px;position:relative;margin:0}.hero h1 span{color:var(--pink)}.hero p{font-size:18px;max-width:560px;position:relative}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;position:relative}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:12px;padding:12px 18px;font-weight:800;cursor:pointer}.btn-primary{background:linear-gradient(135deg,var(--pink),var(--pink2));color:#fff;box-shadow:0 10px 22px rgba(185,0,82,.2)}.btn-gold{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#3d2600}.btn-outline{background:#fff;color:var(--pink2);border-color:var(--line)}.btn-danger{background:#b42318;color:#fff}.btn-small{padding:7px 10px;font-size:12px}.section{padding:32px 0}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:15px}.section h2{font:700 30px 'Playfair Display';margin:0}.game-grid,.promo-grid,.kpis{display:grid;gap:16px}.game-grid{grid-template-columns:repeat(5,1fr)}.game-card,.promo,.panel,.kpi{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.game-card{overflow:hidden}.game-art{height:150px;background:linear-gradient(135deg,#ffe1ef,#fff);display:grid;place-items:center;color:var(--pink2);font:700 18px 'Playfair Display'}.game-info{padding:14px}.game-info strong,.game-info small{display:block}.game-info small{color:var(--muted);margin-top:4px}.promo-grid{grid-template-columns:1fr 1fr}.promo{padding:22px;position:relative;overflow:hidden}.promo-art{width:130px;height:100px;object-fit:contain;float:right}.promo.gold{background:linear-gradient(135deg,#fff9e8,#fff)}.auth-page{min-height:100vh;display:grid;place-items:center;padding:30px;background:radial-gradient(circle at top right,#ffe1ef,transparent 40%),#fff9fc}.auth-card{width:min(520px,92%);background:#fff;border:1px solid var(--line);border-radius:24px;padding:34px;box-shadow:var(--shadow)}.auth-brand{font:800 28px 'Playfair Display';color:var(--pink2);margin-bottom:20px}.field{margin-bottom:15px}.field label{display:block;font-weight:700;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff;outline:none}.field textarea{min-height:110px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--pink)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.full{grid-column:1/-1}.app-shell{display:flex;min-height:calc(100vh - 78px)}.sidebar{width:250px;flex:none;background:linear-gradient(180deg,#fff,#fff5fa);border-right:1px solid var(--line);padding:20px 14px;position:sticky;top:0;height:100vh;overflow:auto}.sidebar .brand{padding:5px 10px 18px;border-bottom:1px solid var(--line);margin-bottom:12px}.side-link{display:block;padding:11px 12px;border-radius:10px;color:#5c4050;font-weight:700;margin:3px 0}.side-link:hover,.side-link.active{background:linear-gradient(90deg,#ffe4f1,#fff);color:var(--pink2)}.side-link.logout{margin-top:15px;color:#a33}.app-main{min-width:0;flex:1}.topbar{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;padding:0 24px;position:sticky;top:0;z-index:10}.topbar span{margin-left:auto;color:var(--muted)}.content{padding:28px;max-width:1500px;margin:auto}.content h1{font:700 38px 'Playfair Display';margin:0 0 20px}.content h2{font:700 24px 'Playfair Display'}.panel{padding:20px;margin-bottom:18px}.kpis{grid-template-columns:repeat(4,1fr);margin-bottom:18px}.kpi{padding:20px}.kpi small{color:var(--muted);display:block}.kpi strong{font:800 30px 'Playfair Display';display:block;margin-top:8px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}.table th{font-size:12px;text-transform:uppercase;color:var(--muted);letter-spacing:.6px}.badge{display:inline-block;padding:5px 9px;border-radius:999px;background:#fff0f7;color:var(--pink2);font-size:12px;font-weight:800}.notice{padding:13px 16px;background:#fff7e1;border:1px solid #f1d48c;border-radius:12px;margin-bottom:18px}.alert{padding:12px 14px;border-radius:10px;margin:12px 0}.alert-success{background:#ecfdf3;color:#067647}.alert-error{background:#fff0f0;color:#b42318}.toast{position:fixed;right:20px;top:20px;z-index:100;padding:13px 18px;border-radius:12px;background:#fff;box-shadow:var(--shadow);border:1px solid var(--line)}.toast-success{border-color:#9ce0bb}.inline{display:inline-flex;gap:7px;align-items:center}.site-footer{padding:30px 5vw;border-top:1px solid var(--line);display:flex;gap:25px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:#fff}.site-footer span{margin-left:10px;color:var(--muted)}.footer-links{display:flex;gap:15px}.empty{padding:35px;text-align:center;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.check{display:flex;align-items:center;gap:8px}.check input{width:auto}.mobile-only{display:none}
@media(max-width:1000px){.game-grid{grid-template-columns:repeat(3,1fr)}.kpis{grid-template-columns:repeat(2,1fr)}.hero-art{opacity:.35;width:65%}}
@media(max-width:760px){.sidebar{position:fixed;left:-270px;z-index:50;transition:.2s}.sidebar.open{left:0}.content{padding:18px}.form-grid,.promo-grid,.stats{grid-template-columns:1fr}.game-grid{grid-template-columns:repeat(2,1fr)}.hero{min-height:460px;padding:35px 25px}.hero-art{width:90%;right:-20%;opacity:.25}.topbar{padding:0 15px}.site-header{padding:0 18px}.nav a:not(.btn){display:none}}