.admin-info{margin:24px 0;margin:var(--space-24) 0}.info-box{background:#3b82f614;background:var(--color-bg-1);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:12px;border-radius:var(--radius-lg);padding:20px;padding:var(--space-20);text-align:left}.info-box h4{align-items:center;color:#21808d;color:var(--color-primary);display:flex;font-size:16px;font-size:var(--font-size-lg);gap:8px;gap:var(--space-8);margin:0 0 12px;margin:0 0 var(--space-12) 0}.info-box p{color:#13343b;color:var(--color-text);font-size:14px;font-size:var(--font-size-base);margin:4px 0;margin:var(--space-4) 0}.info-box small{align-items:center;display:block;display:flex;font-size:12px;font-size:var(--font-size-sm);gap:6px;gap:var(--space-6);margin-top:12px;margin-top:var(--space-12)}.text-warning{color:#a84b2f!important;color:var(--color-warning)!important}.logo i.fa-shield-alt{color:#21808d;color:var(--color-primary)}@media (max-width:480px){.info-box{padding:16px;padding:var(--space-16)}.info-box h4{font-size:14px;font-size:var(--font-size-md)}.info-box p{font-size:12px;font-size:var(--font-size-sm)}}@media (max-width:768px){.info-box{padding:16px;padding:var(--space-16)}.info-box h4{font-size:14px;font-size:var(--font-size-md)}.info-box p{font-size:12px;font-size:var(--font-size-sm)}}.sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffd;background:var(--color-surface);background:#fffffdf2;border-right:1px solid #5e524033;border-right:1px solid var(--color-border);box-shadow:var(--shadow-xl);color:#13343b;color:var(--color-text);display:flex;flex-direction:column;height:100vh;left:0;overflow:hidden;position:fixed;top:0;transition:width .25s cubic-bezier(.16,1,.3,1);transition:width var(--duration-normal) var(--ease-standard);width:280px;z-index:1000}.sidebar.collapsed{width:80px}.sidebar-logo{border-bottom:1px solid #5e524033;border-bottom:1px solid var(--color-border);min-height:auto;overflow:hidden;padding:12px 0;padding:var(--space-12) 0}.logo-content,.sidebar-logo{align-items:center;display:flex;justify-content:center}.logo-content{width:100%}.sidebar-logo-img{display:block;height:auto;max-height:50px;object-fit:contain;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard);width:auto}.sidebar.collapsed .sidebar-logo-img{width:40px}.sidebar-toggle{align-items:center;background:#5e52401f;background:var(--color-secondary);border:none;border-radius:6px;border-radius:var(--radius-sm);color:#13343b;color:var(--color-text);cursor:pointer;display:flex;height:32px;height:var(--space-32);justify-content:center;transition:background .25s cubic-bezier(.16,1,.3,1);transition:background var(--duration-normal) var(--ease-standard);width:32px;width:var(--space-32)}.sidebar-toggle:hover{background:#5e524033;background:var(--color-secondary-hover)}.sidebar-toggle:focus-visible{box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:none}.sidebar-user{border-bottom:1px solid #5e524033;border-bottom:1px solid var(--color-border);gap:12px;gap:var(--space-12);padding:12px 20px;padding:var(--space-12) var(--space-20)}.sidebar-user,.user-avatar{align-items:center;display:flex}.user-avatar{flex-shrink:0;height:44px;justify-content:center;position:relative;width:44px}.user-avatar img{background:#fffffd;background:var(--color-surface);border:2px solid #5e524033;border:2px solid var(--color-border);border-radius:50%;height:100%;object-fit:cover;width:100%}.user-info{flex:1 1;gap:2px;justify-content:center;min-width:0}.user-name{font-size:12px;font-size:var(--font-size-sm);font-weight:600;font-weight:var(--font-weight-bold);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-meta{align-items:center;color:#626c71;color:var(--color-text-secondary);display:flex;font-size:11px;white-space:nowrap}.meta-separator{margin:0 4px;opacity:.5}.user-balance{color:#21808d;color:var(--color-success);font-weight:500;font-weight:var(--font-weight-medium)}.sidebar-nav{flex:1 1;overflow-y:auto;padding:20px 0;padding:var(--space-20) 0}.nav-menu{list-style:none;margin:0;padding:0}.nav-item{margin-bottom:4px;margin-bottom:var(--space-4)}.nav-link{align-items:center;border-radius:8px;border-radius:var(--radius-base);color:#626c71;color:var(--color-text-secondary);display:flex;margin:0 8px;margin:0 var(--space-8);padding:12px 20px;padding:var(--space-12) var(--space-20);position:relative;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.nav-link:hover{background:#5e52401f;background:var(--color-secondary);color:#13343b;color:var(--color-text)}.nav-link:focus-visible{box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:none}.nav-link.active{background:#21808d;background:var(--color-primary);color:#fcfcf9;color:var(--color-btn-primary-text)}.nav-link i{font-size:16px;font-size:var(--font-size-lg);margin-right:12px;margin-right:var(--space-12);width:20px;width:var(--space-20)}.nav-text{font-size:14px;font-size:var(--font-size-base);font-weight:500;font-weight:var(--font-weight-medium)}.active-indicator{background:#21808d;background:var(--color-success);border-radius:6px;border-radius:var(--radius-sm);bottom:0;position:absolute;right:0;top:0;width:3px}.sidebar-upgrade{margin-top:auto}.sidebar-upgrade,.upgrade-card{padding:20px;padding:var(--space-20)}.upgrade-card{background:#f59e0b14;background:var(--color-bg-2);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:12px;border-radius:var(--radius-lg);text-align:center}.upgrade-icon{color:#a84b2f;color:var(--color-warning);font-size:24px;font-size:var(--font-size-3xl);margin-bottom:12px;margin-bottom:var(--space-12)}.upgrade-card h4{color:#13343b;color:var(--color-text);font-size:16px;font-size:var(--font-size-lg);font-weight:550;font-weight:var(--font-weight-semibold);margin:0 0 8px;margin:0 0 var(--space-8) 0}.upgrade-card p{color:#626c71;color:var(--color-text-secondary);line-height:1.5;line-height:var(--line-height-normal);margin:0 0 16px;margin:0 0 var(--space-16) 0}.btn-upgrade,.upgrade-card p{font-size:12px;font-size:var(--font-size-sm)}.btn-upgrade{background:#a84b2f;background:var(--color-warning);border:none;border-radius:8px;border-radius:var(--radius-base);color:#fcfcf9;color:var(--color-btn-primary-text);cursor:pointer;font-weight:550;font-weight:var(--font-weight-semibold);padding:8px 16px;padding:var(--space-8) var(--space-16);transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.btn-upgrade:hover{background:#e68161;background:var(--color-orange-400);transform:translateY(-2px)}.btn-upgrade:focus-visible{box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:none}.sidebar-footer{border-top:1px solid #5e524033;border-top:1px solid var(--color-border);padding:20px;padding:var(--space-20)}.footer-links{flex-direction:column}.footer-link,.footer-links{display:flex;gap:8px;gap:var(--space-8)}.footer-link{align-items:center;border-radius:6px;border-radius:var(--radius-sm);color:#626c71;color:var(--color-text-secondary);font-size:12px;font-size:var(--font-size-sm);padding:4px;padding:var(--space-4);text-decoration:none;transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard)}.footer-link:hover{background:#5e52401f;background:var(--color-secondary);color:#13343b;color:var(--color-text)}.footer-link:focus-visible{box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:none}.footer-link i{width:16px;width:var(--space-16)}@media (max-width:480px){.sidebar{transform:translateX(-100%);transition:transform .25s cubic-bezier(.16,1,.3,1);transition:transform var(--duration-normal) var(--ease-standard);width:280px}.sidebar.open{transform:translateX(0)}.sidebar.collapsed{width:280px}}@media (max-width:768px){.sidebar{transform:translateX(-100%);transition:transform .25s cubic-bezier(.16,1,.3,1);transition:transform var(--duration-normal) var(--ease-standard)}.sidebar.open{transform:translateX(0)}.sidebar.collapsed{width:280px}}.sidebar.collapsed .footer-links,.sidebar.collapsed .logo-text,.sidebar.collapsed .nav-text,.sidebar.collapsed .upgrade-card,.sidebar.collapsed .user-info{opacity:0;transition:opacity .15s cubic-bezier(.16,1,.3,1),visibility .15s cubic-bezier(.16,1,.3,1);transition:opacity var(--duration-fast) var(--ease-standard),visibility var(--duration-fast) var(--ease-standard);visibility:hidden}.sidebar.collapsed .nav-link{justify-content:center;margin:0 8px;margin:0 var(--space-8)}.sidebar.collapsed .nav-link i{margin-right:0}.sidebar.collapsed .logo-content,.sidebar.collapsed .sidebar-user{justify-content:center}.dashboard-header{align-items:center;background:#fffffd;background:var(--color-surface);border-bottom:1px solid #5e524033;border-bottom:1px solid var(--color-border);display:flex;height:70px;justify-content:space-between;left:280px;padding:0 24px;padding:0 var(--space-24);position:fixed;right:0;top:0;transition:left .25s cubic-bezier(.16,1,.3,1);transition:left var(--duration-normal) var(--ease-standard);z-index:999}.dashboard-header.sidebar-collapsed{left:80px}.header-left{align-items:center;display:flex;gap:16px;gap:var(--space-16)}.mobile-menu-btn{background:none;border:none;color:#626c71;color:var(--color-text-secondary);cursor:pointer;display:none;font-size:18px;font-size:var(--font-size-xl);padding:8px;padding:var(--space-8)}.breadcrumb{align-items:center;display:flex;gap:8px;gap:var(--space-8)}.breadcrumb-item{color:#13343b;color:var(--color-text);font-size:18px;font-size:var(--font-size-xl);font-weight:550;font-weight:var(--font-weight-semibold)}.header-center{flex:1 1;margin:0 24px;margin:0 var(--space-24);max-width:400px}.search-box{width:100%}.search-icon{color:#626c71;color:var(--color-text-secondary);font-size:16px;font-size:var(--font-size-lg);left:16px;left:var(--space-16);position:absolute;top:50%;transform:translateY(-50%)}.search-input{background:#5e52401f;background:var(--color-secondary);border:2px solid #5e524033;border:2px solid var(--color-border);border-radius:9999px;border-radius:var(--radius-full);font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:14px;font-size:var(--font-size-md);padding:12px 16px 12px 48px;padding:var(--space-12) var(--space-16) var(--space-12) 48px;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard);width:100%}.search-input:focus{background:#fffffd;background:var(--color-surface);border-color:#21808d;border-color:var(--color-primary);box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:none}.header-right{align-items:center;display:flex;gap:16px;gap:var(--space-16)}.header-item{position:relative}.notification-btn{background:none;border:none;border-radius:50%;color:#626c71;color:var(--color-text-secondary);cursor:pointer;font-size:18px;font-size:var(--font-size-xl);padding:8px;padding:var(--space-8);position:relative;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.notification-btn:hover{background:#5e52401f;background:var(--color-secondary);color:#21808d;color:var(--color-primary)}.notification-badge{background:#c0152f;background:var(--color-error);border-radius:9999px;border-radius:var(--radius-full);color:#fff;color:var(--color-white);font-size:11px;font-size:var(--font-size-xs);font-weight:550;font-weight:var(--font-weight-semibold);min-width:18px;padding:2px 6px;padding:var(--space-2) var(--space-6);position:absolute;right:0;text-align:center;top:0}.notification-menu{background:#fffffd;background:var(--color-surface);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000000a,0 4px 6px -2px #00000005;box-shadow:var(--shadow-lg);margin-top:8px;margin-top:var(--space-8);position:absolute;right:0;top:100%;width:320px;z-index:1000}.notification-header{align-items:center;border-bottom:1px solid #5e524033;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:16px 20px;padding:var(--space-16) var(--space-20)}.notification-header h4{color:#13343b;color:var(--color-text);font-size:16px;font-size:var(--font-size-lg);font-weight:550;font-weight:var(--font-weight-semibold);margin:0}.mark-all-read{background:none;border:none;color:#21808d;color:var(--color-primary);cursor:pointer;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:12px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium)}.notification-list{max-height:300px;overflow-y:auto}.notification-item{border-bottom:1px solid #5e52401f;border-bottom:1px solid var(--color-secondary);cursor:pointer;display:flex;gap:12px;gap:var(--space-12);padding:16px 20px;padding:var(--space-16) var(--space-20);transition:background .25s cubic-bezier(.16,1,.3,1);transition:background var(--duration-normal) var(--ease-standard)}.notification-item:hover{background:#5e52401f;background:var(--color-secondary)}.notification-item.unread{background:#3b82f614;background:var(--color-bg-1);border-left:3px solid #21808d;border-left:3px solid var(--color-primary)}.notification-icon{flex-shrink:0;margin-top:2px;margin-top:var(--space-2);text-align:center;width:20px}.notification-content h5{color:#13343b;color:var(--color-text);font-size:14px;font-size:var(--font-size-md);font-weight:550;font-weight:var(--font-weight-semibold);margin:0 0 4px;margin:0 0 var(--space-4) 0}.notification-content p{font-size:12px;font-size:var(--font-size-sm);line-height:1.5;line-height:var(--line-height-normal);margin:0 0 8px;margin:0 0 var(--space-8) 0}.notification-content p,.notification-time{color:#626c71;color:var(--color-text-secondary)}.notification-time{font-size:11px;font-size:var(--font-size-xs)}.notification-footer{border-top:1px solid #5e524033;border-top:1px solid var(--color-border);padding:12px 20px;padding:var(--space-12) var(--space-20);text-align:center}.notification-footer a{color:#21808d;color:var(--color-primary);font-size:12px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);text-decoration:none}.user-btn{align-items:center;background:none;border:none;border-radius:8px;border-radius:var(--radius-base);cursor:pointer;display:flex;gap:12px;gap:var(--space-12);padding:8px;padding:var(--space-8);transition:background .25s cubic-bezier(.16,1,.3,1);transition:background var(--duration-normal) var(--ease-standard)}.user-btn:hover{background:#5e52401f;background:var(--color-secondary)}.user-avatar{border:2px solid #5e524033;border:2px solid var(--color-border);border-radius:50%;height:36px;width:36px}.user-info{align-items:flex-start;flex-direction:column;text-align:left}.user-name{font-size:14px;font-size:var(--font-size-md)}.user-role{text-transform:capitalize}.user-btn i,.user-role{color:#626c71;color:var(--color-text-secondary);font-size:12px;font-size:var(--font-size-sm)}.user-menu{background:#fffffd;background:var(--color-surface);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000000a,0 4px 6px -2px #00000005;box-shadow:var(--shadow-lg);margin-top:8px;margin-top:var(--space-8);position:absolute;right:0;top:100%;width:280px;z-index:1000}.user-menu-header{align-items:center;border-bottom:1px solid #5e524033;border-bottom:1px solid var(--color-border);display:flex;gap:12px;gap:var(--space-12);padding:20px;padding:var(--space-20)}.menu-avatar{border-radius:50%;height:48px;object-fit:cover;width:48px}.menu-user-info{flex:1 1}.menu-user-name{color:#13343b;color:var(--color-text);font-size:16px;font-size:var(--font-size-lg);font-weight:550;font-weight:var(--font-weight-semibold);margin-bottom:4px;margin-bottom:var(--space-4)}.menu-user-email{color:#626c71;color:var(--color-text-secondary);font-size:12px;font-size:var(--font-size-sm)}.user-menu-items{padding:8px 0;padding:var(--space-8) 0}.menu-item{align-items:center;background:none;border:none;color:#13343b;color:var(--color-text);cursor:pointer;display:flex;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:14px;font-size:var(--font-size-md);gap:12px;gap:var(--space-12);padding:12px 20px;padding:var(--space-12) var(--space-20);text-align:left;text-decoration:none;transition:background .25s cubic-bezier(.16,1,.3,1);transition:background var(--duration-normal) var(--ease-standard);width:100%}.menu-item:hover{background:#5e52401f;background:var(--color-secondary)}.menu-item i{color:#626c71;color:var(--color-text-secondary);text-align:center;width:16px;width:var(--space-16)}.wallet-info{border-radius:8px;border-radius:var(--radius-base);cursor:default;margin:4px 8px;margin:var(--space-4) var(--space-8)}.wallet-info,.wallet-info:hover{background:#3b82f614;background:var(--color-bg-1)}.menu-divider{background:#5e524033;background:var(--color-border);height:1px;margin:8px 0;margin:var(--space-8) 0}.logout-btn,.logout-btn i{color:#c0152f!important;color:var(--color-error)!important}.logout-btn:hover{background:#c0152f1a!important;background:rgba(var(--color-error-rgb),.1)!important}@media (max-width:480px){.dashboard-header{height:60px;left:0;padding:0 12px;padding:0 var(--space-12)}.mobile-menu-btn{display:block}.header-center,.user-info{display:none}.breadcrumb-item{font-size:16px;font-size:var(--font-size-lg)}.notification-menu,.user-menu{left:12px;left:var(--space-12);right:-12px;right:calc(var(--space-12)*-1);width:calc(100vw - 24px);width:calc(100vw - var(--space-24))}.user-btn{padding:4px;padding:var(--space-4)}.user-avatar{height:32px;width:32px}}@media (max-width:768px){.dashboard-header{left:0;padding:0 16px;padding:0 var(--space-16)}.mobile-menu-btn{display:block}.header-center,.user-info{display:none}.notification-menu,.user-menu{right:-16px;right:calc(var(--space-16)*-1);width:280px}}.number-selector-dropdown{margin-right:8px;margin-right:var(--space-8);position:relative}.number-selector-btn{align-items:center;background:#fffffd;background:var(--color-surface);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-base);color:#13343b;color:var(--color-text);cursor:pointer;display:flex;font-size:12px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);gap:8px;gap:var(--space-8);height:40px;padding:8px 12px;padding:var(--space-8) var(--space-12);transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard)}.number-selector-btn:hover{background:#f5f5f5;background:var(--color-gray-200);border-color:#21808d;border-color:var(--color-primary)}.number-selector-btn i.fa-whatsapp{color:#25d366;font-size:16px;font-size:var(--font-size-lg)}.number-selector-btn .active-number{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.number-selector-btn .caret{color:#626c71;color:var(--color-text-secondary);font-size:11px;font-size:var(--font-size-xs);transition:transform .15s cubic-bezier(.16,1,.3,1);transition:transform var(--duration-fast) var(--ease-standard)}.number-selector-dropdown:hover .number-selector-btn .caret{color:#21808d;color:var(--color-primary)}.number-selector-menu{animation:slideDown .25s cubic-bezier(.16,1,.3,1);animation:slideDown var(--duration-normal) var(--ease-standard);background:#fffffd;background:var(--color-surface);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000000a,0 4px 6px -2px #00000005;box-shadow:var(--shadow-lg);overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);top:calc(100% + var(--space-8));width:280px;z-index:1000}.number-selector-menu .menu-header{background:#f5f5f5;background:var(--color-gray-200);border-bottom:1px solid #5e524033;border-bottom:1px solid var(--color-border);color:#626c71;color:var(--color-text-secondary);font-size:11px;font-size:var(--font-size-xs);font-weight:600;font-weight:var(--font-weight-bold);letter-spacing:.05em;padding:12px 16px;padding:var(--space-12) var(--space-16);text-transform:uppercase}.account-list{max-height:300px;overflow-y:auto}.account-item{align-items:center;background:none;border:none;border-bottom:1px solid #5e52400d;border-bottom:1px solid rgba(var(--color-brown-600-rgb),.05);cursor:pointer;display:flex;gap:12px;gap:var(--space-12);padding:12px 16px;padding:var(--space-12) var(--space-16);text-align:left;transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard);width:100%}.account-item:hover{background:#21808d0d;background:rgba(var(--color-teal-500-rgb),.05)}.account-item.active{background:#21808d14;background:rgba(var(--color-teal-500-rgb),.08)}.account-icon{align-items:center;background:#25d36620;border-radius:9999px;border-radius:var(--radius-full);color:#25d366;display:flex;font-size:14px;font-size:var(--font-size-base);height:32px;justify-content:center;width:32px}.account-info{display:flex;flex:1 1;flex-direction:column}.account-number{color:#13343b;color:var(--color-text);font-size:12px;font-size:var(--font-size-sm);font-weight:550;font-weight:var(--font-weight-semibold)}.active-badge{font-weight:500;font-weight:var(--font-weight-medium)}.active-badge,.check-mark{color:#21808d;color:var(--color-primary);font-size:11px;font-size:var(--font-size-xs)}.number-selector-menu .menu-footer{background:#fffffd;background:var(--color-cream-100);border-top:1px solid #5e524033;border-top:1px solid var(--color-border);padding:8px;padding:var(--space-8)}.number-selector-menu .menu-footer a{align-items:center;background:#21808d;background:var(--color-primary);border-radius:8px;border-radius:var(--radius-base);color:#fcfcf9;color:var(--color-btn-primary-text);display:flex;font-size:12px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);gap:8px;gap:var(--space-8);justify-content:center;padding:8px 12px;padding:var(--space-8) var(--space-12);transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard)}.number-selector-menu .menu-footer a:hover{background:#1d7480;background:var(--color-primary-hover);transform:translateY(-1px)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}:root{--container-2xl:1600px}@media (min-width:1600px){.container{max-width:1600px;max-width:var(--container-2xl)}}.dashboard-layout{background:#fcfcf9;background:var(--color-background);display:flex;min-height:100vh}.sidebar-container{left:0;position:fixed;top:0;transition:transform .25s cubic-bezier(.16,1,.3,1);transition:transform var(--duration-normal) var(--ease-standard);z-index:1000}.main-content{display:flex;flex:1 1;flex-direction:column;margin-left:280px;min-height:100vh;transition:margin-left .25s cubic-bezier(.16,1,.3,1);transition:margin-left var(--duration-normal) var(--ease-standard)}.main-content.sidebar-collapsed{margin-left:80px}.page-content{flex:1 1;margin-top:70px;overflow-y:auto;padding:24px;padding:var(--space-24)}.content-wrapper{margin:0 auto;max-width:1280px;max-width:var(--container-xl)}@media (min-width:1600px){.content-wrapper{max-width:1600px;max-width:var(--container-2xl)}}.dashboard-footer{background:#fffffd;background:var(--color-surface);border-top:1px solid #5e524033;border-top:1px solid var(--color-border);margin-top:auto;padding:16px 24px;padding:var(--space-16) var(--space-24)}.footer-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1280px;max-width:var(--container-xl)}.footer-left p{color:#626c71;color:var(--color-text-secondary);font-size:12px;font-size:var(--font-size-sm);margin:0}.footer-right{align-items:center;display:flex;gap:8px;gap:var(--space-8)}.footer-right a{color:#21808d;color:var(--color-primary);font-size:12px;font-size:var(--font-size-sm);text-decoration:none;transition:color .25s cubic-bezier(.16,1,.3,1);transition:color var(--duration-normal) var(--ease-standard)}.footer-right a:hover{color:#1d7480;color:var(--color-primary-hover)}.separator{color:#626c71;color:var(--color-text-secondary);opacity:.7}.mobile-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#13343b80;background:rgba(var(--color-slate-900-rgb),.5);height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}@media (max-width:768px){.sidebar-container{transform:translateX(-100%)}.sidebar-container.mobile-open{transform:translateX(0)}.main-content,.main-content.sidebar-collapsed{margin-left:0}.page-content{padding:16px;padding:var(--space-16)}.footer-content{flex-direction:column;gap:8px;gap:var(--space-8);text-align:center}.footer-right{justify-content:center}}@media (max-width:480px){.page-content{padding:12px;padding:var(--space-12)}.dashboard-footer{padding:12px 16px;padding:var(--space-12) var(--space-16)}.content-wrapper{padding:0 4px;padding:0 var(--space-4)}.footer-content{padding:0 8px;padding:0 var(--space-8)}.footer-left p,.footer-right a{font-size:11px;font-size:var(--font-size-xs)}}.page-content::-webkit-scrollbar{width:6px;width:var(--space-6)}.page-content::-webkit-scrollbar-track{background:#5e52401f;background:var(--color-secondary)}.page-content::-webkit-scrollbar-thumb{background:#626c71;background:var(--color-text-secondary);border-radius:6px;border-radius:var(--radius-sm);opacity:.5}.page-content::-webkit-scrollbar-thumb:hover{opacity:.7}.content-wrapper{animation:fadeIn .25s cubic-bezier(.16,1,.3,1);animation:fadeIn var(--duration-normal) var(--ease-standard)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px);transform:translateY(var(--space-10))}to{opacity:1;transform:translateY(0)}}.dashboard-layout:focus-within{outline:none}.dashboard-layout:focus-visible{outline:2px solid #21808d;outline:var(--focus-outline);outline-offset:2px;outline-offset:var(--space-2)}@media print{.dashboard-footer,.sidebar-container{display:none!important}.main-content{margin-left:0!important}.page-content{margin-top:0!important;padding:0!important}}*{box-sizing:border-box;margin:0;padding:0}body{background:#fcfcf9;background:var(--color-background);color:#13343b;color:var(--color-text);font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);line-height:1.5;line-height:var(--line-height-normal)}.App{min-height:100vh}.container{margin:0 auto;max-width:1024px;max-width:var(--container-lg);padding:0 20px;padding:0 var(--space-20)}.btn{font-weight:var(--font-weight-medium);gap:8px;gap:var(--space-8);min-height:44px}.btn-primary{background:#21808d;background:var(--color-primary);color:#fcfcf9;color:var(--color-btn-primary-text)}.btn-primary:hover:not(:disabled){background:#1d7480;background:var(--color-primary-hover)}.btn-primary:active:not(:disabled){background:#1a6873;background:var(--color-primary-active)}.btn-secondary{background:#5e52401f;background:var(--color-secondary);color:#13343b;color:var(--color-text)}.btn-secondary:hover:not(:disabled){background:#5e524033;background:var(--color-secondary-hover)}.btn-secondary:active:not(:disabled){background:#5e524040;background:var(--color-secondary-active)}.btn-success{background:#21808d;background:var(--color-success);color:#fcfcf9;color:var(--color-btn-primary-text)}.btn-success:hover:not(:disabled){background:#1d7480;background:var(--color-primary-hover)}.btn-success:active:not(:disabled){background:#1a6873;background:var(--color-primary-active)}.btn-danger{background:#c0152f;background:var(--color-error);color:#fcfcf9;color:var(--color-cream-50)}.btn-danger:hover:not(:disabled){background:#c0152fcc;background:rgba(var(--color-error-rgb),.8)}.btn-danger:active:not(:disabled){background:#c0152fe6;background:rgba(var(--color-error-rgb),.9)}.btn-google{background:#fffffd;background:var(--color-surface);border:1px solid #5e524033;border:1px solid var(--color-border);color:#13343b;color:var(--color-text)}.btn-google:hover:not(:disabled){background:#5e52401f;background:var(--color-secondary)}.btn-google:active:not(:disabled){background:#5e524033;background:var(--color-secondary-hover)}.form-label{color:#13343b;color:var(--color-text);margin-bottom:6px;margin-bottom:var(--space-6)}.form-control{background:#fffffd;background:var(--color-surface);font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:var(--font-size-base);transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard)}.form-control:disabled{background:#5e52401f;background:var(--color-secondary);cursor:not-allowed;opacity:.6}.form-text{color:#626c71;color:var(--color-text-secondary);display:block;font-size:12px;font-size:var(--font-size-sm);margin-top:4px;margin-top:var(--space-4)}.checkbox-label{font-size:14px;font-size:var(--font-size-base);gap:8px;gap:var(--space-8)}.checkbox-label input[type=checkbox]{display:none}.checkmark{border:1px solid #5e524033;border:1px solid var(--color-border);flex-shrink:0;transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard)}.checkbox-label input[type=checkbox]:checked+.checkmark{background:#21808d;background:var(--color-primary);border-color:#21808d;border-color:var(--color-primary)}.checkbox-label input[type=checkbox]:checked+.checkmark:after{color:#fcfcf9;color:var(--color-btn-primary-text);content:"✓";font-size:12px;font-size:var(--font-size-sm);font-weight:600;font-weight:var(--font-weight-bold);left:3px;position:absolute;top:-1px}.loading-spinner{align-items:center;display:flex;flex-direction:column;gap:16px;gap:var(--space-16);justify-content:center}.spinner{position:relative}.spinner-inner{display:flex;gap:4px;gap:var(--space-4)}.spinner-circle{animation:bounce 1.4s ease-in-out infinite both;background:#21808d;background:var(--color-primary);border-radius:9999px;border-radius:var(--radius-full);height:8px;height:var(--space-8);width:8px;width:var(--space-8)}.spinner-circle:first-child{animation-delay:-.32s}.spinner-circle:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.spinner-small .spinner-circle{height:6px;height:var(--space-6);width:6px;width:var(--space-6)}.spinner-large .spinner-circle{height:12px;height:var(--space-12);width:12px;width:var(--space-12)}.spinner-message{color:#626c71;color:var(--color-text-secondary);font-size:14px;font-size:var(--font-size-base)}.loading-container{align-items:center;background:#21808d;background:var(--color-primary);color:#fcfcf9;color:var(--color-btn-primary-text);display:flex;flex-direction:column;justify-content:center;min-height:100vh}.loading-container .spinner-circle{background:#fcfcf9;background:var(--color-btn-primary-text)}.account-suspended{align-items:center;background:#fcfcf9;background:var(--color-background);display:flex;justify-content:center;min-height:100vh;padding:20px;padding:var(--space-20)}.suspension-notice{background:#fffffd;background:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md);max-width:400px;padding:32px;padding:var(--space-32);text-align:center}.suspension-notice h2{color:#c0152f;color:var(--color-error);font-size:20px;font-size:var(--font-size-2xl);font-weight:550;font-weight:var(--font-weight-semibold);margin-bottom:16px;margin-bottom:var(--space-16)}.suspension-notice p{color:#626c71;color:var(--color-text-secondary);margin-bottom:24px;margin-bottom:var(--space-24)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-0{margin-bottom:0;margin-bottom:var(--space-0)}.mb-1{margin-bottom:8px;margin-bottom:var(--space-8)}.mb-2{margin-bottom:16px;margin-bottom:var(--space-16)}.mb-3{margin-bottom:24px;margin-bottom:var(--space-24)}.mb-4{margin-bottom:32px;margin-bottom:var(--space-32)}.mt-0{margin-top:0;margin-top:var(--space-0)}.mt-1{margin-top:8px;margin-top:var(--space-8)}.mt-2{margin-top:16px;margin-top:var(--space-16)}.mt-3{margin-top:24px;margin-top:var(--space-24)}.mt-4{margin-top:32px;margin-top:var(--space-32)}.d-flex{display:flex}.align-items-center{align-items:center}.justify-content-center{justify-content:center}.justify-content-between{justify-content:space-between}.gap-1{gap:8px;gap:var(--space-8)}.gap-2{gap:16px;gap:var(--space-16)}.gap-3{gap:24px;gap:var(--space-24)}@media (max-width:480px){.container{padding:0 16px;padding:0 var(--space-16)}.btn{min-height:40px;padding:6px 16px;padding:var(--space-6) var(--space-16)}.btn,.form-control{font-size:12px;font-size:var(--font-size-sm)}.form-control{padding:6px 10px;padding:var(--space-6) var(--space-10)}.suspension-notice{margin:16px;margin:var(--space-16);padding:24px;padding:var(--space-24)}.suspension-notice h2{font-size:18px;font-size:var(--font-size-xl)}.account-suspended,.loading-container{padding:16px;padding:var(--space-16)}}.avatar-initials,.initials{align-items:center;background-color:#21808d;background-color:var(--color-primary);border:2px solid #5e524033;border:2px solid var(--color-border);border-radius:50%;color:#fff;display:flex!important;font-weight:600;justify-content:center;text-transform:uppercase}.user-avatar.initials{font-size:14px;height:36px;width:36px}.menu-avatar.initials{font-size:18px;height:48px;width:48px}.sidebar-user .avatar-initials{border:none;font-size:16px;height:100%;width:100%}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper .form-control{padding-right:32px;padding-right:var(--space-32)}.password-toggle{align-items:center;background:none;border:none;color:#626c71;color:var(--color-text-secondary);cursor:pointer;display:flex;justify-content:center;padding:4px;padding:var(--space-4);position:absolute;right:8px;right:var(--space-8);transition:color .15s cubic-bezier(.16,1,.3,1);transition:color var(--duration-fast) var(--ease-standard);z-index:2}.password-toggle:hover{color:#21808d;color:var(--color-primary)}.auth-page{align-items:center;background:linear-gradient(135deg,#21808d,#1a6873);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-active) 100%);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;padding:var(--space-20);position:relative}.floating-shapes{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:1}.floating-shape{animation:float 20s linear infinite;background:#5e52401a;background:rgba(var(--color-brown-600-rgb),.1);border-radius:9999px;border-radius:var(--radius-full);position:absolute}.floating-shape:first-child{animation-delay:0s;height:80px;left:10%;top:10%;width:80px}.floating-shape:nth-child(2){animation-delay:-5s;height:120px;right:10%;top:20%;width:120px}.floating-shape:nth-child(3){animation-delay:-10s;bottom:30%;height:60px;left:20%;width:60px}.floating-shape:nth-child(4){animation-delay:-15s;bottom:20%;height:100px;right:20%;width:100px}.floating-shape:nth-child(5){animation-delay:-7s;height:40px;left:5%;top:50%;width:40px}.floating-shape:nth-child(6){animation-delay:-12s;height:90px;right:5%;top:70%;width:90px}@keyframes float{0%{opacity:0;transform:translateY(0) rotate(0deg)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100vh) rotate(1turn)}}.wave-container{height:150px;width:100%;z-index:1}.wave,.wave-container{bottom:0;left:0;position:absolute}.wave{animation:wave 10s linear infinite;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M321.39 56.44c58-10.79 114.16-30.13 172-41.86 82.39-16.72 168.19-17.73 250.45-.39C823.78 31 906.67 72 985.66 92.83c70.05 18.48 146.53 26.09 214.34 3V0H0v27.35a600.21 600.21 0 0 0 321.39 29.09Z' fill='rgba(255,255,255,0.1)'/%3E%3C/svg%3E") repeat-x;height:100%;width:200%}.wave:nth-child(2){animation:wave 18s linear infinite reverse;bottom:10px;bottom:var(--space-10);opacity:.7}.wave:nth-child(3){animation:wave 14s linear infinite;bottom:20px;bottom:var(--space-20);opacity:.5}@keyframes wave{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.auth-container{max-width:450px;position:relative;width:100%;z-index:2}.auth-card{animation:slideUp .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffd;background:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000000a,0 4px 6px -2px #00000005;box-shadow:var(--shadow-lg);padding:32px;padding:var(--space-32)}.auth-header{margin-bottom:20px;margin-bottom:var(--space-20);text-align:center}.logo{align-items:center;display:flex;justify-content:center;margin-bottom:16px;margin-bottom:var(--space-16)}.auth-logo-img{display:block;height:auto;max-height:160px;max-width:450px;object-fit:contain;transform:scale(1.1);width:100%}.logo i{color:#21808d;color:var(--color-success);font-size:30px;font-size:var(--font-size-4xl)}.auth-header h2{color:#13343b;color:var(--color-text);font-size:24px;font-size:var(--font-size-3xl);font-weight:550;font-weight:var(--font-weight-semibold);margin-bottom:8px;margin-bottom:var(--space-8)}.auth-header p{color:#626c71;color:var(--color-text-secondary);font-size:14px;font-size:var(--font-size-base)}.auth-form,.form-options{margin-bottom:24px;margin-bottom:var(--space-24)}.form-options{align-items:center;display:flex;flex-wrap:wrap;gap:12px;gap:var(--space-12);justify-content:space-between}.forgot-password{color:#21808d;color:var(--color-primary);font-size:14px;font-size:var(--font-size-base);text-decoration:none;transition:color .15s cubic-bezier(.16,1,.3,1);transition:color var(--duration-fast) var(--ease-standard)}.forgot-password:hover{color:#1d7480;color:var(--color-primary-hover)}.auth-divider{color:#626c71;color:var(--color-text-secondary);font-size:14px;font-size:var(--font-size-base);margin:24px 0;margin:var(--space-24) 0;position:relative;text-align:center}.auth-divider:before{background:#5e524033;background:var(--color-border);content:"";height:1px;left:0;position:absolute;right:0;top:50%;z-index:1}.auth-divider span{background:#fffffd;background:var(--color-surface);color:#626c71;color:var(--color-text-secondary);font-size:12px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);padding:0 16px;padding:0 var(--space-16);position:relative;z-index:2}.social-auth{display:flex;flex-direction:column;gap:12px;gap:var(--space-12);margin-bottom:24px;margin-bottom:var(--space-24)}.social-auth>div{display:flex!important;justify-content:center!important;width:100%!important}.social-login{margin-bottom:24px;margin-bottom:var(--space-24)}.btn-google i{color:#21808d;color:var(--color-primary);font-size:16px;font-size:var(--font-size-lg)}.auth-footer{text-align:center}.auth-footer p{color:#626c71;color:var(--color-text-secondary);font-size:14px;font-size:var(--font-size-base);margin-bottom:8px;margin-bottom:var(--space-8)}.auth-footer a{color:#21808d;color:var(--color-primary);font-weight:500;font-weight:var(--font-weight-medium);text-decoration:none;transition:color .15s cubic-bezier(.16,1,.3,1);transition:color var(--duration-fast) var(--ease-standard)}.auth-footer a:hover{color:#1d7480;color:var(--color-primary-hover);text-decoration:underline}.otp-container{text-align:center}.otp-input-group{display:flex;gap:12px;gap:var(--space-12);justify-content:center;margin:24px 0;margin:var(--space-24) 0}.otp-input{background-color:#fffffd;background-color:var(--color-surface);border:2px solid #5e524033;border:2px solid var(--color-border);border-radius:8px;border-radius:var(--radius-base);color:#13343b;color:var(--color-text);font-size:20px;font-size:var(--font-size-2xl);font-weight:550;font-weight:var(--font-weight-semibold);height:50px;text-align:center;transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard);width:50px}.otp-input:focus{border-color:#21808d;border-color:var(--color-primary);box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:none}.otp-timer{color:#626c71;color:var(--color-text-secondary);margin:16px 0;margin:var(--space-16) 0}.otp-timer,.resend-otp{font-size:14px;font-size:var(--font-size-base)}.resend-otp{background:none;border:none;color:#21808d;color:var(--color-primary);cursor:pointer;text-decoration:underline;transition:color .15s cubic-bezier(.16,1,.3,1);transition:color var(--duration-fast) var(--ease-standard)}.resend-otp:hover{color:#1d7480;color:var(--color-primary-hover)}.resend-otp:disabled{color:#626c71;color:var(--color-text-secondary);cursor:not-allowed;opacity:.5;text-decoration:none}@media (max-width:480px){.auth-page{padding:16px;padding:var(--space-16)}.auth-card{border-radius:10px;border-radius:var(--radius-md);padding:24px 20px;padding:var(--space-24) var(--space-20)}.auth-header h2,.logo{font-size:20px;font-size:var(--font-size-2xl)}.logo i{font-size:24px;font-size:var(--font-size-3xl)}.form-options{align-items:flex-start;flex-direction:column}.form-options,.otp-input-group{gap:8px;gap:var(--space-8)}.otp-input{font-size:16px;font-size:var(--font-size-lg);height:40px;width:40px}.floating-shape{display:none}}@media (max-width:768px){.auth-page{padding:16px;padding:var(--space-16)}.auth-card{border-radius:12px;border-radius:var(--radius-lg);padding:32px 24px;padding:var(--space-32) var(--space-24)}.auth-header h2{font-size:24px;font-size:var(--font-size-3xl)}.logo{font-size:20px;font-size:var(--font-size-2xl)}.logo i{font-size:24px;font-size:var(--font-size-3xl)}.form-options{align-items:flex-start;flex-direction:column}.form-options,.otp-input-group{gap:8px;gap:var(--space-8)}.otp-input{font-size:18px;font-size:var(--font-size-xl);height:45px;width:45px}}.dashboard-content{padding:0}.dashboard-header{margin-bottom:32px;margin-bottom:var(--space-32)}.dashboard-header h1{color:#13343b;color:var(--color-text);font-size:30px;font-size:var(--font-size-4xl);font-weight:600;font-weight:var(--font-weight-bold);margin-bottom:8px;margin-bottom:var(--space-8)}.dashboard-header p{color:#626c71;color:var(--color-text-secondary);font-size:16px;font-size:var(--font-size-lg);margin:0}.dashboard-loading{align-items:center;background:#fffffd;background:var(--color-surface);border-radius:12px;border-radius:var(--radius-lg);display:flex;justify-content:center;min-height:60vh}.stats-grid{grid-gap:24px;grid-gap:var(--space-24);display:grid;gap:24px;gap:var(--space-24);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:32px;margin-bottom:var(--space-32)}.stat-card{align-items:center;background:#fffffd;background:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);display:flex;gap:20px;gap:var(--space-20);overflow:hidden;padding:24px;padding:var(--space-24);position:relative;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.stat-card:hover{border-color:#21808d;border-color:var(--color-primary);box-shadow:0 10px 15px -3px #0000000a,0 4px 6px -2px #00000005;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.stat-card:after{background:linear-gradient(90deg,#21808d,#32b8c6);background:linear-gradient(90deg,var(--color-primary),var(--color-teal-300));content:"";height:4px;left:0;opacity:0;position:absolute;top:0;transition:opacity .25s;transition:opacity var(--duration-normal);width:100%}.stat-card:hover:after{opacity:1}.stat-icon{align-items:center;border-radius:12px;border-radius:var(--radius-lg);color:#fcfcf9;color:var(--color-btn-primary-text);display:flex;flex-shrink:0;font-size:24px;font-size:var(--font-size-3xl);height:60px;justify-content:center;width:60px}.stat-icon.campaigns{background:linear-gradient(135deg,#21808d,#1a6873);background:linear-gradient(135deg,var(--color-teal-500),var(--color-teal-700))}.stat-icon.contacts{background:linear-gradient(135deg,#e68161,#c0152f);background:linear-gradient(135deg,var(--color-orange-400),var(--color-red-500))}.stat-icon.messages{background:linear-gradient(135deg,#32b8c6,#2996a1);background:linear-gradient(135deg,var(--color-teal-300),var(--color-teal-800))}.stat-icon.response{background:linear-gradient(135deg,#2da6b2,#32b8c6);background:linear-gradient(135deg,var(--color-teal-400),var(--color-teal-300))}.stat-content h3{color:#13343b;color:var(--color-text);font-size:30px;font-size:var(--font-size-4xl);font-weight:600;font-weight:var(--font-weight-bold);margin:0 0 4px;margin:0 0 var(--space-4) 0}.stat-content p{color:#626c71;color:var(--color-text-secondary);font-size:12px;font-size:var(--font-size-sm);margin:0}.dashboard-grid{grid-gap:32px;grid-gap:var(--space-32);display:grid;gap:32px;gap:var(--space-32);grid-template-columns:2fr 1fr;margin-bottom:32px;margin-bottom:var(--space-32)}.feature-grid{grid-gap:20px;grid-gap:var(--space-20);display:grid;gap:20px;gap:var(--space-20);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature-card{background:#fffffd;background:var(--color-surface);border:2px solid #5e52401f;border:2px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);padding:24px;padding:var(--space-24);position:relative;text-align:center;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.feature-card.enabled{border-color:#21808d;border-color:var(--color-primary)}.feature-card.enabled:hover{box-shadow:0 10px 30px #21808d33;box-shadow:0 10px 30px rgba(var(--color-teal-500-rgb),.2);transform:translateY(-4px)}.feature-card.disabled{background:#5e52401f;background:var(--color-secondary);border-color:#5e524033;border-color:var(--color-border);opacity:.7}.feature-card .feature-icon{align-items:center;background:linear-gradient(135deg,#21808d,#1a6873);background:linear-gradient(135deg,var(--color-teal-500),var(--color-teal-700));border-radius:9999px;border-radius:var(--radius-full);color:#fcfcf9;color:var(--color-btn-primary-text);display:flex;font-size:24px;font-size:var(--font-size-3xl);height:60px;justify-content:center;margin:0 auto 16px;margin:0 auto var(--space-16) auto;width:60px}.feature-card.disabled .feature-icon{background:#a7a9a9;background:var(--color-gray-300)}.feature-card h3{color:#13343b;color:var(--color-text);font-size:18px;font-size:var(--font-size-xl);font-weight:550;font-weight:var(--font-weight-semibold);margin-bottom:8px;margin-bottom:var(--space-8)}.feature-card p,.feature-card.disabled h3{color:#626c71;color:var(--color-text-secondary)}.feature-card p{font-size:12px;font-size:var(--font-size-sm);line-height:1.5;line-height:var(--line-height-normal);margin-bottom:20px;margin-bottom:var(--space-20)}.feature-disabled{color:#a7a9a9;color:var(--color-gray-300);font-size:11px;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);letter-spacing:.5px;text-transform:uppercase}.activity-panel{background:#fffffd;background:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);height:-webkit-fit-content;height:fit-content;padding:24px;padding:var(--space-24)}.panel-header{align-items:center;border-bottom:1px solid #5e52401f;border-bottom:1px solid var(--color-card-border-inner);display:flex;justify-content:space-between;margin-bottom:20px;margin-bottom:var(--space-20);padding-bottom:16px;padding-bottom:var(--space-16)}.panel-header h2{color:#13343b;color:var(--color-text);font-size:18px;font-size:var(--font-size-xl);font-weight:550;font-weight:var(--font-weight-semibold);margin:0}.btn-ghost{background:none;border:1px solid #5e524033;border:1px solid var(--color-border);color:#626c71;color:var(--color-text-secondary)}.btn-ghost:hover{background:#5e52401f;background:var(--color-secondary);border-color:#21808d;border-color:var(--color-primary);color:#21808d;color:var(--color-primary)}.activity-list{flex-direction:column}.activity-item,.activity-list{display:flex;gap:16px;gap:var(--space-16)}.activity-item{background:#5e52401f;background:var(--color-secondary);border-radius:8px;border-radius:var(--radius-base);padding:16px;padding:var(--space-16);transition:background .25s cubic-bezier(.16,1,.3,1);transition:background var(--duration-normal) var(--ease-standard)}.activity-item:hover{background:#5e524033;background:var(--color-secondary-hover)}.activity-icon{align-items:center;background:#fffffd;background:var(--color-surface);border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);display:flex;flex-shrink:0;font-size:16px;font-size:var(--font-size-lg);height:40px;justify-content:center;width:40px}.activity-content{flex:1 1}.activity-content h4{color:#13343b;color:var(--color-text);font-size:12px;font-size:var(--font-size-sm);font-weight:550;font-weight:var(--font-weight-semibold);margin:0 0 4px;margin:0 0 var(--space-4) 0}.activity-content p{color:#626c71;color:var(--color-text-secondary);line-height:1.4;margin:0 0 8px;margin:0 0 var(--space-8) 0}.activity-content p,.activity-time{font-size:11px;font-size:var(--font-size-xs)}.activity-time{color:#a7a9a9;color:var(--color-gray-300)}.wallet-card{background:linear-gradient(135deg,#21808d,#1a6873);background:linear-gradient(135deg,var(--color-teal-500),var(--color-teal-700));border-radius:12px;border-radius:var(--radius-lg);color:#fcfcf9;color:var(--color-btn-primary-text);margin-top:24px;margin-top:var(--space-24);padding:24px;padding:var(--space-24)}.wallet-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;margin-bottom:var(--space-20)}.wallet-header h3{align-items:center;display:flex;font-size:18px;font-size:var(--font-size-xl);font-weight:550;font-weight:var(--font-weight-semibold);gap:8px;gap:var(--space-8);margin:0}.wallet-balance{text-align:right}.currency{font-size:16px;font-size:var(--font-size-lg);opacity:.8}.amount{font-size:30px;font-size:var(--font-size-4xl);font-weight:600;font-weight:var(--font-weight-bold)}.wallet-actions{display:flex;gap:12px;gap:var(--space-12)}.wallet-actions .btn{border:1px solid #ffffff4d}.wallet-actions .btn-success{background:#fff3;border-color:#ffffff4d;color:#fff;color:var(--color-white)}.wallet-actions .btn-ghost{background:#0000;border-color:#ffffff4d;color:#fffc}.wallet-actions .btn:hover{background:#fff3;color:#fff;color:var(--color-white)}.admin-dashboard{padding:0}.admin-stats-grid{grid-gap:24px;grid-gap:var(--space-24);display:grid;gap:24px;gap:var(--space-24);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:32px;margin-bottom:var(--space-32)}.admin-stat-card{align-items:center;background:#fffffd;background:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);display:flex;gap:20px;gap:var(--space-20);overflow:hidden;padding:24px;padding:var(--space-24);position:relative;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.admin-stat-card:hover{border-color:#21808d;border-color:var(--color-primary);box-shadow:0 10px 15px -3px #0000000a,0 4px 6px -2px #00000005;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.admin-stat-card .stat-icon.users{background:linear-gradient(135deg,#21808d,#1a6873);background:linear-gradient(135deg,var(--color-teal-500),var(--color-teal-700))}.admin-stat-card .stat-icon.wallet{background:linear-gradient(135deg,#e68161,#c0152f);background:linear-gradient(135deg,var(--color-orange-400),var(--color-red-500))}.admin-stat-card .stat-icon.registrations{background:linear-gradient(135deg,#32b8c6,#2996a1);background:linear-gradient(135deg,var(--color-teal-300),var(--color-teal-800))}.admin-stat-card .stat-icon.messages{background:linear-gradient(135deg,#2da6b2,#32b8c6);background:linear-gradient(135deg,var(--color-teal-400),var(--color-teal-300))}.admin-stat-card .stat-content small{color:#21808d;color:var(--color-success);font-size:11px;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium)}.admin-section{background:#fffffd;background:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);margin-bottom:32px;margin-bottom:var(--space-32);padding:24px;padding:var(--space-24)}.section-header{align-items:center;border-bottom:1px solid #5e52401f;border-bottom:1px solid var(--color-card-border-inner);display:flex;justify-content:space-between;margin-bottom:24px;margin-bottom:var(--space-24);padding-bottom:16px;padding-bottom:var(--space-16)}.section-header h2{align-items:center;color:#13343b;color:var(--color-text);display:flex;font-size:20px;font-size:var(--font-size-2xl);font-weight:550;font-weight:var(--font-weight-semibold);gap:8px;gap:var(--space-8);margin:0}.section-actions{align-items:center;display:flex;gap:12px;gap:var(--space-12)}.search-input{min-width:250px}.users-table{overflow-x:auto}.table{border-collapse:collapse;margin:0;width:100%}.table td,.table th{border-bottom:1px solid #5e52401f;border-bottom:1px solid var(--color-card-border-inner);padding:16px 12px;padding:var(--space-16) var(--space-12);text-align:left}.table th{background:#5e52401f;background:var(--color-secondary);font-weight:550;font-weight:var(--font-weight-semibold);white-space:nowrap}.table td,.table th{color:#13343b;color:var(--color-text);font-size:12px;font-size:var(--font-size-sm)}.table td{vertical-align:middle}.user-info{align-items:center;display:flex;gap:12px;gap:var(--space-12)}.user-avatar{border-radius:9999px;border-radius:var(--radius-full);height:40px;object-fit:cover;width:40px}.user-name{color:#13343b;color:var(--color-text);font-weight:550;font-weight:var(--font-weight-semibold)}.user-source{color:#626c71;color:var(--color-text-secondary);text-transform:capitalize}.badge,.user-source{font-size:11px;font-size:var(--font-size-xs)}.badge{border-radius:12px;border-radius:var(--radius-lg);font-weight:550;font-weight:var(--font-weight-semibold);letter-spacing:.5px;padding:4px 8px;padding:var(--space-4) var(--space-8);text-transform:uppercase}.badge-warning{background-color:#a84b2f26;background-color:rgba(var(--color-warning-rgb),var(--status-bg-opacity))}.badge-danger{background-color:#c0152f26;background-color:rgba(var(--color-error-rgb),var(--status-bg-opacity))}.wallet-balance{color:#21808d;color:var(--color-success);font-weight:550;font-weight:var(--font-weight-semibold)}.action-buttons{display:flex;gap:8px;gap:var(--space-8)}.btn-sm{font-size:11px;font-size:var(--font-size-xs)}.quick-actions-grid{grid-gap:20px;grid-gap:var(--space-20);display:grid;gap:20px;gap:var(--space-20);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.action-card{background:#fffffd;background:var(--color-surface);border:2px solid #5e52401f;border:2px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);cursor:pointer;padding:24px;padding:var(--space-24);text-align:center;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.action-card:hover{border-color:#21808d;border-color:var(--color-primary);box-shadow:0 8px 25px #21808d26;box-shadow:0 8px 25px rgba(var(--color-teal-500-rgb),.15);transform:translateY(-2px)}.action-icon{align-items:center;background:linear-gradient(135deg,#21808d,#1a6873);background:linear-gradient(135deg,var(--color-teal-500),var(--color-teal-700));border-radius:9999px;border-radius:var(--radius-full);color:#fcfcf9;color:var(--color-btn-primary-text);display:flex;font-size:24px;font-size:var(--font-size-3xl);height:60px;justify-content:center;margin:0 auto 16px;margin:0 auto var(--space-16) auto;width:60px}.action-card h3{color:#13343b;color:var(--color-text);font-size:16px;font-size:var(--font-size-lg);font-weight:550;font-weight:var(--font-weight-semibold);margin-bottom:8px;margin-bottom:var(--space-8)}.action-card p{color:#626c71;color:var(--color-text-secondary);font-size:12px;font-size:var(--font-size-sm);line-height:1.5;line-height:var(--line-height-normal);margin-bottom:20px;margin-bottom:var(--space-20)}@media (max-width:768px){.dashboard-grid{gap:24px;gap:var(--space-24);grid-template-columns:1fr}.admin-stats-grid,.stats-grid{gap:16px;gap:var(--space-16);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.admin-stat-card,.stat-card{padding:20px;padding:var(--space-20)}.stat-icon{font-size:20px;font-size:var(--font-size-2xl);height:50px;width:50px}.stat-content h3{font-size:24px;font-size:var(--font-size-3xl)}.feature-grid{gap:16px;gap:var(--space-16);grid-template-columns:1fr}.section-header{align-items:stretch;flex-direction:column;gap:16px;gap:var(--space-16)}.section-actions{flex-direction:column;gap:12px;gap:var(--space-12)}.search-input{min-width:auto;width:100%}.users-table{font-size:11px;font-size:var(--font-size-xs)}.table td,.table th{padding:12px 8px;padding:var(--space-12) var(--space-8)}.user-info{gap:8px;gap:var(--space-8)}.user-avatar{height:32px;width:32px}.quick-actions-grid{gap:16px;gap:var(--space-16);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.action-card{padding:20px;padding:var(--space-20)}.action-icon{font-size:20px;font-size:var(--font-size-2xl);height:50px;width:50px}.wallet-header{flex-direction:column;gap:12px;gap:var(--space-12);text-align:center}.wallet-actions{justify-content:center}}@media (max-width:480px){.dashboard-header h1{font-size:24px;font-size:var(--font-size-3xl)}.admin-stat-card,.stat-card{flex-direction:column;gap:12px;gap:var(--space-12);text-align:center}.activity-item{padding:12px;padding:var(--space-12)}.activity-icon{font-size:12px;font-size:var(--font-size-sm);height:32px;width:32px}.wallet-card{padding:20px;padding:var(--space-20)}.amount{font-size:24px;font-size:var(--font-size-3xl)}.admin-stats-grid,.feature-grid,.quick-actions-grid,.stats-grid{gap:12px;gap:var(--space-12);grid-template-columns:1fr}.dashboard-grid{gap:16px;gap:var(--space-16)}.table td,.table th{font-size:11px;font-size:var(--font-size-xs);padding:8px 6px;padding:var(--space-8) var(--space-6)}.action-buttons{flex-direction:column;gap:4px;gap:var(--space-4)}}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74c3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-toast-width:320px;--toastify-toast-background:#fff;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error)}.Toastify__toast-container{box-sizing:border-box;color:#fff;padding:4px;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:320px;width:var(--toastify-toast-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:1em;top:1em}.Toastify__toast-container--top-center{left:50%;top:1em;transform:translateX(-50%)}.Toastify__toast-container--top-right{right:1em;top:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width:480px){.Toastify__toast-container{left:0;margin:0;padding:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:0;transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:0;transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:0}}.Toastify__toast{border-radius:4px;box-shadow:0 1px 10px 0 #0000001a,0 2px 15px 0 #0000000d;box-sizing:border-box;cursor:default;direction:ltr;display:flex;font-family:sans-serif;font-family:var(--toastify-font-family);justify-content:space-between;margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);overflow:hidden;padding:8px;position:relative;z-index:0}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{align-items:center;display:flex;flex:1 1 auto;margin:auto 0;padding:6px}.Toastify__toast-body>div:last-child{flex:1 1;word-break:break-word}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:20px}.Toastify--animate{animation-duration:.7s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}@media only screen and (max-width:480px){.Toastify__toast{border-radius:0;margin-bottom:0}}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74c3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74c3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{align-self:flex-start;background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;transition:.3s ease}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:5px;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:9999;z-index:var(--toastify-z-index)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{left:auto;right:0;transform-origin:right}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{opacity:1;transform:perspective(400px) rotateX(-20deg)}to{opacity:0;transform:perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{transform:translate3d(110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{transform:translate3d(-110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.campaigns-page{padding:0}.campaigns-filters{border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);margin-bottom:24px;margin-bottom:var(--space-24);padding:20px;padding:var(--space-20)}.campaigns-filters,.search-box input{background:#fffffd;background:var(--color-surface)}.search-box input:focus{outline:2px solid #21808d;outline:var(--focus-outline)}.status-filter{-webkit-appearance:none;appearance:none;background:#fffffd;background:var(--color-surface);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-light);background-position:right 12px center;background-position:right var(--space-12) center;background-repeat:no-repeat;background-size:16px;border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-base);color:#13343b;color:var(--color-text);cursor:pointer;font-size:14px;font-size:var(--font-size-base);min-width:140px;padding:12px 16px;padding:var(--space-12) var(--space-16);padding-right:32px;padding-right:var(--space-32);transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.status-filter:focus{border-color:#21808d;border-color:var(--color-primary);box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:2px solid #21808d;outline:var(--focus-outline)}@media (prefers-color-scheme:dark){.status-filter{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-dark)}}[data-color-scheme=dark] .status-filter{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-dark)}[data-color-scheme=light] .status-filter{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-light)}.campaigns-grid{grid-gap:24px;grid-gap:var(--space-24);display:grid;gap:24px;gap:var(--space-24);grid-template-columns:repeat(auto-fill,minmax(380px,1fr));margin-bottom:32px;margin-bottom:var(--space-32)}.campaign-card{background:#fffffd;background:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);padding:20px;padding:var(--space-20);position:relative;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.campaign-card:hover{border-color:#21808d;border-color:var(--color-primary);box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md);transform:translateY(-2px)}.campaign-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px;margin-bottom:var(--space-16)}.campaign-title{align-items:center;display:flex;flex:1 1;gap:12px;gap:var(--space-12)}.campaign-title h3{color:#13343b;color:var(--color-text);font-size:16px;font-size:var(--font-size-lg);font-weight:550;font-weight:var(--font-weight-semibold);line-height:1.2;line-height:var(--line-height-tight);margin:0}.campaign-actions{display:flex;gap:4px;gap:var(--space-4)}.action-btn:focus{box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring)}.campaign-message{margin-bottom:20px;margin-bottom:var(--space-20)}.campaign-message p{-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;color:#626c71;color:var(--color-text-secondary);display:-webkit-box;font-size:14px;font-size:var(--font-size-base);line-height:1.5;line-height:var(--line-height-normal);margin:0;overflow:hidden}.campaign-stats{grid-gap:16px;grid-gap:var(--space-16);border-bottom:1px solid #5e52401f;border-bottom:1px solid var(--color-card-border-inner);border-top:1px solid #5e52401f;border-top:1px solid var(--color-card-border-inner);display:grid;gap:16px;gap:var(--space-16);grid-template-columns:repeat(4,1fr);margin-bottom:20px;margin-bottom:var(--space-20);padding:16px 0;padding:var(--space-16) 0}.stat-label{font-weight:500;font-weight:var(--font-weight-medium)}.stat-value{font-size:18px;font-size:var(--font-size-xl)}.campaign-footer{align-items:center;display:flex;justify-content:space-between}.campaign-date small{color:#626c71;color:var(--color-text-secondary);font-size:12px;font-size:var(--font-size-sm)}.campaign-controls{display:flex;gap:8px;gap:var(--space-8)}.empty-state{box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm)}.empty-state i{opacity:.6}.empty-state h3{font-weight:550;font-weight:var(--font-weight-semibold)}.modal-overlay{background:#13343b80;background:rgba(var(--color-slate-900-rgb),.5)}.modal-close:focus{box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring)}.campaign-form{padding:0 24px 24px;padding:0 var(--space-24) var(--space-24) var(--space-24)}.form-group input,.form-group select,.form-group textarea{line-height:1.5;line-height:var(--line-height-normal)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:2px solid #21808d;outline:var(--focus-outline)}.form-group textarea{min-height:100px}@media (max-width:768px){.campaigns-grid{gap:16px;gap:var(--space-16);grid-template-columns:1fr}.campaign-stats{grid-template-columns:repeat(2,1fr)}.filters-row{align-items:stretch;flex-direction:column;gap:12px;gap:var(--space-12)}.search-box{max-width:none}.page-header{gap:16px;gap:var(--space-16)}.campaign-header,.page-header{align-items:stretch;flex-direction:column}.campaign-header{gap:12px;gap:var(--space-12)}.campaign-title{justify-content:space-between}.campaign-footer{align-items:stretch;flex-direction:column;gap:12px;gap:var(--space-12)}.modal-content{margin:20px;margin:var(--space-20);width:95%}}@media (max-width:480px){.campaigns-grid{gap:16px;gap:var(--space-16);grid-template-columns:1fr}.campaign-card,.campaigns-filters{padding:16px;padding:var(--space-16)}.campaign-stats{gap:12px;gap:var(--space-12);grid-template-columns:1fr}.stat-item{align-items:center;border-bottom:1px solid #5e52401f;border-bottom:1px solid var(--color-card-border-inner);display:flex;justify-content:space-between;padding:8px 0;padding:var(--space-8) 0;text-align:left}.stat-item:last-child{border-bottom:none}.stat-label{margin-bottom:0}.page-header{margin-bottom:24px;margin-bottom:var(--space-24);padding-bottom:16px;padding-bottom:var(--space-16)}.header-content h1{font-size:24px;font-size:var(--font-size-3xl)}.modal-content{margin:10px;margin:var(--space-10);max-height:95vh;width:95%}.campaign-form,.modal-header{padding-left:16px;padding-left:var(--space-16);padding-right:16px;padding-right:var(--space-16)}.modal-header{margin-bottom:16px;margin-bottom:var(--space-16);padding-bottom:0}.campaign-form{padding-bottom:16px;padding-bottom:var(--space-16)}.empty-state{padding:32px 16px;padding:var(--space-32) var(--space-16)}}.stat-item.highlight{background:#21808d0d;background:rgba(var(--color-teal-500-rgb),.05);border:1px solid #21808d;border:1px solid var(--color-primary);border-radius:10px;border-radius:var(--radius-md);padding:4px;padding:var(--space-4)}.stat-item.highlight .stat-value{color:#21808d;color:var(--color-primary);font-weight:600;font-weight:var(--font-weight-bold)}.contact-selector-list{background:#fffffd;background:var(--color-surface);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-base);margin-top:8px;margin-top:var(--space-8);max-height:200px;overflow-y:auto;padding:8px;padding:var(--space-8)}.contact-checkbox{align-items:center;border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:8px;gap:var(--space-8);padding:8px;padding:var(--space-8);transition:background .15s;transition:background var(--duration-fast)}.contact-checkbox:hover{background:#5e52401f;background:var(--color-secondary)}.contact-checkbox input{cursor:pointer;height:16px;width:16px}.contact-checkbox span{color:#13343b;color:var(--color-text);font-size:12px;font-size:var(--font-size-sm)}.contacts-page{padding:0}.contacts-filters{background:#fffffd;background:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);margin-bottom:24px;margin-bottom:var(--space-24);padding:20px;padding:var(--space-20)}.search-box input{background:#5e52401f;background:var(--color-secondary);font-size:var(--font-size-md)}.search-box input,.tags-filter{border:2px solid #5e52401f;border:2px solid var(--color-card-border)}.tags-filter{background:#fffffd;background:var(--color-surface);border-radius:8px;border-radius:var(--radius-base);cursor:pointer;font-size:14px;font-size:var(--font-size-md);min-width:140px;padding:12px 16px;padding:var(--space-12) var(--space-16)}.tags-filter:focus{border-color:#21808d;border-color:var(--color-primary);box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:none}.bulk-actions{align-items:center;border-top:1px solid #5e52401f;border-top:1px solid var(--color-card-border);display:flex;justify-content:space-between;margin-top:16px;margin-top:var(--space-16);padding-top:16px;padding-top:var(--space-16)}.selected-count{color:#21808d;color:var(--color-primary);font-size:14px;font-size:var(--font-size-md);font-weight:500;font-weight:var(--font-weight-medium)}.bulk-buttons{display:flex;gap:8px;gap:var(--space-8)}.contacts-table-container{background:#fffffd;background:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);overflow:hidden}.table-responsive{overflow-x:auto}.contacts-table{border-collapse:collapse;width:100%}.contacts-table th{background:#5e52401f;background:var(--color-secondary);border-bottom:1px solid #5e52401f;border-bottom:1px solid var(--color-card-border-inner);color:#13343b;color:var(--color-text);font-size:14px;font-size:var(--font-size-md);font-weight:600;font-weight:var(--font-weight-bold);text-align:left;white-space:nowrap}.contacts-table td,.contacts-table th{padding:16px 12px;padding:var(--space-16) var(--space-12)}.contacts-table td{border-bottom:1px solid #5e52401f;border-bottom:1px solid var(--color-secondary);vertical-align:middle}.contacts-table tr:hover{background:#5e52401f;background:var(--color-secondary)}.contact-info{gap:12px;gap:var(--space-12)}.contact-avatar,.contact-info{align-items:center;display:flex}.contact-avatar{background:linear-gradient(135deg,#21808d,#1d7480);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));border-radius:9999px;border-radius:var(--radius-full);color:#fcfcf9;color:var(--color-btn-primary-text);font-size:16px;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-bold);height:40px;justify-content:center;width:40px}.contact-details{flex:1 1;min-width:0}.contact-name{color:#13343b;color:var(--color-text);font-weight:600;font-weight:var(--font-weight-bold);margin-bottom:2px;margin-bottom:var(--space-2)}.contact-email{color:#626c71;color:var(--color-text-secondary);font-size:12px;font-size:var(--font-size-sm)}.contact-phone{color:#13343b;color:var(--color-text);font-family:Berkeley Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-family:var(--font-family-mono);font-size:14px;font-size:var(--font-size-md)}.contact-tags{display:flex;flex-wrap:wrap;gap:4px;gap:var(--space-4)}.tag-badge{background:#3b82f614;background:var(--color-bg-1);color:#21808d;color:var(--color-primary);font-weight:500;font-weight:var(--font-weight-medium);padding:2px 8px;padding:var(--space-2) var(--space-8);white-space:nowrap}.source-badge,.status-badge,.tag-badge{border-radius:12px;border-radius:var(--radius-lg);font-size:11px;font-size:var(--font-size-xs)}.source-badge,.status-badge{font-weight:600;font-weight:var(--font-weight-bold);letter-spacing:.5px;padding:4px 8px;padding:var(--space-4) var(--space-8);text-transform:uppercase}.badge-primary{background:#3b82f614;background:var(--color-bg-1);color:#21808d;color:var(--color-primary)}.last-contacted{color:#626c71;color:var(--color-text-secondary);font-size:12px;font-size:var(--font-size-sm)}.contact-actions{display:flex;gap:4px;gap:var(--space-4)}.checkbox-label{align-items:center;cursor:pointer;display:flex;position:relative;-webkit-user-select:none;user-select:none}.checkbox-label input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.checkmark{background-color:#fffffd;background-color:var(--color-surface);border:2px solid #5e524033;border:2px solid var(--color-border);border-radius:6px;border-radius:var(--radius-sm);height:18px;position:relative;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard);width:18px}.checkbox-label:hover input~.checkmark{background-color:#5e52401f;background-color:var(--color-secondary);border-color:#21808d;border-color:var(--color-primary)}.checkbox-label input:checked~.checkmark{background-color:#21808d;background-color:var(--color-primary);border-color:#21808d;border-color:var(--color-primary)}.checkmark:after{border:solid #fcfcf9;border:solid var(--color-btn-primary-text);border-width:0 2px 2px 0;content:"";display:none;height:8px;left:5px;position:absolute;top:2px;transform:rotate(45deg);width:4px}.checkbox-label input:checked~.checkmark:after{display:block}.empty-actions{display:flex;gap:12px;gap:var(--space-12);justify-content:center}.modal-content{max-width:600px}.modal-header h2{font-weight:600;font-weight:var(--font-weight-bold)}.contact-form,.import-form{padding:0 24px 24px;padding:0 var(--space-24) var(--space-24) var(--space-24)}.form-group label{font-size:var(--font-size-md)}.form-group input,.form-group select,.form-group textarea{border:2px solid #5e52401f;border:2px solid var(--color-card-border);font-family:inherit;font-size:var(--font-size-md)}.form-group textarea{min-height:80px}.file-input{border:2px dashed #5e524033!important;border:2px dashed var(--color-border)!important;border-radius:8px!important;border-radius:var(--radius-base)!important;cursor:pointer;padding:8px!important;padding:var(--space-8)!important}.file-input:hover{border-color:#21808d!important;border-color:var(--color-primary)!important}.form-actions{border-top:1px solid var(--color-card-border)}.import-instructions{background:#5e52401f;background:var(--color-secondary);border-radius:8px;border-radius:var(--radius-base);margin-bottom:20px;margin-bottom:var(--space-20);padding:16px;padding:var(--space-16)}.import-instructions h4{color:#13343b;color:var(--color-text);font-size:16px;font-size:var(--font-size-lg);margin:0 0 12px;margin:0 0 var(--space-12) 0}.import-instructions ul{margin:0;padding-left:20px;padding-left:var(--space-20)}.import-instructions li{color:#626c71;color:var(--color-text-secondary);font-size:14px;font-size:var(--font-size-md);margin-bottom:4px;margin-bottom:var(--space-4)}@media (max-width:768px){.header-actions{flex-direction:column;gap:8px;gap:var(--space-8)}.filters-row{align-items:stretch;flex-direction:column;gap:12px;gap:var(--space-12)}.search-box{max-width:none}.bulk-actions{align-items:stretch;flex-direction:column;gap:12px;gap:var(--space-12)}.bulk-buttons{justify-content:center}.contacts-table{font-size:12px;font-size:var(--font-size-sm)}.contacts-table td,.contacts-table th{padding:12px 8px;padding:var(--space-12) var(--space-8)}.contact-info{gap:8px;gap:var(--space-8)}.contact-avatar{font-size:14px;font-size:var(--font-size-md);height:32px;width:32px}.form-row{grid-template-columns:1fr}.modal-content{margin:20px;margin:var(--space-20);width:95%}.empty-actions{align-items:center;flex-direction:column}}@media (max-width:480px){.page-header{align-items:stretch;flex-direction:column;gap:16px;gap:var(--space-16)}.contact-tags{align-items:flex-start;flex-direction:column}}.contact-list-section{background:#fff;border:1px solid #e2e2e2;border-radius:8px;margin-bottom:20px}.list-header{background:#f6f8fa;border-bottom:1px solid #ddd;cursor:pointer;padding:12px 16px}.list-header,.list-header h3{align-items:center;display:flex}.list-header h3{font-size:16px;font-weight:600;margin:0}.templates-page{padding:0;padding:var(--space-0)}.templates-filters{background:#fffffd;background:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);margin-bottom:24px;margin-bottom:var(--space-24);padding:20px;padding:var(--space-20)}.filters-row{align-items:center;display:flex;gap:16px;gap:var(--space-16)}.search-box{flex:1 1;max-width:300px;position:relative}.search-box i{color:#626c71;color:var(--color-text-secondary);font-size:16px;font-size:var(--font-size-lg);left:16px;left:var(--space-16);position:absolute;top:50%;transform:translateY(-50%)}.search-box input{background:#fcfcf9;background:var(--color-background);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-base);color:#13343b;color:var(--color-text);font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:14px;font-size:var(--font-size-base);padding:12px 16px 12px 48px;padding:var(--space-12) var(--space-16) var(--space-12) 48px;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard);width:100%}.search-box input:focus{border-color:#21808d;border-color:var(--color-primary);box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:none}.category-filter,.search-box input:focus{background:#fffffd;background:var(--color-surface)}.category-filter{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-light);background-position:right 12px center;background-position:right var(--space-12) center;background-repeat:no-repeat;background-size:16px;border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-base);color:#13343b;color:var(--color-text);cursor:pointer;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:14px;font-size:var(--font-size-base);min-width:160px;padding:12px 16px;padding:var(--space-12) var(--space-16);padding-right:32px;padding-right:var(--space-32)}.category-filter:focus{border-color:#21808d;border-color:var(--color-primary);box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:none}@media (prefers-color-scheme:dark){.category-filter{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-dark)}}[data-color-scheme=dark] .category-filter{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-dark)}[data-color-scheme=light] .category-filter{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-light)}.templates-grid{grid-gap:24px;grid-gap:var(--space-24);gap:24px;gap:var(--space-24);grid-template-columns:repeat(auto-fill,minmax(400px,1fr));margin-bottom:32px;margin-bottom:var(--space-32)}.template-card{background:#fffffd;background:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);padding:20px;padding:var(--space-20);position:relative;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.template-card:hover{border-color:#21808d;border-color:var(--color-primary);box-shadow:0 10px 15px -3px #0000000a,0 4px 6px -2px #00000005;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.template-header{align-items:flex-start}.template-title{align-items:center;display:flex;flex:1 1;gap:12px;gap:var(--space-12)}.template-title h3{color:#13343b;color:var(--color-text);font-size:16px;font-size:var(--font-size-lg);line-height:1.2;line-height:var(--line-height-tight);margin:0}.category-badge,.template-title h3{font-weight:550;font-weight:var(--font-weight-semibold)}.category-badge{border-radius:9999px;border-radius:var(--radius-full);font-size:11px;font-size:var(--font-size-xs);letter-spacing:.5px;padding:4px 8px;padding:var(--space-4) var(--space-8);text-transform:uppercase}.badge-success{background:#21808d26;background:rgba(var(--color-success-rgb),var(--status-bg-opacity))}.badge-info{background:#626c7126;background:rgba(var(--color-info-rgb),var(--status-bg-opacity));border:1px solid #626c7140;border:1px solid rgba(var(--color-info-rgb),var(--status-border-opacity));color:#626c71;color:var(--color-info)}.badge-warning{background:#a84b2f26;background:rgba(var(--color-warning-rgb),var(--status-bg-opacity));border:1px solid #a84b2f40;border:1px solid rgba(var(--color-warning-rgb),var(--status-border-opacity));color:#a84b2f;color:var(--color-warning)}.badge-danger{background:#c0152f26;background:rgba(var(--color-error-rgb),var(--status-bg-opacity));border:1px solid #c0152f40;border:1px solid rgba(var(--color-error-rgb),var(--status-border-opacity));color:#c0152f;color:var(--color-error)}.badge-secondary{color:#13343b;color:var(--color-text)}.template-actions{display:flex;gap:4px;gap:var(--space-4)}.action-btn:focus{outline:2px solid #21808d;outline:var(--focus-outline);outline-offset:2px}.delete-btn:hover{background:#c0152f26;background:rgba(var(--color-error-rgb),var(--status-bg-opacity))}.template-content{margin-bottom:20px;margin-bottom:var(--space-20)}.template-content p{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#13343b;color:var(--color-text);display:-webkit-box;font-size:14px;font-size:var(--font-size-base);line-height:1.5;line-height:var(--line-height-normal);margin:0;overflow:hidden}.template-variables{border-bottom:1px solid #5e52401f;border-bottom:1px solid var(--color-card-border-inner);border-top:1px solid #5e52401f;border-top:1px solid var(--color-card-border-inner);margin-bottom:20px;margin-bottom:var(--space-20);padding:16px 0;padding:var(--space-16) 0}.variables-label{color:#626c71;color:var(--color-text-secondary);font-size:11px;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);letter-spacing:.5px;margin-bottom:8px;margin-bottom:var(--space-8);text-transform:uppercase}.variables-list{display:flex;flex-wrap:wrap;gap:6px;gap:var(--space-6)}.variable-tag{background:#3b82f614;background:var(--color-bg-1);border-radius:6px;border-radius:var(--radius-sm);color:#21808d;color:var(--color-primary);font-family:Berkeley Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-family:var(--font-family-mono);font-size:11px;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);padding:2px 8px;padding:var(--space-2) var(--space-8)}.template-footer{align-items:center;display:flex;justify-content:space-between}.template-stats{display:flex;flex-direction:column;gap:4px;gap:var(--space-4)}.usage-count{align-items:center;color:#21808d;color:var(--color-success);display:flex;font-weight:500;font-weight:var(--font-weight-medium);gap:6px;gap:var(--space-6)}.last-updated{color:#626c71;color:var(--color-text-secondary);font-size:11px;font-size:var(--font-size-xs)}.template-controls{display:flex;gap:8px;gap:var(--space-8)}.btn-sm{font-size:12px;font-size:var(--font-size-sm);min-height:auto;padding:6px 12px;padding:var(--space-6) var(--space-12)}.empty-state{padding:60px 20px;padding:60px var(--space-20)}.empty-state p{font-size:var(--font-size-base)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{animation:modalSlideIn .25s cubic-bezier(.16,1,.3,1);animation:modalSlideIn var(--duration-normal) var(--ease-standard);background:#fffffd;background:var(--color-surface);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000000a,0 4px 6px -2px #00000005;box-shadow:var(--shadow-lg);max-height:90vh;max-width:800px;overflow-y:auto;width:90%}.template-modal{max-width:1000px}.preview-modal{max-width:700px}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;margin-bottom:var(--space-20);padding:24px 24px 0;padding:var(--space-24) var(--space-24) 0 var(--space-24)}.modal-header h2{color:#13343b;color:var(--color-text);font-size:20px;font-size:var(--font-size-2xl);font-weight:550;font-weight:var(--font-weight-semibold);margin:0}.modal-close{align-items:center;background:#5e52401f;background:var(--color-secondary);border:none;border-radius:9999px;border-radius:var(--radius-full);color:#626c71;color:var(--color-text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard);width:40px}.modal-close:hover{background:#5e524033;background:var(--color-secondary-hover);color:#13343b;color:var(--color-text)}.modal-close:focus{outline:2px solid #21808d;outline:var(--focus-outline);outline-offset:2px}.template-form-container{padding:0 24px 24px;padding:0 var(--space-24) var(--space-24) var(--space-24)}.template-form{display:flex;flex-direction:column}.form-row{grid-gap:16px;grid-gap:var(--space-16);display:grid;gap:16px;gap:var(--space-16);grid-template-columns:1fr 1fr}.form-group,.form-row{margin-bottom:20px;margin-bottom:var(--space-20)}.form-group label{display:block;font-weight:500;font-weight:var(--font-weight-medium);margin-bottom:6px;margin-bottom:var(--space-6)}.form-group input,.form-group label,.form-group select,.form-group textarea{color:#13343b;color:var(--color-text);font-size:14px;font-size:var(--font-size-base)}.form-group input,.form-group select,.form-group textarea{background:#fffffd;background:var(--color-surface);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-base);font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);padding:12px 16px;padding:var(--space-12) var(--space-16);transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard);width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#21808d;border-color:var(--color-primary);box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:none}.form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-light);background-position:right 12px center;background-position:right var(--space-12) center;background-repeat:no-repeat;background-size:16px;padding-right:32px;padding-right:var(--space-32)}@media (prefers-color-scheme:dark){.form-group select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-dark)}}[data-color-scheme=dark] .form-group select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-dark)}[data-color-scheme=light] .form-group select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-light)}.form-group textarea{font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);min-height:120px;resize:vertical}.form-group small{color:#626c71;color:var(--color-text-secondary);display:block;font-size:12px;font-size:var(--font-size-sm);margin-top:4px;margin-top:var(--space-4)}.template-editor{grid-gap:24px;grid-gap:var(--space-24);display:grid;gap:24px;gap:var(--space-24);grid-template-columns:2fr 1fr;margin-bottom:24px;margin-bottom:var(--space-24)}.editor-section{display:flex;flex-direction:column}.variables-section{background:#fcfcf9;background:var(--color-background);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:8px;border-radius:var(--radius-base);padding:20px;padding:var(--space-20)}.variables-section h4{color:#13343b;color:var(--color-text);font-size:16px;font-size:var(--font-size-lg);margin:0 0 16px;margin:0 0 var(--space-16) 0}.variables-grid{display:flex;flex-direction:column;gap:8px;gap:var(--space-8)}.variable-item{background:#fffffd;background:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border-inner);border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;padding:12px;padding:var(--space-12);transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.variable-item:hover{background:#3b82f614;background:var(--color-bg-1);border-color:#21808d;border-color:var(--color-primary)}.variable-code{color:#21808d;color:var(--color-primary);font-family:Berkeley Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-family:var(--font-family-mono);font-size:12px;font-size:var(--font-size-sm);font-weight:550;font-weight:var(--font-weight-semibold);margin-bottom:4px;margin-bottom:var(--space-4)}.variable-desc{color:#626c71;color:var(--color-text-secondary);font-size:11px;font-size:var(--font-size-xs)}.template-preview{background:#fcfcf9;background:var(--color-background);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:8px;border-radius:var(--radius-base);margin-bottom:24px;margin-bottom:var(--space-24);padding:20px;padding:var(--space-20)}.template-preview h4{color:#13343b;color:var(--color-text);font-size:16px;font-size:var(--font-size-lg);margin:0 0 12px;margin:0 0 var(--space-12) 0}.preview-content{background:#fffffd;background:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border-inner);border-radius:6px;border-radius:var(--radius-sm);color:#13343b;color:var(--color-text);font-size:14px;font-size:var(--font-size-base);line-height:1.5;line-height:var(--line-height-normal);padding:16px;padding:var(--space-16);white-space:pre-wrap}.form-actions{border-top:1px solid #5e52401f;border-top:1px solid var(--color-card-border-inner);display:flex;gap:12px;gap:var(--space-12);justify-content:flex-end;margin-top:20px;margin-top:var(--space-20);padding-top:20px;padding-top:var(--space-20)}.preview-container{padding:0 24px 24px;padding:0 var(--space-24) var(--space-24) var(--space-24)}.template-info{margin-bottom:24px;margin-bottom:var(--space-24)}.template-info h3{color:#13343b;color:var(--color-text);font-size:20px;font-size:var(--font-size-2xl);margin:0 0 12px;margin:0 0 var(--space-12) 0}.template-meta{align-items:center;display:flex;gap:16px;gap:var(--space-16)}.usage-info{color:#626c71;color:var(--color-text-secondary);font-size:14px;font-size:var(--font-size-base)}.preview-sections{display:flex;flex-direction:column;gap:24px;gap:var(--space-24);margin-bottom:24px;margin-bottom:var(--space-24)}.original-section,.rendered-section,.variables-section{background:#fcfcf9;background:var(--color-background);border-radius:8px;border-radius:var(--radius-base);padding:20px;padding:var(--space-20)}.original-section h4,.rendered-section h4,.variables-section h4{color:#13343b;color:var(--color-text);font-size:16px;font-size:var(--font-size-lg);margin:0 0 12px;margin:0 0 var(--space-12) 0}.code-block{background:#fffffd;background:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border-inner);border-radius:6px;border-radius:var(--radius-sm);font-family:Berkeley Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-family:var(--font-family-mono);font-size:12px;font-size:var(--font-size-sm);word-break:break-word}.code-block,.preview-message{color:#13343b;color:var(--color-text);padding:16px;padding:var(--space-16);white-space:pre-wrap}.preview-message{background:#3b82f614;background:var(--color-bg-1);border:1px solid #626c7140;border:1px solid rgba(var(--color-info-rgb),var(--status-border-opacity));border-radius:6px;border-radius:var(--radius-sm);font-size:14px;font-size:var(--font-size-base);line-height:1.5;line-height:var(--line-height-normal)}.preview-actions{border-top:1px solid #5e52401f;border-top:1px solid var(--color-card-border-inner);display:flex;gap:12px;gap:var(--space-12);justify-content:flex-end;padding-top:20px;padding-top:var(--space-20)}@media (max-width:768px){.templates-grid{gap:16px;gap:var(--space-16);grid-template-columns:1fr}.filters-row{align-items:stretch;flex-direction:column;gap:12px;gap:var(--space-12)}.search-box{max-width:none}.page-header{gap:16px;gap:var(--space-16)}.page-header,.template-header{align-items:stretch;flex-direction:column}.template-header{gap:12px;gap:var(--space-12)}.template-title{justify-content:space-between}.template-footer{align-items:stretch;flex-direction:column;gap:12px;gap:var(--space-12)}.form-row,.template-editor{grid-template-columns:1fr}.template-editor{gap:20px;gap:var(--space-20)}.modal-content{margin:20px;margin:var(--space-20);width:95%}}@media (max-width:480px){.templates-page{padding:8px;padding:var(--space-8)}.page-header{margin-bottom:24px;margin-bottom:var(--space-24);padding-bottom:16px;padding-bottom:var(--space-16)}.header-content h1{font-size:24px;font-size:var(--font-size-3xl)}.header-content p{font-size:14px;font-size:var(--font-size-base)}.templates-filters{margin-bottom:16px;margin-bottom:var(--space-16);padding:16px;padding:var(--space-16)}.templates-grid{gap:12px;gap:var(--space-12);grid-template-columns:1fr;margin-bottom:24px;margin-bottom:var(--space-24)}.template-card{padding:16px;padding:var(--space-16)}.template-stats{text-align:left}.template-meta{align-items:flex-start;flex-direction:column;gap:8px;gap:var(--space-8)}.modal-content{border-radius:0;height:100vh;margin:0;max-height:100vh;width:100%}.modal-header{padding:16px;padding:var(--space-16)}.modal-header h2{font-size:18px;font-size:var(--font-size-xl)}.preview-container,.template-form-container{padding:16px;padding:var(--space-16)}.template-editor{gap:16px;gap:var(--space-16)}.original-section,.rendered-section,.template-preview,.variables-section{padding:16px;padding:var(--space-16)}.form-actions,.preview-actions{flex-direction:column;gap:8px;gap:var(--space-8)}.btn-sm{width:100%}.template-controls{flex-direction:column;gap:6px;gap:var(--space-6)}.template-actions{justify-content:center;margin-top:8px;margin-top:var(--space-8)}}.automation-page{padding:0}.header-content h1{font-weight:550;font-weight:var(--font-weight-semibold)}.header-actions{gap:12px;gap:var(--space-12)}.header-actions .btn{align-items:center;display:flex;gap:8px;gap:var(--space-8)}.flows-grid{grid-gap:24px;grid-gap:var(--space-24);display:grid;gap:24px;gap:var(--space-24);grid-template-columns:repeat(auto-fill,minmax(400px,1fr));margin-bottom:32px;margin-bottom:var(--space-32)}.flow-card{background:#fffffd;background:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);padding:24px;padding:var(--space-24);position:relative;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.flow-card:hover{border-color:#21808d;border-color:var(--color-primary);box-shadow:0 10px 15px -3px #0000000a,0 4px 6px -2px #00000005;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.flow-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px;margin-bottom:var(--space-16)}.flow-title{align-items:center;display:flex;flex:1 1;gap:12px;gap:var(--space-12)}.flow-title h3{color:#13343b;color:var(--color-text);font-size:18px;font-size:var(--font-size-xl);line-height:1.2;line-height:var(--line-height-tight);margin:0}.flow-title h3,.status-badge{font-weight:550;font-weight:var(--font-weight-semibold)}.status-badge{border-radius:9999px;border-radius:var(--radius-full);font-size:11px;font-size:var(--font-size-xs);letter-spacing:.5px;padding:4px 8px;padding:var(--space-4) var(--space-8);text-transform:uppercase}.badge-success{background-color:#21808d26;background-color:rgba(var(--color-success-rgb),var(--status-bg-opacity));border:1px solid #21808d40;border:1px solid rgba(var(--color-success-rgb),var(--status-border-opacity));color:#21808d;color:var(--color-success)}.badge-secondary{background:#5e52401f;background:var(--color-secondary);border:1px solid #5e524033;border:1px solid var(--color-border);color:#626c71;color:var(--color-text-secondary)}.flow-actions{display:flex;gap:4px;gap:var(--space-4)}.action-btn{align-items:center;background:#5e52401f;background:var(--color-secondary);border:none;border-radius:6px;border-radius:var(--radius-sm);color:#626c71;color:var(--color-text-secondary);cursor:pointer;display:flex;height:32px;height:var(--space-32);justify-content:center;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard);width:32px;width:var(--space-32)}.action-btn:hover{background:#5e524033;background:var(--color-secondary-hover);color:#13343b;color:var(--color-text)}.action-btn:focus-visible{box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:none}.action-btn.active{background:#21808d;background:var(--color-success);color:#fcfcf9;color:var(--color-btn-primary-text)}.delete-btn:hover{background-color:#c0152f26;background-color:rgba(var(--color-error-rgb),var(--status-bg-opacity));color:#c0152f;color:var(--color-error)}.flow-description{margin-bottom:20px;margin-bottom:var(--space-20)}.flow-description p{color:#13343b;color:var(--color-text);font-size:14px;font-size:var(--font-size-md);line-height:1.5;line-height:var(--line-height-normal);margin:0}.flow-stats{grid-gap:16px;grid-gap:var(--space-16);border-top:1px solid #5e52401f;border-top:1px solid var(--color-card-border-inner);display:grid;gap:16px;gap:var(--space-16);grid-template-columns:repeat(3,1fr);padding:16px 0;padding:var(--space-16) 0}.stat-item{text-align:center}.stat-label{color:#626c71;color:var(--color-text-secondary);display:block;font-size:11px;font-size:var(--font-size-xs);letter-spacing:.5px;margin-bottom:4px;margin-bottom:var(--space-4);text-transform:uppercase}.stat-value{color:#13343b;color:var(--color-text);display:block;font-size:16px;font-size:var(--font-size-lg);font-weight:550;font-weight:var(--font-weight-semibold);text-transform:capitalize}.empty-state{background:#fffffd;background:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);padding:32px 20px;padding:var(--space-32) var(--space-20);text-align:center}.empty-state i{color:#626c71;color:var(--color-text-secondary);font-size:48px;margin-bottom:20px;margin-bottom:var(--space-20)}.empty-state h3{color:#13343b;color:var(--color-text);font-size:18px;font-size:var(--font-size-xl);margin:0 0 8px;margin:0 0 var(--space-8) 0}.empty-state p{color:#626c71;color:var(--color-text-secondary);font-size:14px;font-size:var(--font-size-md);margin:0 0 24px;margin:0 0 var(--space-24) 0}.flow-builder{background:#fcfcf9;background:var(--color-background);display:flex;flex-direction:column;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.flow-builder-header{align-items:center;background:#fffffd;background:var(--color-surface);border-bottom:1px solid #5e524033;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:20px 24px;padding:var(--space-20) var(--space-24)}.builder-title{gap:8px;gap:var(--space-8);max-width:400px}.flow-description-input,.flow-name-input{background:#fcfcf9;background:var(--color-background);border:none;border-radius:6px;border-radius:var(--radius-sm);color:#13343b;color:var(--color-text);font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:16px;font-size:var(--font-size-lg);font-weight:550;font-weight:var(--font-weight-semibold);outline:none;padding:8px 12px;padding:var(--space-8) var(--space-12)}.flow-name-input{font-size:18px;font-size:var(--font-size-xl)}.flow-description-input{color:#626c71;color:var(--color-text-secondary);font-size:14px;font-size:var(--font-size-md);font-weight:400;font-weight:var(--font-weight-normal)}.flow-description-input:focus,.flow-name-input:focus{outline:2px solid #21808d;outline:var(--focus-outline);outline-offset:2px}.builder-actions{display:flex;gap:12px;gap:var(--space-12)}.flow-builder-content{display:flex;flex:1 1;overflow:hidden}.node-palette{background:#fffffd;background:var(--color-surface);border-right:1px solid #5e524033;border-right:1px solid var(--color-border);overflow-y:auto;padding:20px;padding:var(--space-20);width:280px}.node-palette h3{color:#13343b;color:var(--color-text);font-size:16px;font-size:var(--font-size-lg);margin:0 0 20px;margin:0 0 var(--space-20) 0}.node-category{margin-bottom:24px;margin-bottom:var(--space-24)}.node-category h4{color:#626c71;color:var(--color-text-secondary);font-size:14px;font-size:var(--font-size-md);letter-spacing:.5px;margin:0 0 12px;margin:0 0 var(--space-12) 0;text-transform:uppercase}.node-items{display:flex;flex-direction:column;gap:8px;gap:var(--space-8)}.palette-node{align-items:center;background:#fcfcf9;background:var(--color-background);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-base);cursor:grab;display:flex;gap:12px;gap:var(--space-12);padding:12px;padding:var(--space-12);transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard);-webkit-user-select:none;user-select:none}.palette-node:hover{background:#5e52401f;background:var(--color-secondary);border-color:#21808d;border-color:var(--color-primary);transform:translateX(4px);transform:translateX(var(--space-4))}.palette-node:active{cursor:grabbing}.palette-node i{color:#21808d;color:var(--color-primary);width:16px;width:var(--space-16)}.palette-node span{color:#13343b;color:var(--color-text);font-size:12px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium)}.flow-canvas-container{flex:1 1;overflow:hidden;position:relative}.flow-canvas{background:radial-gradient(circle,#5e524033 1px,#0000 0),radial-gradient(circle,#5e524033 1px,#0000 0);background:radial-gradient(circle,var(--color-border) 1px,#0000 1px),radial-gradient(circle,var(--color-border) 1px,#0000 1px);background-position:0 0,10px 10px;background-size:20px 20px;cursor:grab;height:100%;overflow:auto;width:100%}.flow-canvas:active{cursor:grabbing}.flow-node{background:#fffffd;background:var(--color-surface);border:2px solid #5e524033;border:2px solid var(--color-border);border-radius:8px;border-radius:var(--radius-base);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard);width:180px}.flow-node:hover{box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md)}.flow-node.selected,.flow-node:hover{border-color:#21808d;border-color:var(--color-primary)}.flow-node.selected{box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring)}.node-header{background:#fcfcf9;background:var(--color-background);border-bottom:1px solid #5e52401f;border-bottom:1px solid var(--color-card-border-inner);border-radius:6px 6px 0 0;border-radius:var(--radius-sm) var(--radius-sm) 0 0;gap:8px;gap:var(--space-8);padding:12px 16px;padding:var(--space-12) var(--space-16)}.node-header i{color:#21808d;color:var(--color-primary);width:16px;width:var(--space-16)}.node-header span{color:#13343b;color:var(--color-text);font-size:12px;font-size:var(--font-size-sm);font-weight:550;font-weight:var(--font-weight-semibold)}.node-config{background:#3b82f614;background:var(--color-bg-1);border-bottom:1px solid #5e524033;border-bottom:1px solid var(--color-border);padding:8px 16px;padding:var(--space-8) var(--space-16)}.node-config small{color:#21808d;color:var(--color-primary);display:block;font-size:11px;font-size:var(--font-size-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.node-ports{align-items:center;display:flex;justify-content:space-between;min-height:20px;min-height:var(--space-20);padding:8px 16px;padding:var(--space-8) var(--space-16)}.input-port,.output-port{background:#21808d;background:var(--color-primary);border:2px solid #fffffd;border:2px solid var(--color-surface);border-radius:50%;cursor:pointer;height:12px;height:var(--space-12);transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard);width:12px;width:var(--space-12)}.input-port{transform:translateX(-var(--space-8))}.output-port{transform:translateX(8px);transform:translateX(var(--space-8))}.input-port:hover,.output-port:hover{background:#1d7480;background:var(--color-primary-hover);transform:scale(1.2)}.node-config-panel{background:#fff;border-left:1px solid #e2e8f0;box-shadow:-4px 0 15px #00000005;display:flex;flex-direction:column;gap:24px;overflow-y:auto;padding:24px;width:380px}.node-config-panel h3{align-items:center;border-bottom:1.5px solid #f1f5f9;color:#0f172a;display:flex;font-size:18px;font-weight:700;gap:12px;margin:0;padding-bottom:20px}.node-config-panel h3:before{color:#10b981;content:"\f0ad";font-family:Font Awesome\ 5 Free;font-size:16px;font-weight:900}.config-form{display:flex;flex-direction:column;gap:20px}.config-form .form-group{display:flex;flex-direction:column;margin-bottom:0}.config-form .form-group label{align-items:center;color:#475569;display:flex;font-size:12px;font-weight:700;justify-content:space-between;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.config-form .form-group input,.config-form .form-group select,.config-form .form-group textarea{background:#fcfcfc;border:1px solid #e2e8f0;border-radius:10px;color:#1e293b;font-family:inherit;font-size:14px;padding:12px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.config-form .form-group input:focus,.config-form .form-group select:focus,.config-form .form-group textarea:focus{background:#fff;border-color:#10b981;box-shadow:0 0 0 4px #10b9811a;outline:none}.config-form .form-group textarea{min-height:80px;resize:vertical}@media (max-width:768px){.flows-grid{gap:16px;gap:var(--space-16)}.flow-stats,.flows-grid{grid-template-columns:1fr}.flow-stats{gap:12px;gap:var(--space-12)}.header-actions{flex-direction:column;gap:8px;gap:var(--space-8)}.flow-builder-header{align-items:stretch;flex-direction:column;gap:16px;gap:var(--space-16)}.builder-title{max-width:none}.builder-actions{justify-content:flex-end}.flow-builder-content{flex-direction:column}.node-palette{border-bottom:1px solid #5e524033;border-bottom:1px solid var(--color-border);border-right:none;max-height:200px;width:100%}.node-config-panel{border-left:none;border-top:1px solid #5e524033;border-top:1px solid var(--color-border);max-height:200px;width:100%}.flow-node{width:150px}}@media (max-width:480px){.page-header{align-items:stretch;flex-direction:column;gap:16px;gap:var(--space-16);margin-bottom:24px;margin-bottom:var(--space-24);padding-bottom:16px;padding-bottom:var(--space-16)}.header-content h1{font-size:24px;font-size:var(--font-size-3xl)}.header-content p{font-size:14px;font-size:var(--font-size-md)}.flows-grid{gap:12px;gap:var(--space-12);grid-template-columns:1fr;margin-bottom:24px;margin-bottom:var(--space-24)}.flow-card{padding:16px;padding:var(--space-16)}.flow-header{align-items:stretch;flex-direction:column;gap:12px;gap:var(--space-12)}.flow-title{justify-content:space-between}.flow-title h3{font-size:16px;font-size:var(--font-size-lg)}.flow-stats{gap:8px;gap:var(--space-8);grid-template-columns:repeat(2,1fr);padding:12px 0;padding:var(--space-12) 0}.stat-value{font-size:14px;font-size:var(--font-size-md)}.empty-state{padding:24px 16px;padding:var(--space-24) var(--space-16)}.empty-state h3{font-size:16px;font-size:var(--font-size-lg)}.empty-state p{font-size:12px;font-size:var(--font-size-sm)}.flow-builder-header,.node-config-panel,.node-palette{padding:16px;padding:var(--space-16)}.node-config-panel,.node-palette{max-height:180px}.flow-node{width:140px}.node-header{padding:8px 12px;padding:var(--space-8) var(--space-12)}.node-config,.node-ports{padding:6px 12px;padding:var(--space-6) var(--space-12)}}.connections-layer{height:100%;width:100%}.builder-title{flex:1 1;flex-direction:column}.builder-main-info,.builder-title{display:flex;gap:12px;gap:var(--space-12)}.builder-config-info{align-items:center;background:#5e52401f;background:var(--color-secondary);border-radius:10px;border-radius:var(--radius-md);display:flex;gap:24px;gap:var(--space-24);padding:12px;padding:var(--space-12)}.config-item{align-items:center;display:flex;gap:12px;gap:var(--space-12)}.config-item label{color:#626c71;color:var(--color-text-secondary);font-size:11px;font-size:var(--font-size-xs);font-weight:600;font-weight:var(--font-weight-bold);text-transform:uppercase;white-space:nowrap}.flow-trigger-input{background:#fffffd;background:var(--color-surface);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:6px;border-radius:var(--radius-sm);color:#13343b;color:var(--color-text);font-size:12px;font-size:var(--font-size-sm);padding:4px 8px;padding:var(--space-4) var(--space-8)}.flow-canvas{background-color:#f8fafc;background-image:radial-gradient(#e2e8f0 1.5px,#0000 0);background-size:40px 40px;cursor:grab!important;overflow:hidden;position:relative}.flow-canvas.panning{cursor:grabbing!important}.flow-workspace{height:0;left:0;pointer-events:none;position:absolute;top:0;transform-origin:0 0;width:0}.flow-workspace>*{pointer-events:all}.connections-layer{height:10000px;left:0;position:absolute;top:0;width:10000px;z-index:5}.connections-layer,.connections-layer *{pointer-events:none}.connection-line{stroke:#94a3b8;stroke-width:3;stroke-linecap:round;fill:none;marker-end:url(#arrowhead);transition:stroke .2s}.connection-line.pending{stroke:#3b82f6;stroke-dasharray:8,4;opacity:.7}.connections-layer marker polygon{fill:#94a3b8}.flow-node{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 20px #00000014;cursor:grab;display:flex;flex-direction:column;overflow:hidden;position:absolute;transition:transform .1s,box-shadow .2s;width:260px;z-index:10}.flow-node:active{cursor:grabbing}.flow-node.selected{border:2.5px solid #3b82f6;box-shadow:0 0 0 4px #3b82f626;z-index:20}.node-header{align-items:center;border-radius:11px 11px 0 0;color:#fff;display:flex;height:44px;justify-content:space-between;padding:0 16px}.node-campaign_started .node-header,.node-contact_added .node-header,.node-message_received .node-header,.node-webhook_received .node-header{background:#3b82f6}.node-add_tag .node-header,.node-add_to_campaign .node-header,.node-send_message .node-header,.node-update_contact .node-header{background:#ef4444}.node-wait_delay .node-header{background:#64748b}.node-if_condition .node-header{background:#8b5cf6}.node-interactive_buttons .node-header{background:#f59e0b}.header-icon-name{align-items:center;display:flex;font-size:14px;font-weight:700;gap:12px;letter-spacing:.4px;padding-left:18px}.node-delete-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#ffffffe6;cursor:pointer;display:flex;font-size:15px;padding:6px;transition:all .2s}.node-delete-btn:hover{background:#ffffff40;color:#fff}.node-content-box{background:#fff;border-bottom:1px solid #f1f5f9;display:flex;flex-direction:column;gap:4px;padding:12px 16px}.node-message-header{color:#1e293b;font-size:13px;font-weight:700;margin-bottom:2px}.message-text{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;font-size:12px;font-weight:500;line-height:1.5;overflow:hidden}.node-message-footer{color:#94a3b8;font-size:11px;margin-top:2px}.node-body{background:#fdfdfd;min-height:20px;padding:0;position:relative}.node-buttons-list{display:flex;flex-direction:column;gap:8px;padding:12px}.node-button-pill{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:8px;box-shadow:0 1px 2px #00000005;cursor:pointer;display:flex;height:34px;padding:0 14px;position:relative;transition:all .2s}.node-button-pill:hover{background:#f0fdf4;border-color:#10b981;transform:translateX(4px)}.node-button-pill span{color:#334155;font-size:11px;font-weight:600;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.node-list-rows{display:flex;flex-direction:column;gap:8px;padding:12px}.node-list-row{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;min-height:42px;padding:6px 14px;position:relative;transition:all .2s}.node-list-row:hover{background:#f0fdf4;border-color:#10b981;transform:translateX(4px)}.list-row-content{display:flex;flex-direction:column;margin-right:20px;overflow:hidden}.row-title{color:#1e293b;font-size:12px;font-weight:600}.row-desc,.row-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-desc{color:#64748b;font-size:10px}.node-list-menu-trigger{align-items:center;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;display:flex;gap:10px;margin-bottom:4px;padding:8px 12px}.node-list-menu-trigger i{color:#10b981;font-size:12px}.node-list-menu-trigger span{color:#334155;font-size:12px;font-weight:700}.node-list-divider{align-items:center;color:#94a3b8;display:flex;font-size:9px;font-weight:800;gap:8px;letter-spacing:.5px;margin:4px 0;text-transform:uppercase}.node-list-divider:after{background:#e2e8f0;content:"";flex:1 1;height:1px}.node-list-more{color:#94a3b8;font-size:10px;font-style:italic;padding-top:4px;text-align:center}.input-port{left:10px;z-index:100}.input-port,.output-port{background:#10b981;border:3px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;cursor:crosshair;height:14px;position:absolute;top:50%;transform:translateY(-50%);transition:transform .2s,background .2s;width:14px}.output-port{right:10px;z-index:30}.output-port-default{border-top:1px solid #f1f5f9;height:40px;position:relative}.output-port-default .output-port{top:50%}.input-port:hover,.output-port:hover{background:#059669;transform:scale(1.3) translateY(-40%)}.input-port:hover{transform:scale(1.3)}.button-input-wrapper{align-items:center;display:flex;flex:1 1;position:relative}.button-input-wrapper input{padding-right:45px!important}.char-counter{background:#f8fafc;border-radius:4px;color:#94a3b8;font-size:10px;font-weight:600;padding:2px 4px;pointer-events:none;position:absolute;right:12px}.remove-btn{align-items:center;background:#f1f5f9;border:none;border-radius:50%;color:#94a3b8;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s ease;width:32px}.remove-btn:hover{background:#fee2e2;color:#ef4444;transform:rotate(90deg)}.remove-btn.icon-only{background:#0000}.btn-icon.delete,.remove-btn.icon-only:hover{background:#fee2e2}.btn-icon.delete{align-items:center;border:none;border-radius:10px;color:#ef4444;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.btn-icon.delete:hover{background:#fecaca;transform:scale(1.05)}.button-pill-content{align-items:center;display:flex;gap:8px;width:100%}.button-pill-content i{color:#64748b;font-size:10px}.button-config-item-expanded{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #00000005;display:flex;flex-direction:column;gap:12px;margin-bottom:16px;padding:16px;transition:all .2s ease}.button-config-item-expanded:hover{border-color:#10b981;box-shadow:0 4px 12px #10b98114}.button-main-config{align-items:center;display:flex;gap:10px}.button-type-select{background-color:#f8fafc!important;border:1px solid #e2e8f0!important;font-size:12px!important;height:38px!important;padding:6px 10px!important;width:120px!important}.button-extra-input{background:#fdfdfd!important;border:1.5px dashed #cbd5e1!important;border-radius:8px!important;font-size:13px!important;padding:10px 14px!important}.add-button-btn{align-items:center;background:#fff;border:2px dashed #e2e8f0;border-radius:12px;color:#64748b;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;justify-content:center;margin-top:8px;padding:12px;transition:all .2s;width:100%}.add-button-btn:hover{background:#f0fdf4;border-color:#10b981;color:#10b981}.char-count,.char-counter{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:99px;color:#94a3b8;font-size:10px;font-weight:700;padding:2px 8px}.media-source-toggle{background:#f1f5f9;border-radius:10px;display:flex;gap:4px;padding:4px}.media-source-toggle .toggle-btn{background:#0000;border:none;border-radius:7px;color:#64748b;cursor:pointer;flex:1 1;font-size:11px;font-weight:700;padding:6px;transition:all .2s}.media-source-toggle .toggle-btn.active{background:#fff;box-shadow:0 2px 4px #0000000d;color:#0f172a}.upload-container{align-items:center;background:#f8fafc;border:1.5px dashed #e2e8f0;border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:16px;transition:all .2s}.upload-container:hover{background:#f1f5f9;border-color:#cbd5e1}.upload-loading{flex-direction:column;font-weight:600;gap:8px}.upload-loading,.upload-success-label{align-items:center;color:#10b981;display:flex;font-size:12px}.upload-success-label{font-weight:700;gap:6px}.meta-restriction-hint{color:#94a3b8;font-size:10px;font-weight:500;line-height:1.4;text-align:center}.form-group.compact{margin-bottom:8px}.form-group.compact label{font-size:11px;margin-bottom:4px}.form-group.compact input{font-size:12px;padding:6px 10px}.char-count-container{align-items:center;display:flex;justify-content:space-between;margin-top:6px}.button-helpers{display:flex;gap:8px;margin-top:10px}.unsubscribe-quick-btn{background:#fff1f2!important;border:1px dashed #fecdd3!important;color:#e11d48!important}.unsubscribe-quick-btn:hover{background:#ffe4e6!important;border-style:solid!important}.button-action-badge{align-items:center;background:#f1f5f9;border-radius:4px;color:#64748b;display:inline-flex;font-size:10px;font-weight:600;gap:4px;margin-top:4px;padding:2px 6px}.variable-hint{color:#64748b;font-size:11px}.variable-hint code{background:#f1f5f9;border-radius:4px;color:#10b981;font-family:inherit;font-weight:600;padding:2px 4px}:root{--color-white:#fff;--color-black:#000;--color-cream-50:#fcfcf9;--color-cream-100:#fffffd;--color-gray-200:#f5f5f5;--color-gray-300:#a7a9a9;--color-gray-400:#777c7c;--color-slate-500:#626c71;--color-brown-600:#5e5240;--color-charcoal-700:#1f2121;--color-charcoal-800:#262828;--color-slate-900:#13343b;--color-teal-300:#32b8c6;--color-teal-400:#2da6b2;--color-teal-500:#21808d;--color-teal-600:#1d7480;--color-teal-700:#1a6873;--color-teal-800:#2996a1;--color-red-400:#ff5459;--color-red-500:#c0152f;--color-orange-400:#e68161;--color-orange-500:#a84b2f;--color-brown-600-rgb:94,82,64;--color-teal-500-rgb:33,128,141;--color-slate-900-rgb:19,52,59;--color-slate-500-rgb:98,108,113;--color-red-500-rgb:192,21,47;--color-red-400-rgb:255,84,89;--color-orange-500-rgb:168,75,47;--color-orange-400-rgb:230,129,97;--color-bg-1:#3b82f614;--color-bg-2:#f59e0b14;--color-bg-3:#22c55e14;--color-bg-4:#ef444414;--color-bg-5:#9333ea14;--color-bg-6:#f9731614;--color-bg-7:#ec489914;--color-bg-8:#06b6d414;--color-background:var(--color-cream-50);--color-surface:var(--color-cream-100);--color-text:var(--color-slate-900);--color-text-secondary:var(--color-slate-500);--color-primary:var(--color-teal-500);--color-primary-hover:var(--color-teal-600);--color-primary-active:var(--color-teal-700);--color-secondary:rgba(var(--color-brown-600-rgb),0.12);--color-secondary-hover:rgba(var(--color-brown-600-rgb),0.2);--color-secondary-active:rgba(var(--color-brown-600-rgb),0.25);--color-border:rgba(var(--color-brown-600-rgb),0.2);--color-btn-primary-text:var(--color-cream-50);--color-card-border:rgba(var(--color-brown-600-rgb),0.12);--color-card-border-inner:rgba(var(--color-brown-600-rgb),0.12);--color-error:var(--color-red-500);--color-success:var(--color-teal-500);--color-warning:var(--color-orange-500);--color-info:var(--color-slate-500);--color-focus-ring:rgba(var(--color-teal-500-rgb),0.4);--color-select-caret:rgba(var(--color-slate-900-rgb),0.8);--focus-ring:0 0 0 3px var(--color-focus-ring);--focus-outline:2px solid var(--color-primary);--status-bg-opacity:0.15;--status-border-opacity:0.25;--select-caret-light:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--select-caret-dark:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--color-success-rgb:33,128,141;--color-error-rgb:192,21,47;--color-warning-rgb:168,75,47;--color-info-rgb:98,108,113;--font-family-base:"FKGroteskNeue","Geist","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-family-mono:"Berkeley Mono",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--font-size-xs:11px;--font-size-sm:12px;--font-size-base:14px;--font-size-md:14px;--font-size-lg:16px;--font-size-xl:18px;--font-size-2xl:20px;--font-size-3xl:24px;--font-size-4xl:30px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:550;--font-weight-bold:600;--line-height-tight:1.2;--line-height-normal:1.5;--letter-spacing-tight:-0.01em;--space-0:0;--space-1:1px;--space-2:2px;--space-4:4px;--space-6:6px;--space-8:8px;--space-10:10px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-32:32px;--radius-sm:6px;--radius-base:8px;--radius-md:10px;--radius-lg:12px;--radius-full:9999px;--shadow-xs:0 1px 2px #00000005;--shadow-sm:0 1px 3px #0000000a,0 1px 2px #00000005;--shadow-md:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;--shadow-lg:0 10px 15px -3px #0000000a,0 4px 6px -2px #00000005;--shadow-inset-sm:inset 0 1px 0 #ffffff26,inset 0 -1px 0 #00000008;--duration-fast:150ms;--duration-normal:250ms;--ease-standard:cubic-bezier(0.16,1,0.3,1);--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px}@media (prefers-color-scheme:dark){:root{--color-gray-400-rgb:119,124,124;--color-teal-300-rgb:50,184,198;--color-gray-300-rgb:167,169,169;--color-gray-200-rgb:245,245,245;--color-bg-1:#1d4ed826;--color-bg-2:#b4530926;--color-bg-3:#15803d26;--color-bg-4:#b91c1c26;--color-bg-5:#6b21a826;--color-bg-6:#c2410c26;--color-bg-7:#be185d26;--color-bg-8:#0891b226;--color-background:var(--color-charcoal-700);--color-surface:var(--color-charcoal-800);--color-text:var(--color-gray-200);--color-text-secondary:rgba(var(--color-gray-300-rgb),0.7);--color-primary:var(--color-teal-300);--color-primary-hover:var(--color-teal-400);--color-primary-active:var(--color-teal-800);--color-secondary:rgba(var(--color-gray-400-rgb),0.15);--color-secondary-hover:rgba(var(--color-gray-400-rgb),0.25);--color-secondary-active:rgba(var(--color-gray-400-rgb),0.3);--color-border:rgba(var(--color-gray-400-rgb),0.3);--color-error:var(--color-red-400);--color-success:var(--color-teal-300);--color-warning:var(--color-orange-400);--color-info:var(--color-gray-300);--color-focus-ring:rgba(var(--color-teal-300-rgb),0.4);--color-btn-primary-text:var(--color-slate-900);--color-card-border:rgba(var(--color-gray-400-rgb),0.2);--color-card-border-inner:rgba(var(--color-gray-400-rgb),0.15);--shadow-inset-sm:inset 0 1px 0 #ffffff1a,inset 0 -1px 0 #00000026;--button-border-secondary:rgba(var(--color-gray-400-rgb),0.2);--color-border-secondary:rgba(var(--color-gray-400-rgb),0.2);--color-select-caret:rgba(var(--color-gray-200-rgb),0.8);--focus-ring:0 0 0 3px var(--color-focus-ring);--focus-outline:2px solid var(--color-primary);--status-bg-opacity:0.15;--status-border-opacity:0.25;--select-caret-light:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--select-caret-dark:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--color-success-rgb:var(--color-teal-300-rgb);--color-error-rgb:var(--color-red-400-rgb);--color-warning-rgb:var(--color-orange-400-rgb);--color-info-rgb:var(--color-gray-300-rgb)}}[data-color-scheme=dark]{--color-gray-400-rgb:119,124,124;--color-teal-300-rgb:50,184,198;--color-gray-300-rgb:167,169,169;--color-gray-200-rgb:245,245,245;--color-bg-1:#1d4ed826;--color-bg-2:#b4530926;--color-bg-3:#15803d26;--color-bg-4:#b91c1c26;--color-bg-5:#6b21a826;--color-bg-6:#c2410c26;--color-bg-7:#be185d26;--color-bg-8:#0891b226;--color-background:var(--color-charcoal-700);--color-surface:var(--color-charcoal-800);--color-text:var(--color-gray-200);--color-text-secondary:rgba(var(--color-gray-300-rgb),0.7);--color-primary:var(--color-teal-300);--color-primary-hover:var(--color-teal-400);--color-primary-active:var(--color-teal-800);--color-secondary:rgba(var(--color-gray-400-rgb),0.15);--color-secondary-hover:rgba(var(--color-gray-400-rgb),0.25);--color-secondary-active:rgba(var(--color-gray-400-rgb),0.3);--color-border:rgba(var(--color-gray-400-rgb),0.3);--color-error:var(--color-red-400);--color-success:var(--color-teal-300);--color-warning:var(--color-orange-400);--color-info:var(--color-gray-300);--color-focus-ring:rgba(var(--color-teal-300-rgb),0.4);--color-btn-primary-text:var(--color-slate-900);--color-card-border:rgba(var(--color-gray-400-rgb),0.15);--color-card-border-inner:rgba(var(--color-gray-400-rgb),0.15);--shadow-inset-sm:inset 0 1px 0 #ffffff1a,inset 0 -1px 0 #00000026;--color-border-secondary:rgba(var(--color-gray-400-rgb),0.2);--color-select-caret:rgba(var(--color-gray-200-rgb),0.8);--focus-ring:0 0 0 3px var(--color-focus-ring);--focus-outline:2px solid var(--color-primary);--status-bg-opacity:0.15;--status-border-opacity:0.25;--select-caret-light:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--select-caret-dark:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--color-success-rgb:var(--color-teal-300-rgb);--color-error-rgb:var(--color-red-400-rgb);--color-warning-rgb:var(--color-orange-400-rgb);--color-info-rgb:var(--color-gray-300-rgb)}[data-color-scheme=light]{--color-brown-600-rgb:94,82,64;--color-teal-500-rgb:33,128,141;--color-slate-900-rgb:19,52,59;--color-background:var(--color-cream-50);--color-surface:var(--color-cream-100);--color-text:var(--color-slate-900);--color-text-secondary:var(--color-slate-500);--color-primary:var(--color-teal-500);--color-primary-hover:var(--color-teal-600);--color-primary-active:var(--color-teal-700);--color-secondary:rgba(var(--color-brown-600-rgb),0.12);--color-secondary-hover:rgba(var(--color-brown-600-rgb),0.2);--color-secondary-active:rgba(var(--color-brown-600-rgb),0.25);--color-border:rgba(var(--color-brown-600-rgb),0.2);--color-btn-primary-text:var(--color-cream-50);--color-card-border:rgba(var(--color-brown-600-rgb),0.12);--color-card-border-inner:rgba(var(--color-brown-600-rgb),0.12);--color-error:var(--color-red-500);--color-success:var(--color-teal-500);--color-warning:var(--color-orange-500);--color-info:var(--color-slate-500);--color-focus-ring:rgba(var(--color-teal-500-rgb),0.4);--color-success-rgb:var(--color-teal-500-rgb);--color-error-rgb:var(--color-red-500-rgb);--color-warning-rgb:var(--color-orange-500-rgb);--color-info-rgb:var(--color-slate-500-rgb)}html{-webkit-font-smoothing:antialiased;background-color:#fcfcf9;background-color:var(--color-background);box-sizing:border-box;color:#13343b;color:var(--color-text);font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:14px;font-size:var(--font-size-base);line-height:1.5;line-height:var(--line-height-normal)}body{margin:0;padding:0}*,:after,:before{box-sizing:inherit}h1,h2,h3,h4,h5,h6{color:#13343b;color:var(--color-text);font-weight:550;font-weight:var(--font-weight-semibold);letter-spacing:-.01em;letter-spacing:var(--letter-spacing-tight);line-height:1.2;line-height:var(--line-height-tight);margin:0}h1{font-size:30px;font-size:var(--font-size-4xl)}h2{font-size:24px;font-size:var(--font-size-3xl)}h3{font-size:20px;font-size:var(--font-size-2xl)}h4{font-size:18px;font-size:var(--font-size-xl)}h5{font-size:16px;font-size:var(--font-size-lg)}h6{font-size:14px;font-size:var(--font-size-md)}p{margin:0 0 16px;margin:0 0 var(--space-16) 0}a{color:#21808d;color:var(--color-primary);text-decoration:none;transition:color .15s cubic-bezier(.16,1,.3,1);transition:color var(--duration-fast) var(--ease-standard)}a:hover{color:#1d7480;color:var(--color-primary-hover)}code,pre{background-color:#5e52401f;background-color:var(--color-secondary);border-radius:6px;border-radius:var(--radius-sm);font-family:Berkeley Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-family:var(--font-family-mono);font-size:13.3px;font-size:calc(var(--font-size-base)*.95)}code{padding:1px 4px;padding:var(--space-1) var(--space-4)}pre{border:1px solid #5e524033;border:1px solid var(--color-border);margin:16px 0;margin:var(--space-16) 0;overflow:auto;padding:16px;padding:var(--space-16)}pre code{background:none;padding:0}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-base);cursor:pointer;display:inline-flex;font-size:14px;font-size:var(--font-size-base);font-weight:500;justify-content:center;line-height:1.5;padding:8px 16px;padding:var(--space-8) var(--space-16);position:relative;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.btn:focus-visible{box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:none}.btn--primary{background:#21808d;background:var(--color-primary);color:#fcfcf9;color:var(--color-btn-primary-text)}.btn--primary:hover{background:#1d7480;background:var(--color-primary-hover)}.btn--primary:active{background:#1a6873;background:var(--color-primary-active)}.btn--secondary{background:#5e52401f;background:var(--color-secondary);color:#13343b;color:var(--color-text)}.btn--secondary:hover{background:#5e524033;background:var(--color-secondary-hover)}.btn--secondary:active{background:#5e524040;background:var(--color-secondary-active)}.btn--outline{background:#0000;border:1px solid #5e524033;border:1px solid var(--color-border);color:#13343b;color:var(--color-text)}.btn--outline:hover{background:#5e52401f;background:var(--color-secondary)}.btn--sm{border-radius:6px;border-radius:var(--radius-sm);font-size:12px;font-size:var(--font-size-sm);padding:4px 12px;padding:var(--space-4) var(--space-12)}.btn--lg{border-radius:10px;border-radius:var(--radius-md);font-size:16px;font-size:var(--font-size-lg);padding:10px 20px;padding:var(--space-10) var(--space-20)}.btn--full-width{width:100%}.btn:disabled{cursor:not-allowed;opacity:.5}.form-control{background-color:#fffffd;background-color:var(--color-surface);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-base);color:#13343b;color:var(--color-text);display:block;font-size:14px;font-size:var(--font-size-md);line-height:1.5;padding:8px 12px;padding:var(--space-8) var(--space-12);transition:border-color .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1);transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard);width:100%}textarea.form-control{font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:14px;font-size:var(--font-size-base)}select.form-control{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-light);background-position:right 12px center;background-position:right var(--space-12) center;background-repeat:no-repeat;background-size:16px;padding:8px 12px;padding:var(--space-8) var(--space-12);padding-right:32px;padding-right:var(--space-32)}@media (prefers-color-scheme:dark){select.form-control{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-dark)}}[data-color-scheme=dark] select.form-control{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-dark)}[data-color-scheme=light] select.form-control{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-light)}.form-control:focus{border-color:#21808d;border-color:var(--color-primary);outline:2px solid #21808d;outline:var(--focus-outline)}.form-label{display:block;font-size:12px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);margin-bottom:8px;margin-bottom:var(--space-8)}.form-group{margin-bottom:16px;margin-bottom:var(--space-16)}.card{background-color:#fffffd;background-color:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow .25s cubic-bezier(.16,1,.3,1);transition:box-shadow var(--duration-normal) var(--ease-standard)}.card:hover{box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md)}.card__body,.card__footer,.card__header{padding:16px;padding:var(--space-16)}.card__footer,.card__header{border-bottom:1px solid #5e52401f;border-bottom:1px solid var(--color-card-border-inner)}.status{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:12px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);padding:6px 12px;padding:var(--space-6) var(--space-12)}.status--success{background-color:#21808d26;background-color:rgba(var(--color-success-rgb,33,128,141),var(--status-bg-opacity));border:1px solid #21808d40;border:1px solid rgba(var(--color-success-rgb,33,128,141),var(--status-border-opacity));color:#21808d;color:var(--color-success)}.status--error{background-color:#c0152f26;background-color:rgba(var(--color-error-rgb,192,21,47),var(--status-bg-opacity));border:1px solid #c0152f40;border:1px solid rgba(var(--color-error-rgb,192,21,47),var(--status-border-opacity));color:#c0152f;color:var(--color-error)}.status--warning{background-color:#a84b2f26;background-color:rgba(var(--color-warning-rgb,168,75,47),var(--status-bg-opacity));border:1px solid #a84b2f40;border:1px solid rgba(var(--color-warning-rgb,168,75,47),var(--status-border-opacity));color:#a84b2f;color:var(--color-warning)}.status--info{background-color:#626c7126;background-color:rgba(var(--color-info-rgb,98,108,113),var(--status-bg-opacity));border:1px solid #626c7140;border:1px solid rgba(var(--color-info-rgb,98,108,113),var(--status-border-opacity));color:#626c71;color:var(--color-info)}.container{margin-left:auto;margin-right:auto;padding-left:16px;padding-left:var(--space-16);padding-right:16px;padding-right:var(--space-16);width:100%}@media (min-width:640px){.container{max-width:640px;max-width:var(--container-sm)}}@media (min-width:768px){.container{max-width:768px;max-width:var(--container-md)}}@media (min-width:1024px){.container{max-width:1024px;max-width:var(--container-lg)}}@media (min-width:1280px){.container{max-width:1280px;max-width:var(--container-xl)}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:4px;gap:var(--space-4)}.gap-8{gap:8px;gap:var(--space-8)}.gap-16{gap:16px;gap:var(--space-16)}.m-0{margin:0}.mt-8{margin-top:8px;margin-top:var(--space-8)}.mb-8{margin-bottom:8px;margin-bottom:var(--space-8)}.mx-8{margin-left:8px;margin-left:var(--space-8);margin-right:8px;margin-right:var(--space-8)}.my-8{margin-bottom:8px;margin-bottom:var(--space-8);margin-top:8px;margin-top:var(--space-8)}.p-0{padding:0}.py-8{padding-bottom:8px;padding-bottom:var(--space-8);padding-top:8px;padding-top:var(--space-8)}.px-8{padding-left:8px;padding-left:var(--space-8);padding-right:8px;padding-right:var(--space-8)}.py-16{padding-bottom:16px;padding-bottom:var(--space-16);padding-top:16px;padding-top:var(--space-16)}.px-16{padding-left:16px;padding-left:var(--space-16);padding-right:16px;padding-right:var(--space-16)}.block{display:block}.hidden{display:none}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}:focus-visible{outline:2px solid #21808d;outline:var(--focus-outline);outline-offset:2px}[data-color-scheme=dark] .btn--outline{border:1px solid var(--color-border-secondary)}@font-face{font-family:FKGroteskNeue;src:url(https://r2cdn.perplexity.ai/fonts/FKGroteskNeue.woff2) format("woff2")}.analytics-page{padding:0}.page-header{align-items:center;border-bottom:1px solid #5e524033;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:32px;margin-bottom:var(--space-32);padding-bottom:24px;padding-bottom:var(--space-24)}.header-content h1{color:#13343b;color:var(--color-text);font-size:30px;font-size:var(--font-size-4xl);font-weight:600;font-weight:var(--font-weight-bold);letter-spacing:-.01em;letter-spacing:var(--letter-spacing-tight);margin:0 0 8px;margin:0 0 var(--space-8) 0}.header-content p{color:#626c71;color:var(--color-text-secondary);font-size:16px;font-size:var(--font-size-lg);margin:0}.header-actions{align-items:center;gap:16px;gap:var(--space-16)}.date-range-selector{align-items:center;background:#fffffd;background:var(--color-surface);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-base);display:flex;gap:8px;gap:var(--space-8);padding:8px 16px;padding:var(--space-8) var(--space-16)}.date-input{background:#0000;border:none;color:#13343b;color:var(--color-text);outline:none}.date-input,.date-separator{font-size:14px;font-size:var(--font-size-base)}.date-separator{color:#626c71;color:var(--color-text-secondary)}.analytics-overview{margin-bottom:32px;margin-bottom:var(--space-32)}.overview-cards{grid-gap:24px;grid-gap:var(--space-24);display:grid;gap:24px;gap:var(--space-24);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.overview-card{align-items:center;background:#fffffd;background:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);display:flex;gap:20px;gap:var(--space-20);padding:24px;padding:var(--space-24);transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.overview-card:hover{box-shadow:0 10px 15px -3px #0000000a,0 4px 6px -2px #00000005;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-icon{align-items:center;border-radius:12px;border-radius:var(--radius-lg);color:#fcfcf9;color:var(--color-btn-primary-text);display:flex;flex-shrink:0;font-size:24px;font-size:var(--font-size-3xl);height:60px;justify-content:center;width:60px}.card-icon.campaigns{background:#3b82f614;background:var(--color-bg-1);color:#21808d;color:var(--color-primary)}.card-icon.messages{background:#ec489914;background:var(--color-bg-7);color:#c0152f;color:var(--color-error)}.card-icon.delivery{background:#06b6d414;background:var(--color-bg-8);color:#21808d;color:var(--color-primary)}.card-icon.engagement{background:#22c55e14;background:var(--color-bg-3);color:#21808d;color:var(--color-success)}.card-content h3{color:#13343b;color:var(--color-text);font-size:30px;font-size:var(--font-size-4xl);font-weight:600;font-weight:var(--font-weight-bold);letter-spacing:-.01em;letter-spacing:var(--letter-spacing-tight);margin:0 0 4px;margin:0 0 var(--space-4) 0}.card-content p{color:#626c71;color:var(--color-text-secondary);font-size:14px;font-size:var(--font-size-base);margin:0 0 8px;margin:0 0 var(--space-8) 0}.trend{align-items:center;display:flex;font-size:12px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);gap:4px;gap:var(--space-4)}.trend.positive{color:#21808d;color:var(--color-success)}.trend.negative{color:#c0152f;color:var(--color-error)}.analytics-tabs{background:#fffffd;background:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);overflow:hidden}.tab-buttons{background:#5e52401f;background:var(--color-secondary);border-bottom:1px solid #5e52401f;border-bottom:1px solid var(--color-card-border-inner);display:flex}.tab-btn{background:none;border:none;border-bottom:3px solid #0000;color:#626c71;color:var(--color-text-secondary);cursor:pointer;font-size:14px;font-size:var(--font-size-base);font-weight:500;font-weight:var(--font-weight-medium);padding:16px 24px;padding:var(--space-16) var(--space-24);transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.tab-btn:hover{color:#13343b;color:var(--color-text)}.tab-btn.active,.tab-btn:hover{background:#fffffd;background:var(--color-surface)}.tab-btn.active{border-bottom-color:#21808d;border-bottom-color:var(--color-primary);color:#21808d;color:var(--color-primary)}.tab-content{padding:24px;padding:var(--space-24)}.analytics-grid{grid-gap:24px;grid-gap:var(--space-24);display:grid;gap:24px;gap:var(--space-24);grid-template-columns:2fr 1fr;margin-bottom:24px;margin-bottom:var(--space-24)}.analytics-card{background:#5e52401f;background:var(--color-secondary);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);padding:24px;padding:var(--space-24)}.chart-card{grid-column:1/-1;grid-template-columns:subgrid}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;margin-bottom:var(--space-20)}.card-header h3{color:#13343b;color:var(--color-text);font-size:18px;font-size:var(--font-size-xl);font-weight:550;font-weight:var(--font-weight-semibold);letter-spacing:-.01em;letter-spacing:var(--letter-spacing-tight);margin:0}.chart-legend{display:flex;gap:16px;gap:var(--space-16)}.legend-item{align-items:center;color:#626c71;color:var(--color-text-secondary);display:flex;font-size:12px;font-size:var(--font-size-sm);gap:6px;gap:var(--space-6)}.legend-color{border-radius:6px;border-radius:var(--radius-sm);height:12px;height:var(--space-12);width:12px;width:var(--space-12)}.legend-color.sent{background:#21808d;background:var(--color-primary)}.legend-color.delivered{background:#21808d;background:var(--color-success)}.legend-color.read{background:#a84b2f;background:var(--color-warning)}.legend-color.responses{background:#c0152f;background:var(--color-error)}.simple-chart{align-items:end;height:200px;padding:20px 0;padding:var(--space-20) 0}.chart-bar,.simple-chart{display:flex;gap:8px;gap:var(--space-8)}.chart-bar{align-items:center;flex:1 1;flex-direction:column}.bar-stack{border-radius:6px;border-radius:var(--radius-sm);display:flex;flex-direction:column-reverse;height:100%;max-width:40px;overflow:hidden;position:relative;width:100%}.bar-segment{cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard);width:100%}.bar-segment.sent{background:#21808d;background:var(--color-primary)}.bar-segment.delivered{background:#21808d;background:var(--color-success)}.bar-segment.read{background:#a84b2f;background:var(--color-warning)}.bar-segment.responses{background:#c0152f;background:var(--color-error)}.bar-label{color:#626c71;color:var(--color-text-secondary);font-size:11px;font-size:var(--font-size-xs);text-align:center}.engagement-stats{align-items:center;display:flex;gap:24px;gap:var(--space-24)}.engagement-item{text-align:center}.engagement-circle{margin-bottom:12px;margin-bottom:var(--space-12)}.circle-progress{align-items:center;background:conic-gradient(#21808d 0deg,#21808d calc(var(--progress)*3.6deg),#5e52401f calc(var(--progress)*3.6deg),#5e52401f 1turn);background:conic-gradient(var(--color-primary) 0deg,var(--color-primary) calc(var(--progress)*3.6deg),var(--color-secondary) calc(var(--progress)*3.6deg),var(--color-secondary) 1turn);border-radius:50%;display:flex;height:120px;justify-content:center;position:relative;width:120px}.circle-progress:before{background:#fffffd;background:var(--color-surface);border-radius:50%;content:"";height:90px;position:absolute;width:90px}.circle-text{color:#13343b;color:var(--color-text);font-size:18px;font-size:var(--font-size-xl);font-weight:550;font-weight:var(--font-weight-semibold);position:relative;z-index:1}.engagement-label{color:#626c71;color:var(--color-text-secondary);font-size:14px;font-size:var(--font-size-base);font-weight:500;font-weight:var(--font-weight-medium)}.engagement-details{display:flex;flex:1 1;flex-direction:column;gap:12px;gap:var(--space-12)}.detail-item{align-items:center;border-bottom:1px solid #5e52401f;border-bottom:1px solid var(--color-card-border-inner);display:flex;justify-content:space-between;padding:8px 0;padding:var(--space-8) 0}.detail-label{color:#626c71;color:var(--color-text-secondary)}.detail-label,.detail-value{font-size:14px;font-size:var(--font-size-base)}.detail-value{color:#13343b;color:var(--color-text);font-weight:550;font-weight:var(--font-weight-semibold)}.geographic-stats{display:flex;flex-direction:column;gap:16px;gap:var(--space-16)}.country-item{align-items:center;border-bottom:1px solid #5e52401f;border-bottom:1px solid var(--color-card-border-inner);display:flex;justify-content:space-between;padding:12px 0;padding:var(--space-12) 0}.country-info{display:flex;flex-direction:column;gap:4px;gap:var(--space-4)}.country-name{color:#13343b;color:var(--color-text);font-size:14px;font-size:var(--font-size-base);font-weight:500;font-weight:var(--font-weight-medium)}.country-contacts{color:#626c71;color:var(--color-text-secondary);font-size:12px;font-size:var(--font-size-sm)}.country-engagement{align-items:center;display:flex;gap:12px;gap:var(--space-12);min-width:120px}.engagement-bar{background:#5e52401f;background:var(--color-secondary);height:6px;height:var(--space-6);overflow:hidden;width:80px}.engagement-bar,.engagement-fill{border-radius:6px;border-radius:var(--radius-sm)}.engagement-fill{background:#21808d;background:var(--color-primary);height:100%;transition:width .25s cubic-bezier(.16,1,.3,1);transition:width var(--duration-normal) var(--ease-standard)}.engagement-text{color:#13343b;color:var(--color-text);font-size:12px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);min-width:40px}.campaigns-table-container{overflow-x:auto}.campaigns-analytics-table{border-collapse:collapse;min-width:1000px;width:100%}.campaigns-analytics-table th{background:#5e52401f;background:var(--color-secondary);border-bottom:1px solid #5e524033;border-bottom:1px solid var(--color-border);color:#13343b;color:var(--color-text);font-weight:550;font-weight:var(--font-weight-semibold);text-align:left;white-space:nowrap}.campaigns-analytics-table td,.campaigns-analytics-table th{font-size:14px;font-size:var(--font-size-base);padding:16px 12px;padding:var(--space-16) var(--space-12)}.campaigns-analytics-table td{border-bottom:1px solid #5e52401f;border-bottom:1px solid var(--color-secondary);vertical-align:middle}.campaign-name{color:#13343b;color:var(--color-text);font-weight:500;font-weight:var(--font-weight-medium)}.metric-badge{background:#21808d;background:var(--color-primary);border-radius:9999px;border-radius:var(--radius-full);color:#fcfcf9;color:var(--color-btn-primary-text);font-size:11px;font-size:var(--font-size-xs);padding:4px 8px;padding:var(--space-4) var(--space-8)}.metric-badge,.templates-performance h3{font-weight:550;font-weight:var(--font-weight-semibold)}.templates-performance h3{color:#13343b;color:var(--color-text);font-size:20px;font-size:var(--font-size-2xl);letter-spacing:-.01em;letter-spacing:var(--letter-spacing-tight);margin:0 0 24px;margin:0 0 var(--space-24) 0}.templates-grid{grid-gap:20px;grid-gap:var(--space-20);display:grid;gap:20px;gap:var(--space-20);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.template-performance-card{background:#5e52401f;background:var(--color-secondary);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);padding:20px;padding:var(--space-20);transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.template-performance-card:hover{box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md);transform:translateY(-2px)}.template-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;margin-bottom:var(--space-16)}.template-header h4{color:#13343b;color:var(--color-text);font-size:16px;font-size:var(--font-size-lg);font-weight:550;font-weight:var(--font-weight-semibold);letter-spacing:-.01em;letter-spacing:var(--letter-spacing-tight);margin:0}.usage-count{background:#fffffd;background:var(--color-surface);border-radius:9999px;border-radius:var(--radius-full);color:#626c71;color:var(--color-text-secondary);font-size:12px;font-size:var(--font-size-sm);padding:4px 8px;padding:var(--space-4) var(--space-8)}.template-metrics{display:flex;flex-direction:column;gap:12px;gap:var(--space-12)}.metric-item{align-items:center;display:flex;justify-content:space-between}.metric-label{color:#626c71;color:var(--color-text-secondary);font-size:12px;font-size:var(--font-size-sm)}.metric-value{color:#13343b;color:var(--color-text);font-size:14px;font-size:var(--font-size-base);font-weight:550;font-weight:var(--font-weight-semibold)}@media (max-width:768px){.page-header{align-items:stretch;flex-direction:column;gap:16px;gap:var(--space-16)}.header-actions{flex-direction:column;gap:12px;gap:var(--space-12)}.overview-cards{gap:16px;gap:var(--space-16);grid-template-columns:1fr}.overview-card{padding:20px;padding:var(--space-20)}.analytics-grid{gap:20px;gap:var(--space-20);grid-template-columns:1fr}.engagement-stats{flex-direction:column;gap:20px;gap:var(--space-20);text-align:center}.tab-buttons{overflow-x:auto}.tab-btn{padding:12px 20px;padding:var(--space-12) var(--space-20);white-space:nowrap}.simple-chart{height:150px}.templates-grid{grid-template-columns:1fr}}@media (max-width:480px){.analytics-page{padding:8px;padding:var(--space-8)}.page-header{margin-bottom:24px;margin-bottom:var(--space-24);padding-bottom:16px;padding-bottom:var(--space-16)}.header-content h1{font-size:24px;font-size:var(--font-size-3xl)}.header-content p{font-size:14px;font-size:var(--font-size-base)}.overview-card{flex-direction:column;gap:16px;gap:var(--space-16);padding:16px;padding:var(--space-16);text-align:center}.card-icon{font-size:20px;font-size:var(--font-size-2xl);height:50px;width:50px}.card-content h3{font-size:24px;font-size:var(--font-size-3xl)}.circle-progress{height:100px;width:100px}.circle-progress:before{height:75px;width:75px}.circle-text{font-size:16px;font-size:var(--font-size-lg)}.analytics-card,.tab-content{padding:16px;padding:var(--space-16)}.campaigns-analytics-table td,.campaigns-analytics-table th{padding:12px 8px;padding:var(--space-12) var(--space-8)}.template-performance-card{padding:16px;padding:var(--space-16)}}.connect-whatsapp-container{align-items:center;background:#f8f9fa;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 150px);padding:40px 20px}.connect-card{background:#fff;border-radius:24px;box-shadow:0 10px 40px #0000000d;margin-bottom:40px;max-width:800px;padding:50px;text-align:center;width:100%}.icon-badge{align-items:center;background:#25d366;border-radius:20px;box-shadow:0 8px 16px #25d3664d;color:#fff;display:flex;font-size:40px;height:80px;justify-content:center;margin:0 auto 30px;width:80px}.connect-header h1{color:#1a1a1a;font-size:32px;font-weight:700;margin-bottom:16px}.connect-header p{color:#6c757d;font-size:18px;line-height:1.6;margin-bottom:40px}.benefits-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-bottom:40px;text-align:left}.benefit-item{background:#f8f9fa;border-radius:16px;padding:20px}.benefit-icon{color:#25d366;font-size:20px;margin-bottom:12px}.benefit-text h3{color:#1a1a1a;font-size:16px;font-weight:600;margin-bottom:8px}.benefit-text p{color:#6c757d;font-size:14px;line-height:1.4}.connect-actions{align-items:center;display:flex;flex-direction:column;gap:16px}.btn-whatsapp-connect{align-items:center;background:#1877f2;border:none;border-radius:12px;box-shadow:0 4px 12px #1877f233;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:600;gap:12px;padding:16px 40px;transition:all .3s ease}.btn-whatsapp-connect:hover{background:#166fe5;box-shadow:0 6px 16px #1877f24d;transform:translateY(-2px)}.btn-whatsapp-connect:disabled{cursor:not-allowed;opacity:.7;transform:none}.privacy-note{color:#adb5bd;font-size:14px}.privacy-note a{color:#1877f2;text-decoration:none}.step-guide{text-align:center}.step-guide h2{color:#495057;font-size:20px;font-weight:600;margin-bottom:30px}.steps-row{gap:20px}.step,.steps-row{align-items:center;display:flex}.step{flex-direction:column;gap:12px;min-width:120px}.step-number{align-items:center;background:#e9ecef;border-radius:50%;color:#495057;display:flex;font-weight:600;height:32px;justify-content:center;width:32px}.step p{color:#6c757d;font-size:14px;font-weight:500}.step-line{background:#e9ecef;flex:1 1;height:2px;margin-bottom:30px;min-width:40px}@media (max-width:768px){.benefits-grid{grid-template-columns:1fr}.steps-row{flex-direction:column;gap:30px}.step-line{display:none}.connect-card{padding:30px}}.chat-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000000d;display:flex;height:calc(100vh - 120px);margin:20px;overflow:hidden}.chat-sidebar{border-right:1px solid #edf2f7;display:flex;flex-direction:column;width:350px}.sidebar-header{background:#fff;border-bottom:1px solid #edf2f7;padding:24px}.sidebar-header h2{color:#1a202c;font-size:20px;font-weight:700;margin-bottom:16px}.search-bar{align-items:center;display:flex;position:relative}.search-bar i{color:#a0aec0;left:12px;position:absolute}.search-bar input{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;padding:10px 12px 10px 36px;transition:all .2s;width:100%}.search-bar input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.conversation-list{flex:1 1;overflow-y:auto}.conversation-item{border-bottom:1px solid #f7fafc;cursor:pointer;display:flex;padding:16px 24px;transition:all .2s}.conversation-item:hover{background:#f8fafc}.conversation-item.active{background:#ebf4ff;border-left:4px solid #667eea}.avatar-wrapper{margin-right:16px;position:relative}.avatar-wrapper img{border-radius:50%;height:48px;object-fit:cover;width:48px}.status-indicator{border:2px solid #fff;border-radius:50%;bottom:2px;height:12px;position:absolute;right:2px;width:12px}.status-indicator.online{background:#48bb78}.status-indicator.offline{background:#cbd5e0}.conv-info{flex:1 1;min-width:0}.conv-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.conv-name{color:#2d3748;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv-time{color:#a0aec0;font-size:12px}.conv-footer{align-items:center;display:flex;justify-content:space-between}.last-message{color:#718096;font-size:13px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unread-badge{background:#667eea;border-radius:10px;color:#fff;font-size:11px;font-weight:600;min-width:20px;padding:2px 6px;text-align:center}.chat-main{background:#fff;display:flex;flex:1 1;flex-direction:column}.chat-header{border-bottom:1px solid #edf2f7;justify-content:space-between;padding:16px 24px}.chat-header,.header-user{align-items:center;display:flex}.user-details h3{color:#1a202c;font-size:16px;font-weight:600;margin:0}.user-details p{color:#718096;font-size:13px;margin:0}.header-actions{display:flex;gap:8px}.icon-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#718096;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.icon-btn:hover{background:#f7fafc;color:#667eea}.messages-container{background:#f8fafc;display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:24px}.message-wrapper{display:flex;max-width:70%}.message-wrapper.me{align-self:flex-end}.message-wrapper.them{align-self:flex-start}.message-content{border-radius:12px;padding:12px 16px;position:relative}.me .message-content{background:#667eea;border-bottom-right-radius:2px;color:#fff}.them .message-content{background:#fff;border-bottom-left-radius:2px;box-shadow:0 2px 4px #0000000d;color:#2d3748}.message-content p{font-size:14px;line-height:1.5;margin:0}.message-time{display:block;font-size:10px;margin-top:4px;opacity:.7}.me .message-time{text-align:right}.conversation-item.unread .conv-name{color:#1a202c;font-weight:700}.conversation-item.unread .last-message{color:#2d3748;font-weight:600}.me-prefix{color:#a0aec0;font-weight:500}.message-meta{align-items:center;display:flex;gap:4px;justify-content:flex-end;margin-top:4px}.message-status{color:#ffffffb3;font-size:14px}.message-status .read{color:#4dfcfe}.them .message-status{color:#a0aec0}.message-input-area{align-items:center;border-top:1px solid #edf2f7;display:flex;gap:12px;padding:20px 24px}.message-input-area input{background:#f7fafc;border:1px solid #e2e8f0;border-radius:10px;flex:1 1;font-size:14px;padding:12px 16px;transition:all .2s}.message-input-area input:focus{background:#fff;border-color:#667eea;outline:none}.send-btn{align-items:center;background:#667eea;border:none;border-radius:10px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s;width:44px}.send-btn:hover:not(:disabled){background:#5a67d8;transform:translateY(-2px)}.send-btn:disabled{background:#cbd5e0;box-shadow:none;cursor:not-allowed}.no-chat-selected{align-items:center;color:#a0aec0;display:flex;flex:1 1;flex-direction:column;justify-content:center;text-align:center}.no-chat-selected i{font-size:64px;margin-bottom:24px;opacity:.3}.no-chat-selected h3{color:#4a5568;margin-bottom:8px}.emoji-picker-wrapper{align-items:center;display:flex;position:relative}.emoji-picker-container{animation:slideUp .2s ease-out;border-radius:12px;bottom:calc(100% + 15px);box-shadow:0 5px 25px #00000026;left:0;overflow:hidden;position:absolute;z-index:1000}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.icon-btn.active{background:#ebf4ff;color:#667eea}.EmojiPickerReact{border:none!important;font-family:inherit!important}
/*# sourceMappingURL=main.0a279cdd.css.map*/