# top search bar fixed at top center .top-search-bar{position:absolute;top:0;left:22px;right:22px;display:flex;justify-content:center;pointer-events:auto;z-index:1200;height:56px;align-items:center}.top-search-bar .search-input{width:520px;max-width:calc(100% - 220px)}.top-search-bar .btn{margin-left:8px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;position:relative}.header #home-search-host{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:center;pointer-events:none;height:56px}.header #home-search-host{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:center;pointer-events:none;height:56px;padding-left:88px}.header #home-search-host .top-search-bar{position:relative;top:auto;left:auto;right:auto;height:auto;z-index:0;pointer-events:auto}.header #home-search-host .search-input{width:520px;max-width:calc(100% - 240px)}:root{--bg: linear-gradient(180deg,#2b1b6a 0%, #161522 55%, #0b0d10 100%);--card: rgba(255,255,255,.03);--muted: #9fb3c6;--accent:#06b6d4;--accent-2:#f97316;--accent-3:#8b5cf6;--danger:#ef4444;--surface: rgba(255,255,255,.02);--border: rgba(255,255,255,.06);--shadow: 0 12px 40px rgba(2,6,23,.6);--radius:12px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}html,body,#root{height:100%}.app-root,body{margin:0;background:var(--bg);color:#dff3ff}.app-container{max-width:1200px;margin:26px auto;padding:22px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.header h2{margin:0;display:inline-flex;align-items:center;gap:12px;font-size:22px;font-weight:800;letter-spacing:.6px;background:linear-gradient(90deg,#06b6d4,#8b5cf6,#f97316);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 6px 18px rgba(139,92,246,.08)}.header h2:before{content:"";width:32px;height:32px;border-radius:50%;display:inline-block;transform:translateY(-1px);box-shadow:0 8px 18px #0206172e,inset 0 -4px 8px #00000014;background:radial-gradient(circle at 30% 30%,#fff,#fff9a6 18%,#f6e84a 40%,#cbd900)}.logged-in{font-size:13px;color:var(--muted)}.layout-row{display:flex;gap:18px;align-items:flex-start}.card{background:linear-gradient(180deg,#ffffff08,#ffffff03);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);color:#e6f7ff}.card{background:linear-gradient(180deg,#ffffff0b,#ffffff05);border-color:#ffffff12;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}h1,h2,h3,.hero-title{color:#f3feff}.muted,.label{color:#9fb3c6}body:before{content:"";position:fixed;right:-6%;top:-4%;width:720px;height:720px;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='720'%20height='720'%20viewBox='0%200%20720%20720'%20preserveAspectRatio='xMidYMid%20slice'%3e%3cdefs%3e%3clinearGradient%20id='gA'%20x1='0'%20x2='1'%3e%3cstop%20offset='0%25'%20stop-color='%237c3aed'%20stop-opacity='0.95'/%3e%3cstop%20offset='100%25'%20stop-color='%2306b6d4'%20stop-opacity='0.95'/%3e%3c/linearGradient%3e%3cradialGradient%20id='gB'%20cx='30%25'%20cy='25%25'%20r='60%25'%3e%3cstop%20offset='0%25'%20stop-color='%23fff'%20stop-opacity='0.18'/%3e%3cstop%20offset='100%25'%20stop-color='%23fff'%20stop-opacity='0.02'/%3e%3c/radialGradient%3e%3c/defs%3e%3crect%20width='100%25'%20height='100%25'%20fill='url(%23gB)'%20/%3e%3cg%20transform='translate(40,40)'%3e%3cpath%20d='M0,300%20C120,120%20340,40%20520,120%20C700,200%20780,420%20620,560%20C460,700%20180,660%2020,520%20Z'%20fill='url(%23gA)'%20opacity='0.9'/%3e%3ccircle%20cx='520'%20cy='140'%20r='90'%20fill='%23ffd166'%20opacity='0.06'%20/%3e%3ccircle%20cx='120'%20cy='560'%20r='120'%20fill='%2306b6d4'%20opacity='0.06'%20/%3e%3c/g%3e%3c/svg%3e");background-repeat:no-repeat;background-size:cover;opacity:.2;pointer-events:none;z-index:0;mix-blend-mode:overlay}.btn-primary{background:linear-gradient(90deg,#00e0df,#7b61ff);color:#041622;box-shadow:0 10px 30px #0c141e80}.btn-secondary{color:#d7d2ff;border-color:#9b76ff2e}@media (min-width:1000px){body:before{right:-4%;top:-8%}}.main-card{flex:1}.summary-card{width:380px}.match-card{padding:14px;border-radius:10px;background:linear-gradient(180deg,#ffffff05,#ffffff03);border:1px solid rgba(255,255,255,.06);margin-bottom:12px;color:#eaf8ff}.match-card b{color:var(--accent-2)}.muted{color:var(--muted);font-size:13px}.btn{padding:10px 14px;border-radius:10px;border:none;cursor:pointer;font-weight:700;box-shadow:0 6px 18px #0307120f}.btn+.btn{margin-left:10px}.btn-primary{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#fff}.btn-secondary{background:transparent;color:var(--accent-3);border:1px solid rgba(139,92,246,.12)}.btn-danger{background:var(--danger);color:#fff}.small{font-size:13px;padding:7px 10px;border-radius:8px}.summary-row{display:flex;justify-content:space-between;gap:8px;align-items:center}.player-entry{margin-bottom:10px;padding:10px;border-radius:8px;background:linear-gradient(180deg,#ffffff05,#ffffff03);border:1px solid rgba(255,255,255,.06);color:#eaf8ff}.label{font-size:13px;color:var(--muted)}.value{font-weight:800;color:#eefcff}.controls{display:flex;gap:10px;margin-bottom:14px}.info-chip{background:var(--surface);padding:7px 12px;border-radius:999px;font-size:13px;color:var(--accent-3);box-shadow:inset 0 -2px #00000005}.badge{display:inline-block;padding:6px 10px;border-radius:999px;font-weight:700;color:#fff;font-size:12px}.badge-live{background:linear-gradient(90deg,#ef4444,#f97316)}.badge-scheduled{background:linear-gradient(90deg,#06b6d4,#8b5cf6)}.badge-complete{background:linear-gradient(90deg,#10b981,#06b6d4)}.sidebar{width:220px;padding:14px;display:flex;flex-direction:column;gap:10px}.nav-link{padding:10px 12px;border-radius:8px;color:#dfeefe;text-decoration:none;display:flex;align-items:center;gap:8px}.nav-link.active{background:linear-gradient(90deg,#0891b21a,#8b5cf60f);box-shadow:0 6px 18px #0307120a}.main-card{padding:14px}@media (max-width:900px){.layout-row{flex-direction:column}.sidebar{width:100%;flex-direction:row;overflow:auto}}.app-root{position:relative;min-height:100vh}.court-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden;display:block}.app-container{position:relative;z-index:6}.court-visual{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(700px 420px at 50% 30%,#f0faff05,#142d4614 20%,#0a1e3226,#06121e38);filter:contrast(.98) saturate(.9);z-index:0}.court-visual:before{content:"";position:absolute;top:8%;right:6%;bottom:8%;left:6%;border-radius:22px;border:3px solid rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px #ffffff05}.court-visual:after{content:"";position:absolute;left:8%;right:8%;top:48%;height:2px;background:linear-gradient(90deg,#ffffff38,#ffffff05);transform:translateY(-50%);filter:blur(.6px)}.court-visual .court-line{position:absolute;left:12%;right:12%;height:6px;top:32%;background:linear-gradient(90deg,#ffffff0f,#ffffff05);border-radius:6px;filter:blur(.6px)}.court-texture{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.08;z-index:1;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.01) 0 1px,transparent 1px 14px);mix-blend-mode:normal}.particle-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.particle-layer .p{position:absolute;width:6px;height:6px;border-radius:50%;background:#ffffffd9;box-shadow:0 6px 12px #0000001f;opacity:.7;transform:scale(.9)}.particle-layer .p1{left:12%;top:14%;animation:particle-move 6s linear infinite;animation-delay:0s}.particle-layer .p2{left:32%;top:60%;width:8px;height:8px;background:#ffffffbf;animation:particle-move 7s linear infinite;animation-delay:.6s}.particle-layer .p3{left:72%;top:26%;animation:particle-move 5.5s linear infinite;animation-delay:.3s}.particle-layer .p4{left:54%;top:68%;opacity:.35;animation:particle-move 8s linear infinite;animation-delay:1s}.particle-layer .p5{left:86%;top:44%;opacity:.45;animation:particle-move 6.5s linear infinite;animation-delay:.9s}@keyframes particle-move{0%{transform:translateY(0) scale(.9)}50%{transform:translateY(-18px) scale(1.05)}to{transform:translateY(0) scale(.9)}}.tennis-ball{position:fixed;width:96px;height:96px;border-radius:50%;transform-origin:center;z-index:60;left:8%;top:12%;pointer-events:none;display:flex;align-items:center;justify-content:center}.tennis-ball.b1{width:104px;height:104px;left:6%;top:10%;animation-name:ball-move;animation-duration:10s;animation-iteration-count:infinite;animation-timing-function:linear}.tennis-core{position:relative;width:100%;height:100%;border-radius:50%;transform-origin:center;filter:drop-shadow(0 8px 22px rgba(0,0,0,.32));animation:bounce-pulse .9s ease-in-out infinite;background:radial-gradient(circle at 34% 30%,#fff8d6,#ffeaa0 14%,#ffd36a 40%,#d9b83a);box-shadow:inset 0 3px 6px #ffffff08,inset 0 -6px 12px #0000001f,0 12px 36px #02061799;background-image:radial-gradient(circle at 22% 20%,rgba(255,255,255,.03) 0 2px,transparent 2px 6px),radial-gradient(circle at 68% 68%,rgba(0,0,0,.02) 0 1px,transparent 1px 4px);background-blend-mode:overlay,overlay}.tennis-core:before,.tennis-core:after{display:none}@keyframes ball-move{0%{transform:translate(0) scale(1) rotate(0);opacity:.98}15%{transform:translate(60vw,-8vh) scale(1.18) rotate(45deg)}30%{transform:translate(92vw,24vh) scale(.9) rotate(120deg)}50%{transform:translate(64vw,66vh) scale(1.06) rotate(200deg)}75%{transform:translate(22vw,56vh) scale(.96) rotate(300deg)}to{transform:translate(0) scale(1) rotate(540deg);opacity:.98}}@keyframes bounce-pulse{0%,to{transform:scale(1)}12%{transform:scale(1.14)}38%{transform:scale(.92)}70%{transform:scale(1.06)}}.tennis-ball:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:220px;height:70px;border-radius:40px;background:linear-gradient(90deg,#fff0,#ffffff8c,#fff0);filter:blur(16px);opacity:.28;z-index:-1;mix-blend-mode:screen;pointer-events:none;animation:trail-fade 1.6s linear infinite}@keyframes trail-fade{0%{opacity:.06;transform:translate(-50%,-50%) rotate(-10deg) scaleX(.6) translateY(0)}20%{opacity:.24;transform:translate(-50%,-50%) rotate(50deg) scaleX(1.6) translateY(-14px)}50%{opacity:.46;transform:translate(-50%,-50%) rotate(120deg) scaleX(2) translateY(-20px)}80%{opacity:.28;transform:translate(-50%,-50%) rotate(260deg) scaleX(1.2) translateY(-10px)}to{opacity:.06;transform:translate(-50%,-50%) rotate(360deg) scaleX(.6) translateY(0)}}.court-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse at center,#ffffff2e,#0000000f 70%)}.sidebar .btn{background:linear-gradient(90deg,#ffffff14,#ffffff0a);border-radius:10px;border:1px solid rgba(255,255,255,.06);color:#eaf8ff;padding:10px 12px;transition:transform .12s ease,box-shadow .12s ease}.sidebar .btn:hover{transform:translateY(-6px);box-shadow:0 18px 30px #0206171f}.header h2{display:inline-flex;align-items:center;gap:10px}@media (max-width:480px){.court-bg{display:none}}.card{background:linear-gradient(180deg,#ffffff0b,#ffffff05);border-color:#ffffff12;color:#e6f7ff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.home-hero{display:flex;gap:24px;align-items:center;justify-content:space-between;padding:28px;border-radius:16px}.home-hero{position:relative;overflow:visible}.home-hero .hero-left{flex:1;min-width:320px}.home-hero .hero-right{width:360px}.home-hero .search-input{width:100%;padding:14px 16px;border-radius:12px;border:1px solid rgba(2,6,23,.06);background:#ffffff08;color:inherit}.search-row{position:relative}.search-dropdown{position:absolute;left:0;right:0;top:calc(100% + 8px);background:var(--card);border:1px solid var(--border);padding:10px;border-radius:10px;z-index:1200;box-shadow:0 8px 30px #02061799;max-height:260px;overflow:auto}.search-row .muted{color:var(--muted)}.portal-dropdown{position:fixed;z-index:2147483647!important;box-sizing:border-box;pointer-events:auto}#app-portal-root{pointer-events:none}input,textarea,select,.search-input,.form-control{color:#f7ffff!important;background:#ffffff0a!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:inset 0 -1px #0000001f}select,button{color:#f7ffff!important;background:#ffffff0a!important;border:1px solid rgba(255,255,255,.1)!important}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:18px}select option{color:#041622!important;background:#fffffff5!important}button,.btn{color:#eaf8ff!important;background:#ffffff0f!important;border:1px solid rgba(255,255,255,.08)!important}.btn.outline,.btn-outline{background:transparent!important;border:1px solid rgba(255,255,255,.08)!important;color:#eaf8ff!important}.btn.small{padding:7px 10px}.home-hero .btn-primary{background:linear-gradient(90deg,#00e0df,#7b61ff)!important;color:#041622!important;box-shadow:0 10px 30px #0c141e80!important;padding:10px 16px!important;border-radius:10px!important}.home-hero .btn,.home-hero .btn.small{background:linear-gradient(90deg,#00e0df,#7b61ff)!important;color:#041622!important;box-shadow:0 10px 30px #0c141e80!important;border:none!important;padding:10px 14px!important;border-radius:10px!important}.home-hero .btn.outline,.home-hero .btn-outline{background:transparent!important;color:#eaf8ff!important;border:1px solid rgba(255,255,255,.08)!important}.quick-actions .btn,.sidebar .btn,aside .quick-actions .btn{background:linear-gradient(90deg,#00e0df,#7b61ff)!important;color:#041622!important;box-shadow:0 10px 30px #0c141e73!important;border:none!important;padding:10px 12px!important;border-radius:10px!important}.quick-actions .btn.outline,.sidebar .btn.outline,.quick-actions .btn-outline{background:transparent!important;color:#eaf8ff!important;border:1px solid rgba(255,255,255,.08)!important}.home-grid .btn,.home-main .btn,.home-aside .btn,.home-grid .btn.small,.home-main .btn.small,.home-aside .btn.small{background:linear-gradient(90deg,#00e0df,#7b61ff)!important;color:#041622!important;box-shadow:0 10px 30px #0c141e73!important;border:none!important;padding:10px 12px!important;border-radius:10px!important}.home-grid .btn.outline,.home-main .btn.outline,.home-aside .btn.outline{background:transparent!important;color:#eaf8ff!important;border:1px solid rgba(255,255,255,.08)!important}.home-hero .btn,.home-grid .btn,.home-main .btn,.home-aside .btn,.quick-actions .btn,.sidebar .btn,.tile .btn,.card .btn{background:linear-gradient(90deg,#00e0df,#7b61ff)!important;color:#041622!important;border:none!important;box-shadow:0 10px 30px #0c141e73!important;padding:10px 12px!important;border-radius:10px!important}.home-hero .btn.small,.home-grid .btn.small,.home-main .btn.small,.home-aside .btn.small,.tile .btn.small{padding:7px 10px!important}.home-hero .btn.outline,.home-grid .btn.outline,.home-main .btn.outline,.home-aside .btn.outline,.quick-actions .btn.outline{background:transparent!important;color:#eaf8ff!important;border:1px solid rgba(255,255,255,.08)!important}.home-hero button,.home-grid button,.home-main button,.home-aside button,.quick-actions button,.sidebar button,aside button{background:linear-gradient(90deg,#00e0df,#7b61ff)!important;color:#041622!important;border:none!important;box-shadow:0 10px 30px #0c141e73!important;padding:10px 12px!important;border-radius:10px!important}.home-hero button.small,.home-grid button.small,.home-main button.small,.home-aside button.small{padding:7px 10px!important}input::placeholder,textarea::placeholder{color:#eaf8ffb8!important}.label,label,.form-label{color:#f3feff!important;font-weight:600}.muted{color:#bcdde8!important}.value,.form-value{color:#eefcff!important}.nav-link,.nav-link a{color:#dfeefe!important}.btn,.btn-primary,.btn-secondary{color:#eaf8ff!important}.btn-primary{color:#041622!important}.btn-secondary{color:#e9e7ff!important}.help-text,.error{color:#ffd6d6!important}.home-grid{display:grid;grid-template-columns:1fr 360px;gap:20px;align-items:start}.home-main{display:flex;flex-direction:column;gap:18px}.home-main.search-active{display:block;opacity:.18;pointer-events:none;filter:blur(1px);transition:opacity .12s ease}.home-aside{display:flex;flex-direction:column;gap:14px}.tile-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.tile{padding:12px;border-radius:12px;background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);min-height:92px;display:flex;flex-direction:column;justify-content:space-between}.tile h4{margin:0;font-size:15px}.tile .muted{font-size:13px}.live-tile{display:flex;flex-direction:column;gap:6px}.live-tile .teams{display:flex;justify-content:space-between;align-items:center}.live-tile .teams b{font-size:14px}.featured-card{display:flex;flex-direction:column;gap:8px}.featured-card .title{font-weight:800;font-size:16px}.featured-card .meta{color:var(--muted);font-size:13px}.quick-actions{display:flex;flex-direction:column;gap:8px}.quick-actions .btn{width:100%;text-align:center}@media (max-width:980px){.home-grid{grid-template-columns:1fr}.home-hero{flex-direction:column;align-items:flex-start}.home-hero .hero-right{width:100%}}@media (max-width:480px){.home-hero{padding:18px}.tile{min-height:80px}}