:root{--purple-900:#1a0e4e;--purple-800:#2d1b69;--purple-700:#3d2b82;--purple-600:#5b3fa8;--purple-500:#7c5dc7;--purple-300:#b39ddb;--purple-100:#ede8fb;--purple-50:#f5f2ff;--bg-app:#f0effe;--white:#fff;--text-dark:#1a1a2e;--text-muted:#6b6b8a;--shadow-sm:0 2px 8px #2d1b6914;--shadow-md:0 4px 20px #2d1b691f;--radius-sm:8px;--radius-md:12px;--radius-lg:16px}*,:after,:before{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f0effe;background:var(--bg-app);color:var(--text-dark);font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#b39ddb;background:var(--purple-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#7c5dc7;background:var(--purple-500)}button,input,select,textarea{font-family:inherit;font-size:.9rem}body{background-color:#f0effe;color:#1a1a2e;font-family:Poppins,Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Arial,sans-serif;margin:0}.app-container,.layout{display:flex;height:100vh}.layout{flex-direction:column}.layout-header{align-items:center;background-color:#2d1b69;border-bottom:1px solid oklch(79.764% .16041 168.016);box-shadow:0 2px 12px #2d1b6914;display:flex;height:64px;justify-content:space-between;padding:0 28px;position:relative;z-index:100}.layout-body{display:flex;flex:1 1;overflow:hidden}.sidebar{background:#1a0e4e;box-shadow:3px 0 16px #1a0e4e4d;color:#fff;display:flex;flex-direction:column;height:100%;overflow-x:hidden;overflow-y:auto;padding-top:0;transition:width .28s cubic-bezier(.4,0,.2,1);width:72px}.sidebar.expanded{width:240px}.sidebar-top{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;min-height:64px;padding:18px 14px 14px}.company-name{flex:1 1;font-size:14px;font-weight:600;letter-spacing:.3px;overflow:hidden;white-space:nowrap}.toggle-btn{background:#ffffff1f;border:none;border-radius:6px;color:#fff;cursor:pointer;flex-shrink:0;font-size:12px;padding:5px 8px;transition:background .2s}.toggle-btn:hover{background:#ffffff38}.toggle-glyph{align-items:center;display:inline-flex;gap:6px}.toggle-glyph-dots,.toggle-glyph-lines{display:inline-flex;flex-direction:column;gap:3px}.toggle-glyph-dots span{background:currentColor;border-radius:50%;height:3px;width:3px}.toggle-glyph-lines span{background:currentColor;border-radius:999px;height:2px;width:10px}.menu{display:flex;flex:1 1;flex-direction:column;list-style:none;margin-top:0;padding:6px 0}.menu-item{align-items:center;border-radius:0;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:11px 18px;position:relative;transition:background .18s}.menu-item:hover{background:#ffffff1a}.menu-item.active{background:#ffffff26;border-left:3px solid #a78bfa}.menu-item .icon{color:#ffffffd9;flex-shrink:0;font-size:17px}.menu-item .label{color:#ffffffe6;font-size:13.5px;font-weight:500;white-space:nowrap}.main-content{background:linear-gradient(135deg,#f5f1ff,#f0effe);display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:28px 36px}.top-right-container{gap:12px;padding:0}.top-right-container,.top-right-menu{align-items:center;display:flex;justify-content:flex-end}.top-right-menu{flex:1 1;gap:8px}.top-item{align-items:center;border-radius:8px;color:#4b4b6b;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 14px;transition:background .18s}.top-icon-btn,.top-item:hover{background:#ede8fb;color:#5b3fa8}.top-icon-btn{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:18px;height:38px;justify-content:center;position:relative;transition:background .18s;width:38px}.top-icon-btn:hover{background:#ddd4f8}.notification-badge{background:#ef4444;border:2px solid #fff;border-radius:50%;height:8px;position:absolute;right:4px;top:4px;width:8px}.welcome-text{color:#1a1a2e;font-size:22px;font-weight:700;margin:4px 0 18px}.dashboard-shell{position:relative}.dashboard-shell:before{background:radial-gradient(circle at 10% 12%,#7c5dc71f,#0000 28%),radial-gradient(circle at 88% 18%,#5b3fa81f,#0000 30%),radial-gradient(circle at 78% 84%,#6d4c4114,#0000 35%);content:"";inset:0;pointer-events:none;position:fixed;z-index:0}.dashboard-shell>*{position:relative;z-index:1}.dashboard-fade-in{animation:dashboardReveal .55s ease forwards;opacity:0;transform:translateY(8px)}.dashboard-delay-1{animation-delay:.08s}.dashboard-delay-2{animation-delay:.16s}.dashboard-delay-3{animation-delay:.24s}@keyframes dashboardReveal{to{opacity:1;transform:translateY(0)}}.stat-cards-row{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:28px}.metrics-section{background:linear-gradient(180deg,#2d1b69,#1a0e4e);border-radius:18px;box-shadow:0 12px 30px #1a0e4e4d;margin-bottom:22px;padding:18px}.stat-card{align-items:center;border:1px solid #7c5dc78c;border-radius:16px;box-shadow:0 4px 20px #2d1b693d;color:#fff;display:flex;flex:1 1;gap:18px;min-width:160px;padding:22px 24px;transition:transform .25s ease,box-shadow .25s ease}.stat-card:hover{box-shadow:0 10px 28px #2d1b6938;transform:translateY(-3px)}.stat-card-1,.stat-card-2,.stat-card-3{background:linear-gradient(135deg,#4b2f95,#6e4fbe)!important}.admin-metrics-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.admin-metric-card{background:#fffffff2;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:14px 16px}.stat-card-icon{align-items:center;background:#ffffff3d;border-radius:12px;display:flex;flex-shrink:0;font-size:32px;height:52px;justify-content:center;width:52px}.stat-card-info{flex:1 1}.stat-card-label{font-size:12.5px;font-weight:500;margin-bottom:4px;opacity:.82}.stat-card-value{font-size:24px;font-weight:700;line-height:1}.dashboard-row{align-items:stretch;display:flex;flex:1 1;gap:24px}.performance-section{background:#fff;border-radius:16px;box-shadow:0 2px 12px #2d1b6912;flex:1 1;padding:24px;text-align:center}.performance-section h3{color:#2d1b69;font-size:16px;margin:0 0 12px}.info-box{font-size:14px;margin-top:10px}.channels-section{display:flex;flex:1 1;gap:16px}.channels-grid-admin{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(180px,1fr))}.channel-card{background:#fff;border:1px solid #5b3fa814;border-radius:16px;box-shadow:0 2px 12px #2d1b6912;flex:1 1;padding:22px 18px;text-align:center;transition:box-shadow .2s,transform .2s}.channel-card:hover{box-shadow:0 8px 24px #2d1b6924;transform:translateY(-2px)}.channel-icon{font-size:56px;margin-bottom:10px}.channel-card button,.register-btn{background:linear-gradient(135deg,#5b3fa8,#7c5dc7);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:9px 18px;transition:opacity .18s}.channel-card button:hover,.register-btn:hover{opacity:.88}.whatsapp{background-color:#eefcf3;border-color:#22c55e40!important;color:#17653a}.whatsapp .channel-icon{color:#22c55e}.whatsapp .register-btn,.whatsapp button{background:linear-gradient(135deg,#16a34a,#22c55e)}.sms{background-color:#f5f2ff;border-color:#7c3aed38!important;color:#4c1d95}.sms .channel-icon{color:#7c3aed}.sms .register-btn,.sms button{background:linear-gradient(135deg,#6d28d9,#8b5cf6)}.dlt{background-color:#eff6ff;border-color:#3b82f63d!important;color:#1e3a8a}.dlt .channel-icon{color:#3b82f6}.dlt .register-btn,.dlt button{background:linear-gradient(135deg,#2563eb,#3b82f6)}.notify{background-color:#fff7ed;border-color:#f9731640!important;color:#9a3412}.notify .channel-icon{color:#f97316}.notify .register-btn,.notify button{background:linear-gradient(135deg,#ea580c,#f97316)}.white-card{background:#fff;border-radius:16px;box-shadow:0 2px 12px #2d1b6912;margin-bottom:20px;padding:24px}.btn-purple{background:linear-gradient(135deg,#5b3fa8,#7c5dc7);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 22px;transition:opacity .18s}.btn-purple:hover{opacity:.88}.btn-purple:disabled{cursor:not-allowed;opacity:.5}.page-header{margin-bottom:24px}.page-header h2{color:#2d1b69;font-size:22px;font-weight:700;margin:0 0 4px}.page-header p{color:#6b6b8a;font-size:14px;margin:0}.admin-compact-panel{margin:0 auto;max-width:1400px}.admin-table-scroll{overflow-x:auto}.admin-compact-table{border-collapse:collapse;font-size:12.5px;table-layout:fixed;width:100%}.admin-compact-table th{font-size:12px!important;line-height:1.25;padding:10px 8px!important;white-space:nowrap}.admin-compact-table td{font-size:12px!important;line-height:1.3;padding:9px 8px!important;vertical-align:top;word-break:break-word}.admin-compact-panel .admin-compact-table button,.admin-compact-panel .admin-compact-table input,.admin-compact-panel .admin-compact-table select{font-size:11px!important;padding:5px 8px!important}@media (max-width:1024px){.main-content{padding:18px}.channels-section,.dashboard-row{flex-direction:column}.channels-grid-admin{grid-template-columns:1fr}.stat-card{min-width:100%}}body.dark-theme{background:radial-gradient(circle at top right,#0f3b84 0,#09132b 45%,#060b1c 100%);color:#d8ecff}body.dark-theme .layout-header{background:linear-gradient(90deg,#070f26,#081b3d);border-bottom:1px solid #54b5ff3d;box-shadow:0 6px 24px #00000073}body.dark-theme .sidebar{background:linear-gradient(180deg,#050d20,#050916);box-shadow:3px 0 24px #020e23cc}body.dark-theme .menu-item:hover{background:#1fa2ff2b}body.dark-theme .menu-item.active{background:#1fa2ff38;border-left:3px solid #2be4ff}body.dark-theme .main-content{background:linear-gradient(180deg,#07112a,#081636 35%,#07132f)}body.dark-theme .welcome-text{color:#b8dcff}body.dark-theme .channel-card,body.dark-theme .performance-section,body.dark-theme .white-card{background:linear-gradient(160deg,#0d1f42f5,#08142bf5);border:1px solid #4db5ff38;box-shadow:0 10px 26px #0000005c;color:#d8ecff}body.dark-theme .page-header h2,body.dark-theme .performance-section h3{color:#87d0ff}body.dark-theme .stat-card-1,body.dark-theme .stat-card-2,body.dark-theme .stat-card-3{background:linear-gradient(135deg,#4b2f95,#6e4fbe)!important}body.dark-theme .dlt,body.dark-theme .notify,body.dark-theme .sms,body.dark-theme .whatsapp{background:linear-gradient(140deg,#0b2552e6,#071839e6);color:#d8ecff}body.dark-theme .btn-purple,body.dark-theme .channel-card button,body.dark-theme .register-btn{background:linear-gradient(135deg,#0fa1d8,#3258ff)}body.dark-theme .top-icon-btn{background:#1fa2ff33;color:#8bd7ff}body.dark-theme .top-icon-btn:hover{background:#1fa2ff57}body.dark-theme .notification-badge{border-color:#061024}.page-card{background:#fff;border:1px solid #ede8fb;border-radius:16px;box-shadow:0 4px 16px #1a0e4e14;padding:20px}.page-card-header{align-items:center;border-bottom:1px solid #f0effe;border-radius:16px 16px 0 0;display:flex;justify-content:space-between;margin:-20px -20px 20px;padding:18px 22px}.page-card-title{color:#1a0e4e;font-size:20px;font-weight:700;margin:0}.page-card-subtitle{color:#6b6b8a;font-size:13px;margin:4px 0 0}.form-input{border:1.5px solid #ddd4f8;border-radius:9px;box-sizing:border-box;font-family:inherit;font-size:14px;outline:none;padding:11px 14px;transition:border-color .2s;width:100%}.form-input:focus{border-color:#7c5dc7;box-shadow:0 0 0 3px #7b5dc71a}.form-input:disabled{background-color:#f5f3ff;color:#9b9bb4;cursor:not-allowed}.form-label{color:#2d1b69;display:block;font-size:13.5px;font-weight:600;margin-bottom:6px}.form-field{margin-bottom:16px}.btn-primary{background:linear-gradient(135deg,#5b3fa8,#7c5dc7);border:none;border-radius:9px;box-shadow:0 4px 16px #5b3fa859;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:12px 24px;transition:opacity .2s}.btn-primary:hover:not(:disabled){opacity:.9}.btn-primary:disabled{background:#c4b5f0;cursor:not-allowed}.btn-secondary{background:#fff;border:1.5px solid #ddd4f8;border-radius:9px;color:#5b3fa8;cursor:pointer;font-size:14px;font-weight:600;padding:11px 20px;transition:border-color .2s}.btn-secondary:hover:not(:disabled){border-color:#7c5dc7}.alert-error{background-color:#fff0f0;border:1px solid #fca5a5;border-radius:8px;color:#dc2626}.alert-error,.alert-success{font-size:13.5px;margin-bottom:16px;padding:12px 14px}.alert-success{background-color:#f0fdf4;border:1px solid #86efac;border-radius:8px;color:#16a34a}.alert-warning{background-color:#fff7ed;border:1px solid #fed7aa;border-radius:8px;color:#92400e;font-size:13px;margin-bottom:16px;padding:12px 14px}body.dark-theme .page-card{background:linear-gradient(160deg,#0d1f42f5,#08142bf5);border:1px solid #4db5ff38;color:#d8ecff}body.dark-theme .form-input{background:#ffffff14;border-color:#4db5ff4d;color:#d8ecff}body.dark-theme .form-label{color:#a8c5ff}body.dark-theme .btn-secondary{background:#ffffff14;border-color:#4db5ff4d;color:#8bd7ff}body.dark-theme .recharts-text{fill:#b8dcff}body.dark-theme .recharts-legend-item-text{color:#b8dcff!important}body.dark-theme input,body.dark-theme select,body.dark-theme textarea{background:#0c1d3f;border:1px solid #62beff73!important;color:#dff2ff}body.dark-theme input::placeholder,body.dark-theme textarea::placeholder{color:#b9dcff9e}body.dark-theme table,body.dark-theme td,body.dark-theme th{color:#dff2ff}body.dark-theme thead tr{background:#133468f2!important}body.dark-theme tbody tr{background:#091c3eeb!important}body.dark-theme tbody tr:hover{background:#153f7ee6!important}body.dark-theme a{color:#84d8ff}body.dark-theme .white-card div,body.dark-theme .white-card h2,body.dark-theme .white-card h3,body.dark-theme .white-card p,body.dark-theme .white-card span,body.dark-theme .white-card strong{color:#dff2ff}body.dark-theme .main-content h1,body.dark-theme .main-content h2,body.dark-theme .main-content h3,body.dark-theme .main-content h4,body.dark-theme .main-content h5,body.dark-theme .main-content h6,body.dark-theme .main-content label,body.dark-theme .main-content p,body.dark-theme .main-content small,body.dark-theme .main-content td,body.dark-theme .main-content th{color:#e8f4ff!important}body.dark-theme .admin-compact-panel,body.dark-theme .admin-compact-panel [title],body.dark-theme .notifications-page,body.dark-theme .notifications-page [title]{color:#e8f4ff}body.dark-theme .admin-compact-panel .white-card,body.dark-theme .notifications-card{background:linear-gradient(160deg,#0b1d3ff5,#08142bf5)!important;border:1px solid #5fbeff42!important}body.dark-theme .notifications-back-btn,body.dark-theme .notifications-secondary-btn{background:#103166e0!important;border:1px solid #62beff73!important;color:#dff2ff!important}body.dark-theme .notifications-back-btn:hover,body.dark-theme .notifications-secondary-btn:hover{background:#1a488cf2!important}body.dark-theme .notifications-form-grid{gap:14px}body.dark-theme .btn-purple:disabled{background:#4666a1b3!important;color:#bddfff!important}