@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-input{width:100%;accent-color:var(--accent)}.timer-volume-value{margin-top:6px;color:var(--text2);font-size:12px;font-family:var(--font-mono)}.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{--bg: #08090D;--bg2: #0B0D12;--surface: #0F1117;--surface2: #151820;--surface3: #1C2030;--border: rgba(255,255,255,.08);--border2: rgba(56,189,248,.26);--accent: #38BDF8;--accent2: #7DD3FC;--accent-dim:rgba(56,189,248,.1);--text1: #E9ECF5;--text2: #888FA4;--text3: #464D62;--online: #34D399;--danger: #FB7185;--warning: #FBBF24;--info: #38BDF8;--sidebar-w: 240px;--gold: #38BDF8;--gold-hi: #7DD3FC;--gold-grad: linear-gradient(135deg,#38BDF8 0%,#818CF8 100%);--line2: rgba(56,189,248,.26);--felt: #0F2A22;--felt-hi: #16513C;--burgundy: #16263F;--rose: #FB7185;--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--r: 7px;--r2: 12px;--r3: 16px}*,*: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:radial-gradient(900px 480px at 88% -10%,rgba(56,189,248,.06),transparent 62%),radial-gradient(700px 420px at -8% 110%,rgba(129,140,248,.1),transparent 58%)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}.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:linear-gradient(180deg,#120f09,#0d0b07);border-bottom:.5px solid var(--border);-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 ease,color .12s ease}.desktop-titlebar-btn:hover{background:var(--accent-dim);color:var(--accent2)}.desktop-titlebar-btn-close:hover{background:#ef444438;color:#ffc8c8}.admin-layout{display:flex;height:100%;overflow:hidden}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--bg2);border-right:.5px solid var(--border);display:flex;flex-direction:column;overflow-y:auto}.sidebar-logo{padding:20px 20px 16px;border-bottom:.5px solid var(--border)}.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{background:var(--accent-dim);color:var(--accent);border-left:2px solid var(--accent);padding-left:10px}.nav-link svg{width:16px;height:16px;flex-shrink:0}.sidebar-footer{margin-top:auto;padding:12px;border-top:.5px solid var(--border)}.main{flex:1;overflow-y:auto;display:flex;flex-direction:column;min-height:0}.topbar{display:flex;align-items:center;gap:12px;padding:14px 24px;border-bottom:.5px solid var(--border);background:var(--bg2);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:linear-gradient(180deg,var(--surface),var(--bg2));border:1px solid var(--border);border-radius:var(--r2);padding:16px 20px}.card-lux{position:relative;overflow:hidden;border-color:var(--line2)}.card-lux:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gold-grad);opacity:.8}.card-sm{background:var(--surface2);border-radius:var(--r);padding:12px 14px}.stat-card{background:linear-gradient(180deg,var(--surface),var(--bg2));border:1px solid var(--border2);border-radius:var(--r2);padding:16px 20px;display:flex;align-items:flex-start;gap:14px;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gold-grad);opacity:.7}.stat-icon{width:40px;height:40px;border-radius:var(--r);background:var(--accent-dim);border:.5px solid var(--border2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon svg{width:18px;height:18px;color:var(--accent)}.stat-val{font-family:var(--font-display);font-size:24px;font-weight:700;color:var(--text1);line-height:1.1}.stat-label{font-size:11px;color:var(--text2);margin-top:3px}.stat-delta{font-size:11px;color:var(--online);margin-top:4px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}thead tr{border-bottom:.5px solid var(--border2)}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:.5px 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:#1a1408;box-shadow:0 5px 18px #c9a24b42}.btn-primary:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 9px 24px #c9a24b66}.btn-ghost{background:var(--accent-dim);color:var(--accent);border:1px solid var(--line2)}.btn-ghost:hover{background:#c9a24b29;border-color:var(--accent)}.btn-danger{background:#ef44441f;color:var(--danger);border:.5px solid rgba(239,68,68,.25)}.btn-danger:hover{background:#ef444433}.btn-sm{padding:5px 10px;font-size:12px}.btn svg{width:14px;height:14px}.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:#4fb47721;color:var(--online);border-color:#4fb47752}.badge-scheduled{background:var(--accent-dim);color:var(--accent);border-color:var(--line2)}.badge-finished{background:#5f503147;color:var(--text3);border-color:var(--border)}.badge-cancelled{background:#c9534b1f;color:var(--danger);border-color:#c9534b4d}.badge-fish{background:#38bdf81a;color:#38bdf8;border-color:#38bdf852}.badge-regular{background:#818cf81a;color:#818cf8;border-color:#818cf852}.badge-grinder{background:#a78bfa1a;color:#a78bfa;border-color:#a78bfa52}.badge-shark{background:#fbbf241a;color:#fbbf24;border-color:#fbbf2452}.badge-legend{background:#fb71851a;color:#fb7185;border-color:#fb718552}.badge-blocked{background:#c9534b1f;color:var(--danger);border-color:#c9534b4d}.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:.5px 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(--surface2)}.modal-overlay{min-height:100dvh;background:#000000b3;display:flex;align-items:center;justify-content:center;padding:24px;z-index:200}.modal{background:var(--surface);border:.5px solid var(--border2);border-radius:var(--r3);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:.5px solid var(--border)}.search-box{display:flex;align-items:center;gap:8px;background:var(--surface2);border:.5px 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:14px}.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}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.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}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.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:.5px solid var(--border);margin:4px 0}.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:.5px solid var(--border2);background:#0b1020}.timer-embed-frame{width:100%;height:100%;border:none;display:block}