.landing-page[data-v-3cecb7b5]{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b);color:#f8fafc}.hero[data-v-3cecb7b5]{display:flex;align-items:center;justify-content:space-between;padding:80px 60px;gap:60px;max-width:1400px;margin:0 auto}.hero-content[data-v-3cecb7b5]{flex:1}.hero-badge[data-v-3cecb7b5]{display:inline-flex;align-items:center;gap:8px;background:#6366f11a;border:1px solid rgba(99,102,241,.3);padding:8px 16px;border-radius:20px;font-size:14px;color:#818cf8;margin-bottom:24px}.badge-dot[data-v-3cecb7b5]{width:8px;height:8px;background:#818cf8;border-radius:50%;animation:pulse-3cecb7b5 2s infinite}@keyframes pulse-3cecb7b5{0%,to{opacity:1}50%{opacity:.5}}.hero-title[data-v-3cecb7b5]{font-size:64px;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px}.hero-subtitle[data-v-3cecb7b5]{font-size:28px;font-weight:600;color:#e2e8f0;margin-bottom:16px}.hero-description[data-v-3cecb7b5]{font-size:18px;line-height:1.6;color:#94a3b8;margin-bottom:24px;max-width:600px}.hero-features[data-v-3cecb7b5]{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.hero-feature-item[data-v-3cecb7b5]{display:flex;align-items:center;gap:12px;color:#94a3b8;font-size:16px}.hero-feature-item svg[data-v-3cecb7b5]{color:#34d399;flex-shrink:0}.hero-buttons[data-v-3cecb7b5]{display:flex;gap:16px}.btn-primary[data-v-3cecb7b5]{display:inline-flex;align-items:center;gap:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:16px 32px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.btn-primary[data-v-3cecb7b5]:hover{transform:translateY(-2px);box-shadow:0 10px 30px #667eea66}.btn-secondary[data-v-3cecb7b5]{display:inline-flex;align-items:center;gap:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:16px 32px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.btn-secondary[data-v-3cecb7b5]:hover{background:#ffffff1a}.hero-visual[data-v-3cecb7b5]{flex:1;display:flex;justify-content:center}.visual-card[data-v-3cecb7b5]{background:#1e293b;border:1px solid #334155;border-radius:16px;padding:24px;width:100%;max-width:450px;box-shadow:0 20px 60px #00000080;animation:floating-3cecb7b5 3s ease-in-out infinite}@keyframes floating-3cecb7b5{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.card-header[data-v-3cecb7b5]{display:flex;gap:8px;margin-bottom:20px}.card-dot[data-v-3cecb7b5]{width:12px;height:12px;border-radius:50%}.card-dot.red[data-v-3cecb7b5]{background:#ef4444}.card-dot.yellow[data-v-3cecb7b5]{background:#f59e0b}.card-dot.green[data-v-3cecb7b5]{background:#22c55e}.mock-announcement[data-v-3cecb7b5]{background:#6366f11a;border-left:4px solid #6366f1;padding:16px;border-radius:8px;margin-bottom:20px;display:flex;gap:12px}.announcement-icon[data-v-3cecb7b5]{font-size:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.announcement-title[data-v-3cecb7b5]{font-size:14px;font-weight:600;color:#818cf8;margin-bottom:4px}.announcement-text[data-v-3cecb7b5]{font-size:14px;color:#e2e8f0}.mock-participants[data-v-3cecb7b5]{display:flex;flex-direction:column;gap:12px}.participant-item[data-v-3cecb7b5]{display:flex;align-items:center;gap:12px;background:#0f172a;padding:10px 12px;border-radius:8px;font-size:14px;line-height:1.4}.participant-avatar[data-v-3cecb7b5]{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff;flex-shrink:0;font-size:14px;box-shadow:0 2px 8px #0000004d}.stats-section[data-v-3cecb7b5]{padding:60px;background:#1e293b80}.stats-grid[data-v-3cecb7b5]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;max-width:1200px;margin:0 auto}.stat-item[data-v-3cecb7b5]{text-align:center}.stat-value[data-v-3cecb7b5]{font-size:48px;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.stat-label[data-v-3cecb7b5]{font-size:16px;color:#94a3b8}.features-section[data-v-3cecb7b5]{padding:80px 60px;max-width:1400px;margin:0 auto}.section-title[data-v-3cecb7b5]{font-size:40px;font-weight:700;text-align:center;margin-bottom:16px}.section-subtitle[data-v-3cecb7b5]{font-size:18px;color:#94a3b8;text-align:center;margin-bottom:60px}.features-grid[data-v-3cecb7b5]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.feature-card[data-v-3cecb7b5]{background:#1e293b;border:1px solid #334155;border-radius:16px;padding:32px;transition:all .3s}.feature-card[data-v-3cecb7b5]:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000004d;border-color:#6366f1}.feature-icon[data-v-3cecb7b5]{margin-bottom:16px;display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:#6366f11a;border-radius:12px}.feature-title[data-v-3cecb7b5]{font-size:20px;font-weight:600;margin-bottom:12px;color:#f8fafc}.feature-description[data-v-3cecb7b5]{font-size:16px;line-height:1.6;color:#94a3b8}.cta-section[data-v-3cecb7b5]{padding:80px 60px;text-align:center;background:linear-gradient(135deg,#667eea1a,#764ba21a)}.cta-title[data-v-3cecb7b5]{font-size:40px;font-weight:700;margin-bottom:16px}.cta-subtitle[data-v-3cecb7b5]{font-size:18px;color:#94a3b8;margin-bottom:32px}.btn-large[data-v-3cecb7b5]{padding:20px 48px;font-size:18px}.landing-footer[data-v-3cecb7b5]{padding:40px 60px 20px;border-top:1px solid #334155}.footer-content[data-v-3cecb7b5]{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto 30px}.footer-brand h3[data-v-3cecb7b5]{font-size:24px;margin-bottom:8px}.footer-brand p[data-v-3cecb7b5]{color:#94a3b8;font-size:14px}.footer-links[data-v-3cecb7b5]{display:flex;gap:24px}.footer-links a[data-v-3cecb7b5]{color:#94a3b8;text-decoration:none;transition:color .3s}.footer-links a[data-v-3cecb7b5]:hover{color:#818cf8}.footer-bottom[data-v-3cecb7b5]{text-align:center;padding-top:20px;border-top:1px solid #334155;color:#64748b;font-size:14px}@media (max-width: 1024px){.hero[data-v-3cecb7b5]{flex-direction:column;padding:60px 30px}.hero-title[data-v-3cecb7b5]{font-size:48px}.features-section[data-v-3cecb7b5],.cta-section[data-v-3cecb7b5]{padding:60px 30px}.stats-section[data-v-3cecb7b5]{padding:40px 30px}}@media (max-width: 768px){.hero-title[data-v-3cecb7b5]{font-size:36px}.hero-subtitle[data-v-3cecb7b5]{font-size:24px}.hero-buttons[data-v-3cecb7b5]{flex-direction:column}.stats-grid[data-v-3cecb7b5]{grid-template-columns:repeat(2,1fr);gap:20px}.features-grid[data-v-3cecb7b5]{grid-template-columns:1fr}.footer-content[data-v-3cecb7b5]{flex-direction:column;gap:20px;text-align:center}}.terms-page[data-v-03200dea]{min-height:100vh;background:var(--bg-primary);padding:40px 20px}.terms-container[data-v-03200dea]{max-width:900px;margin:0 auto}.terms-header[data-v-03200dea]{margin-bottom:40px;padding-bottom:30px;border-bottom:2px solid var(--border-color)}.back-btn[data-v-03200dea]{display:inline-flex;align-items:center;gap:8px;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;margin-bottom:20px}.back-btn[data-v-03200dea]:hover{background:var(--bg-tertiary);border-color:#667eea}.terms-header h1[data-v-03200dea]{font-size:36px;font-weight:700;color:var(--text-primary);margin-bottom:12px}.last-updated[data-v-03200dea]{color:var(--text-muted);font-size:14px}.terms-content[data-v-03200dea]{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:40px;box-shadow:0 4px 20px var(--shadow-color)}.terms-section[data-v-03200dea]{margin-bottom:40px}.terms-section[data-v-03200dea]:last-of-type{margin-bottom:0}.terms-section h2[data-v-03200dea]{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid var(--border-color)}.terms-section p[data-v-03200dea]{color:var(--text-secondary);line-height:1.8;font-size:15px;margin-bottom:16px}.terms-section ul[data-v-03200dea]{margin:16px 0;padding-left:24px}.terms-section li[data-v-03200dea]{color:var(--text-secondary);line-height:1.8;font-size:15px;margin-bottom:8px}.terms-section a[data-v-03200dea]{color:#667eea;text-decoration:none;font-weight:600}.terms-section a[data-v-03200dea]:hover{text-decoration:underline}.terms-footer[data-v-03200dea]{margin-top:40px;padding-top:30px;border-top:2px solid var(--border-color);text-align:center}.terms-footer p[data-v-03200dea]{color:var(--text-secondary);font-size:16px;line-height:1.8;margin-bottom:24px}.accept-btn[data-v-03200dea]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:14px 32px;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 16px #667eea4d}.accept-btn[data-v-03200dea]:hover{transform:translateY(-2px);box-shadow:0 8px 24px #667eea66}.scroll-top-btn[data-v-03200dea]{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #667eea66;transition:all .3s;z-index:1000}.scroll-top-btn[data-v-03200dea]:hover{transform:translateY(-4px);box-shadow:0 8px 24px #667eea99}.fade-enter-active[data-v-03200dea],.fade-leave-active[data-v-03200dea]{transition:opacity .3s}.fade-enter-from[data-v-03200dea],.fade-leave-to[data-v-03200dea]{opacity:0}@media (max-width: 768px){.terms-page[data-v-03200dea]{padding:20px 15px}.terms-container[data-v-03200dea]{max-width:100%}.terms-header h1[data-v-03200dea]{font-size:28px}.terms-content[data-v-03200dea]{padding:24px}.terms-section h2[data-v-03200dea]{font-size:20px}.terms-section p[data-v-03200dea],.terms-section li[data-v-03200dea]{font-size:14px}.scroll-top-btn[data-v-03200dea]{bottom:20px;right:20px;width:45px;height:45px}}.privacy-page[data-v-b21740c7]{min-height:100vh;background:var(--bg-primary);padding:40px 20px}.privacy-container[data-v-b21740c7]{max-width:900px;margin:0 auto}.privacy-header[data-v-b21740c7]{margin-bottom:40px;padding-bottom:30px;border-bottom:2px solid var(--border-color)}.back-btn[data-v-b21740c7]{display:inline-flex;align-items:center;gap:8px;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;margin-bottom:20px}.back-btn[data-v-b21740c7]:hover{background:var(--bg-tertiary);border-color:#667eea}.privacy-header h1[data-v-b21740c7]{font-size:36px;font-weight:700;color:var(--text-primary);margin-bottom:12px}.last-updated[data-v-b21740c7]{color:var(--text-muted);font-size:14px}.privacy-content[data-v-b21740c7]{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:40px;box-shadow:0 4px 20px var(--shadow-color)}.privacy-section[data-v-b21740c7]{margin-bottom:40px}.privacy-section[data-v-b21740c7]:last-of-type{margin-bottom:0}.privacy-section h2[data-v-b21740c7]{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid var(--border-color)}.privacy-section h3[data-v-b21740c7]{font-size:18px;font-weight:600;color:var(--text-primary);margin-top:20px;margin-bottom:12px}.privacy-section p[data-v-b21740c7]{color:var(--text-secondary);line-height:1.8;font-size:15px;margin-bottom:16px}.privacy-section ul[data-v-b21740c7]{margin:16px 0;padding-left:24px}.privacy-section li[data-v-b21740c7]{color:var(--text-secondary);line-height:1.8;font-size:15px;margin-bottom:8px}.privacy-section a[data-v-b21740c7]{color:#667eea;text-decoration:none;font-weight:600}.privacy-section a[data-v-b21740c7]:hover{text-decoration:underline}.privacy-footer[data-v-b21740c7]{margin-top:40px;padding-top:30px;border-top:2px solid var(--border-color);text-align:center}.privacy-footer p[data-v-b21740c7]{color:var(--text-secondary);font-size:16px;line-height:1.8;margin-bottom:24px}.accept-btn[data-v-b21740c7]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:14px 32px;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 16px #667eea4d}.accept-btn[data-v-b21740c7]:hover{transform:translateY(-2px);box-shadow:0 8px 24px #667eea66}.scroll-top-btn[data-v-b21740c7]{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #667eea66;transition:all .3s;z-index:1000}.scroll-top-btn[data-v-b21740c7]:hover{transform:translateY(-4px);box-shadow:0 8px 24px #667eea99}.fade-enter-active[data-v-b21740c7],.fade-leave-active[data-v-b21740c7]{transition:opacity .3s}.fade-enter-from[data-v-b21740c7],.fade-leave-to[data-v-b21740c7]{opacity:0}@media (max-width: 768px){.privacy-page[data-v-b21740c7]{padding:20px 15px}.privacy-container[data-v-b21740c7]{max-width:100%}.privacy-header h1[data-v-b21740c7]{font-size:28px}.privacy-content[data-v-b21740c7]{padding:24px}.privacy-section h2[data-v-b21740c7]{font-size:20px}.privacy-section h3[data-v-b21740c7]{font-size:16px}.privacy-section p[data-v-b21740c7],.privacy-section li[data-v-b21740c7]{font-size:14px}.scroll-top-btn[data-v-b21740c7]{bottom:20px;right:20px;width:45px;height:45px}}.donate-page[data-v-73733924]{min-height:100vh;background:var(--bg-primary);padding:40px 20px}.donate-container[data-v-73733924]{max-width:900px;margin:0 auto}.donate-header[data-v-73733924]{margin-bottom:40px;padding-bottom:30px;border-bottom:2px solid var(--border-color)}.back-btn[data-v-73733924]{display:inline-flex;align-items:center;gap:8px;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;margin-bottom:20px}.back-btn[data-v-73733924]:hover{background:var(--bg-tertiary);border-color:#667eea}.donate-header h1[data-v-73733924]{font-size:36px;font-weight:700;color:var(--text-primary);margin-bottom:12px}.subtitle[data-v-73733924]{color:var(--text-muted);font-size:16px}.donate-content[data-v-73733924]{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:40px;box-shadow:0 4px 20px var(--shadow-color)}.donate-section[data-v-73733924]{margin-bottom:40px}.donate-section[data-v-73733924]:last-of-type{margin-bottom:0}.donate-section h2[data-v-73733924]{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid var(--border-color)}.donate-section h3[data-v-73733924]{font-size:18px;font-weight:600;color:var(--text-primary);margin-top:20px;margin-bottom:12px}.donate-section p[data-v-73733924]{color:var(--text-secondary);line-height:1.8;font-size:15px;margin-bottom:16px}.donate-section ul[data-v-73733924]{margin:16px 0;padding-left:24px}.donate-section li[data-v-73733924]{color:var(--text-secondary);line-height:1.8;font-size:15px;margin-bottom:8px}.donate-section li strong[data-v-73733924]{color:var(--text-primary)}.amount-grid[data-v-73733924]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:20px 0}.amount-btn[data-v-73733924]{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:24px 16px;cursor:pointer;transition:all .3s;display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--text-primary)}.amount-btn[data-v-73733924]:hover{background:var(--bg-tertiary);border-color:#6366f1;transform:translateY(-2px);box-shadow:0 4px 12px #6366f133}.amount-icon[data-v-73733924]{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#6366f11a;border-radius:12px;margin-bottom:4px}.amount-icon svg[data-v-73733924]{width:32px;height:32px}.amount-value[data-v-73733924]{font-size:20px;font-weight:700;color:#818cf8}.amount-label[data-v-73733924]{font-size:14px;color:var(--text-secondary)}.custom-amount[data-v-73733924]{display:flex;gap:12px;margin-top:20px}.custom-input[data-v-73733924]{flex:1;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:12px 16px;color:var(--text-primary);font-size:16px;outline:none;transition:border-color .3s}.custom-input[data-v-73733924]:focus{border-color:#6366f1}.custom-input[data-v-73733924]::placeholder{color:var(--text-muted)}.donate-btn[data-v-73733924]{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;padding:12px 24px;color:#fff;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600}.donate-btn[data-v-73733924]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.share-box[data-v-73733924]{margin-top:20px}.share-link[data-v-73733924]{display:flex;gap:12px}.share-input[data-v-73733924]{flex:1;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:12px 16px;color:var(--text-primary);font-size:14px;outline:none}.copy-btn[data-v-73733924]{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:12px 20px;color:var(--text-primary);cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600}.copy-btn[data-v-73733924]:hover{background:var(--bg-secondary);border-color:#667eea}.thank-you[data-v-73733924]{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid rgba(102,126,234,.3);border-radius:12px;padding:24px}.thank-you h2[data-v-73733924]{border-bottom:none;padding-bottom:0}.donate-footer[data-v-73733924]{margin-top:40px;text-align:center}.back-to-service-btn[data-v-73733924]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:16px 32px;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s;display:inline-flex;align-items:center;gap:10px;box-shadow:0 4px 16px #667eea4d}.back-to-service-btn[data-v-73733924]:hover{transform:translateY(-2px);box-shadow:0 8px 24px #667eea66}@media (max-width: 768px){.donate-page[data-v-73733924]{padding:20px 15px}.donate-container[data-v-73733924]{max-width:100%}.donate-header h1[data-v-73733924]{font-size:28px}.donate-content[data-v-73733924]{padding:24px}.donate-section h2[data-v-73733924]{font-size:20px}.donate-section h3[data-v-73733924]{font-size:16px}.donate-section p[data-v-73733924],.donate-section li[data-v-73733924]{font-size:14px}.amount-grid[data-v-73733924]{grid-template-columns:1fr}.custom-amount[data-v-73733924],.share-link[data-v-73733924]{flex-direction:column}.back-to-service-btn[data-v-73733924]{width:100%;justify-content:center}}.app-layout[data-v-c3ad8c4d]{display:flex;min-height:100vh}.main-content[data-v-c3ad8c4d]{flex:1;display:flex;flex-direction:column;min-height:100vh}.bot-status[data-v-c3ad8c4d]{display:flex;align-items:center;gap:8px;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:8px;padding:8px 16px;color:#22c55e;font-weight:600}.status-dot[data-v-c3ad8c4d]{width:8px;height:8px;border-radius:50%;background:#6b7280}.status-dot.online[data-v-c3ad8c4d]{background:#22c55e;box-shadow:0 0 8px #22c55e;animation:pulse-c3ad8c4d 2s infinite}@keyframes pulse-c3ad8c4d{0%,to{opacity:1}50%{opacity:.5}}.dashboard-stats[data-v-c3ad8c4d]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;padding:24px}.stat-card[data-v-c3ad8c4d]{background:linear-gradient(135deg,#1f2937cc,#111827e6);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;box-shadow:0 4px 20px #0000004d;transition:all .3s}.stat-card[data-v-c3ad8c4d]:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0006;border-color:#ffffff26}.stat-label[data-v-c3ad8c4d]{font-size:14px;color:var(--text-secondary);margin-bottom:8px}.stat-value[data-v-c3ad8c4d]{font-size:32px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.stat-sub[data-v-c3ad8c4d]{font-size:14px;font-weight:400;color:var(--text-secondary)}.stat-change[data-v-c3ad8c4d]{font-size:13px;font-weight:600}.stat-change.positive[data-v-c3ad8c4d]{color:#f59e0b}.dashboard-panel[data-v-c3ad8c4d]{background:var(--bg-secondary);border-radius:16px;border:1px solid var(--border-color);overflow:hidden}.panel-header[data-v-c3ad8c4d]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color);margin-bottom:0}.panel-title[data-v-c3ad8c4d]{font-size:28px;font-weight:700;color:var(--text-primary);margin:0}.panel-subtitle[data-v-c3ad8c4d]{font-size:14px;color:var(--text-secondary);margin:0}.section-title[data-v-c3ad8c4d]{font-size:28px;font-weight:700;color:var(--text-primary);margin:0}.control-panel[data-v-c3ad8c4d]{background:var(--bg-secondary);border-radius:16px;padding:0;border:1px solid var(--border-color);overflow:hidden}.control-panel[data-v-c3ad8c4d]>*:not(.panel-header){padding:24px}.content-body[data-v-c3ad8c4d]{padding:0}.dashboard-grid[data-v-c3ad8c4d]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;padding:24px}.dashboard-panel[data-v-c3ad8c4d],.participants-panel[data-v-c3ad8c4d]{background:var(--bg-secondary);border-radius:16px;border:1px solid var(--border-color);overflow:hidden}.moderator-notice[data-v-c3ad8c4d]{display:flex;gap:16px;padding:20px;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:12px;margin-bottom:24px}.notice-icon[data-v-c3ad8c4d]{flex-shrink:0;color:#3b82f6}.notice-content[data-v-c3ad8c4d]{flex:1}.notice-title[data-v-c3ad8c4d]{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.notice-text[data-v-c3ad8c4d]{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-bottom:12px}.notice-command[data-v-c3ad8c4d]{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#0f172a99;border-radius:8px;border:1px solid var(--border-color)}.notice-command code[data-v-c3ad8c4d]{font-family:Courier New,monospace;font-size:14px;color:#60a5fa;flex:1}.copy-command-btn[data-v-c3ad8c4d]{padding:8px 12px;background:#60a5fa1a;border:1px solid rgba(96,165,250,.3);border-radius:6px;color:#60a5fa;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.copy-command-btn[data-v-c3ad8c4d]:hover{background:#60a5fa33;border-color:#60a5fa80}.copy-command-btn.copied[data-v-c3ad8c4d]{background:#22c55e1a;border-color:#22c55e4d;color:#22c55e}.panel-section[data-v-c3ad8c4d]{padding:24px}.btn[data-v-c3ad8c4d]{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-success[data-v-c3ad8c4d]{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 4px 12px #22c55e4d}.btn-success[data-v-c3ad8c4d]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #22c55e66}.auth-section[data-v-c3ad8c4d]{display:flex;justify-content:center;padding:40px 24px}.error-message[data-v-c3ad8c4d]{padding:16px 20px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;color:#ef4444;font-weight:500;margin-bottom:24px}.chat-empty[data-v-c3ad8c4d]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px;text-align:center;gap:16px;color:var(--text-secondary)}.top-list[data-v-c3ad8c4d]{padding:12px 0}.top-list-item[data-v-c3ad8c4d]{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--border-color)}.top-list-item[data-v-c3ad8c4d]:last-child{border-bottom:none}.top-username[data-v-c3ad8c4d]{color:var(--text-primary);font-weight:500;font-size:15px}.top-count[data-v-c3ad8c4d]{color:var(--text-secondary);font-weight:600;font-size:15px}.activity-chart[data-v-c3ad8c4d]{padding:24px;overflow:visible;background:var(--bg-tertiary);border-radius:12px;border:1px solid var(--border-color)}.chart-placeholder[data-v-c3ad8c4d]{position:relative;height:300px;background:var(--bg-secondary);border-radius:12px;padding:24px;display:flex;flex-direction:column;overflow:visible;border:1px solid var(--border-color)}.chart-svg[data-v-c3ad8c4d]{width:100%;flex:1;min-height:120px}.chart-labels[data-v-c3ad8c4d]{display:flex;justify-content:space-between;margin-top:12px;font-size:12px;color:#6b7280}.chart-tooltip[data-v-c3ad8c4d]{position:absolute;background:#1f2937;border:1px solid #374151;border-radius:8px;padding:12px 16px;box-shadow:0 4px 12px #00000080;pointer-events:none;z-index:100;min-width:180px;transition:opacity .15s ease;white-space:nowrap}.reroll-display .btn-reroll[data-v-c3ad8c4d]{background:#fff;color:#7c3aed;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;width:100%}.reroll-display .btn-reroll[data-v-c3ad8c4d]:hover{background:#f3f4f6;transform:translateY(-2px)}.reroll-display[style*=ef4444] .btn-reroll[data-v-c3ad8c4d]{color:#dc2626}.reroll-display[style*=ef4444] .btn-reroll[data-v-c3ad8c4d]:hover{background:#ffffffe6}.timeout-block[data-v-c3ad8c4d]{background:linear-gradient(135deg,#ef4444,#dc2626)!important;box-shadow:0 8px 32px #ef444480!important;border-color:#ffffff4d!important;animation:none!important}.timeout-block[data-v-c3ad8c4d]:before{background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 70%)}.timeout-reroll-btn[data-v-c3ad8c4d]{position:relative;z-index:1;background:#fff;color:#dc2626;border:none;padding:14px 28px;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;width:100%;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #0003;letter-spacing:.5px}.timeout-reroll-btn[data-v-c3ad8c4d]:hover{background:#f3f4f6;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.tooltip-header[data-v-c3ad8c4d]{font-weight:600;color:#f3f4f6;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #374151;font-size:14px}.tooltip-item[data-v-c3ad8c4d]{display:flex;align-items:center;gap:8px;margin-bottom:4px;font-size:13px;color:#d1d5db}.tooltip-item[data-v-c3ad8c4d]:last-child{margin-bottom:0}.tooltip-dot[data-v-c3ad8c4d]{width:8px;height:8px;border-radius:50%;flex-shrink:0}.chart-svg circle[data-v-c3ad8c4d]{opacity:0;transition:opacity .2s}.chart-svg:hover circle[data-v-c3ad8c4d]{opacity:1}.clip-roles-list[data-v-c3ad8c4d]{display:flex;flex-direction:column;gap:10px;margin-top:12px}.clip-role-item[data-v-c3ad8c4d]{display:flex;align-items:center;gap:12px;cursor:pointer;padding:10px 14px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;transition:all .2s;-webkit-user-select:none;user-select:none}.clip-role-item[data-v-c3ad8c4d]:hover{border-color:#667eea;background:#667eea0d}.clip-role-item input[type=checkbox][data-v-c3ad8c4d]{width:18px;height:18px;cursor:pointer;flex-shrink:0;accent-color:#667eea}.clip-role-item span[data-v-c3ad8c4d]{color:var(--text-secondary);font-size:15px;font-weight:500}.clips-list-container[data-v-c3ad8c4d]{max-height:600px;overflow-y:auto;margin-top:16px;margin-bottom:24px;padding-right:8px}.clips-list-container[data-v-c3ad8c4d]::-webkit-scrollbar{width:8px}.clips-list-container[data-v-c3ad8c4d]::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:4px}.clips-list-container[data-v-c3ad8c4d]::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px;transition:background .2s}.clips-list-container[data-v-c3ad8c4d]::-webkit-scrollbar-thumb:hover{background:#667eea}.clips-list[data-v-c3ad8c4d]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;padding-bottom:8px}.clip-item[data-v-c3ad8c4d]{display:flex;flex-direction:column;gap:12px;padding:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition:all .2s}.clip-item[data-v-c3ad8c4d]:hover{border-color:#667eea;background:#667eea0d;transform:translateY(-4px);box-shadow:0 8px 24px #0003}.clip-thumbnail[data-v-c3ad8c4d]{width:100%;aspect-ratio:16 / 9;overflow:hidden;background:var(--bg-tertiary);position:relative}.clip-thumbnail img[data-v-c3ad8c4d]{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.clip-thumbnail-placeholder[data-v-c3ad8c4d]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.clip-item:hover .clip-thumbnail img[data-v-c3ad8c4d]{transform:scale(1.05)}.clip-content[data-v-c3ad8c4d]{padding:16px;display:flex;flex-direction:column;gap:12px;flex:1}.clip-header[data-v-c3ad8c4d]{display:flex;align-items:flex-start;gap:12px}.clip-icon[data-v-c3ad8c4d]{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff}.clip-info[data-v-c3ad8c4d]{flex:1;min-width:0}.clip-title[data-v-c3ad8c4d]{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:8px;word-break:break-word}.clip-meta[data-v-c3ad8c4d]{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--text-muted)}.clip-author[data-v-c3ad8c4d],.clip-date[data-v-c3ad8c4d]{display:flex;align-items:center;gap:4px}.clip-actions[data-v-c3ad8c4d]{margin-top:auto;padding-top:12px;border-top:1px solid var(--border-color)}.clip-open-btn[data-v-c3ad8c4d]{width:100%;display:flex;align-items:center;justify-content:center;padding:12px 20px;font-size:14px;font-weight:500;border-radius:8px;text-decoration:none;transition:all .2s}.clip-open-btn[data-v-c3ad8c4d]:hover{transform:scale(1.02);box-shadow:0 4px 12px #667eea4d}.modal-overlay[data-v-c3ad8c4d]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn-c3ad8c4d .2s ease-out}.modal-content[data-v-c3ad8c4d]{background:var(--bg-secondary);border-radius:16px;border:1px solid var(--border-color);max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080;animation:slideUp-c3ad8c4d .3s ease-out}.modal-header[data-v-c3ad8c4d]{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--border-color)}.modal-header h2[data-v-c3ad8c4d],.modal-title[data-v-c3ad8c4d]{font-size:20px;font-weight:700;color:var(--text-primary);margin:0}.modal-close[data-v-c3ad8c4d],.close-btn[data-v-c3ad8c4d]{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;transition:all .2s}.modal-close[data-v-c3ad8c4d]:hover,.close-btn[data-v-c3ad8c4d]:hover{color:var(--text-primary);transform:scale(1.1)}.modal-body[data-v-c3ad8c4d]{padding:24px}.modal-footer[data-v-c3ad8c4d]{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid var(--border-color)}.auth-btn[data-v-c3ad8c4d]{padding:16px 32px;background:linear-gradient(135deg,#9146ff,#7c3aed);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 16px #9146ff4d}.auth-btn[data-v-c3ad8c4d]:hover{transform:translateY(-2px);box-shadow:0 8px 24px #9146ff66}.clips-notification-modal[data-v-c3ad8c4d]{max-width:400px;width:90%;padding:32px;text-align:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 20px 60px #00000080;animation:slideUp-c3ad8c4d .3s ease-out}.modal-icon[data-v-c3ad8c4d]{margin:0 auto 16px;width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:50%}.modal-icon.success[data-v-c3ad8c4d]{background:#10b9811a;color:#10b981}.modal-icon.error[data-v-c3ad8c4d]{background:#ef44441a;color:#ef4444}.modal-title[data-v-c3ad8c4d]{font-size:20px;font-weight:600;margin:0 0 8px;color:var(--text-primary)}.modal-message[data-v-c3ad8c4d]{font-size:15px;color:var(--text-secondary);margin:0;line-height:1.5}.modal-actions[data-v-c3ad8c4d]{margin-top:24px;display:flex;justify-content:center}@keyframes fadeIn-c3ad8c4d{0%{opacity:0}to{opacity:1}}@keyframes slideUp-c3ad8c4d{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.dashboard-grid[data-v-c3ad8c4d],.dashboard-stats[data-v-c3ad8c4d]{grid-template-columns:1fr}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary, #0f1117);color:var(--text-primary, #e8ecf3);overflow-x:hidden}.sidebar{position:fixed;left:0;top:0;width:240px;height:100vh;background:var(--bg-panel, #1c1f24);border-right:1px solid var(--border-color, #2a2d34);display:flex;flex-direction:column;z-index:100}.sidebar-header{padding:20px;border-bottom:1px solid var(--border-color, #2a2d34);display:flex;align-items:center;gap:10px}.sidebar-header h2{font-size:20px;font-weight:700;color:var(--text-primary, #ffffff)}.sidebar-nav{flex:1;padding:16px 12px;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;margin-bottom:4px;border-radius:8px;cursor:pointer;transition:all .2s;color:#b0b8c4;font-size:15px;font-weight:500}.nav-item:hover{background:#252830;color:#fff}.nav-item.active{background:#464646;color:#fff}.nav-item svg{width:18px;height:18px;flex-shrink:0}.nav-item.donate-nav{background:linear-gradient(135deg,#ec489926,#a855f726);border:1px solid rgba(236,72,153,.3);color:#f472b6;margin-top:8px}.nav-item.donate-nav:hover{background:linear-gradient(135deg,#ec489940,#a855f740);border-color:#ec4899;color:#f9a8d4;transform:translateY(-1px)}.nav-item.donate-nav svg{color:#f472b6}.sidebar-footer{padding:16px;border-top:1px solid var(--border-color, #2a2d34)}.user-profile{display:flex;align-items:center;gap:10px;padding:10px;background:var(--bg-tertiary, #252830);border-radius:8px;cursor:pointer}.theme-toggle-btn{width:100%;padding:10px;margin-top:8px;background:var(--bg-tertiary, #252830);border:1px solid var(--border-color, #2a2d34);border-radius:8px;color:var(--text-primary, #e8ecf3);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:8px}.theme-toggle-btn:hover{background:var(--card-hover, #2d3139);border-color:#667eea;color:#fff;transform:translateY(-1px)}:root[data-theme=light]{--bg-primary: #f8f9fa;--bg-secondary: #ffffff;--bg-tertiary: #e9ecef;--bg-panel: #ffffff;--text-primary: #212529;--text-secondary: #495057;--text-muted: #6c757d;--border-color: #dee2e6;--shadow-color: rgba(0, 0, 0, .1);--input-bg: #ffffff;--input-border: #ced4da;--card-bg: #ffffff;--card-hover: #f8f9fa}:root[data-theme=dark],:root{--bg-primary: #0f1117;--bg-secondary: #181b21;--bg-tertiary: #1c1f24;--bg-panel: #1c1f24;--text-primary: #e8ecf3;--text-secondary: #b0b3b8;--text-muted: #8a8f98;--border-color: #2a2d34;--shadow-color: rgba(0, 0, 0, .3);--input-bg: #252830;--input-border: #2a2d34;--card-bg: #1c1f24;--card-hover: #252830}:root[data-theme=light]{--bg-primary: #f0f2f5;--bg-secondary: #ffffff;--bg-tertiary: #e8eaed;--bg-panel: #ffffff;--text-primary: #1a1a2e;--text-secondary: #4a4a68;--text-muted: #6b7280;--border-color: #d1d5db;--shadow-color: rgba(0, 0, 0, .12);--input-bg: #ffffff;--input-border: #c5c9d2;--card-bg: #ffffff;--card-hover: #f8f9fb}:root[data-theme=light] .theme-toggle-btn{background:var(--bg-tertiary, #e9ecef);border-color:var(--border-color, #dee2e6);color:var(--text-primary, #212529)}:root[data-theme=light] .theme-toggle-btn:hover{background:var(--card-hover, #f8f9fa);border-color:#667eea}:root[data-theme=light] .input-group label{color:var(--text-muted, #6c757d)}:root[data-theme=light] .chat-empty{color:var(--text-muted, #6c757d)}:root[data-theme=light] .control-panel{border-color:#d1d5db!important;box-shadow:0 4px 20px #00000014!important}:root[data-theme=light] .content-header{background:var(--bg-secondary, #ffffff);border-bottom-color:var(--border-color, #dee2e6)}:root[data-theme=light] .content-header h1{color:var(--text-primary, #212529)}:root[data-theme=light] .content-header p{color:var(--text-muted, #6c757d)}:root[data-theme=light] .stat-card{background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #dee2e6);box-shadow:0 4px 20px var(--shadow-color, rgba(0, 0, 0, .08))}:root[data-theme=light] .stat-card:hover{box-shadow:0 8px 30px var(--shadow-color, rgba(0, 0, 0, .12));border-color:#667eea}:root[data-theme=light] .stat-label{color:var(--text-muted, #6c757d)}:root[data-theme=light] .stat-value{color:var(--text-primary, #212529)}:root[data-theme=light] .dashboard-panel{background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #dee2e6);box-shadow:0 4px 20px var(--shadow-color, rgba(0, 0, 0, .08))}:root[data-theme=light] .dashboard-panel:hover{box-shadow:0 8px 30px var(--shadow-color, rgba(0, 0, 0, .12));border-color:#667eea}:root[data-theme=light] .panel-header{border-bottom-color:var(--border-color, #dee2e6)}:root[data-theme=light] .panel-title{color:var(--text-primary, #212529)}:root[data-theme=light] .panel-subtitle{color:var(--text-muted, #6c757d)}:root[data-theme=light] .top-username{color:var(--text-primary, #212529)}:root[data-theme=light] .top-count{color:var(--text-secondary, #495057)}:root[data-theme=light] .top-list-item{border-bottom-color:var(--border-color, #dee2e6)}:root[data-theme=light] .footer{background:#fff!important;border-top-color:#dee2e6!important;color:#4a4a68!important;font-weight:500!important}:root[data-theme=light] .footer a{color:#4a4a68!important;font-weight:500!important;cursor:pointer}:root[data-theme=light] .bot-status{background:#22c55e1a!important;color:#16a34a!important;border:1px solid rgba(34,197,94,.3)!important;font-weight:600!important}:root[data-theme=light] .status-dot.online{background:#22c55e;box-shadow:0 0 8px #22c55e99}:root[data-theme=light] .chart-placeholder{background:var(--bg-tertiary, #f8f9fa)}:root[data-theme=light] .activity-chart svg line{stroke:var(--border-color, #dee2e6)}:root[data-theme=light] .content-header{background:#fff!important;border-bottom:1px solid #d1d5db!important}:root[data-theme=light] .content-header h1{color:#1a1a2e!important}:root[data-theme=light] .content-header p{color:#4a4a68!important;font-weight:500!important}:root[data-theme=light] .sidebar{background:#fff!important;border-right:1px solid #e5e7eb!important}:root[data-theme=light] .sidebar-header{border-bottom-color:#e5e7eb!important}:root[data-theme=light] .sidebar-header h2{color:#1a1a2e!important}:root[data-theme=light] .nav-item{color:#4a4a68!important}:root[data-theme=light] .nav-item:hover{background:#f3f4f6!important;color:#1a1a2e!important}:root[data-theme=light] .nav-item.active{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important}:root[data-theme=light] .nav-item svg{color:inherit!important}:root[data-theme=light] .user-profile{background:#f3f4f6!important}:root[data-theme=light] .user-name{color:#1a1a2e!important}:root[data-theme=light] .user-status{color:#4a4a68!important;font-weight:500!important}:root[data-theme=light] .theme-toggle-btn{background:#f3f4f6!important;border-color:#d1d5db!important;color:#1a1a2e!important}:root[data-theme=light] .theme-toggle-btn:hover{background:#e5e7eb!important;border-color:#667eea!important}:root[data-theme=light] .sidebar-footer{border-top-color:#e5e7eb!important}:root[data-theme=light] .btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626)!important}:root[data-theme=light] .input-group label{color:#4a4a68!important;font-weight:600!important}:root[data-theme=light] .input-group input{background:#fff!important;color:#1a1a2e!important;border-color:#d1d5db!important;font-weight:500!important}:root[data-theme=light] .input-group input:focus{border-color:#667eea!important;background:#fff!important}:root[data-theme=light] .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important}:root[data-theme=light] .btn-secondary{background:#f3f4f6!important;color:#1a1a2e!important;border:1px solid #d1d5db!important}:root[data-theme=light] .btn-secondary:hover{background:#e5e7eb!important}:root[data-theme=light] .participants-panel{background:#fff!important;border-color:#d1d5db!important;box-shadow:0 4px 20px #00000014!important}:root[data-theme=light] .participants-header{border-bottom-color:#e5e7eb!important}:root[data-theme=light] .section-title{color:#1a1a2e!important;font-weight:700!important}:root[data-theme=light] .participants-header .section-title{color:#1a1a2e!important;font-weight:700!important}:root[data-theme=light] .participants-count{color:#4a4a68!important;font-weight:600!important}:root[data-theme=light] .participant-item{background:#f9fafb!important;color:#1a1a2e!important}:root[data-theme=light] .chat-panel{background:#fff!important;border-color:#d1d5db!important;box-shadow:0 4px 20px #00000014!important}:root[data-theme=light] .chat-header{background:#f9fafb!important;border-bottom-color:#e5e7eb!important}:root[data-theme=light] .chat-title{color:#1a1a2e!important;font-weight:700!important}:root[data-theme=light] .chat-body{background:#fff!important}:root[data-theme=light] .chat-text{color:#1a1a2e!important;font-weight:500!important}:root[data-theme=light] .chat-timestamp{color:#6b7280!important;font-weight:500!important}:root[data-theme=light] .chat-input-container{border-top-color:#e5e7eb!important;background:#f9fafb!important}:root[data-theme=light] .chat-input{background:#fff!important;color:#1a1a2e!important;border-color:#d1d5db!important;font-weight:500!important}:root[data-theme=light] .chat-send-btn{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important}:root[data-theme=light] .chat-send-btn:hover{background:linear-gradient(135deg,#764ba2,#667eea)!important}:root[data-theme=light] .chat-empty{color:#6b7280!important;font-weight:500!important}:root[data-theme=light] .status-display{background:#667eea1a!important;border-color:#667eea4d!important;color:#1a1a2e!important}:root[data-theme=light] .status-label{color:#4a4a68!important;font-weight:600!important}:root[data-theme=light] .status-value{color:#1a1a2e!important;font-weight:600!important}:root[data-theme=light] .status-value.winner{color:#16a34a!important;font-weight:700!important}:root[data-theme=light] .error-message{background:#ef44441a!important;border-color:#ef444466!important;color:#dc2626!important;font-weight:600!important}:root[data-theme=light] .panel-section-title{color:#4a4a68!important;font-weight:600!important}:root[data-theme=light] .chart-tooltip{background:#fff!important;border-color:#d1d5db!important;box-shadow:0 4px 12px #00000026!important;color:#1a1a2e!important}:root[data-theme=light] .reroll-display .btn-reroll{background:#f3f4f6!important;color:#7c3aed!important}:root[data-theme=light] .reroll-display .btn-reroll:hover{background:#e5e7eb!important}:root[data-theme=light] .reroll-display[style*=ef4444] .btn-reroll{color:#dc2626!important}:root[data-theme=light] .reroll-display[style*=ef4444] .btn-reroll:hover{background:#dc26261a!important}:root[data-theme=light] .timeout-reroll-btn{background:#fff!important;color:#dc2626!important;box-shadow:0 4px 16px #0000001a!important}:root[data-theme=light] .timeout-reroll-btn:hover{background:#f9fafb!important;box-shadow:0 8px 24px #00000026!important}:root[data-theme=light] .stat-label{color:#4a4a68!important;font-weight:600!important}:root[data-theme=light] .stat-value{color:#1a1a2e!important;font-weight:700!important}:root[data-theme=light] .stat-sub{color:#4a4a68!important;font-weight:600!important}:root[data-theme=light] .stat-change.positive{color:#f59e0b!important}:root[data-theme=light] .panel-title{color:#1a1a2e!important}:root[data-theme=light] .panel-subtitle{color:#4a4a68!important;font-weight:500!important}:root[data-theme=light] .top-username{color:#1a1a2e!important}:root[data-theme=light] .top-count{color:#4a4a68!important;font-weight:700!important}:root[data-theme=light] .top-list-item{border-bottom-color:#e5e7eb!important}:root[data-theme=light] .status-dot{background:#9ca3af!important}:root[data-theme=light] .status-dot.online{background:#22c55e!important;box-shadow:0 0 8px #22c55e99!important}:root[data-theme=light] .error-message[style*="rgba(34, 197, 94"]{background:#22c55e1a!important;border-color:#22c55e!important;color:#16a34a!important}:root[data-theme=light] div[style*="color: #8a8f98"]{color:#9ca3af!important}:root[data-theme=light] .activity-chart{background:#f3f4f699!important;border-color:#00000014!important}:root[data-theme=light] .chart-placeholder{background:#f9fafbcc!important;border-color:#00000014!important}:root[data-theme=light] .chart-labels{color:#4a4a68!important;font-weight:500!important}:root[data-theme=light] .chart-tooltip{background:#fff!important;border-color:#d1d5db!important;box-shadow:0 4px 16px #0003!important}:root[data-theme=light] .tooltip-header{color:#1a1a2e!important;border-bottom-color:#e5e7eb!important;font-weight:700!important}:root[data-theme=light] .tooltip-item{color:#4a4a68!important;font-weight:500!important}.user-avatar{width:32px;height:32px;border-radius:50%;background:#2d5bff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.user-info{flex:1;min-width:0}.user-name{font-size:15px;font-weight:600;color:var(--text-primary, #ffffff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-status{font-size:13px;color:var(--text-muted, #8a8f98)}.main-content{margin-left:240px;min-height:100vh;width:100%;display:flex;flex-direction:column}.content-header{padding:24px 32px;background:var(--bg-secondary, #1c1f24);border-bottom:1px solid var(--border-color, #2a2d34);display:flex;justify-content:space-between;align-items:center}.content-header h1{font-size:24px;font-weight:700;color:var(--text-primary, #ffffff);margin-bottom:4px}.content-header p{font-size:14px;color:var(--text-muted, #8a8f98)}.content-body{flex:1;display:grid;grid-template-columns:1fr 380px 380px;gap:24px;padding:24px 32px;background:var(--bg-primary, #0f1117)}.control-panel{background:linear-gradient(180deg,var(--bg-tertiary, #1f2228) 0%,var(--bg-panel, #1c1f24) 100%);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;display:flex;flex-direction:column;box-shadow:0 4px 24px var(--shadow-color, rgba(0, 0, 0, .4))}.panel-section{margin-bottom:24px;padding:20px;background:#ffffff05;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.panel-section:last-child{margin-bottom:0}.moderator-notice{background:linear-gradient(135deg,#fbbf241a,#f59e0b1a);border:1px solid rgba(251,191,36,.3);border-radius:12px;padding:16px;margin-bottom:20px;display:flex;gap:12px;align-items:flex-start}.notice-icon{flex-shrink:0;width:36px;height:36px;background:#fbbf2433;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fbbf24}.notice-content{flex:1}.notice-title{font-size:14px;font-weight:700;color:#fbbf24;margin-bottom:6px}.notice-text{font-size:13px;color:#94a3b8;line-height:1.5;margin-bottom:10px}.notice-command{display:flex;align-items:center;gap:10px}.notice-command code{background:#0f172a99;border:1px solid rgba(251,191,36,.3);padding:8px 12px;border-radius:6px;font-family:Courier New,monospace;font-size:14px;font-weight:600;color:#fbbf24;flex:1}.copy-command-btn{background:#fbbf2426;border:1px solid rgba(251,191,36,.3);color:#fbbf24;padding:8px 14px;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;white-space:nowrap}.copy-command-btn:hover{background:#fbbf2440;border-color:#fbbf24}.copy-command-btn.copied{background:#22c55e33;border-color:#22c55e;color:#22c55e}.section-title{font-size:14px;font-weight:600;color:#fff;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.input-group{margin-bottom:16px}.settings-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 768px){.settings-row{grid-template-columns:1fr}}.input-group label{display:block;font-size:13px;color:#8a8f98;margin-bottom:6px}.input-group input{width:100%;background:var(--input-bg, rgba(37, 40, 48, .8));color:var(--text-primary, #e8ecf3);border:1px solid var(--input-border, rgba(255, 255, 255, .1));border-radius:10px;padding:12px 14px;font-size:14px;transition:all .3s}.input-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea33;background:#252830}.button-group{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px}.btn{padding:14px 24px;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden;box-shadow:0 2px 8px #0003;letter-spacing:.3px}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn:hover:before{left:100%}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#764ba2,#667eea);transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.btn-success{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,#38ef7d,#11998e);transform:translateY(-2px);box-shadow:0 8px 20px #38ef7d66}.btn-danger{background:linear-gradient(135deg,#eb3349,#f45c43);color:#fff}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#f45c43,#eb3349);transform:translateY(-2px);box-shadow:0 8px 20px #eb334966}.btn-purple{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-purple:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.status-display{margin-top:20px;padding:16px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color)}.status-item{margin-bottom:8px;font-size:14px;display:flex;align-items:center;gap:8px}.status-item:last-child{margin-bottom:0}.status-label{color:#8a8f98;font-weight:500}.status-value{color:var(--text-primary);font-weight:600}.status-value.active{color:#22c55e;text-shadow:0 0 10px rgba(34,197,94,.3)}.status-value.winner{color:#22c55e}.timer-display{margin-top:16px;padding:20px;background:linear-gradient(135deg,#667eea26,#764ba226);border-radius:12px;text-align:center;border:1px solid rgba(102,126,234,.3);box-shadow:0 4px 16px #667eea33}.timer-display p{margin:0;color:#fff;font-size:18px;font-weight:600}:root[data-theme=light] .timer-display{background:linear-gradient(135deg,#667eea26,#764ba226)!important;border-color:#667eea66!important;box-shadow:0 4px 16px #667eea4d!important}:root[data-theme=light] .timer-display p{color:#1a1a2e!important;font-weight:700!important}:root[data-theme=light] .timer-display strong{color:#4a4a68!important;font-weight:700!important}.reroll-display{margin-top:20px;padding:28px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;text-align:center;animation:pulse 2s infinite;box-shadow:0 8px 32px #667eea80;border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden}.reroll-display:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:shimmer 3s infinite}@keyframes shimmer{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.reroll-display p{margin:8px 0;color:#fff;font-size:14px}.reroll-countdown{font-size:32px!important;font-weight:700;margin:12px 0!important}.reroll-countdown strong{font-family:Courier New,monospace;font-size:40px;text-shadow:0 0 10px rgba(255,255,255,.5);background:linear-gradient(135deg,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.confirmed-display{margin-top:16px;padding:24px;background:linear-gradient(135deg,#11998e,#38ef7d);border-radius:16px;text-align:center;animation:fadeIn .5s ease-in;box-shadow:0 8px 32px #38ef7d66;border:1px solid rgba(255,255,255,.2)}.confirmed-display p{margin:0;color:#fff;font-size:16px;font-weight:700}:root[data-theme=light] .confirmed-display{background:linear-gradient(135deg,#16a34a,#22c55e)!important;box-shadow:0 8px 32px #22c55e66!important;border-color:#ffffff4d!important}:root[data-theme=light] .confirmed-display p{color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.2)!important}.no-winner-display{margin-top:16px;padding:24px;background:linear-gradient(135deg,#ff416c,#ff4b2b);border-radius:16px;text-align:center;animation:fadeIn .5s ease-in;box-shadow:0 8px 32px #ff4b2b66;border:1px solid rgba(255,255,255,.2)}.no-winner-display p{margin:0;color:#fff;font-size:16px;font-weight:700}.participants-panel{background:var(--bg-panel, #1c1f24);border:1px solid var(--border-color, #2a2d34);border-radius:12px;padding:24px;display:flex;flex-direction:column}.participants-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.participants-count{font-size:14px;color:#8a8f98}.participants-list{flex:1;overflow-y:auto;max-height:none;list-style:none;padding:0;margin:0}.participant-item{padding:10px 14px;margin-bottom:8px;background:var(--bg-tertiary, #252830);border-radius:8px;font-size:14px;color:var(--text-primary, #e8ecf3);display:flex;align-items:center;gap:8px}.participant-item:before{content:"👤"}.chat-panel{background:var(--bg-panel, #1c1f24);border:1px solid var(--border-color, #2a2d34);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;height:calc(100vh - 120px);max-height:calc(100vh - 120px)}.chat-header{padding:16px 20px;background:var(--bg-tertiary, #252830);border-bottom:1px solid var(--border-color, #2a2d34);display:flex;justify-content:space-between;align-items:center}.chat-title{font-size:16px;font-weight:600;color:#fff;display:flex;align-items:center;gap:8px}.chat-body{flex:1;overflow-y:auto;padding:12px;min-height:0}.chat-message{margin-bottom:8px;font-size:14px;line-height:1.4;padding:6px 8px;border-radius:6px;transition:all .3s}.chat-message.winner-message{background:linear-gradient(135deg,#ffd70026,#ffc1071a);border:1px solid rgba(255,215,0,.4);box-shadow:0 2px 8px #ffd70033;animation:winnerGlow 2s infinite}@keyframes winnerGlow{0%,to{box-shadow:0 2px 8px #ffd70033}50%{box-shadow:0 4px 16px #ffd70066}}.chat-empty{text-align:center;padding:40px 20px;color:#8a8f98;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.chat-timestamp{color:var(--text-muted, #8a8f98);font-size:12px;margin-right:6px}.chat-username{font-weight:600;margin-right:6px}.chat-text{color:var(--text-primary, #e8ecf3)}.chat-input-container{padding:16px;border-top:1px solid var(--border-color, #2a2d34);display:flex;gap:8px;margin-top:auto}.chat-input{flex:1;background:var(--input-bg, #252830);color:var(--text-primary, #e8ecf3);border:1px solid var(--input-border, #2a2d34);border-radius:8px;padding:10px 12px;font-size:14px}.chat-input:focus{outline:none;border-color:#464646}.chat-send-btn{background:#464646;color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.chat-send-btn:hover{background:#1e4ae6}.error-message{margin-top:16px;padding:16px 20px;background:linear-gradient(135deg,#eb334926,#f45c4326);border:1px solid rgba(235,51,73,.4);border-radius:12px;color:#ff7070;font-size:14px;box-shadow:0 4px 16px #eb334933}.auth-section{padding:20px;background:#252830;border-radius:8px;text-align:center;margin-bottom:20px}.auth-btn{background:#9146ff;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.auth-btn:hover{background:#7c3aed;transform:translateY(-1px)}.footer{margin-top:auto;padding:20px 32px;background:#1c1f24;border-top:1px solid #2a2d34;text-align:center;font-size:14px;color:#6b7280}.footer a{color:#464646;text-decoration:none;cursor:pointer;transition:color .2s}.footer a:hover{text-decoration:underline;color:#667eea}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.9}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1c1f24}::-webkit-scrollbar-thumb{background:#2a2d34;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3a3d44}@media (max-width: 1400px){.content-body{grid-template-columns:1fr 320px 320px}}@media (max-width: 1200px){.content-body{grid-template-columns:1fr}.participants-panel{order:1}.chat-panel{order:2}}@media (max-width: 768px){.sidebar{width:60px}.sidebar-header h2,.nav-item span,.user-info{display:none}.main-content{margin-left:60px}.content-body{padding:16px}}.content-header{margin-bottom:24px}.content-header h1{font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.content-header p{font-size:14px;color:var(--text-secondary);margin:0}.commands-list{display:flex;flex-direction:column;gap:12px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px;text-align:center;gap:16px}.empty-state svg{color:var(--text-secondary);opacity:.5;margin-bottom:8px}.empty-state p{font-size:16px;color:var(--text-primary);font-weight:600;margin:0}.empty-state-subtitle{font-size:14px;color:var(--text-secondary);font-weight:400;margin:0}.command-item{display:flex;justify-content:space-between;align-items:center;padding:20px;background:var(--bg-secondary);border-radius:10px;border:1px solid var(--border-color);transition:all .25s ease;gap:16px}.command-item:hover{border-color:#667eea80;box-shadow:0 4px 12px #667eea26;transform:translate(4px)}.command-info{flex:1;min-width:0}.command-name{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:6px;font-family:Courier New,monospace;letter-spacing:.5px}.command-response{font-size:14px;color:var(--text-primary);margin-bottom:8px;line-height:1.6;word-wrap:break-word;overflow-wrap:break-word;max-width:100%;white-space:pre-wrap;padding:8px 12px;background:#0f172a80;border-radius:6px;border-left:3px solid rgba(102,126,234,.4)}.command-meta{display:flex;gap:8px;flex-wrap:wrap}.command-badge{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:700;text-transform:uppercase;background:#667eea33;color:#9ca3af;letter-spacing:.5px}.command-badge.subscriber{background:#8b5cf633;color:#a78bfa}.command-badge.vip{background:#f59e0b33;color:#fbbf24}.command-badge.moderator{background:#22c55e33;color:#4ade80}.command-badge.owner{background:#ef444433;color:#f87171}.command-badge.cooldown{background:#3b82f633;color:#60a5fa}.command-badge.alias{background:#10b98133;color:#34d399}.command-actions{display:flex;gap:8px;margin-left:16px}.icon-btn{padding:10px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;min-width:40px;min-height:40px}.icon-btn:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:#667eea80;transform:translateY(-1px);box-shadow:0 2px 8px #0003}.icon-btn:active{transform:translateY(0)}.icon-btn.active{color:#22c55e;border-color:#22c55e80;background:#22c55e26}.icon-btn.active:hover{background:#22c55e40;border-color:#22c55eb3}.icon-btn.danger:hover{color:#ef4444;border-color:#ef444480;background:#ef444426}.icon-btn.danger:active{background:#ef444440}.toggle-switch{position:relative;display:inline-block;width:50px;height:26px;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:26px;transition:all .3s ease}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:2px;bottom:2px;background:var(--text-secondary);border-radius:50%;transition:all .3s ease}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#22c55e80;box-shadow:0 0 12px #22c55e4d}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px);background:#fff}.toggle-switch:hover .toggle-slider{border-color:#667eea80}.toggle-switch input:checked:hover+.toggle-slider{border-color:#22c55eb3;box-shadow:0 0 16px #22c55e66}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:var(--bg-primary);border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;border:1px solid var(--border-color);box-shadow:0 8px 32px #0006}.modal-header{padding:20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:20px;color:var(--text-primary)}.close-btn{background:none;border:none;font-size:28px;color:var(--text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal-body{padding:20px}.modal-footer{padding:20px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:12px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:var(--text-primary)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:10px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px;transition:all .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#667eea80;box-shadow:0 0 0 3px #667eea1a}.form-group textarea{resize:vertical;min-height:100px;font-family:Courier New,monospace;font-size:14px;line-height:1.6}.form-group small{display:block;margin-top:6px;font-size:12px;color:var(--text-secondary)}.error-text{color:#ef4444!important}.collapsible{cursor:pointer;-webkit-user-select:none;user-select:none}.collapsible-header{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--bg-secondary);border-radius:6px;border:1px solid var(--border-color);color:var(--text-primary);font-weight:500;transition:all .2s}.collapsible-header:hover{background:var(--bg-tertiary)}.collapsible-header svg{transition:transform .2s}.collapsible-header svg.rotated{transform:rotate(180deg)}.advanced-settings{margin-top:12px;padding:16px;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.btn-primary,.btn-secondary{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-secondary);border-color:#667eea66;transform:translateY(-1px)}.modal-footer{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;border-top:1px solid var(--border-color);margin-top:20px}.modal-body{padding:24px}.modal-small{max-width:500px}.delete-warning{display:flex;gap:20px;align-items:flex-start;padding:20px;background:#ef44441a;border-radius:12px;border:1px solid rgba(239,68,68,.3)}.delete-warning svg{color:#ef4444;flex-shrink:0}.delete-warning-text{flex:1}.delete-warning-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.delete-warning-message{font-size:14px;color:var(--text-secondary);line-height:1.5}.delete-warning-message strong{color:var(--text-primary);font-family:Courier New,monospace}.timers-list{display:flex;flex-direction:column;gap:12px}.timer-item{display:flex;justify-content:space-between;align-items:center;padding:20px;background:var(--bg-secondary);border-radius:10px;border:1px solid var(--border-color);transition:all .25s ease;gap:16px}.timer-item:hover{border-color:#667eea80;box-shadow:0 4px 12px #667eea26;transform:translate(4px)}.timer-info{flex:1;min-width:0}.timer-name{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:6px;letter-spacing:.5px}.timer-message{font-size:14px;color:var(--text-primary);margin-bottom:8px;line-height:1.6;word-wrap:break-word;overflow-wrap:break-word;max-width:100%;white-space:pre-wrap;padding:8px 12px;background:#0f172a80;border-radius:6px;border-left:3px solid rgba(102,126,234,.4)}.timer-meta{display:flex;gap:8px;flex-wrap:wrap}.timer-badge{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:700;text-transform:uppercase;background:#667eea33;color:#9ca3af;letter-spacing:.5px}.timer-badge.interval{background:#3b82f633;color:#60a5fa}.timer-badge.lines{background:#10b98133;color:#34d399}.timer-actions{display:flex;gap:8px;align-items:center}.btn-danger{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #ef44444d}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.input-group,.form-group{margin-bottom:20px}.input-group label,.form-group label{display:block;font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.input-group input,.input-group select,.input-group textarea,.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 14px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;transition:all .2s}.input-group input:focus,.input-group select:focus,.input-group textarea:focus,.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.input-group small,.form-group small{display:block;font-size:12px;color:var(--text-secondary);margin-top:6px}.footer{padding:24px;text-align:center;font-size:13px;color:var(--text-secondary);border-top:1px solid var(--border-color);margin-top:auto}.footer a{color:#667eea;text-decoration:none;transition:all .2s}.footer a:hover{color:#764ba2;text-decoration:underline}.btn-danger:active{transform:translateY(0)}