@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--primary-900:#0a1628;--primary-800:#0f2035;--primary-700:#142d4a;--primary-600:#1a3a5c;--primary-500:#1e4d7b;--primary-400:#2563a0;--primary-300:#3b82c4;--primary-200:#6ba3d9;--primary-100:#a4c8ed;--primary-50:#e0edf9;--accent-600:#059669;--accent-500:#10b981;--accent-400:#34d399;--accent-300:#6ee7b7;--accent-200:#a7f3d0;--accent-100:#d1fae5;--amber-500:#f59e0b;--amber-400:#fbbf24;--amber-300:#fcd34d;--neutral-950:#0a0d14;--neutral-900:#111827;--neutral-800:#1f2937;--neutral-700:#374151;--neutral-600:#4b5563;--neutral-500:#6b7280;--neutral-400:#9ca3af;--neutral-300:#d1d5db;--neutral-200:#e5e7eb;--neutral-100:#f3f4f6;--neutral-50:#f9fafb;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--bg-body:#f0f2f5;--bg-card:#fff;--bg-card-hover:#fafbfc;--bg-input:#fff;--bg-sidebar:var(--primary-900);--text-primary:#111827;--text-secondary:#6b7280;--text-muted:#9ca3af;--text-inverse:#fff;--border-default:#e5e7eb;--border-focus:var(--primary-400);--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -1px #0000000a;--shadow-lg:0 10px 25px -3px #00000014, 0 4px 6px -2px #0000000a;--shadow-xl:0 20px 40px -5px #0000001a, 0 8px 16px -4px #0000000f;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.35s cubic-bezier(.4, 0, .2, 1);--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", Consolas, monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-body);min-height:100vh;line-height:1.6}#root{text-align:left;border:none;width:100%;max-width:100%;min-height:100vh;margin:0;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;font-size:inherit;border:none}input,select,textarea{font-family:inherit;font-size:inherit}img{max-width:100%;display:block}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--neutral-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--neutral-400)}.react-hot-toast{font-family:var(--font-sans)!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn var(--transition-base) ease-out}.animate-fade-in-up{animation:fadeInUp var(--transition-slow) ease-out}.animate-scale-in{animation:scaleIn var(--transition-base) ease-out}.report-page{flex-direction:column;min-height:100vh;display:flex;position:relative}.report-page__bg{background:linear-gradient(135deg, var(--primary-900) 0%, var(--primary-700) 50%, #0f766e 100%);z-index:0;height:380px;position:fixed;top:0;left:0;right:0}.report-page__bg:after{content:"";background:linear-gradient(to bottom, transparent, var(--bg-body));height:120px;position:absolute;bottom:0;left:0;right:0}.report-header{z-index:1;padding:24px 0;position:relative}.report-header__inner{justify-content:space-between;align-items:center;max-width:580px;margin:0 auto;padding:0 24px;display:flex}.report-header__brand{align-items:center;gap:12px;display:flex}.report-header__logo{flex-shrink:0}.report-header__title{color:#fff;letter-spacing:-.5px;margin:0;font-size:22px;font-weight:700;line-height:1.2}.report-header__tagline{color:#ffffffa6;margin:0;font-size:13px;font-weight:400}.report-header__admin-link{color:#ffffffb3;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all var(--transition-fast);background:#ffffff14;align-items:center;gap:4px;padding:8px 14px;font-size:13px;font-weight:500;display:flex}.report-header__admin-link:hover{color:#fff;background:#ffffff26}.report-container{z-index:1;flex:1;width:100%;max-width:580px;margin:0 auto;padding:0 24px 48px;position:relative}.form-card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);border:1px solid var(--border-default);overflow:hidden}.form-card__header{border-bottom:1px solid var(--border-default);background:var(--neutral-50);padding:32px 32px 24px}.form-card__header h2{color:var(--text-primary);margin-bottom:6px;font-size:20px;font-weight:700}.form-card__header p{color:var(--text-secondary);font-size:14px;line-height:1.5}.form-card__body{flex-direction:column;gap:22px;padding:28px 32px 32px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--text-primary);font-size:14px;font-weight:600}.required{color:var(--error);margin-left:2px}.optional{color:var(--text-muted);margin-left:4px;font-size:12px;font-weight:400}.form-input,.form-select{border:1.5px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-input);width:100%;color:var(--text-primary);transition:all var(--transition-fast);outline:none;padding:12px 14px;font-size:15px}.form-input:focus,.form-select:focus{border-color:var(--primary-400);box-shadow:0 0 0 3px #2563a01a}.form-input::placeholder{color:var(--text-muted)}.form-group--error .form-input,.form-group--error .form-select{border-color:var(--error)}.form-group--error .form-input:focus,.form-group--error .form-select:focus{box-shadow:0 0 0 3px #ef44441a}.form-error{color:var(--error);align-items:center;gap:4px;font-size:12px;font-weight:500;display:flex}.form-hint{color:var(--text-muted);font-size:12px}.select-wrapper{position:relative}.select-wrapper .form-select{appearance:none;padding-right:40px}.select-arrow{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.input-prefix-wrapper{align-items:center;display:flex;position:relative}.input-prefix{color:var(--text-secondary);z-index:1;pointer-events:none;font-size:15px;font-weight:600;position:absolute;left:14px}.form-input--prefixed{padding-left:32px}.channel-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.channel-chip{border:1.5px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:10px;padding:14px 16px;font-size:14px;font-weight:500;display:flex}.channel-chip:hover{border-color:var(--primary-300);background:var(--primary-50)}.channel-chip--active{border-color:var(--primary-400);background:var(--primary-50);color:var(--primary-500)}.channel-chip__check{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.channel-chip--active .channel-chip__check{color:var(--accent-500)}.btn{border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;border:none;outline:none;justify-content:center;align-items:center;gap:8px;font-weight:600;display:inline-flex}.btn--primary{background:linear-gradient(135deg, var(--primary-500) 0%, #0f766e 100%);color:#fff;box-shadow:0 2px 8px #1e4d7b40}.btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #1e4d7b59}.btn--primary:active:not(:disabled){transform:translateY(0)}.btn--primary:disabled{opacity:.65;cursor:not-allowed}.btn--lg{padding:14px 24px;font-size:15px}.btn--full{width:100%}.btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin}.success-card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);text-align:center;border:1px solid var(--border-default);margin-top:60px;padding:48px 32px}.success-icon{margin-bottom:24px}.success-card h2{color:var(--text-primary);margin-bottom:8px;font-size:24px;font-weight:700}.success-card p{color:var(--text-secondary);margin-bottom:28px;font-size:15px}.report-footer{text-align:center;color:var(--text-muted);padding:32px 0;font-size:13px}@media (width<=640px){.report-page__bg{height:300px}.form-card__header{padding:24px 20px 20px}.form-card__body{padding:20px 20px 24px}.channel-grid{grid-template-columns:1fr 1fr}.report-header__admin-link span{display:none}}.login-page{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative}.login-page__bg{background:linear-gradient(135deg, var(--primary-900) 0%, var(--primary-800) 40%, #0f4c4c 100%);z-index:0;position:fixed;inset:0}.login-page__bg:before{content:"";background:radial-gradient(at 20%,#10b98114 0%,#0000 60%),radial-gradient(at 80% 20%,#2563a01a 0%,#0000 60%);position:absolute;inset:0}.login-container{z-index:1;width:100%;max-width:420px;position:relative}.login-card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);border:1px solid var(--border-default);overflow:hidden}.login-card__header{text-align:center;padding:32px 32px 24px;position:relative}.login-card__back{color:var(--text-muted);border-radius:var(--radius-sm);transition:all var(--transition-fast);align-items:center;gap:4px;padding:6px 10px;font-size:13px;font-weight:500;display:flex;position:absolute;top:16px;left:16px}.login-card__back:hover{color:var(--text-primary);background:var(--neutral-100)}.login-card__logo{width:48px;height:48px;margin:16px auto}.login-card__header h2{color:var(--text-primary);margin-bottom:6px;font-size:22px;font-weight:700}.login-card__header p{color:var(--text-secondary);font-size:14px}.login-card__body{flex-direction:column;gap:18px;padding:4px 32px 32px;display:flex}.password-wrapper{position:relative}.password-wrapper .form-input{padding-right:44px}.password-toggle{color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.password-toggle:hover{color:var(--text-secondary)}@media (width<=480px){.login-card__header{padding:24px 20px 20px}.login-card__body{padding:4px 20px 24px}}.dashboard{background:var(--bg-body);min-height:100vh;display:flex}.sidebar{background:var(--primary-900);z-index:10;flex-direction:column;justify-content:space-between;width:260px;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.sidebar__top{padding:24px 16px}.sidebar__brand{color:#fff;letter-spacing:-.3px;align-items:center;gap:10px;margin-bottom:32px;padding:0 8px;font-size:18px;font-weight:700;display:flex}.sidebar__nav{flex-direction:column;gap:4px;display:flex}.sidebar__link{border-radius:var(--radius-md);color:#ffffff8c;cursor:pointer;transition:all var(--transition-fast);text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:14px;font-weight:500;display:flex}.sidebar__link:hover{color:#ffffffd9;background:#ffffff0f}.sidebar__link--active{color:#fff;background:#ffffff1a}.sidebar__bottom{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:8px;padding:16px;display:flex}.sidebar__user{align-items:center;gap:10px;min-width:0;display:flex}.sidebar__avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--primary-400), var(--accent-500));color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:700;display:flex}.sidebar__user-info{flex-direction:column;min-width:0;display:flex}.sidebar__user-name{color:#ffffffe6;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.sidebar__user-role{color:#ffffff73;font-size:11px;font-weight:400}.sidebar__logout{border-radius:var(--radius-sm);color:#ffffff73;cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:8px;display:flex}.sidebar__logout:hover{color:#ef4444;background:#ef44441a}.dashboard__main{flex:1;min-height:100vh;margin-left:260px}.topbar{border-bottom:1px solid var(--border-default);background:var(--bg-card);z-index:5;justify-content:space-between;align-items:center;padding:24px 32px;display:flex;position:sticky;top:0}.topbar__title{color:var(--text-primary);letter-spacing:-.3px;margin:0;font-size:22px;font-weight:700;line-height:1.3}.topbar__subtitle{color:var(--text-muted);margin:2px 0 0;font-size:13px}.topbar__actions{gap:8px;display:flex}.dashboard__content{padding:28px 32px}.loading-state{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 0;display:flex}.loading-spinner{border:3px solid var(--border-default);border-top-color:var(--primary-400);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}.stat-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);transition:all var(--transition-fast);box-shadow:var(--shadow-sm);align-items:center;gap:16px;padding:22px 20px;display:flex}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card__icon{border-radius:var(--radius-md);background:color-mix(in srgb, var(--accent,var(--primary-400)) 8%, transparent);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:28px;display:flex}.stat-card__content{flex-direction:column;display:flex}.stat-card__value{color:var(--text-primary);letter-spacing:-.5px;font-size:26px;font-weight:800;line-height:1.2}.stat-card__label{color:var(--text-muted);margin-top:2px;font-size:13px;font-weight:500}.dashboard-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;display:grid}.panel{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.panel__header{border-bottom:1px solid var(--border-default);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.panel__header h3{color:var(--text-primary);margin:0;font-size:15px;font-weight:700}.panel__badge{color:var(--accent-600);background:var(--accent-100);border-radius:var(--radius-full);padding:3px 10px;font-size:11px;font-weight:600}.panel__body{padding:20px 22px}.panel__empty{color:var(--text-muted);text-align:center;padding:24px 0;font-size:14px}.region-bars{flex-direction:column;gap:14px;display:flex}.region-bar__header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.region-bar__name{color:var(--text-primary);align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.region-bar__dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.region-bar__count{color:var(--text-primary);font-size:13px;font-weight:700}.region-bar__track{background:var(--neutral-100);border-radius:var(--radius-full);height:6px;overflow:hidden}.region-bar__fill{border-radius:var(--radius-full);min-width:4px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.channel-stats{grid-template-columns:1fr 1fr;gap:10px;display:grid}.channel-stat{border-radius:var(--radius-md);border:1px solid;flex-direction:column;gap:8px;padding:16px;display:flex}.channel-stat__name{font-size:13px;font-weight:600}.channel-stat__numbers{align-items:baseline;gap:6px;display:flex}.channel-stat__count{font-size:22px;font-weight:800;line-height:1}.channel-stat__pct{color:var(--text-muted);font-size:12px;font-weight:500}.trend-chart{align-items:flex-end;gap:3px;height:140px;padding-top:8px;display:flex}.trend-bar{cursor:default;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:6px;height:100%;display:flex}.trend-bar__fill{background:linear-gradient(to top, var(--primary-400), var(--accent-400));border-radius:3px 3px 0 0;width:100%;max-width:24px;min-height:4px;transition:height .4s cubic-bezier(.4,0,.2,1)}.trend-bar:hover .trend-bar__fill{opacity:.8}.trend-bar__label{color:var(--text-muted);font-size:10px;font-weight:500}.filter-bar{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-wrap:wrap;align-items:flex-end;gap:14px;margin-bottom:20px;padding:18px 22px;display:flex}.filter-group{flex-direction:column;gap:4px;display:flex}.filter-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.filter-select,.filter-input{border:1.5px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text-primary);min-width:140px;transition:border-color var(--transition-fast);outline:none;padding:8px 12px;font-size:13px}.filter-select:focus,.filter-input:focus{border-color:var(--primary-400)}.filter-actions{align-items:center;gap:6px;display:flex}.table-wrapper{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table thead{background:var(--neutral-50)}.data-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-default);white-space:nowrap;padding:12px 16px;font-size:12px;font-weight:600}.data-table td{color:var(--text-primary);border-bottom:1px solid var(--neutral-100);vertical-align:middle;padding:14px 16px}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:hover{background:var(--neutral-50)}.mono{font-family:var(--font-mono);background:var(--neutral-100);color:var(--text-primary);border:none;border-radius:4px;padding:2px 6px;font-size:12px;font-weight:500}.text-muted{color:var(--text-muted);font-size:12px}.region-tag{white-space:nowrap;align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.region-tag__dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.channel-tags{flex-wrap:wrap;gap:4px;display:flex}.channel-tag{border-radius:var(--radius-full);white-space:nowrap;border:1px solid;padding:2px 8px;font-size:11px;font-weight:600}.btn--outline{background:var(--bg-card);color:var(--text-primary);border:1.5px solid var(--border-default);box-shadow:var(--shadow-sm)}.btn--outline:hover:not(:disabled){border-color:var(--primary-300);color:var(--primary-500)}.btn--outline:disabled{opacity:.5;cursor:not-allowed}.btn--ghost{color:var(--text-secondary);background:0 0}.btn--ghost:hover{background:var(--neutral-100);color:var(--text-primary)}.btn--sm{border-radius:var(--radius-sm);padding:7px 14px;font-size:13px}.btn--xs{border-radius:var(--radius-sm);padding:4px 10px;font-size:12px}.btn--danger{background:var(--error);color:#fff}.btn--danger:hover{background:#dc2626}.btn-icon{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);color:var(--text-muted);background:0 0;border:none;justify-content:center;align-items:center;padding:6px;display:flex}.btn-icon--danger:hover{color:var(--error);background:#ef44441a}.delete-confirm{gap:4px;display:flex}.pagination{border-top:1px solid var(--border-default);justify-content:center;align-items:center;gap:12px;padding:16px;display:flex}.pagination__info{color:var(--text-muted);font-size:13px;font-weight:500}.empty-state{flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:64px 24px;display:flex}.empty-state p{color:var(--text-muted);font-size:15px}@media (width<=1200px){.stat-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=1024px){.sidebar{width:220px}.dashboard__main{margin-left:220px}.dashboard-grid{grid-template-columns:1fr}}@media (width<=768px){.dashboard{flex-direction:column}.sidebar{flex-direction:row;align-items:center;width:100%;padding:12px 16px;position:static}.sidebar__top{flex:1;align-items:center;gap:16px;padding:0;display:flex}.sidebar__brand{margin-bottom:0}.sidebar__nav{flex-direction:row}.sidebar__bottom{border-top:none;border-left:1px solid #ffffff14;padding:0 0 0 12px}.sidebar__user-info{display:none}.dashboard__main{margin-left:0}.topbar,.dashboard__content{padding:16px 20px}.stat-grid{grid-template-columns:repeat(2,1fr);gap:10px}.filter-bar{flex-direction:column;align-items:stretch}.table-wrapper{overflow-x:auto}.data-table{min-width:700px}}