*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}:root{--bg-dark:#0b0f19;--card-bg:#151e2e;--border-color:#ffffff14;--text-main:#f8fafc;--text-muted:#94a3b8;--accent:#fe2c55;--btn-hover:#ff3b62}body{background-color:var(--bg-dark);color:var(--text-main);min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:32px 20px}.action-bar{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:30px;padding:20px 24px;display:flex}.action-left{align-items:center;gap:16px;display:flex}.action-left label{color:var(--text-muted);font-size:14px;font-weight:500}.date-select{color:#fff;border:1px solid var(--border-color);cursor:pointer;background:#0b0f19;border-radius:8px;outline:none;padding:10px 16px;font-size:14px}.date-select:focus{border-color:var(--accent)}input[type=date]::-webkit-calendar-picker-indicator{filter:invert()opacity(.7);cursor:pointer;transition:all .2s;transform:scale(1.3)}input[type=date]::-webkit-calendar-picker-indicator:hover{filter:invert()opacity();transform:scale(1.4)}.action-right{align-items:center;gap:14px;display:flex}.btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 4px 12px #fe2c554d}.btn-primary:hover{background:var(--btn-hover);transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;box-shadow:none;background:#475569;transform:none}.btn-secondary{color:#fff;border:1px solid var(--border-color);background:#ffffff0d}.btn-secondary:hover{background:#ffffff1a}.export-dropdown{display:inline-block;position:relative}.dropdown-arrow{opacity:.7;margin-left:4px;font-size:11px}.export-menu{border:1px solid var(--border-color);z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#161c2dfa;border-radius:10px;min-width:180px;padding-top:6px;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 8px 32px #00000080}.export-menu button{color:#e2e8f0;cursor:pointer;text-align:left;background:0 0;border:none;width:100%;padding:12px 16px;font-size:14px;transition:background .15s;display:block}.export-menu button:hover{background:#a855f726}.export-menu button+button{border-top:1px solid var(--border-color)}.stats-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px;display:grid}.stat-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;align-items:center;gap:16px;padding:24px 22px;transition:all .3s;display:flex}.stat-card:hover{border-color:#a855f74d;box-shadow:0 4px 20px #a855f714}.stat-icon{background:#ffffff0d;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.stat-info h3{color:var(--text-muted);margin-bottom:4px;font-size:13px;font-weight:500}.stat-info p{color:#fff;letter-spacing:-.5px;font-size:28px;font-weight:800}.btn-sync{color:#94a3b8;border:1px solid var(--border-color);background:#ffffff0d;padding:10px 22px;position:relative}.btn-sync:hover{background:#ffffff1a;border-color:#a855f74d}.lock-icon{margin-right:2px;font-size:12px}.filtered-stats{flex-wrap:wrap;gap:12px;display:flex}.filtered-stat{border:1px solid var(--border-color);background:#ffffff0a;border-radius:8px;flex-direction:column;align-items:center;min-width:70px;padding:6px 14px;display:flex}.fs-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.fs-value{color:#fff;font-size:16px;font-weight:700}.fs-views{color:#06b6d4}.fs-likes{color:#fe2c55}.table-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;overflow:hidden}.table-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.table-header .filtered-stats{border-bottom:none;padding-bottom:0}.table-header h2{font-size:18px;font-weight:600}.table-responsive{overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%}th{color:var(--text-muted);text-transform:uppercase;background:#0003;padding:16px 24px;font-size:13px;font-weight:600}th:nth-child(n+3),td:nth-child(n+3){text-align:right}td{border-bottom:1px solid var(--border-color);vertical-align:middle;padding:16px 24px;font-size:14px}tr:last-child td{border-bottom:none}tr:hover{background:#ffffff05}.col-video{align-items:center;gap:15px;min-width:320px;display:flex}.video-thumbnail{object-fit:cover;background:#1e293b;border:1px solid #ffffff1a;border-radius:8px;flex-shrink:0;width:56px;height:76px}.video-info{flex-direction:column;gap:6px;display:flex}.video-title{color:#fff;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:500;line-height:1.4;text-decoration:none;transition:color .2s;display:-webkit-box;overflow:hidden}.video-title:hover{color:var(--accent)}.video-id{color:var(--text-muted);font-family:monospace;font-size:12px}.stat-badge{color:#e2e8f0;background:#ffffff0d;border-radius:6px;padding:4px 8px;font-family:monospace;font-weight:600}.stat-badge.view{color:#06b6d4;background:#06b6d41a}.stat-badge.like{color:#fe2c55;background:#fe2c551a}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-state-icon{opacity:.2;margin-bottom:16px;font-size:48px}.empty-state-text{color:#475569;max-width:320px;font-size:14px;line-height:1.6}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#0009;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--card-bg);border:1px solid var(--border-color);text-align:center;border-top:3px solid;border-image:linear-gradient(135deg,#a855f7,#06b6d4) 1;border-radius:20px;width:90%;max-width:420px;padding:40px 36px;animation:.25s scaleIn;box-shadow:0 24px 64px #00000080}.modal-icon{margin-bottom:12px;font-size:48px}.modal-title{color:#fff;margin-bottom:12px;font-size:22px;font-weight:700}.modal-text{color:#94a3b8;margin-bottom:28px;font-size:15px;line-height:1.6}.modal-actions{justify-content:center;gap:12px;display:flex}.modal-actions .btn{justify-content:center;min-width:140px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}