*, *::before, *::after{box-sizing:border-box;margin:0;padding:0;}body{font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;background:#0f172a;color:#e2e8f0;min-height:100vh;}a{color:#38bdf8;text-decoration:none;}a:hover{text-decoration:underline;}button{cursor:pointer;font-family:inherit;}input, select, textarea{font-family:inherit;}/* CRM Layout */ .crm-app{display:flex;min-height:100vh;}/* CRM Nav Sidebar */ .crm-nav{width:220px;background:#1a1f2e;border-right:1px solid #2d3548;display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;z-index:30;transition:transform 0.3s ease, width 0.3s ease;}.crm-nav-brand{padding:16px 18px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #2d3548;}.crm-brand-logo{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;color:white;background:linear-gradient(135deg, #0ea5e9, #6366f1);flex-shrink:0;}.crm-brand-text{font-size:17px;font-weight:800;color:#e2e8f0;}.crm-nav-items{flex:1;padding:8px;overflow-y:auto;}.crm-nav-bottom{padding:8px;border-top:1px solid #2d3548;}.crm-nav-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;color:#8896ab;font-size:13px;font-weight:500;cursor:pointer;transition:all 0.15s;text-decoration:none !important;margin-bottom:2px;}.crm-nav-item:hover{background:rgba(56,189,248,0.08);color:#c5d1de;}.crm-nav-item.active{background:rgba(14,165,233,0.15);color:#38bdf8;font-weight:600;}.crm-nav-icon{font-size:18px;width:24px;text-align:center;flex-shrink:0;}.crm-nav-label{white-space:nowrap;overflow:hidden;}/* Mini Player — floating widget */ .mini-player{display:none;position:fixed;bottom:60px;left:230px;width:320px;z-index:60;background:#111827;border:1px solid #2d3548;border-radius:12px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,0.5);}.mini-player.visible{display:block;}.mini-player-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;gap:6px;background:#1a1f2e;cursor:grab;user-select:none;}.mini-player-title{font-size:12px;font-weight:600;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;}.mini-player-close{background:none;border:none;color:#64748b;font-size:14px;cursor:pointer;padding:2px 6px;border-radius:4px;flex-shrink:0;}.mini-player-close:hover{color:#f87171;background:#1e293b;}.mini-player-video-wrap{position:relative;width:100%;aspect-ratio:16/9;background:#000;overflow:hidden;}.mini-player-video-wrap video{width:100%;height:100%;object-fit:contain;display:block;}.mini-player-status{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:11px;color:#94a3b8;pointer-events:none;background:rgba(0,0,0,0.6);}.mini-player-status:empty{display:none;}.mini-player-codec{font-size:10px;color:#64748b;padding:4px 12px;font-family:'SF Mono', 'Fira Code', monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.mini-player-codec:empty{display:none;}.mini-player-controls{display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 10px 10px;}.mini-player-controls button{background:#1e293b;border:1px solid #334155;color:#94a3b8;width:34px;height:30px;border-radius:6px;font-size:15px;cursor:pointer;transition:0.15s;display:flex;align-items:center;justify-content:center;}.mini-player-controls button:hover{background:#334155;color:#e2e8f0;}@media (max-width:768px){.mini-player{left:12px;bottom:60px;width:calc(100vw - 24px);max-width:360px;}}/* CRM Main */ .crm-main{flex:1;margin-left:220px;display:flex;flex-direction:column;min-height:100vh;transition:margin-left 0.3s ease;}/* CRM Header */ .crm-header{height:56px;background:#161b26;border-bottom:1px solid #2d3548;display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:25;flex-shrink:0;}.crm-header-left{display:flex;align-items:center;gap:12px;}.crm-header-left h2{font-size:16px;font-weight:700;color:#e2e8f0;}.crm-header-sub{font-size:11px;color:#64748b;display:block;}.crm-header-right{display:flex;align-items:center;gap:8px;}.crm-menu-btn{display:none;background:none;border:1px solid #334155;color:#94a3b8;width:36px;height:36px;border-radius:8px;font-size:18px;transition:0.15s;}.crm-menu-btn:hover{background:#1e293b;color:#e2e8f0;}/* CRM Content */ .crm-content{flex:1;padding:24px;overflow-y:auto;}.crm-section{animation:sectionFadeIn 0.2s ease;}@keyframes sectionFadeIn{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:translateY(0);}}/* Legacy sidebar/panel overlays */ .sidebar{width:320px;background:#1e293b;border-right:1px solid #334155;display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;z-index:40;transition:transform 0.3s ease;}.sidebar.closed{transform:translateX(-100%);}.sidebar-header{padding:16px;border-bottom:1px solid #334155;}.sidebar-body{flex:1;overflow-y:auto;padding:8px;}.sidebar-footer{padding:12px;border-top:1px solid #334155;display:flex;flex-wrap:wrap;gap:6px;}/* Dashboard KPIs */ .dash-kpis{display:grid;grid-template-columns:repeat(4, 1fr);gap:16px;margin-bottom:20px;}.dash-kpi{background:#1a2332;border:1px solid #2d3548;border-radius:12px;padding:18px 20px;display:flex;align-items:center;gap:14px;transition:transform 0.15s, box-shadow 0.15s;}.dash-kpi:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(0,0,0,0.2);}.dash-kpi-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;}.dash-kpi-value{font-size:26px;font-weight:800;color:#f1f5f9;}.dash-kpi-label{font-size:12px;color:#64748b;margin-top:2px;}/* Dashboard Cards */ .dash-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}.dash-card{background:#1a2332;border:1px solid #2d3548;border-radius:12px;overflow:hidden;}.dash-card-header{padding:16px 20px 0;}.dash-card-header h3{font-size:14px;font-weight:700;color:#94a3b8;}.dash-card-body{padding:16px 20px 20px;}/* Dashboard List Grid */ .dash-list-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:12px;}.dash-list-card{background:#0f172a;border:1px solid #2d3548;border-radius:10px;padding:16px;cursor:pointer;transition:all 0.15s;}.dash-list-card:hover{border-color:#0ea5e9;background:#131c2e;transform:translateY(-1px);}.dash-list-card-name{font-size:14px;font-weight:600;color:#e2e8f0;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.dash-list-card-meta{display:flex;gap:12px;font-size:11px;color:#64748b;margin-bottom:10px;}.dash-list-card-bar{height:4px;background:#1e293b;border-radius:2px;overflow:hidden;}.dash-list-card-fill{height:100%;border-radius:2px;transition:width 0.3s;}.dash-list-card-stats{display:flex;gap:8px;margin-top:8px;}.dash-list-card-stat{font-size:11px;display:flex;align-items:center;gap:3px;}/* Dashboard Actions */ .dash-actions{display:grid;grid-template-columns:repeat(auto-fill, minmax(220px, 1fr));gap:12px;}.dash-action-btn{display:flex;align-items:center;gap:14px;padding:16px 18px;background:#1a2332;border:1px solid #2d3548;border-radius:12px;color:#e2e8f0;cursor:pointer;transition:all 0.15s;text-align:left;}.dash-action-btn:hover{border-color:#475569;background:#1e2d42;transform:translateY(-1px);}.dash-action-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;}.dash-action-btn strong{font-size:13px;display:block;}.dash-action-btn span:last-child{font-size:11px;color:#64748b;}/* Sidebar items */ .sel-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:6px;font-size:13px;background:#0f172a;margin-bottom:4px;border:1px solid #334155;}.sel-item:hover{border-color:#475569;}.sel-item .name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:8px;}.sel-item .actions{display:flex;gap:4px;flex-shrink:0;}.sel-item .actions button{background:none;border:none;color:#94a3b8;padding:2px 4px;font-size:12px;border-radius:4px;transition:0.2s;}.sel-item .actions button:hover{color:#e2e8f0;background:#334155;}/* Cards & inputs */ .card{background:#1e293b;border:1px solid #334155;border-radius:8px;padding:16px;margin-bottom:16px;}.input{width:100%;padding:8px 12px;background:#0f172a;border:1px solid #334155;border-radius:6px;color:#e2e8f0;font-size:14px;outline:none;}.input:focus{border-color:#38bdf8;}.btn{padding:8px 16px;border-radius:6px;border:none;font-size:13px;font-weight:600;transition:0.2s;display:inline-flex;align-items:center;gap:6px;}.btn-primary{background:#0ea5e9;color:white;}.btn-primary:hover{background:#0284c7;}.btn-sm{padding:5px 10px;font-size:12px;}.btn-ghost{background:transparent;color:#94a3b8;border:1px solid #334155;}.btn-ghost:hover{background:#334155;color:#e2e8f0;}.btn-danger{background:#dc2626;color:white;}.btn-danger:hover{background:#b91c1c;}/* Table */ .tbl{width:100%;min-width:700px;border-collapse:collapse;font-size:13px;}.tbl th{text-align:left;padding:8px 10px;background:#1e293b;color:#94a3b8;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:0.05em;position:sticky;top:0;z-index:5;}.tbl td{padding:6px 10px;border-bottom:1px solid #1e293b;}.tbl tr:hover td{background:rgba(56,189,248,0.04);}.tbl tr.selected td{background:rgba(14,165,233,0.08);}/* Status badges */ .badge{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;}.badge-online{background:rgba(34,197,94,0.15);color:#4ade80;}.badge-offline{background:rgba(239,68,68,0.15);color:#f87171;}.badge-pending{background:rgba(100,116,139,0.15);color:#94a3b8;}.badge-checking{background:rgba(245,158,11,0.15);color:#fbbf24;}.dot{width:7px;height:7px;border-radius:50%;}.dot-online{background:#22c55e;}.dot-offline{background:#ef4444;}.dot-pending{background:#64748b;}.dot-checking{background:#f59e0b;animation:pulse 1s infinite;}@keyframes pulse{0%,100%{opacity:.4}50%{opacity:1}}/* Progress */ .progress-bar{height:4px;background:#334155;border-radius:2px;overflow:hidden;}.progress-fill{height:100%;background:#0ea5e9;transition:width 0.3s;}/* Tabs */ .tabs{display:flex;gap:4px;margin-bottom:12px;flex-wrap:wrap;}.tab{padding:6px 14px;border-radius:6px;font-size:13px;font-weight:600;background:#334155;color:#94a3b8;border:none;transition:0.2s;}.tab.active{background:#0ea5e9;color:white;}.tab:hover:not(.active){background:#475569;color:#e2e8f0;}/* Drop zone */ .drop-zone{border:2px dashed #334155;border-radius:8px;padding:40px 20px;text-align:center;cursor:pointer;transition:0.2s;color:#64748b;}.drop-zone:hover, .drop-zone.dragover{border-color:#0ea5e9;color:#94a3b8;}/* Saved list item */ .saved-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:6px;cursor:pointer;transition:0.2s;border:1px solid transparent;}.saved-item:hover{background:rgba(56,189,248,0.05);border-color:#334155;}/* Toast */ .toast{position:fixed;bottom:20px;right:20px;z-index:100;background:#22c55e;color:white;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;animation:fadeIn .3s ease, fadeOut .3s ease 1.5s forwards;}@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{from{opacity:1}to{opacity:0;transform:translateY(8px)}}/* Toggle sidebar button */ .sidebar-toggle{position:fixed;left:12px;bottom:12px;z-index:25;background:#0ea5e9;color:white;border:none;border-radius:50%;width:40px;height:40px;font-size:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(0,0,0,0.3);transition:0.2s;}.sidebar-toggle:hover{background:#0284c7;}.sidebar-toggle.has-items{background:#8b5cf6;}/* Responsive — Tablets */ @media (max-width:768px){.sidebar{width:280px;}.main.shifted{margin-left:0;}.main.shifted-right{margin-right:0;}.main.shifted-right-collapsed{margin-right:0;}}/* Responsive — Mobile */ @media (max-width:640px){.sidebar{width:100%;max-width:320px;}.fav-panel{width:100% !important;max-width:100%;}.fav-panel.collapsed{width:48px !important;}.tg-panel{width:100%;right:-100%;}/* Main padding */ .main > div{padding:12px !important;}/* Header */ .app-header{flex-direction:column !important;align-items:flex-start !important;gap:8px !important;}.app-header h1{font-size:18px !important;}/* Tabs */ .tabs{gap:3px;}.tab{padding:5px 10px;font-size:12px;}/* Cards */ .card{padding:12px;margin-bottom:12px;}/* Event toolbar */ .evt-toolbar{gap:6px;padding:10px 0;}.evt-toolbar .btn{font-size:11px;padding:4px 8px;}.evt-toolbar #evt-search{width:100% !important;order:10;}.evt-toolbar > div:last-child{width:100%;order:11;justify-content:space-between !important;}/* Event cards */ .evt-card{flex-wrap:wrap;gap:8px;padding:10px;}.evt-body{min-width:calc(100% - 50px);}.evt-actions{width:100%;justify-content:flex-end;margin-top:2px;}.evt-name-input{font-size:14px;}.evt-url-input{font-size:12px;}/* Controls bar */ #controls{gap:6px !important;}#controls .input{width:100% !important;}#controls #search-input{width:100% !important;}#controls > div:last-child{width:100%;justify-content:space-between;}/* Table */ #results-section > div{-webkit-overflow-scrolling:touch;}.tbl{font-size:12px;}.tbl th, .tbl td{padding:5px 6px;}.tbl .col-group{display:none;}.tbl .col-source{display:none;}.tbl th:nth-child(2), .tbl td:nth-child(2){display:none;}.tbl th:last-child{width:100px !important;}.act-btn{width:30px;height:30px;font-size:17px;}.act-group{gap:1px;}/* Stats */ #stats-bar{gap:8px !important;}#stats-bar .card{padding:10px !important;}#stats-bar .card div:first-child{font-size:20px !important;}/* Saved lists header */ #saved-section > div:first-child{flex-wrap:wrap;gap:6px;}#saved-section > div:first-child > div{width:100%;justify-content:space-between;}/* Save prompt */ #save-prompt > div{flex-direction:column !important;}#save-prompt .input{width:100% !important;min-width:0 !important;}/* Drop zone */ .drop-zone{padding:24px 12px;}/* URL input */ #panel-url > div{flex-direction:column !important;}#panel-url .input{width:100%;}/* Logo picker */ .logo-picker{width:95%;max-width:95%;max-height:85vh;}.logo-picker-body{grid-template-columns:repeat(auto-fill, minmax(70px, 1fr));gap:8px;padding:8px;}.logo-pick-item img{width:42px;height:42px;}/* Fav items */ .fav-item .fav-row{flex-wrap:wrap;}.fav-item .fav-name{min-width:calc(100% - 100px);}/* Toast */ .toast{left:12px;right:12px;bottom:60px;text-align:center;}/* Sidebar toggle buttons */ .sidebar-toggle, .fav-toggle{width:36px;height:36px;font-size:16px;}/* Telegram panel header */ .tg-panel-header{flex-wrap:wrap;gap:8px;padding:12px;}.tg-panel-header > div{width:100%;justify-content:space-between;}/* Preview section */ #evt-preview pre{font-size:10px !important;padding:10px !important;}}.hidden{display:none !important;}.ch-cb{width:15px;height:15px;accent-color:#0ea5e9;cursor:pointer;}/* Favorites panel (right side) */ .fav-panel{width:340px;background:#273548;border-left:1px solid #3e5068;display:flex;flex-direction:column;position:fixed;right:0;top:56px;bottom:0;z-index:50;transition:transform 0.3s ease, width 0.3s ease;}.fav-panel.closed{transform:translateX(100%);}.fav-panel.collapsed{width:48px;}.fav-panel.collapsed .sidebar-body, .fav-panel.collapsed .sidebar-footer, .fav-panel.collapsed .fav-search-wrap{display:none;}.fav-panel.collapsed .fav-header-content{display:none;}.fav-panel.collapsed .sidebar-header{padding:12px 8px;display:flex;align-items:center;justify-content:center;}.main.shifted-right-collapsed{margin-right:48px;}/* CRM Mobile */ @media (max-width:768px){.crm-nav{transform:translateX(-100%);width:260px;}.crm-nav.open{transform:translateX(0);}.crm-main{margin-left:0 !important;}.crm-menu-btn{display:flex !important;align-items:center;justify-content:center;}.crm-content{padding:16px;}.dash-kpis{grid-template-columns:repeat(2, 1fr);gap:10px;}.dash-row{grid-template-columns:1fr;}.dash-actions{grid-template-columns:1fr;}.dash-list-grid{grid-template-columns:1fr;}}@media (max-width:480px){.dash-kpis{grid-template-columns:1fr;}.dash-kpi{padding:14px;}}.fav-panel .sidebar-header{padding:16px;border-bottom:1px solid #3e5068;background:#2d3d52;}.fav-panel .sidebar-body{flex:1;overflow-y:auto;padding:8px;}.fav-panel .sidebar-footer{padding:12px;border-top:1px solid #3e5068;background:#2d3d52;display:flex;flex-wrap:wrap;gap:6px;}.fav-item{display:flex;flex-direction:column;gap:4px;padding:10px;border-radius:8px;font-size:13px;background:#1e2d42;margin-bottom:6px;border:1px solid #3e5068;}.fav-item:hover{border-color:#5a7a9b;background:#243650;}.fav-item.fav-new{border-color:#f59e0b;background:rgba(245,158,11,0.12);animation:favPulse 1.5s ease infinite;}@keyframes favPulse{0%,100%{box-shadow:0 0 0 0 rgba(245,158,11,0);}50%{box-shadow:0 0 8px 2px rgba(245,158,11,0.2);}}.fav-item .fav-row{display:flex;align-items:center;justify-content:space-between;gap:6px;}.fav-item .fav-name{flex:1;background:transparent;border:1px solid transparent;color:#e2e8f0;font-size:13px;font-weight:500;padding:3px 6px;border-radius:4px;outline:none;min-width:0;}.fav-item .fav-name:hover{border-color:#4a6480;}.fav-item .fav-name:focus{border-color:#38bdf8;background:#273548;}.fav-item .fav-url{font-size:10px;color:#7a95b0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 6px;}.fav-item .fav-group{font-size:10px;color:#818cf8;padding:0 6px;}.fav-item .fav-actions{display:flex;gap:3px;flex-shrink:0;}.fav-item .fav-actions button{background:none;border:none;padding:4px 6px;font-size:18px;border-radius:6px;transition:0.2s;cursor:pointer;}.fav-item .fav-actions button:nth-child(1){color:#38bdf8;}.fav-item .fav-actions button:nth-child(2){color:#a78bfa;}.fav-item .fav-actions button:nth-child(3){color:#f87171;}.fav-item .fav-actions button:hover{background:#3a4f68;filter:brightness(1.2);}.fav-toggle{position:fixed;right:12px;bottom:12px;z-index:50;background:#f59e0b;color:#0f172a;border:none;border-radius:50%;width:40px;height:40px;font-size:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(0,0,0,0.3);transition:0.2s;}.fav-toggle:hover{background:#d97706;}.fav-toggle.has-items{background:#f59e0b;}/* Action buttons in table */ .act-group{display:inline-flex;gap:3px;align-items:center;}.act-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1px solid transparent;background:transparent;font-size:20px;cursor:pointer;transition:all 0.15s ease;}.act-btn:active{transform:scale(0.9);}.act-btn:disabled{opacity:0.3;cursor:default;}.act-btn.fav{color:#94a3b8;}.act-btn.fav:hover{color:#fbbf24;background:rgba(245,158,11,0.15);border-color:rgba(245,158,11,0.3);}.act-btn.fav.is-fav{color:#fbbf24;}.act-btn.verify{color:#38bdf8;}.act-btn.verify:hover{background:rgba(56,189,248,0.15);border-color:rgba(56,189,248,0.3);}.act-btn.copy{color:#a78bfa;}.act-btn.copy:hover{background:rgba(167,139,250,0.15);border-color:rgba(167,139,250,0.3);}@media (max-width:768px){.fav-panel{width:300px;}}/* Event Builder */ .evt-list{display:flex;flex-direction:column;gap:6px;}.evt-card{display:flex;gap:10px;align-items:center;padding:8px 10px;border-radius:8px;background:#1e293b;border:1px solid #334155;transition:border-color 0.2s;}.evt-card:hover{border-color:#475569;}.evt-card-compact{padding:5px 10px;cursor:pointer;gap:8px;align-items:center;min-height:0;}.evt-card-compact:hover{background:#263445;}.evt-logo{width:40px;height:40px;border-radius:8px;background:rgba(255,255,255,0.08);flex-shrink:0;cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;padding:3px;}.evt-logo img{width:100%;height:100%;object-fit:contain;}.evt-logo .evt-logo-placeholder{color:#475569;font-size:16px;}.evt-logo:hover{background:rgba(255,255,255,0.15);}.evt-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;}.evt-name-input{background:transparent;border:none;color:#e2e8f0;font-size:13px;font-weight:600;padding:2px 0;border-radius:0;outline:none;width:100%;border-bottom:1px solid transparent;}.evt-name-input:hover{border-bottom-color:#334155;}.evt-name-input:focus{border-bottom-color:#38bdf8;}.evt-url-wrap{position:relative;}.evt-url-input{background:transparent;border:none;color:#64748b;font-size:11px;padding:2px 0;border-radius:0;outline:none;width:100%;font-family:monospace;border-bottom:1px solid transparent;}.evt-url-input:focus{border-bottom-color:#38bdf8;color:#94a3b8;}.evt-url-input::placeholder{color:#475569;}.evt-search-results{position:absolute;top:100%;left:0;right:0;z-index:30;background:#1e293b;border:1px solid #475569;border-radius:8px;max-height:240px;overflow-y:auto;margin-top:4px;box-shadow:0 8px 24px rgba(0,0,0,0.4);display:none;}.evt-search-results.open{display:block;}.evt-sr-item{padding:8px 12px;cursor:pointer;border-bottom:1px solid #1e293b;transition:background 0.15s;}.evt-sr-item:hover{background:#334155;}.evt-sr-item:last-child{border-bottom:none;}.evt-sr-name{font-size:12px;color:#e2e8f0;font-weight:500;}.evt-sr-source{font-size:10px;color:#6366f1;margin-top:2px;}.evt-sr-url{font-size:10px;color:#475569;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px;}.evt-meta{display:flex;align-items:center;gap:4px;margin-top:1px;}.evt-actions{display:flex;gap:0;flex-shrink:0;margin-left:auto;}.evt-actions button{background:none;border:none;padding:5px;border-radius:6px;cursor:pointer;transition:all 0.15s;color:#64748b;display:flex;align-items:center;justify-content:center;}.evt-actions button:hover{background:rgba(255,255,255,0.08);}.evt-actions .evt-verify{color:#64748b;}.evt-actions .evt-verify:hover{color:#38bdf8;}.evt-actions .evt-dup{color:#64748b;}.evt-actions .evt-dup:hover{color:#a78bfa;}.evt-actions .evt-del{color:#64748b;}.evt-actions .evt-del:hover{color:#f87171;}.evt-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid #334155;margin-bottom:12px;}/* Logo picker modal */ .logo-picker-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.6);z-index:100;display:flex;align-items:center;justify-content:center;}.logo-picker{background:#1e293b;border:1px solid #334155;border-radius:12px;width:90%;max-width:480px;max-height:80vh;display:flex;flex-direction:column;}.logo-picker-header{padding:16px;border-bottom:1px solid #334155;display:flex;align-items:center;justify-content:space-between;}.logo-picker-body{flex:1;overflow-y:auto;padding:12px;display:grid;grid-template-columns:repeat(auto-fill, minmax(80px, 1fr));gap:10px;}.logo-pick-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;border-radius:8px;cursor:pointer;border:1px solid transparent;transition:all 0.15s;}.logo-pick-item:hover{background:#334155;border-color:#475569;}.logo-pick-item img{width:48px;height:48px;object-fit:contain;border-radius:8px;background:rgba(255,255,255,0.08);padding:4px;}.logo-pick-item span{font-size:9px;color:#94a3b8;text-align:center;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.logo-picker-search{padding:0 16px 12px;}.logo-picker-search input{width:100%;background:#0f172a;border:1px solid #334155;color:#e2e8f0;font-size:13px;padding:8px 12px;border-radius:8px;outline:none;}.logo-picker-search input:focus{border-color:#38bdf8;}/* Telegram side panel */ .tg-panel{position:fixed;top:0;right:-420px;width:400px;height:100vh;background:#1e293b;border-left:1px solid #334155;z-index:90;display:flex;flex-direction:column;transition:right 0.3s ease;box-shadow:-4px 0 24px rgba(0,0,0,0.4);}.tg-panel.open{right:0;}.tg-panel-header{padding:14px 16px;border-bottom:1px solid #334155;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;}.tg-panel-textarea{flex:1;background:#0f172a;border:none;color:#e2e8f0;font-size:12px;padding:16px;outline:none;resize:none;font-family:monospace;line-height:1.6;}@media (max-width:500px){.tg-panel{width:100%;right:-100%;}}/* Auth gate */ .auth-gate{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px;}.auth-box{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:32px;width:100%;max-width:380px;text-align:center;}.auth-box h2{font-size:20px;font-weight:800;color:#38bdf8;margin-bottom:6px;}.auth-box p{font-size:13px;color:#64748b;margin-bottom:20px;}.code-input{width:100%;padding:14px;background:#0f172a;border:2px solid #334155;border-radius:8px;color:#e2e8f0;font-size:28px;text-align:center;letter-spacing:12px;font-weight:700;outline:none;font-family:monospace;}.code-input:focus{border-color:#38bdf8;}.auth-error{color:#f87171;font-size:13px;margin-top:8px;min-height:20px;}.qr-section{background:white;border-radius:8px;padding:12px;display:inline-block;margin:12px 0;}.secret-code{font-family:monospace;font-size:14px;background:#0f172a;padding:8px 12px;border-radius:6px;color:#fbbf24;word-break:break-all;margin:8px 0;}.setup-steps{text-align:left;font-size:13px;color:#94a3b8;line-height:1.8;margin:16px 0;}.setup-steps b{color:#e2e8f0;}/* Video Player */ .player-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.85);z-index:200;display:flex;align-items:center;justify-content:center;animation:fadeIn 0.2s ease;}.player-container{width:95%;max-width:960px;background:#1e293b;border:1px solid #334155;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,0.6);}.player-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #334155;background:#0f172a;}.player-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1;}.player-channel-name{font-size:15px;font-weight:700;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.player-channel-group{font-size:11px;color:#64748b;}.player-controls-top{display:flex;align-items:center;gap:6px;flex-shrink:0;}.player-nav-btn{background:#334155;border:1px solid #475569;color:#e2e8f0;width:36px;height:36px;border-radius:8px;font-size:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:0.15s;}.player-nav-btn:hover{background:#475569;}.player-nav-btn:disabled{opacity:0.3;cursor:default;}.player-close-btn{background:rgba(239,68,68,0.15);border:1px solid rgba(239,68,68,0.3);color:#f87171;width:36px;height:36px;border-radius:8px;font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:0.15s;}.player-close-btn:hover{background:rgba(239,68,68,0.3);}.player-body{position:relative;background:#000;}.player-body video{width:100%;max-height:65vh;display:block;background:#000;outline:none;}.player-status{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#94a3b8;font-size:13px;pointer-events:none;}.player-footer{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;border-top:1px solid #334155;background:#0f172a;}.player-url{font-size:10px;color:#475569;font-family:monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80%;cursor:pointer;}.player-url:hover{color:#64748b;}.player-position{font-size:11px;color:#64748b;flex-shrink:0;}/* Play button in table */ .act-btn.play{color:#4ade80;}.act-btn.play:hover{background:rgba(74,222,128,0.15);border-color:rgba(74,222,128,0.3);}@media (max-width:640px){.player-container{width:100%;max-width:100%;border-radius:0;height:100vh;}.player-body video{max-height:calc(100vh - 120px);}.player-header{padding:10px 12px;}.player-footer{padding:6px 12px;}}/* Custom Modal */ .list-modal-overlay{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,0.6);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;animation:modalFadeIn 0.2s ease;}@keyframes modalFadeIn{from{opacity:0;}to{opacity:1;}}@keyframes modalSlideIn{from{opacity:0;transform:translateY(-20px) scale(0.96);}to{opacity:1;transform:translateY(0) scale(1);}}.list-modal{background:#1e293b;border:1px solid #334155;border-radius:16px;width:440px;max-width:92vw;box-shadow:0 25px 60px rgba(0,0,0,0.5);animation:modalSlideIn 0.25s ease;}.list-modal-header{display:flex;align-items:center;gap:12px;padding:20px 24px 0;}.list-modal-icon{font-size:28px;flex-shrink:0;}.list-modal-title{font-size:18px;font-weight:700;color:#f1f5f9;margin:0;}.list-modal-body{padding:16px 24px 8px;}.list-modal-list-name{font-size:15px;font-weight:600;color:#38bdf8;padding:10px 14px;background:rgba(56,189,248,0.08);border:1px solid rgba(56,189,248,0.15);border-radius:10px;margin-bottom:14px;word-break:break-all;}.list-modal-current-url label, .list-modal-input-wrap label{display:block;font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:6px;}.list-modal-url-display{font-size:11px;color:#94a3b8;font-family:monospace;padding:8px 12px;background:#0f172a;border-radius:8px;border:1px solid #1e293b;word-break:break-all;margin-bottom:14px;max-height:60px;overflow-y:auto;}.list-modal-input-wrap{margin-bottom:10px;}.list-modal-input-wrap .input{width:100%;font-size:13px;padding:10px 14px;border-radius:10px;border:1px solid #334155;background:#0f172a;color:#f1f5f9;transition:border-color 0.2s;}.list-modal-input-wrap .input:focus{outline:none;border-color:#38bdf8;box-shadow:0 0 0 3px rgba(56,189,248,0.15);}.list-modal-warning{font-size:12px;color:#fbbf24;padding:10px 14px;background:rgba(251,191,36,0.08);border:1px solid rgba(251,191,36,0.15);border-radius:10px;margin-bottom:8px;line-height:1.5;}.list-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:12px 24px 20px;}.list-modal-footer .btn{padding:9px 20px;font-size:13px;font-weight:600;border-radius:10px;transition:all 0.15s;}.list-modal-footer .btn-confirm-action{background:#0ea5e9;color:white;}.list-modal-footer .btn-confirm-action:hover{background:#0284c7;}.list-modal-footer .btn-confirm-danger{background:#dc2626;color:white;}.list-modal-footer .btn-confirm-danger:hover{background:#b91c1c;}