*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #05060f;--bg2: #0c0e1f;--bg3: #111428;--card: #12152a;--card2: #1a1e35;--border: #1e2340;--border-glow: rgba(0, 212, 255, .3);--cyan: #00d4ff;--cyan-dim: rgba(0, 212, 255, .15);--green: #00ff88;--green-dim: rgba(0, 255, 136, .15);--gold: #ffd700;--gold-dim: rgba(255, 215, 0, .15);--pink: #ff6b9d;--pink-dim: rgba(255, 107, 157, .15);--purple: #a855f7;--orange: #ff8c00;--red: #ff4444;--text: #e8eaf6;--text2: #8892b0;--text3: #4a5280;--font-hud: "Orbitron", monospace;--font-body: "Rajdhani", sans-serif;--font-ui: "Inter", sans-serif;--radius: 12px;--radius-lg: 20px;--glow-cyan: 0 0 20px rgba(0, 212, 255, .4), 0 0 60px rgba(0, 212, 255, .1);--glow-green: 0 0 20px rgba(0, 255, 136, .4), 0 0 60px rgba(0, 255, 136, .1);--glow-gold: 0 0 20px rgba(255, 215, 0, .4), 0 0 60px rgba(255, 215, 0, .1)}html,body,#root{height:100%;background:var(--bg);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--cyan)}.app-layout{display:flex;height:100vh;overflow:hidden}@media (max-width: 900px){.app-layout{height:100%;min-height:100dvh;overflow:visible}}.sidebar{width:200px;min-width:200px;background:var(--bg2);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;z-index:10;transition:width .2s ease}.main-content{flex:1;overflow-y:auto;padding:20px;background:var(--bg)}.sidebar-brand{padding:16px 16px 12px;border-bottom:1px solid var(--border);text-align:left}.brand-title{font-family:var(--font-hud);font-size:20px;font-weight:900;letter-spacing:4px;background:linear-gradient(135deg,var(--cyan),var(--green));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand-sub{font-family:var(--font-body);font-size:10px;letter-spacing:2px;color:var(--text3);text-transform:uppercase;margin-top:2px}.nav-section{padding:12px 10px 6px}.sidebar-bottom{margin-top:auto;padding-bottom:12px}.nav-label{font-family:var(--font-hud);font-size:8px;letter-spacing:2px;color:var(--text3);text-transform:uppercase;padding:0 8px;margin-bottom:4px}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;cursor:pointer;font-family:var(--font-body);font-size:13px;font-weight:600;letter-spacing:.5px;color:var(--text2);transition:all .2s;border:1px solid transparent;text-decoration:none;margin-bottom:3px}.nav-item:hover{background:var(--card);color:var(--text);border-color:var(--border)}.nav-item.active{background:var(--cyan-dim);color:var(--cyan);border-color:#00d4ff4d;box-shadow:inset 0 0 20px #00d4ff0d}.nav-item .nav-icon{font-size:17px;width:22px;text-align:center;flex-shrink:0}.nav-item-admin{border-color:#00d4ff33;background:#00d4ff0d}.nav-admin-label{color:var(--cyan);font-family:var(--font-hud);font-size:10px;letter-spacing:2px}.lang-switcher{display:flex;flex-direction:column;gap:4px;padding:2px 0}.lang-btn{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--text2);font-family:var(--font-hud);font-size:10px;letter-spacing:1px;cursor:pointer;transition:all .2s;width:100%;text-align:left}.lang-btn:hover{background:var(--card);color:var(--text)}.lang-btn-active{border-color:#00d4ff80;background:#00d4ff1f;color:var(--cyan)}.lang-flag{font-size:16px;flex-shrink:0}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(0,212,255,.03) 0%,transparent 60%);pointer-events:none}.card-glow-cyan{border-color:#00d4ff4d;box-shadow:var(--glow-cyan)}.card-glow-green{border-color:#00ff884d;box-shadow:var(--glow-green)}.card-glow-gold{border-color:#ffd7004d;box-shadow:var(--glow-gold)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}@media (max-width: 1200px){.grid-4{grid-template-columns:repeat(2,1fr)}}.t-xxl{font-family:var(--font-hud);font-size:32px;line-height:1.1;font-weight:900}.t-xl{font-family:var(--font-hud);font-size:28px;line-height:1.1;font-weight:900}.t-lg{font-family:var(--font-hud);font-size:22px;line-height:1.15;font-weight:900}.t-md{font-family:var(--font-hud);font-size:18px;line-height:1.2;font-weight:700}.t-sm{font-family:var(--font-hud);font-size:14px;line-height:1.3;font-weight:600}.t-xs{font-family:var(--font-hud);font-size:11px;line-height:1.3;letter-spacing:2px;font-weight:500}.row-stack-mobile{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}.row-stack-mobile>*{min-width:0}.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:14px}.card-header>*{min-width:0}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:4px;min-width:0}.stat-card .stat-icon{font-size:22px;margin-bottom:2px;line-height:1}.stat-card .stat-num{font-family:var(--font-hud);font-size:22px;font-weight:900;line-height:1.1;word-break:break-word}.stat-card .stat-lbl{font-family:var(--font-body);font-size:10px;letter-spacing:2px;color:var(--text2);text-transform:uppercase}.stat-card .stat-sub{font-size:10px;color:var(--text3);letter-spacing:1px}.tab-row{display:flex;gap:8px;flex-wrap:wrap}.oblig-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.oblig-cell{display:flex;flex-direction:column;gap:2px;min-width:0}.oblig-cell .oblig-num{font-family:var(--font-hud);font-size:24px;font-weight:900;line-height:1.1;word-break:break-word}.oblig-cell .oblig-lbl{font-size:10px;color:var(--text3);letter-spacing:1px;margin-top:2px}.oblig-cell .oblig-sub{font-size:9px;color:var(--text3)}.mobile-footer,.bottom-nav{display:none}@media (max-width: 900px){.sidebar{display:none!important}.main-content{padding:12px 12px calc(64px + env(safe-area-inset-bottom,0px)) 12px}.bottom-nav{display:flex;align-items:stretch;position:fixed;bottom:0;left:0;right:0;z-index:200;background:var(--bg2);border-top:1px solid var(--border);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:env(safe-area-inset-bottom,0px);min-height:calc(58px + env(safe-area-inset-bottom,0px))}.bottom-nav::-webkit-scrollbar{display:none}.bn-item{flex:1 0 52px;max-width:76px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 4px 8px;color:var(--text3);text-decoration:none;background:transparent;border:none;cursor:pointer;transition:color .15s,background .15s;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;position:relative}.bn-item:after{content:"";position:absolute;bottom:0;left:20%;right:20%;height:2px;border-radius:1px;background:var(--cyan);opacity:0;transition:opacity .15s}.bn-item.active{color:var(--cyan)}.bn-item.active:after{opacity:1}.bn-item.bn-purple.active{color:var(--purple)}.bn-item.bn-purple.active:after{background:var(--purple)}.bn-item.bn-logout{color:var(--text3)}.bn-item.bn-logout:active{color:var(--red)}.bn-item:active{opacity:.75}.bn-icon{font-size:19px;line-height:1.1;display:block}.bn-label{font-size:8px;font-family:var(--font-body);font-weight:600;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:68px}.card{padding:10px;border-radius:14px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr;gap:8px}.grid-4.stat-row{grid-template-columns:1fr 1fr;gap:8px}.mb-24{margin-bottom:10px}.mb-16{margin-bottom:8px}.mb-8{margin-bottom:6px}.row-stack-mobile{flex-direction:column;gap:12px;align-items:stretch}.row-stack-mobile>*{width:100%}.player-card{width:100%;max-width:100%;margin:0 auto}.page-title{font-size:18px;letter-spacing:2px}.page-subtitle{font-size:11px;margin-bottom:10px;letter-spacing:1px}.section-title{font-size:10px;margin-bottom:8px;letter-spacing:2px}.stat-value{font-size:20px}.stat-label{font-size:10px;letter-spacing:1px}.countdown-badge{font-size:9px;padding:5px 8px;letter-spacing:1px}.t-xxl{font-size:22px}.t-xl{font-size:20px}.t-lg{font-size:16px}.t-md{font-size:14px}.t-sm{font-size:12px}.t-xs{font-size:10px;letter-spacing:1.5px}.stat-card{padding:8px 10px;border-radius:12px;gap:2px}.stat-card .stat-icon{font-size:16px;margin-bottom:0}.stat-card .stat-num{font-size:15px}.stat-card .stat-lbl{font-size:9px;letter-spacing:1px}.stat-card .stat-sub{font-size:9px}.oblig-grid{grid-template-columns:1fr 1fr;gap:8px}.oblig-cell{gap:1px}.oblig-cell .oblig-num{font-size:15px}.oblig-cell .oblig-lbl{font-size:9px;letter-spacing:.5px}.oblig-cell .oblig-sub{font-size:8px}.card-header{gap:6px;margin-bottom:10px}.flex.justify-between{flex-wrap:wrap;gap:8px}.flex.gap-8,.flex.gap-12,.flex.gap-16{flex-wrap:wrap}.btn{font-size:10px;padding:7px 10px}.tab-row{gap:6px}.tab-row .btn{flex:1 1 auto;min-width:0}.data-table{font-size:11px}.data-table th{padding:6px;font-size:8px}.data-table td{padding:6px}.card>table.data-table{display:block;overflow-x:auto}.modal{padding:16px;max-width:100vw;width:100%;max-height:calc(100dvh - 80px);border-radius:20px 20px 0 0;border-bottom:none}.modal-overlay{padding:0;align-items:flex-end;padding-bottom:env(safe-area-inset-bottom,0px)}.form-group{margin-bottom:10px}.talent-tag{font-size:9px!important;padding:3px 7px!important}.badge{font-size:9px;padding:3px 7px}}.page-title{font-family:var(--font-hud);font-size:24px;font-weight:900;letter-spacing:4px;text-transform:uppercase;margin-bottom:2px}.page-subtitle{font-family:var(--font-body);font-size:12px;letter-spacing:2px;color:var(--text2);text-transform:uppercase;margin-bottom:16px}.section-title{font-family:var(--font-hud);font-size:11px;letter-spacing:3px;color:var(--text2);text-transform:uppercase;margin-bottom:12px}.stat-value{font-family:var(--font-hud);font-size:32px;font-weight:900;line-height:1}.stat-label{font-family:var(--font-body);font-size:11px;letter-spacing:2px;color:var(--text2);text-transform:uppercase;margin-top:4px}.player-card{width:220px;background:linear-gradient(160deg,#1a1e35,#0c0e1f 40%,#0a0c1a);border-radius:16px;border:1px solid rgba(0,212,255,.4);box-shadow:0 0 40px #00d4ff33,0 20px 60px #000c;overflow:hidden;position:relative;cursor:pointer;transition:transform .3s,box-shadow .3s}.player-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 0 60px #00d4ff59,0 30px 80px #000000e6}.player-card-header{background:linear-gradient(135deg,#00d4ff22,#0f81);padding:12px 16px 8px;border-bottom:1px solid rgba(0,212,255,.2);display:flex;justify-content:space-between;align-items:flex-start}.player-rating{font-family:var(--font-hud);font-size:42px;font-weight:900;color:var(--gold);line-height:1;text-shadow:var(--glow-gold)}.player-position{font-family:var(--font-hud);font-size:11px;letter-spacing:2px;color:var(--cyan);margin-top:2px}.player-flag{font-size:28px;line-height:1}.player-avatar-area{height:140px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,transparent,rgba(0,212,255,.05));position:relative}.player-avatar-placeholder{width:90px;height:90px;border-radius:50%;border:3px solid var(--cyan);box-shadow:var(--glow-cyan);display:flex;align-items:center;justify-content:center;font-size:40px;background:var(--bg3)}.player-card-name{text-align:center;padding:8px 12px;border-bottom:1px solid rgba(0,212,255,.15)}.player-name{font-family:var(--font-hud);font-size:18px;font-weight:900;letter-spacing:3px;color:var(--text);text-transform:uppercase}.player-club{font-family:var(--font-body);font-size:11px;letter-spacing:2px;color:var(--cyan);margin-top:2px}.player-stats-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1px;background:#00d4ff1a;padding:12px}.player-stat{text-align:center}.player-stat-num{font-family:var(--font-hud);font-size:18px;font-weight:700;color:var(--cyan)}.player-stat-key{font-family:var(--font-body);font-size:9px;letter-spacing:1px;color:var(--text3);text-transform:uppercase}.stat-bar-wrap{margin-bottom:8px}.stat-bar-header{display:flex;justify-content:space-between;margin-bottom:4px;font-family:var(--font-body);font-size:13px;font-weight:600;letter-spacing:1px}.stat-bar-track{height:6px;background:var(--bg3);border-radius:3px;overflow:hidden}.stat-bar-fill{height:100%;border-radius:3px;transition:width 1s ease}.countdown-badge{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--gold-dim),transparent);border:1px solid rgba(255,215,0,.4);border-radius:8px;padding:8px 16px;font-family:var(--font-hud);font-size:13px;color:var(--gold);letter-spacing:2px}.data-table{width:100%;border-collapse:collapse;font-family:var(--font-body);font-size:14px}.data-table th{font-family:var(--font-hud);font-size:9px;letter-spacing:2px;color:var(--text3);text-transform:uppercase;text-align:left;padding:10px 12px;border-bottom:1px solid var(--border)}.data-table td{padding:12px;border-bottom:1px solid rgba(30,35,64,.5);color:var(--text);font-weight:500}.data-table tr:hover td{background:#00d4ff0a}.data-table tr:last-child td{border-bottom:none}.amount-pos{color:var(--green);font-family:var(--font-hud);font-weight:700}.amount-neg{color:var(--red);font-family:var(--font-hud);font-weight:700}.amount-neutral{color:var(--cyan);font-family:var(--font-hud);font-weight:700}.badge{display:inline-block;padding:3px 10px;border-radius:20px;font-family:var(--font-body);font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.badge-cyan{background:var(--cyan-dim);color:var(--cyan);border:1px solid rgba(0,212,255,.3)}.badge-green{background:var(--green-dim);color:var(--green);border:1px solid rgba(0,255,136,.3)}.badge-gold{background:var(--gold-dim);color:var(--gold);border:1px solid rgba(255,215,0,.3)}.badge-pink{background:var(--pink-dim);color:var(--pink);border:1px solid rgba(255,107,157,.3)}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--radius);font-family:var(--font-hud);font-size:12px;letter-spacing:2px;font-weight:700;text-transform:uppercase;cursor:pointer;border:none;transition:all .2s}.btn-cyan{background:linear-gradient(135deg,var(--cyan),#0099bb);color:#000;box-shadow:0 4px 20px #00d4ff66}.btn-cyan:hover{box-shadow:0 4px 30px #00d4ff99;transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--cyan);border:1px solid rgba(0,212,255,.4)}.btn-outline:hover{background:var(--cyan-dim)}.btn-green{background:linear-gradient(135deg,var(--green),#00bb66);color:#000;box-shadow:0 4px 20px #0f86}.btn-green:hover{box-shadow:0 4px 30px #0f89;transform:translateY(-1px)}.btn-gold{background:linear-gradient(135deg,var(--gold),#e6b800);color:#000;box-shadow:0 4px 20px #ffd70066}.btn-gold:hover{box-shadow:0 4px 30px #ffd70099;transform:translateY(-1px)}.form-group{margin-bottom:16px}.form-label{display:block;font-family:var(--font-hud);font-size:10px;letter-spacing:2px;color:var(--text2);text-transform:uppercase;margin-bottom:6px}.form-input,.form-select,.form-textarea{width:100%;background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px;color:var(--text);font-family:var(--font-body);font-size:15px;font-weight:500;transition:border-color .2s,box-shadow .2s;outline:none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #00d4ff1a}.form-select{cursor:pointer}.form-select option{background:var(--bg3)}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent);margin:24px 0}.scanlines:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);pointer-events:none;z-index:9999}.corner-accent:after{content:"";position:absolute;top:0;right:0;width:40px;height:40px;background:linear-gradient(225deg,rgba(0,212,255,.3),transparent 50%);border-top-right-radius:var(--radius-lg)}.progress-ring{transform:rotate(-90deg)}.progress-ring-circle{transition:stroke-dashoffset 1s ease}.talent-tag{display:inline-block;padding:4px 12px;background:linear-gradient(135deg,#a855f733,#00d4ff1a);border:1px solid rgba(168,85,247,.3);border-radius:20px;font-family:var(--font-body);font-size:12px;font-weight:600;color:var(--purple);letter-spacing:.5px;margin:3px}.glow-cyan{color:var(--cyan);text-shadow:0 0 20px rgba(0,212,255,.8)}.glow-green{color:var(--green);text-shadow:0 0 20px rgba(0,255,136,.8)}.glow-gold{color:var(--gold);text-shadow:0 0 20px rgba(255,215,0,.8)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-4{gap:4px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-24{gap:24px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.mb-32{margin-bottom:32px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.w-full{width:100%}.text-right{text-align:right}.text-center{text-align:center}.opacity-50{opacity:.5}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.6}}@keyframes slide-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scan{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.animate-in{animation:slide-in .4s ease forwards}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;overflow-y:auto}.modal{background:var(--card2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;max-width:520px;width:100%;max-height:calc(100dvh - 48px);overflow-y:auto;box-shadow:0 40px 120px #000000e6;animation:slide-in .3s ease}.modal-title{font-family:var(--font-hud);font-size:16px;letter-spacing:3px;color:var(--cyan);text-transform:uppercase;margin-bottom:20px}.landing-nav{display:flex;align-items:center;justify-content:space-between;padding:14px 32px;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;background:#05060ff0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);gap:12px}.landing-nav-links{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.landing-nav-pricing{background:none;border:none;font-size:12px;color:var(--text2);cursor:pointer;font-family:var(--font-hud);letter-spacing:1px}.landing-hero-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.landing-footer{border-top:1px solid var(--border);padding:28px 32px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}@media (max-width: 600px){.landing-nav{padding:12px 16px}.landing-nav-pricing{display:none}.landing-nav-links{gap:10px}.landing-hero-btns{flex-direction:column;align-items:center}.landing-hero-btns .btn{width:100%;max-width:320px}.landing-footer{padding:20px 16px;flex-direction:column;align-items:flex-start;gap:12px}}