:root{
  color-scheme:dark;
  --bg:#030814;
  --bg-soft:#07101f;
  --panel:#081426;
  --panel-2:#0b1a30;
  --panel-3:#0f2340;
  --line:rgba(67,163,255,.20);
  --line-soft:rgba(255,255,255,.065);
  --text:#eef7ff;
  --text-2:#c5d6e8;
  --muted:#7f98b2;
  --cyan:#22d9ff;
  --blue:#248cff;
  --blue-2:#4265ff;
  --lilac:#b7aaff;
  --green:#30e69a;
  --red:#ff5770;
  --orange:#ff9c48;
  --gold:#f3c95f;
  --sidebar:214px;
  --rail:310px;
  --topbar:64px;
  --radius-xl:24px;
  --radius-lg:18px;
  --radius-md:13px;
  --shadow:0 22px 60px rgba(0,0,0,.34);
  --shadow-soft:0 10px 28px rgba(0,0,0,.24);
}
*{box-sizing:border-box}
html{min-height:100%;scroll-behavior:smooth;background:var(--bg)}
body{margin:0;min-height:100vh;background:
  radial-gradient(circle at 22% -8%,rgba(32,137,255,.11),transparent 33%),
  radial-gradient(circle at 82% 6%,rgba(126,85,255,.08),transparent 27%),
  linear-gradient(145deg,#020611,#06101f 52%,#030814);
  color:var(--text);font-family:Inter,"Pretendard","Noto Sans KR","Segoe UI",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
button,input,select,textarea{font:inherit}
a{color:inherit}
img{max-width:100%;display:block}
button{cursor:pointer}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sep-app{min-height:100vh}
.app-shell{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:100vh}
.sidebar{position:fixed;z-index:90;inset:0 auto 0 0;width:var(--sidebar);background:linear-gradient(180deg,rgba(4,13,26,.985),rgba(2,8,17,.985));border-right:1px solid var(--line);padding:12px 12px 16px;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(65,160,255,.35) transparent}
.sidebar-brand{display:flex;align-items:center;gap:10px;padding:2px 2px 15px;border-bottom:1px solid var(--line-soft);text-decoration:none;min-height:70px}
.brand-logo{width:54px;height:54px;object-fit:cover;border-radius:50%;border:1px solid rgba(76,197,255,.35);box-shadow:0 0 25px rgba(40,176,255,.14);flex:0 0 54px}
.brand-copy{min-width:0}.brand-copy strong{display:block;font-size:15px;letter-spacing:-.02em;white-space:nowrap}.brand-copy small{display:block;color:#86a7c6;font-weight:750;font-size:9px;letter-spacing:.11em;margin-top:4px;white-space:nowrap}
.side-nav{display:grid;gap:4px;margin-top:13px}.side-nav a{display:flex;align-items:center;gap:11px;min-height:42px;border:1px solid transparent;border-radius:11px;padding:0 11px;text-decoration:none;color:#c4d5e7;font-size:13px;font-weight:760;transition:.18s ease}.side-nav a:hover{background:rgba(31,117,205,.10);color:#fff}.side-nav a.active{border-color:rgba(44,184,255,.40);background:linear-gradient(90deg,rgba(20,125,226,.19),rgba(17,45,83,.16));color:#fff;box-shadow:inset 3px 0 0 var(--cyan)}
.nav-icon{width:20px;height:20px;display:grid;place-items:center;color:#55caff;font-size:14px;flex:0 0 20px}.nav-break{height:1px;background:var(--line-soft);margin:7px 4px}
.sidebar-card{margin-top:12px;padding:14px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,rgba(12,37,65,.72),rgba(7,18,34,.72));box-shadow:var(--shadow-soft)}
.sidebar-card h3{margin:0 0 6px;font-size:12px;color:var(--cyan);letter-spacing:-.01em}.sidebar-card p{margin:0;color:#a8bfd6;font-size:10.5px;line-height:1.65}.side-link{margin-top:10px;display:flex;align-items:center;justify-content:center;min-height:34px;border:1px solid rgba(58,173,255,.32);border-radius:9px;text-decoration:none;color:#55d7ff;font-size:10.5px;font-weight:850}.side-link.gold{color:#ffe18a;border-color:rgba(243,201,95,.33)}
.sidebar-spacer{flex:1}.sidebar-foot{padding:12px 5px 2px;color:#57728e;font-size:9px;line-height:1.5}
.workspace{grid-column:2;min-width:0}.topbar{position:sticky;z-index:80;top:0;height:var(--topbar);display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:rgba(3,10,20,.90);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);box-shadow:0 10px 24px rgba(0,0,0,.16)}
.top-nav{display:flex;align-items:stretch;height:100%;gap:4px}.top-nav a{position:relative;display:flex;align-items:center;padding:0 14px;text-decoration:none;color:#bed0e2;font-size:12px;font-weight:800}.top-nav a:hover,.top-nav a.active{color:#fff}.top-nav a.active::after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:2px;background:linear-gradient(90deg,var(--blue),var(--cyan));box-shadow:0 0 9px rgba(36,170,255,.7)}
.top-tools{display:flex;gap:8px;align-items:center}.tool-btn,.lang-select,.role-select{min-height:38px;border:1px solid var(--line);border-radius:10px;background:rgba(8,23,43,.75);color:#dcecff;padding:0 11px;font-size:11px;font-weight:780}.tool-btn{display:inline-flex;align-items:center;gap:7px;text-decoration:none}.tool-btn.vip{color:#ffe08a;border-color:rgba(243,201,95,.32);background:rgba(66,46,9,.21)}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px rgba(48,230,154,.65)}
.mobile-menu-btn{display:none;border:0;background:none;color:#fff;font-size:24px}.mobile-bottom-nav{display:none}
.page-grid{display:grid;grid-template-columns:minmax(0,1fr) var(--rail);min-height:calc(100vh - var(--topbar))}.main-column{min-width:0;padding:14px 12px 24px 14px}.right-rail{padding:14px 14px 24px 0;min-width:0}.content-width{max-width:1760px;margin:0 auto}
.card{border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(155deg,rgba(9,23,43,.92),rgba(5,13,25,.91));box-shadow:var(--shadow-soft);overflow:hidden}.card.pad{padding:17px}.card.no-shadow{box-shadow:none}.card-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.card-title h2,.card-title h3{margin:0;font-size:16px;letter-spacing:-.025em}.card-title p{margin:3px 0 0;color:var(--muted);font-size:10px}.section-title{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:12px 2px 9px}.section-title h2{margin:0;font-size:17px;letter-spacing:-.035em}.section-title p{margin:3px 0 0;color:var(--muted);font-size:10px}.section-link{font-size:10px;color:#5ecfff;text-decoration:none;font-weight:800}.subtle{color:var(--muted)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 15px;border-radius:10px;border:1px solid var(--line);background:rgba(10,31,57,.78);color:#edf7ff;text-decoration:none;font-size:11px;font-weight:860;transition:.18s ease}.btn:hover{transform:translateY(-1px);border-color:rgba(73,190,255,.5)}.btn.primary{border:0;background:linear-gradient(135deg,#1479ff,#25c8ff);box-shadow:0 10px 24px rgba(24,147,255,.22)}.btn.gold{border:0;background:linear-gradient(135deg,#9c6f12,#f8d266);color:#150f00}.btn.danger{border-color:rgba(255,87,112,.35);background:rgba(255,87,112,.10);color:#ff9daa}.btn.small{min-height:30px;padding:0 10px;font-size:9.5px}.btn.block{width:100%}.icon-btn{width:36px;height:36px;border-radius:11px;border:1px solid var(--line);background:rgba(9,25,45,.8);color:#dff4ff;display:grid;place-items:center}
.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:999px;border:1px solid var(--line-soft);background:rgba(255,255,255,.045);font-size:9px;font-weight:900;white-space:nowrap}.badge.live{background:#ff2d4c;color:#fff;border-color:#ff2d4c}.badge.hit{color:#61f3aa;border-color:rgba(48,230,154,.25);background:rgba(48,230,154,.09)}.badge.miss{color:#ff8597;border-color:rgba(255,87,112,.25);background:rgba(255,87,112,.09)}.badge.push{color:#ffd977;border-color:rgba(243,201,95,.25);background:rgba(243,201,95,.08)}.badge.low{color:#59f3ae}.badge.medium{color:#ffd36c}.badge.high{color:#ff8898}.badge.elite{border:0;background:linear-gradient(135deg,#a06f10,#ffe8a0);color:#1d1300}
.hero{position:relative;min-height:424px;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#030814;box-shadow:var(--shadow);isolation:isolate}.hero-visual{position:absolute;z-index:0;left:31%;right:-7%;top:-8%;bottom:-8%;background-image:url('./media/ai-hero.webp');background-position:left center;background-size:cover;background-repeat:no-repeat;filter:brightness(1.12) saturate(1.18) contrast(1.08);opacity:.98;transform:scale(1.03);transform-origin:center;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.50) 8%,#000 24%,#000 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.50) 8%,#000 24%,#000 100%);pointer-events:none}.hero::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(2,8,19,.93) 0%,rgba(3,10,23,.82) 32%,rgba(2,8,18,.25) 55%,rgba(2,8,18,.08) 100%),linear-gradient(0deg,rgba(2,7,15,.32),transparent 45%)}.hero::after{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 30% 24%,rgba(40,206,255,.08),transparent 34%),radial-gradient(circle at 71% 25%,rgba(183,170,255,.10),transparent 31%);pointer-events:none}.hero-inner{position:relative;z-index:5;min-height:424px;display:grid;grid-template-columns:minmax(0,1fr) 236px;gap:19px;align-items:center;padding:24px 24px 22px}.hero-copy{max-width:760px;transition:opacity .35s ease,transform .35s ease,filter .35s ease}.hero-copy.is-changing{opacity:.12;transform:translateY(7px);filter:blur(4px)}.hero-copy-enter{animation:heroCopyEnter .65s cubic-bezier(.2,.8,.2,1)}@keyframes heroCopyEnter{from{opacity:0;transform:translateY(12px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(62,197,255,.30);border-radius:999px;background:rgba(7,27,47,.62);padding:7px 12px;color:#c9f5ff;font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.hero-eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 13px rgba(48,230,154,.72)}
.hero-title{margin:15px 0 10px;font-size:clamp(38px,4.3vw,70px);line-height:.98;letter-spacing:-.057em;font-weight:790;text-wrap:balance}.hero-title .accent{display:block;margin-top:6px;background:linear-gradient(90deg,var(--cyan),var(--blue),var(--lilac),var(--cyan));background-size:240% 240%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:titleDrift 10s ease-in-out infinite}@keyframes titleDrift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.hero-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:#55d7ff;font-size:10.5px;font-weight:800;margin:0 0 10px}.hero-description{margin:0;color:#c8d8e9;font-size:12.5px;line-height:1.72;max-width:710px}.hero-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.hero-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:13px}.hero-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:999px;border:1px solid rgba(67,163,255,.17);background:rgba(4,17,31,.58);color:#86abc9;font-size:8.5px;font-weight:850;letter-spacing:.04em}.hero-chip::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px rgba(34,217,255,.58)}
.hero-metrics{display:grid;gap:10px}.hero-metric{padding:17px 15px;border:1px solid rgba(87,169,239,.19);border-radius:15px;background:linear-gradient(145deg,rgba(7,20,38,.91),rgba(3,10,20,.88));backdrop-filter:blur(13px)}.hero-metric strong{display:block;font-size:30px;letter-spacing:-.05em;line-height:1}.hero-metric span{display:block;margin-top:7px;color:#86a3bd;font-size:9.5px;line-height:1.45}.metric-line{height:4px;border-radius:999px;background:rgba(255,255,255,.08);margin-top:11px;overflow:hidden}.metric-line i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--blue),var(--cyan),var(--green));animation:metricPulse 5s ease-in-out infinite}@keyframes metricPulse{0%,100%{filter:brightness(.85)}50%{filter:brightness(1.24)}}
.hero-ai-word{position:absolute;z-index:3;right:22%;top:44%;font-size:clamp(74px,10vw,150px);font-weight:780;letter-spacing:-.09em;color:rgba(201,182,255,.23);text-shadow:0 0 30px rgba(125,87,255,.16);pointer-events:none;animation:aiGlow 6s ease-in-out infinite}@keyframes aiGlow{0%,100%{opacity:.55;filter:brightness(.85)}50%{opacity:.78;filter:brightness(1.15)}}
.hero-network{position:absolute;z-index:2;inset:0;width:100%;height:100%;pointer-events:none;opacity:.76}.hero-network path{fill:none;stroke:rgba(83,169,255,.28);stroke-width:1.2;stroke-dasharray:7 9;animation:networkDash 14s linear infinite}.hero-network path.purple{stroke:rgba(185,132,255,.27);animation-duration:18s}.hero-network circle.node{fill:rgba(72,200,255,.68);filter:drop-shadow(0 0 5px rgba(72,200,255,.8));animation:nodePulse 3.7s ease-in-out infinite}.sports-ball-node{filter:drop-shadow(0 0 9px rgba(90,180,255,.42))}.sports-ball-ring{fill:rgba(12,26,55,.55);stroke:rgba(133,189,255,.48);stroke-width:1.4}.sports-ball-image{opacity:.58}.hero-network .travel-dot{fill:#fff;opacity:.7;filter:drop-shadow(0 0 4px #fff)}@keyframes networkDash{to{stroke-dashoffset:-160}}@keyframes nodePulse{0%,100%{opacity:.38;r:2.4}50%{opacity:1;r:4.4}}
.hero-dust{position:absolute;z-index:3;inset:0;pointer-events:none;overflow:hidden}.hero-dust i{position:absolute;width:3px;height:3px;border-radius:50%;background:radial-gradient(circle,#fff4bd 0%,rgba(243,201,95,.88) 43%,rgba(243,201,95,0) 72%);opacity:.32;animation:dustFloat var(--dur,8s) ease-in-out infinite;animation-delay:var(--delay,0s)}@keyframes dustFloat{0%{transform:translate3d(0,12px,0) scale(.7);opacity:0}25%{opacity:.24}65%{opacity:.36}100%{transform:translate3d(16px,-48px,0) scale(1.2);opacity:0}}
.hero-pager{position:absolute;z-index:6;left:25px;bottom:15px;display:flex;gap:6px}.hero-pager button{width:7px;height:7px;border:0;border-radius:999px;padding:0;background:#657a91}.hero-pager button.active{width:24px;background:linear-gradient(90deg,var(--cyan),var(--blue))}
.feature-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:9px}.feature-card{display:flex;align-items:center;gap:9px;padding:11px 10px;border:1px solid var(--line);border-radius:13px;background:rgba(7,18,34,.78);min-width:0}.feature-icon{width:35px;height:35px;border-radius:11px;border:1px solid rgba(67,163,255,.25);display:grid;place-items:center;color:var(--cyan);background:rgba(11,38,68,.55);flex:0 0 35px}.feature-copy{min-width:0}.feature-copy b{display:block;font-size:10px;color:#5fd4ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feature-copy span{display:block;margin-top:3px;color:#9bb0c5;font-size:8.5px;line-height:1.4;max-height:25px;overflow:hidden}
.dashboard-grid{display:grid;grid-template-columns:1.25fr .9fr;gap:10px;margin-top:10px}.live-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.live-card,.prediction-mini{padding:11px;border:1px solid rgba(70,162,243,.17);border-radius:13px;background:rgba(5,16,30,.66)}.match-meta{display:flex;justify-content:space-between;gap:6px;color:#85a0bb;font-size:8.5px;font-weight:850;margin-bottom:9px}.versus{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:7px}.team{text-align:center;min-width:0}.team-logo{width:38px;height:38px;margin:0 auto 5px;border-radius:12px;border:1px solid rgba(91,178,250,.20);background:linear-gradient(145deg,rgba(13,35,61,.92),rgba(4,13,26,.92));display:grid;place-items:center;overflow:hidden;color:#dff6ff;font-size:9px;font-weight:900}.team-logo img{width:100%;height:100%;object-fit:contain;padding:4px}.team-name{font-size:9px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.score{font-size:22px;font-weight:850;white-space:nowrap;letter-spacing:-.06em}.prob-row{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:8px}.prob{text-align:center;font-size:8px;color:#87a2bc}.prob-bar{height:3px;border-radius:999px;background:rgba(255,255,255,.07);margin-top:4px;overflow:hidden}.prob-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--cyan));border-radius:999px}.pick-line{margin-top:7px;color:#54d6ff;font-size:8px;font-weight:900}.prediction-list{display:grid;gap:7px}.prediction-row{display:grid;grid-template-columns:1fr 104px 70px;gap:8px;align-items:center;padding:9px;border:1px solid rgba(70,162,243,.13);border-radius:11px;background:rgba(6,17,32,.58)}.prediction-row strong{font-size:9.5px}.prediction-row small{display:block;color:#7e99b4;font-size:7.5px;margin-top:3px}.confidence{font-size:20px;color:var(--green);font-weight:900}.prediction-lock{position:relative}.prediction-lock .secret{filter:blur(5px);opacity:.33;user-select:none}.lock-label{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(90deg,rgba(5,14,28,.55),rgba(5,14,28,.84));font-size:9px;font-weight:900;color:#dff6ff}
.lower-grid{display:grid;grid-template-columns:.8fr 1.15fr .75fr .85fr;gap:10px;margin-top:10px}.results-table{width:100%;border-collapse:collapse}.results-table th,.results-table td{padding:7px 5px;border-bottom:1px solid rgba(255,255,255,.055);font-size:8px;text-align:left}.results-table th{color:#768ea8;font-size:7.5px}.results-table td{color:#bfd0e2}.result-match{display:flex;align-items:center;gap:6px;min-width:0}.mini-logo{width:21px;height:21px;border-radius:7px;border:1px solid rgba(81,170,244,.18);object-fit:contain;padding:2px;background:#08172a}.chart-wrap{height:174px;position:relative}.chart-canvas{width:100%;height:100%;display:block}.sport-rate{display:grid;gap:10px}.rate-row{display:grid;grid-template-columns:58px 1fr 40px;gap:8px;align-items:center;font-size:9px}.rate-track{height:5px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.rate-track i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan));border-radius:999px}.guide-steps{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:8px}.guide-step{text-align:center;flex:1}.guide-number{width:28px;height:28px;margin:0 auto 5px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--cyan));font-size:10px;font-weight:900}.guide-step span{font-size:8.5px;color:#b7c9db}.balls-row{display:flex;align-items:center;justify-content:center;gap:9px;margin:12px 0}.real-ball{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 5px 7px rgba(0,0,0,.3))}.arrow{color:#2bcaff;font-size:24px}
.rail-stack{display:grid;gap:10px;position:sticky;top:calc(var(--topbar) + 14px)}.telegram-card{padding:13px}.telegram-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:9px;border-bottom:1px solid var(--line-soft)}.telegram-title{display:flex;align-items:center;gap:8px}.telegram-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#1b9cff,#2fbeff);font-size:17px}.telegram-title h3{margin:0;font-size:12px}.telegram-title small{display:block;color:#758da6;font-size:7px;margin-top:2px}.telegram-list{display:grid}.tg-item{display:grid;grid-template-columns:34px 1fr auto;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.055)}.tg-time{font-size:7px;color:#718aa4}.tg-match{min-width:0}.tg-league{font-size:7px;color:#7892ad}.tg-teams{font-size:10px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.tg-pick{font-size:8px;color:#35d4ff;margin-top:4px;font-weight:850}.tg-arrow{width:24px;height:24px;border:1px solid var(--line);border-radius:8px;display:grid;place-items:center;color:#5ad9ff}.system-list{display:grid;gap:8px}.system-row{display:flex;justify-content:space-between;align-items:center;padding:8px;border-radius:10px;background:rgba(255,255,255,.025);font-size:9px}.system-row b{color:var(--green)}
.page-header{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:6px 2px 14px}.page-header h1{margin:0;font-size:28px;letter-spacing:-.045em}.page-header p{margin:6px 0 0;color:var(--muted);font-size:11px}.page-actions{display:flex;gap:8px;flex-wrap:wrap}.tabs{display:flex;flex-wrap:wrap;gap:7px}.tab{min-height:34px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.035);color:#bdd0e3;font-size:9.5px;font-weight:850}.tab.active{background:rgba(34,165,255,.16);border-color:rgba(43,197,255,.38);color:#fff}.filterbar{display:flex;gap:7px;flex-wrap:wrap;margin:11px 0}.select,.input,.textarea{border:1px solid var(--line);border-radius:10px;background:rgba(5,17,32,.82);color:#e8f4ff;min-height:38px;padding:0 11px;font-size:10px}.textarea{padding:11px;min-height:110px;resize:vertical}.input.full,.textarea.full{width:100%}.field{display:grid;gap:5px}.field label{font-size:9px;color:#8da4ba;font-weight:800}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.page-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.page-match-card{padding:13px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(150deg,rgba(10,25,47,.92),rgba(5,13,26,.92));position:relative}.page-match-card .versus{margin:12px 0}.access-lock{position:absolute;inset:0;border-radius:15px;background:rgba(3,10,20,.68);backdrop-filter:blur(3px);display:flex;align-items:flex-end;padding:13px}.access-lock-box{width:100%;padding:10px;border-radius:11px;background:rgba(7,20,37,.94);border:1px solid rgba(73,175,255,.26);font-size:9px;color:#cfe4f8}.detail-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:12px}.detail-panel{padding:17px}.factor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.factor{padding:11px;border-radius:12px;border:1px solid var(--line-soft);background:rgba(255,255,255,.026)}.factor b{font-size:10px}.factor p{font-size:9px;color:#9bb0c5;line-height:1.55;margin:5px 0 0}.big-versus{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center;padding:25px}.big-versus .team-logo{width:84px;height:84px;border-radius:24px}.big-versus .team-name{font-size:16px}.big-versus .score{font-size:40px}.timeline{display:grid;gap:8px}.timeline-item{display:grid;grid-template-columns:92px 1fr;gap:10px;align-items:start;padding:10px;border-left:2px solid rgba(54,183,255,.35);background:rgba(255,255,255,.025)}.timeline-item time{font-size:8px;color:#7c94ac}.timeline-item b{font-size:10px}.timeline-item p{margin:3px 0 0;color:#9db2c7;font-size:9px;line-height:1.55}
.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.kpi-card{padding:16px}.kpi-label{color:#7f99b2;font-size:9px}.kpi-value{margin-top:8px;font-size:30px;font-weight:880;letter-spacing:-.05em}.kpi-delta{margin-top:5px;font-size:8px;color:var(--green)}.daily-chart{height:300px}.donut{width:148px;height:148px;border-radius:50%;background:conic-gradient(var(--green) 0 67%,var(--blue) 67% 94%,var(--gold) 94% 100%);display:grid;place-items:center;margin:auto}.donut::after{content:"";width:102px;height:102px;border-radius:50%;background:#071426}.donut-copy{position:absolute;text-align:center}.donut-wrap{position:relative;display:grid;place-items:center}
.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.news-card{overflow:hidden}.news-visual{height:146px;position:relative;background:radial-gradient(circle at 25% 25%,rgba(34,217,255,.28),transparent 28%),linear-gradient(135deg,#0c3156,#1c1751 55%,#07101f)}.news-visual::after{content:"AI SIGNAL";position:absolute;right:12px;bottom:8px;color:rgba(255,255,255,.21);font-size:26px;font-weight:900}.news-content{padding:14px}.news-content h3{margin:6px 0 7px;font-size:13px}.news-content p{margin:0;color:#93a9bd;font-size:9px;line-height:1.55}.community-list{display:grid;gap:8px}.community-row{display:grid;grid-template-columns:96px 1fr 70px 70px;gap:10px;align-items:center;padding:13px;border:1px solid var(--line-soft);border-radius:12px;background:rgba(255,255,255,.022)}.community-row strong{font-size:10px}.community-row span{font-size:8.5px;color:#879fb7}
.membership-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.plan-card{padding:20px;position:relative}.plan-card.featured{border-color:rgba(243,201,95,.42);background:linear-gradient(150deg,rgba(58,42,12,.55),rgba(8,18,33,.94))}.plan-price{font-size:38px;font-weight:900;letter-spacing:-.06em}.plan-price small{font-size:10px;color:#90a8c0}.plan-list{display:grid;gap:9px;padding:0;margin:16px 0;list-style:none}.plan-list li{font-size:10px;color:#b9ccde;display:flex;gap:7px}.plan-list li::before{content:"✓";color:var(--green);font-weight:900}.payment-grid{display:grid;grid-template-columns:270px 1fr;gap:12px}.qr-box{width:220px;height:220px;border:12px solid #fff;border-radius:18px;margin:auto;background:
repeating-linear-gradient(0deg,#111 0 11px,#fff 11px 22px),repeating-linear-gradient(90deg,transparent 0 12px,rgba(255,255,255,.6) 12px 24px);background-blend-mode:multiply}.payment-status{display:grid;gap:10px}.payment-step{display:flex;align-items:center;justify-content:space-between;padding:10px;border:1px solid var(--line-soft);border-radius:11px}.payment-step.active{border-color:rgba(48,230,154,.25);background:rgba(48,230,154,.06)}.credit-table,.admin-table{width:100%;border-collapse:collapse}.credit-table th,.credit-table td,.admin-table th,.admin-table td{padding:10px 8px;border-bottom:1px solid var(--line-soft);font-size:9px;text-align:left}.credit-table th,.admin-table th{color:#7690aa;font-size:8px}.admin-shell{display:grid;grid-template-columns:190px minmax(0,1fr);gap:11px}.admin-nav{padding:10px;display:grid;gap:4px;align-content:start}.admin-nav a{padding:10px;border-radius:9px;text-decoration:none;font-size:9px;font-weight:800;color:#b9cce0}.admin-nav a:hover,.admin-nav a.active{background:rgba(41,154,255,.13);color:#fff}.risk-center{display:grid;gap:8px}.risk-alert{display:flex;justify-content:space-between;gap:10px;padding:12px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.025)}.risk-alert.red{border-color:rgba(255,87,112,.35);background:rgba(255,87,112,.07)}.risk-alert.orange{border-color:rgba(255,156,72,.32);background:rgba(255,156,72,.06)}.risk-alert.yellow{border-color:rgba(243,201,95,.30);background:rgba(243,201,95,.055)}.risk-alert b{font-size:10px}.risk-alert p{margin:3px 0 0;color:#94aac0;font-size:8.5px}.risk-alert a{font-size:9px;color:#5bd7ff;text-decoration:none;white-space:nowrap}.admin-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.admin-mini{padding:12px}.admin-mini span{font-size:8px;color:#7f99b2}.admin-mini strong{display:block;font-size:23px;margin-top:6px}.owner-only{opacity:.5;position:relative}.owner-only::after{content:"Owner";position:absolute;right:9px;top:9px;padding:3px 6px;border-radius:999px;background:rgba(243,201,95,.12);color:#ffd878;font-size:7px;font-weight:900}.audit-diff{display:grid;grid-template-columns:1fr auto 1fr;gap:7px;align-items:center}.diff-box{padding:8px;border-radius:9px;background:rgba(255,255,255,.03);font-size:8px}
.notice{padding:12px;border:1px solid rgba(243,201,95,.24);border-radius:12px;background:rgba(243,201,95,.07);color:#f8dfa0;font-size:9.5px;line-height:1.55}.notice.info{border-color:rgba(43,190,255,.24);background:rgba(43,190,255,.06);color:#bcecff}.empty{padding:34px;text-align:center;border:1px dashed rgba(96,170,235,.22);border-radius:15px;color:#8098b1}.loading{display:flex;align-items:center;gap:8px}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.12);border-top-color:var(--cyan);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.toast{position:fixed;z-index:200;right:18px;bottom:18px;max-width:330px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#09182b;color:#e7f4ff;box-shadow:var(--shadow);font-size:10px;animation:toastIn .24s ease}@keyframes toastIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.modal-backdrop{position:fixed;z-index:190;inset:0;background:rgba(0,0,0,.68);display:grid;place-items:center;padding:20px}.modal{width:min(520px,100%);padding:20px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(155deg,#0b1d34,#06111f);box-shadow:var(--shadow)}.modal h2{margin:0 0 8px}.modal p{color:#9bb0c5;font-size:10px;line-height:1.6}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}
.mobile-only{display:none}
[dir="rtl"] .hero-copy,[dir="rtl"] .page-header,[dir="rtl"] .card-title,[dir="rtl"] .section-title{text-align:right}[dir="rtl"] .hero-actions,[dir="rtl"] .hero-meta,[dir="rtl"] .hero-chips{justify-content:flex-end}[dir="rtl"] .top-nav,[dir="rtl"] .side-nav,[dir="rtl"] .sidebar-brand{direction:ltr}[dir="rtl"] .team,[dir="rtl"] .prediction-row,[dir="rtl"] .admin-table td,[dir="rtl"] .admin-table th{direction:rtl}
@media(max-width:1360px){:root{--rail:280px;--sidebar:200px}.hero-title{font-size:clamp(34px,4vw,62px)}.live-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lower-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.page-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1100px){:root{--sidebar:82px}.brand-copy,.side-nav a span:not(.nav-icon),.sidebar-card,.sidebar-foot{display:none}.sidebar-brand{justify-content:center}.brand-logo{width:50px;height:50px}.side-nav a{justify-content:center;padding:0}.workspace{grid-column:2}.page-grid{grid-template-columns:minmax(0,1fr)}.right-rail{padding:0 12px 24px 14px}.rail-stack{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.hero-inner{grid-template-columns:minmax(0,1fr) 210px}.dashboard-grid{grid-template-columns:1fr}.membership-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){:root{--sidebar:0px;--topbar:58px}.sidebar{transform:translateX(-105%);transition:.22s ease;width:244px}.sidebar.open{transform:none}.workspace{grid-column:1}.topbar{padding:0 10px}.mobile-menu-btn{display:block}.top-nav{display:none}.top-tools .role-select{display:none}.lang-select{max-width:86px}.main-column{padding:9px 9px 78px}.right-rail{padding:0 9px 82px}.mobile-bottom-nav{position:fixed;z-index:100;left:8px;right:8px;bottom:7px;height:58px;border:1px solid var(--line);border-radius:17px;background:rgba(5,15,28,.94);backdrop-filter:blur(16px);display:grid;grid-template-columns:repeat(5,1fr);box-shadow:var(--shadow)}.mobile-bottom-nav a{display:grid;place-items:center;text-decoration:none;color:#8da4bc;font-size:8px;font-weight:800}.mobile-bottom-nav a.active{color:var(--cyan)}.hero{min-height:630px}.hero-inner{min-height:630px;grid-template-columns:1fr;align-content:end;padding:22px 16px 23px}.hero-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-metric{padding:11px}.hero-metric strong{font-size:22px}.hero-metric span{font-size:7px}.hero-ai-word{right:10%;top:19%;font-size:90px}.hero-network{opacity:.55}.feature-strip{grid-template-columns:1fr}.dashboard-grid,.lower-grid,.kpi-grid,.page-card-grid,.news-grid,.membership-grid,.detail-grid,.payment-grid,.form-grid,.admin-shell{grid-template-columns:1fr}.live-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rail-stack{grid-template-columns:1fr}.admin-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.community-row{grid-template-columns:78px 1fr}.community-row span:nth-last-child(-n+2){display:none}.page-header{align-items:flex-start;flex-direction:column}.page-header h1{font-size:24px}.big-versus{grid-template-columns:1fr;gap:12px}.big-versus .team-row,.big-versus .team-row.right{justify-content:center;text-align:center}.balls-row{gap:5px}.real-ball{width:36px;height:36px}.mobile-only{display:block}}
@media(max-width:440px){.live-grid{grid-template-columns:1fr}.hero-title{font-size:38px}.hero-description{font-size:11px}.hero-metrics{grid-template-columns:1fr}.hero{min-height:735px}.hero-inner{min-height:735px}.prediction-row{grid-template-columns:1fr 70px}.prediction-row .btn{display:none}.feature-strip{display:none}.top-tools .tool-btn.vip{display:none}}
.lang-ar .hero-copy,.lang-ar .page-header,.lang-ar .card-title,.lang-ar .section-title,.lang-ar .news-content,.lang-ar .factor,.lang-ar .timeline-item div,.lang-ar .plan-card,.lang-ar .notice{direction:rtl;text-align:right}.lang-ar .hero-actions,.lang-ar .hero-meta,.lang-ar .hero-chips{justify-content:flex-end}.lang-ar .side-nav,.lang-ar .top-nav,.lang-ar .sidebar-brand,.lang-ar .page-grid,.lang-ar .app-shell{direction:ltr}.lang-ar .prediction-row,.lang-ar .results-table,.lang-ar .admin-table,.lang-ar .community-row{direction:rtl}.lang-ar .right-rail{direction:ltr}.lang-ar .telegram-card,.lang-ar .system-list{direction:rtl;text-align:right}.lang-ar .top-tools{direction:ltr}

/* V8 repaired visual polish */
.team-logo{background:radial-gradient(circle at 35% 24%,rgba(255,255,255,.12),transparent 29%),linear-gradient(145deg,rgba(13,35,61,.94),rgba(4,13,26,.96));box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 8px 20px rgba(0,0,0,.22)}
.team-logo img{padding:2px;filter:drop-shadow(0 3px 6px rgba(0,0,0,.28)) saturate(1.06)}
@media(max-width:760px){.hero-visual{left:0;right:-45%;top:-5%;bottom:26%;opacity:.78;background-position:left center;mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.78) 72%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.78) 72%,transparent 100%)}}

.tg-teams{display:flex;align-items:center;gap:6px;min-width:0}.tg-team{display:inline-flex;align-items:center;gap:4px;min-width:0}.tg-team>span:not(.team-logo){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-logo.telegram-logo{width:23px;height:23px;min-width:23px;margin:0;border-radius:7px}.team-logo.telegram-logo img{padding:1px}