@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500;700&display=swap";.timer-native-page{gap:16px}.timer-subtitle{margin-top:6px;color:var(--text2);font-size:13px}.timer-status-pill{max-width:520px;padding:8px 12px;border-radius:999px;border:.5px solid var(--border2);background:var(--surface2);color:var(--text1);font-size:12px;font-weight:600;text-align:right}.timer-status-pill.success{color:var(--online);border-color:#22c55e66;background:#22c55e1f}.timer-status-pill.warning{color:var(--warning);border-color:#f9731666;background:#f9731624}.timer-status-pill.error{color:var(--danger);border-color:#ef44446b;background:#ef444424}.timer-btn-row{display:flex;flex-wrap:wrap;gap:8px}.timer-btn-row.compact{gap:6px}.timer-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(200px,1fr));gap:12px;margin-bottom:12px}.timer-stat-item{border-radius:var(--r2);border:.5px solid var(--border2);background:linear-gradient(180deg,var(--surface2),rgba(38,32,24,.65));padding:12px}.timer-label{color:var(--text2);text-transform:uppercase;letter-spacing:.05em;font-size:10px;margin-bottom:8px;font-weight:700}.timer-value{font-family:var(--font-display);color:var(--accent2);font-size:26px;font-weight:700;line-height:1}.timer-big-value{font-family:var(--font-display);color:var(--text1);font-size:18px;font-weight:700;line-height:1.15}.timer-form-grid{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:12px;margin-bottom:12px}.timer-inline-status{margin-top:8px;margin-bottom:10px;font-size:12px;border-radius:var(--r);padding:8px 10px;border:.5px solid var(--border);background:var(--surface2);color:var(--text2)}.timer-inline-status.success{color:var(--online);border-color:#22c55e66;background:#22c55e1a}.timer-inline-status.warning{color:var(--warning);border-color:#f9731666;background:#f973161f}.timer-inline-status.error{color:var(--danger);border-color:#ef444466;background:#ef44441f}.timer-video-list{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:8px}.timer-video-item{text-align:left;border:.5px solid var(--border2);border-radius:var(--r);background:var(--surface2);color:var(--text1);padding:10px 12px;cursor:pointer;font-size:13px;transition:border-color .15s ease,background .15s ease,color .15s ease}.timer-video-item:hover{border-color:var(--accent);background:#c9a84c14}.timer-video-item.selected{border-color:var(--accent);color:var(--accent2);background:#c9a84c1f}.timer-video-item.playing{box-shadow:inset 0 0 0 1px #22c55ea6}.timer-empty-state{border:.5px dashed var(--border2);border-radius:var(--r);padding:12px;color:var(--text2);font-size:12px}.timer-volume-stack{display:flex;flex-direction:column;gap:14px;margin-bottom:12px;max-width:260px}.timer-volume-input{width:100%;max-width:190px;height:4px;accent-color:var(--accent);cursor:pointer}.timer-volume-group .timer-volume-input{max-width:190px}.timer-volume-value{margin-top:6px;color:var(--text2);font-size:12px;font-family:var(--font-mono)}.timer-native-page input[type=file]::file-selector-button{margin-right:12px;padding:7px 14px;border-radius:var(--r);border:.5px solid var(--accent);background:var(--accent);color:var(--on-accent, #04121c);font-weight:600;font-size:13px;cursor:pointer;transition:filter .15s ease,transform .1s ease}.timer-native-page input[type=file]::file-selector-button:hover{filter:brightness(1.08)}.timer-native-page input[type=file]::file-selector-button:active{transform:translateY(1px)}.timer-theme-grid{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:10px}.timer-theme-color{width:100%;height:34px;border-radius:var(--r);border:.5px solid var(--border2);background:var(--surface2);cursor:pointer}.active-level td{background:#c9a84c1a}@media (max-width: 1540px){.timer-stat-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}.timer-theme-grid{grid-template-columns:repeat(3,minmax(170px,1fr))}}@media (max-width: 1080px){.timer-form-grid,.timer-video-list{grid-template-columns:1fr}.timer-theme-grid{grid-template-columns:repeat(2,minmax(140px,1fr))}.timer-status-pill{max-width:100%;text-align:left}}:root,[data-theme=dark]{--bg: #08090D;--bg2: #0B1020;--page-grad: radial-gradient(60vw 50vw at 84% -8%, rgba(56,189,248,.26), transparent 60%), radial-gradient(55vw 46vw at -8% 110%, rgba(129,140,248,.24), transparent 60%), radial-gradient(42vw 40vw at 50% 55%, rgba(45,212,191,.08), transparent 62%);--glass: rgba(20,28,46,.55);--glass2: rgba(30,40,64,.42);--glass3: rgba(40,52,80,.4);--surface: var(--glass);--surface2: rgba(255,255,255,.05);--surface3: rgba(255,255,255,.08);--stroke: rgba(150,190,255,.16);--stroke-hi: rgba(180,215,255,.34);--border: var(--stroke);--border2: var(--stroke-hi);--line2: var(--stroke-hi);--glass-shadow: 0 18px 50px rgba(0,0,0,.45);--blur: 22px;--accent: #38BDF8;--accent2: #818CF8;--accent-dim:rgba(56,189,248,.12);--on-accent: #06131F;--text1: #E9ECF5;--text2: #888FA4;--text3: #464D62;--online: #34D399;--danger: #FB7185;--warning: #FBBF24;--info: #38BDF8;--gold: var(--accent);--gold-hi: var(--accent2);--gold-grad: linear-gradient(135deg, var(--accent) 0%, var(--accent2) 100%);--felt: #0F2A22;--felt-hi: #16513C;--burgundy: #16263F;--rose: #FB7185;--titlebar: rgba(12,18,32,.85);--sidebar-w: 240px;--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--r: 9px;--r2: 16px;--r3: 20px}[data-theme=light]{--bg: #E9EEF8;--bg2: #DDE6F4;--page-grad: radial-gradient(60vw 50vw at 82% -10%, rgba(14,165,233,.24), transparent 60%), radial-gradient(55vw 46vw at -8% 110%, rgba(129,140,248,.2), transparent 60%), radial-gradient(45vw 40vw at 50% 55%, rgba(45,212,191,.16), transparent 62%);--glass: rgba(255,255,255,.62);--glass2: rgba(255,255,255,.48);--glass3: rgba(255,255,255,.4);--surface: var(--glass);--surface2: rgba(255,255,255,.55);--surface3: rgba(120,150,220,.12);--stroke: rgba(255,255,255,.7);--stroke-hi: rgba(120,150,220,.4);--border: rgba(90,120,180,.18);--border2: rgba(120,150,220,.4);--line2: rgba(120,150,220,.45);--glass-shadow: 0 16px 44px rgba(40,70,130,.16);--blur: 24px;--accent: #0EA5E9;--accent2: #818CF8;--accent-dim:rgba(14,165,233,.1);--on-accent: #FFFFFF;--text1: #0E1726;--text2: #4A5568;--text3: #94A0B4;--online: #16A34A;--danger: #E11D48;--warning: #D97706;--info: #0EA5E9;--titlebar: rgba(255,255,255,.8)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-body);font-size:14px;background:var(--bg);color:var(--text1);line-height:1.5;overflow:hidden;-webkit-font-smoothing:antialiased;background-image:var(--page-grad);background-attachment:fixed}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}.glass{background:var(--glass);backdrop-filter:blur(var(--blur)) saturate(150%);-webkit-backdrop-filter:blur(var(--blur)) saturate(150%);border:1px solid var(--stroke);box-shadow:var(--glass-shadow),inset 0 1px #ffffff1a}.desktop-frame-root{height:100%;min-height:100dvh;display:flex;flex-direction:column;overflow:hidden}.desktop-frame-content{flex:1;min-height:0}.desktop-titlebar{height:38px;padding:0 8px 0 14px;display:flex;align-items:center;justify-content:space-between;background:var(--titlebar);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--stroke);-webkit-app-region:drag;-webkit-user-select:none;user-select:none}.desktop-titlebar-brand{font-size:11px;color:var(--text2);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.desktop-titlebar-actions{display:flex;align-items:stretch;gap:4px;-webkit-app-region:no-drag}.desktop-titlebar-btn{width:42px;height:30px;border:none;border-radius:6px;background:transparent;color:var(--text2);font-size:14px;line-height:1;cursor:pointer;transition:background .12s,color .12s}.desktop-titlebar-btn:hover{background:var(--accent-dim);color:var(--accent)}.desktop-titlebar-btn-close:hover{background:#ef444438;color:#ffc8c8}.admin-layout{display:flex;height:100%;overflow:hidden;background:transparent}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--glass);backdrop-filter:blur(var(--blur)) saturate(150%);-webkit-backdrop-filter:blur(var(--blur)) saturate(150%);border-right:1px solid var(--stroke);display:flex;flex-direction:column;overflow-y:auto}.sidebar-logo{padding:20px 20px 16px;border-bottom:1px solid var(--stroke)}.sidebar-logo .club-name{font-family:var(--font-display);font-size:12px;font-weight:700;color:var(--accent);letter-spacing:.04em;margin-top:8px}.sidebar-logo .system-name{font-size:10px;color:var(--text3);margin-top:2px}.sidebar-section{padding:16px 12px 8px;font-size:10px;color:var(--text3);letter-spacing:.1em;text-transform:uppercase}.nav-link{display:flex;align-items:center;gap:10px;padding:9px 12px;margin:1px 8px;border-radius:var(--r);color:var(--text2);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;text-decoration:none;border:none;background:none;width:calc(100% - 16px);text-align:left}.nav-link:hover{background:var(--accent-dim);color:var(--text1)}.nav-link.active{color:var(--on-accent);background:var(--gold-grad);box-shadow:0 8px 22px #38bdf847;font-weight:700}.nav-link svg{width:16px;height:16px;flex-shrink:0}.sidebar-footer{margin-top:auto;padding:12px;border-top:1px solid var(--stroke)}.main{flex:1;overflow-y:auto;display:flex;flex-direction:column;min-height:0;background:transparent}.topbar{display:flex;align-items:center;gap:12px;padding:14px 24px;border-bottom:1px solid var(--stroke);background:var(--glass2);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));position:sticky;top:0;z-index:40}.page-content{padding:24px;display:flex;flex-direction:column;gap:20px;flex:1}.page-title{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--text1)}.card{background:var(--glass);backdrop-filter:blur(var(--blur)) saturate(150%);-webkit-backdrop-filter:blur(var(--blur)) saturate(150%);border:1px solid var(--stroke);border-radius:var(--r2);box-shadow:var(--glass-shadow),inset 0 1px #ffffff14;padding:16px 20px}.card-lux{position:relative;overflow:hidden;border-color:var(--stroke-hi)}.card-lux:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gold-grad);opacity:.85}.card-sm{background:var(--glass2);border:1px solid var(--stroke);border-radius:var(--r);padding:12px 14px}.stat-card{background:var(--glass);backdrop-filter:blur(var(--blur)) saturate(150%);-webkit-backdrop-filter:blur(var(--blur)) saturate(150%);border:1px solid var(--stroke-hi);border-radius:var(--r2);box-shadow:var(--glass-shadow),inset 0 1px #ffffff1a;padding:10px 14px;display:flex;align-items:center;gap:10px;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gold-grad);opacity:.8}.stat-icon{width:32px;height:32px;border-radius:var(--r);background:var(--accent-dim);border:1px solid var(--stroke-hi);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon svg{width:16px;height:16px;color:var(--accent)}.stat-val{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--text1);line-height:1.1}.stat-label{font-size:11px;color:var(--text2);margin-top:2px}.stat-delta{font-size:10px;color:var(--online);margin-top:2px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}thead tr{border-bottom:1px solid var(--stroke-hi)}th{text-align:left;padding:8px 12px;font-size:11px;color:var(--text3);letter-spacing:.07em;text-transform:uppercase;font-weight:500;white-space:nowrap}td{padding:10px 12px;border-bottom:1px solid var(--border);color:var(--text1)}tr:last-child td{border-bottom:none}tr:hover td{background:var(--accent-dim)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-family:var(--font-body);font-size:13px;font-weight:600;padding:8px 16px;border-radius:var(--r);border:none;cursor:pointer;transition:all .15s;white-space:nowrap}.btn-primary{background:var(--gold-grad);color:var(--on-accent);box-shadow:0 6px 20px #38bdf84d}.btn-primary:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 10px 26px #38bdf86b}.btn-ghost{background:var(--accent-dim);color:var(--accent);border:1px solid var(--line2)}.btn-ghost:hover{background:var(--surface3);border-color:var(--accent)}.btn-danger{background:#e11d481f;color:var(--danger);border:1px solid rgba(225,29,72,.28)}.btn-danger:hover{background:#e11d4833}.btn-sm{padding:5px 10px;font-size:12px}.btn svg{width:14px;height:14px}.theme-toggle{display:inline-flex;align-items:center;gap:8px;width:100%;padding:9px 12px;margin-bottom:8px;border-radius:var(--r);border:1px solid var(--stroke);background:var(--accent-dim);color:var(--text1);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.theme-toggle:hover{border-color:var(--accent)}.theme-toggle svg{width:15px;height:15px;color:var(--accent)}.badge{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:10px;font-weight:700;padding:3px 10px;border-radius:30px;letter-spacing:.06em;text-transform:uppercase;border:1px solid transparent}.badge-live{background:#34d39924;color:var(--online);border-color:#34d39952}.badge-scheduled{background:var(--accent-dim);color:var(--accent);border-color:var(--line2)}.badge-finished{background:var(--surface3);color:var(--text3);border-color:var(--border)}.badge-cancelled{background:#e11d481f;color:var(--danger);border-color:#e11d484d}.badge-fish{background:#38bdf81f;color:#38bdf8;border-color:#38bdf852}.badge-regular{background:#818cf81f;color:#818cf8;border-color:#818cf852}.badge-grinder{background:#a78bfa1f;color:#a78bfa;border-color:#a78bfa52}.badge-shark{background:#fbbf241f;color:#d39a14;border-color:#fbbf2452}.badge-legend{background:#fb71851f;color:#fb7185;border-color:#fb718552}.badge-blocked{background:#e11d481f;color:var(--danger);border-color:#e11d484d}.form-group{display:flex;flex-direction:column;gap:5px}.form-label{font-size:11px;color:var(--text2);letter-spacing:.04em;text-transform:uppercase;font-weight:600}.form-input{background:var(--surface2);border:1px solid var(--border2);border-radius:var(--r);padding:9px 12px;color:var(--text1);font-family:var(--font-body);font-size:13px;outline:none;transition:border-color .15s}.form-input:focus{border-color:var(--accent)}.form-input::placeholder{color:var(--text3)}select.form-input option{background:var(--bg2);color:var(--text1)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;min-height:100dvh;background:#0206108c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px;overflow-y:auto;z-index:200}.modal{background:var(--glass);backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%);border:1px solid var(--stroke-hi);border-radius:var(--r3);box-shadow:var(--glass-shadow);padding:24px;width:100%;max-width:520px}.modal-title{font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--accent);margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid var(--stroke)}.search-box{display:flex;align-items:center;gap:8px;background:var(--surface2);border:1px solid var(--border2);border-radius:var(--r);padding:8px 12px}.search-box input{background:none;border:none;outline:none;color:var(--text1);font-family:var(--font-body);font-size:13px;flex:1}.search-box input::placeholder{color:var(--text3)}.search-box svg{width:14px;height:14px;color:var(--text3);flex-shrink:0}.avatar{border-radius:50%;background:var(--surface3);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--accent);flex-shrink:0;font-family:var(--font-display);font-size:11px}.section-title{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:12px;font-weight:700;color:var(--accent);margin-bottom:12px;letter-spacing:.04em}.section-title:before{content:"";width:4px;height:15px;background:var(--gold-grad);border-radius:2px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.text-accent{color:var(--accent)}.text-muted{color:var(--text2)}.text-danger{color:var(--danger)}.text-online{color:var(--online)}.text-mono{font-family:var(--font-mono);font-size:12px}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-center{display:flex;align-items:center}.gap-8{gap:8px}.gap-12{gap:12px}.fade-in{animation:fadeIn .25s ease forwards}.online-dot{width:8px;height:8px;border-radius:50%;background:var(--online);display:inline-block;animation:pulse 2s infinite}.progress-track{height:3px;background:var(--surface3);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .4s}.divider{border:none;border-top:1px solid var(--border);margin:4px 0}.layout-shell{height:100%;display:flex;flex-direction:column;min-height:0}.layout-shell .admin-layout{flex:1;min-height:0}.mini-player{flex-shrink:0;height:68px;display:flex;align-items:center;gap:18px;padding:0 18px;margin:8px 10px 10px;border-radius:var(--r2)}.mp-info{display:flex;align-items:center;gap:12px;width:220px;min-width:160px}.mp-cover{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;font-size:20px;color:var(--on-accent);background:var(--gold-grad);flex-shrink:0}.mp-meta{min-width:0}.mp-title{font-size:13px;font-weight:600;color:var(--text1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp-artist{font-size:11px;color:var(--text2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp-center{flex:1;display:flex;flex-direction:column;gap:5px;align-items:center}.mp-controls{display:flex;align-items:center;gap:10px}.mp-btn{width:32px;height:32px;border-radius:50%;border:none;cursor:pointer;background:var(--accent-dim);color:var(--accent);display:grid;place-items:center;transition:all .15s}.mp-btn:hover{background:var(--surface3)}.mp-play{width:38px;height:38px;background:var(--gold-grad);color:var(--on-accent)}.mp-play:hover{filter:brightness(1.08)}.mp-progress{width:100%;max-width:520px;height:5px;border-radius:3px;background:var(--surface3);cursor:pointer;overflow:hidden}.mp-progress-fill{height:100%;background:var(--gold-grad);border-radius:3px}.mp-time{font-size:10px;color:var(--text3);font-family:var(--font-mono)}.mp-volume{display:flex;align-items:center;gap:8px;color:var(--text2);width:140px}.mp-volume input{width:100%;accent-color:var(--accent);cursor:pointer}.timer-embed-card{padding:14px;min-height:calc(100dvh - 164px);display:flex;flex-direction:column;gap:12px}.timer-embed-note{font-size:12px;color:var(--text2)}.timer-embed-frame-wrap{flex:1;min-height:720px;border-radius:var(--r2);overflow:hidden;border:1px solid var(--stroke-hi);background:#0b1020}.timer-embed-frame{width:100%;height:100%;border:none;display:block}:root{--glass: #121a2e;--glass2: #161f36;--glass3: #1b2640}[data-theme=light]{--glass: #f4f7fc;--glass2: #eaf0fa;--glass3: #e2eaf6}*,*:before,*:after{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}*,*:before,*:after{transition-property:transform,opacity,color,background-color,border-color!important;transition-duration:.15s!important;transition-timing-function:ease!important}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1280px){:root{--sidebar-w: 200px}.page-content{padding:18px;gap:16px}}@media (max-width: 980px){.grid-2{grid-template-columns:1fr}}@media (max-width: 860px){.admin-layout{flex-direction:column}.sidebar{width:100%;height:auto;flex-direction:row;align-items:center;overflow-x:auto;overflow-y:hidden;border-right:none;border-bottom:1px solid var(--stroke);padding:4px 8px;gap:2px}.sidebar-logo{padding:6px 10px 6px 4px;border-bottom:none;flex-shrink:0}.sidebar-logo .system-name{display:none}.sidebar-logo img{max-height:28px}.sidebar-section{display:none}.nav-link{width:auto;margin:0 2px;padding:8px 10px;white-space:nowrap;flex-shrink:0}.sidebar-footer{margin-top:0;border-top:none;padding:4px 8px;flex-shrink:0;display:flex;gap:6px;align-items:center}.page-content{padding:14px;gap:14px}.topbar{padding:10px 14px;flex-wrap:wrap}.card,.stat-card{padding:12px 14px}}@media (max-width: 560px){.page-title{font-size:16px}.modal{max-width:94vw}.flex-between{flex-wrap:wrap;gap:8px}}