@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";.card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.card-header{padding:1.25rem 1.5rem;border-bottom:1px solid #f1f5f9}.card-title{font-size:1.125rem;font-weight:600;color:#0f172a}.card-body,.card-content{padding:1.5rem}.card-footer{padding:1rem 1.5rem;background:#f8fafc;border-top:1px solid #f1f5f9}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;font-family:inherit;font-size:.875rem;font-weight:600;line-height:1.4;border-radius:10px;border:none;cursor:pointer;transition:all .2s;text-decoration:none;white-space:nowrap}.button:disabled{opacity:.6;cursor:not-allowed}.button-primary{background:#1f61e8;color:#fff}.button-primary:hover:not(:disabled){background:#1850c0;transform:translateY(-1px);box-shadow:0 4px 12px #1f61e840}.button-danger{background:#ad0000;color:#fff}.button-danger:hover:not(:disabled){background:#8a0000;transform:translateY(-1px);box-shadow:0 4px 12px #ad000040}.button-secondary{background:#fff;color:#0f172a;border:1px solid #e2e8f0}.button-secondary:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.button-ghost{background:transparent;color:#64748b}.button-ghost:hover:not(:disabled){background:#f1f5f9;color:#0f172a}.button-sm{padding:.5rem .875rem;font-size:.8125rem}.button-lg{padding:.875rem 1.75rem;font-size:1rem}.button-icon-only{width:40px;height:40px;padding:0}.button-loading{position:relative;color:transparent}.button-loading:after{content:"";position:absolute;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;font-family:inherit;font-size:.875rem;font-weight:600;line-height:1.4;border-radius:10px;border:none;cursor:pointer;transition:all .2s;text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary:hover:not(:disabled){background:#1850c0;transform:translateY(-1px);box-shadow:0 4px 12px #1f61e840}.btn-danger:hover:not(:disabled){background:#8a0000;transform:translateY(-1px);box-shadow:0 4px 12px #ad000040}.btn-secondary{background:#fff;color:#0f172a;border:1px solid #e2e8f0}.btn-secondary:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.btn-ghost:hover:not(:disabled){background:#f1f5f9;color:#0f172a}.btn-md{padding:.625rem 1.25rem;font-size:.875rem}.btn-icon{display:inline-flex;align-items:center;justify-content:center}.input-wrapper{position:relative}.input{width:100%;padding:.75rem 1rem;font-family:inherit;font-size:.9375rem;color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;transition:all .2s}.input::placeholder{color:#94a3b8}.input:hover{border-color:#cbd5e1}.input:focus{outline:none;background:#fff;border-color:#1f61e8;box-shadow:0 0 0 3px #1f61e81a}.input:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.input-error{border-color:#ad0000}.input-error:focus{border-color:#ad0000;box-shadow:0 0 0 3px #ad00001a}.input-icon-left{padding-left:2.75rem}.input-icon-right{padding-right:2.75rem}.input-left-icon,.input-right-icon{position:absolute;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.input-left-icon{left:1rem}.input-right-icon{right:1rem}.select{appearance:none;width:100%;padding:.75rem 2.5rem .75rem 1rem;font-family:inherit;font-size:.9375rem;color:#0f172a;background:#f8fafc;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%2364748b' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25rem;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:all .2s}.select:focus{outline:none;background-color:#fff;border-color:#1f61e8;box-shadow:0 0 0 3px #1f61e81a}.badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.75rem;font-weight:600;border-radius:9999px}.badge-blue{background:#1f61e81a;color:#1f61e8}.badge-red{background:#ad00001a;color:#ad0000}.badge-green{background:#10b9811a;color:#059669}.badge-amber{background:#f59e0b1a;color:#d97706}.badge-gray{background:#f1f5f9;color:#64748b}.badge-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.badge-muted,.badge-default{background:#f1f5f9;color:#64748b}.alert{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;border-radius:12px;font-size:.9375rem}.alert-icon{flex-shrink:0;margin-top:.125rem}.alert-content{flex:1;min-width:0}.alert-title{font-weight:600;margin-bottom:.25rem}.alert-info{background:#1f61e814;border:1px solid rgba(31,97,232,.2);color:#1850c0}.alert-success{background:#10b98114;border:1px solid rgba(16,185,129,.2);color:#047857}.alert-warning{background:#f59e0b14;border:1px solid rgba(245,158,11,.2);color:#b45309}.alert-error{background:#ad000014;border:1px solid rgba(173,0,0,.2);color:#ad0000}.avatar{display:flex;align-items:center;justify-content:center;font-weight:600;border-radius:10px;background:linear-gradient(135deg,#1f61e8,#ad0000);color:#fff;flex-shrink:0}.avatar-xs{width:24px;height:24px;font-size:.625rem}.avatar-sm{width:32px;height:32px;font-size:.75rem}.avatar-md{width:40px;height:40px;font-size:.875rem}.avatar-lg{width:48px;height:48px;font-size:1rem}.avatar-xl{width:64px;height:64px;font-size:1.25rem}.avatar-circle{border-radius:50%}.spinner{width:20px;height:20px;border:2px solid #e2e8f0;border-top-color:#1f61e8;border-radius:50%;animation:spin .8s linear infinite}.spinner-sm{width:16px;height:16px;border-width:2px}.spinner-lg{width:32px;height:32px;border-width:3px}.tooltip-wrapper{position:relative;display:inline-flex}.tooltip{position:absolute;z-index:50;padding:.5rem .75rem;font-size:.8125rem;font-weight:500;color:#fff;background:#0f172a;border-radius:8px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s}.tooltip-wrapper:hover .tooltip{opacity:1;visibility:visible}.tooltip-top{bottom:100%;left:50%;transform:translate(-50%) translateY(-8px)}.tooltip-bottom{top:100%;left:50%;transform:translate(-50%) translateY(8px)}.progress{width:100%;height:8px;background:#e2e8f0;border-radius:9999px;overflow:hidden}.progress-bar{height:100%;background:#1f61e8;border-radius:9999px;transition:width .3s ease}.progress-bar-green{background:#10b981}.progress-bar-red{background:#ad0000}.progress-bar-amber{background:#f59e0b}.divider{height:1px;background:#e2e8f0;border:none;margin:1.5rem 0}.divider-vertical{width:1px;height:100%;background:#e2e8f0}.toggle{position:relative;width:44px;height:24px;background:#e2e8f0;border-radius:9999px;cursor:pointer;transition:background .2s}.toggle.active{background:#1f61e8}.toggle-knob{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #00000026;transition:transform .2s}.toggle.active .toggle-knob{transform:translate(20px)}.skeleton{background:linear-gradient(90deg,#f1f5f9,#e2e8f0,#f1f5f9);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}.skeleton-text{height:1rem;margin-bottom:.5rem}.skeleton-title{height:1.5rem;width:60%;margin-bottom:1rem}.skeleton-avatar{width:40px;height:40px;border-radius:10px}.skeleton-circle{border-radius:50%}.empty-state-icon{width:72px;height:72px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;background:#f1f5f9;border-radius:18px;color:#94a3b8}.empty-state-title{font-size:1.25rem;font-weight:600;color:#0f172a;margin-bottom:.5rem}.dropdown{position:relative;display:inline-block}.dropdown-menu{position:absolute;top:100%;right:0;z-index:50;min-width:180px;margin-top:.5rem;padding:.5rem;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 40px #0000001a;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s}.dropdown.open .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:flex;align-items:center;gap:.625rem;padding:.625rem .875rem;font-size:.875rem;color:#475569;border-radius:8px;cursor:pointer;transition:all .15s}.dropdown-item:hover{background:#f8fafc;color:#0f172a}.dropdown-item.danger{color:#ad0000}.dropdown-item.danger:hover{background:#ad00000d}.table-wrapper{width:100%;overflow-x:auto;background:#fff}.table{width:100%;border-collapse:collapse;text-align:left}.table th{padding:.875rem 1.5rem;font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;background:#f8fafc;border-bottom:1px solid #e2e8f0}.table td{padding:1rem 1.5rem;font-size:.875rem;color:#0f172a;border-bottom:1px solid #f1f5f9;vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tbody tr:hover{background:#f8fafc}.table tbody tr.clickable-row{cursor:pointer;transition:background .15s ease}.table tbody tr.clickable-row:hover{background:#eff6ff}.table-loading,.table-empty{padding:4rem 2rem;text-align:center;color:#94a3b8;background:#fff}.table-empty p{margin:0;font-size:.9375rem}.pagination{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#fff;border-top:1px solid #e2e8f0}.pagination-buttons{display:flex;align-items:center;gap:.5rem}.pagination-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #e2e8f0;background:#fff;border-radius:6px;color:#64748b;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#f1f5f9;color:#0f172a;border-color:#cbd5e1}.pagination-btn:disabled{opacity:.5;cursor:not-allowed;background:#f8fafc}.pagination-current{font-size:.8125rem;font-weight:500;color:#475569;margin:0 .5rem}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;border-radius:16px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:modal-enter .3s ease-out}.modal-xl{max-width:1140px}@keyframes modal-enter{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f1f5f9}.modal-title{font-size:1.25rem;font-weight:700;color:#0f172a;margin:0}.modal-close{background:none;border:none;font-size:1.5rem;line-height:1;color:#94a3b8;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s;display:flex;align-items:center;justify-content:center}.modal-body{padding:1.5rem;overflow-y:auto;flex:1}.modal-footer{padding:1rem 1.5rem;border-top:1px solid #f1f5f9;display:flex;justify-content:flex-end;gap:.75rem;background:#f8fafc;border-radius:0 0 16px 16px}.dashboard-layout{display:flex;min-height:100vh;background:#f8fafc}.sidebar{position:fixed;top:0;left:0;width:260px;height:100vh;background:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;z-index:50;transition:all .3s ease;box-shadow:1px 0 3px #00000008}.empty-recent{padding:21px}.chart-empty{padding:11px}.sidebar-collapsed{width:72px}.sidebar-header{padding:1.25rem 1.5rem;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;min-height:64px}.sidebar-logo{display:flex;align-items:center;gap:.75rem;text-decoration:none}.sidebar-logo img{height:22px!important;width:auto}.sidebar-logo-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1f61e8,#ad0000);border-radius:10px;color:#fff;flex-shrink:0}.sidebar-logo-text{font-size:1.125rem;font-weight:700;color:#0f172a;white-space:nowrap}.sidebar-logo-accent{color:#1f61e8}.sidebar-toggle{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;transition:all .2s}.sidebar-toggle:hover{background:#f1f5f9;color:#0f172a}.sidebar-nav{flex:1;overflow-y:auto;padding:1rem}.sidebar-section{margin-bottom:1.5rem}.sidebar-section-title{padding:.5rem .75rem;font-size:.6875rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.1em}.sidebar-collapsed .sidebar-section-title{display:none}.sidebar-nav-link{display:flex;align-items:center;gap:.75rem;padding:.75rem;color:#475569;text-decoration:none;border-radius:10px;font-size:.9375rem;font-weight:500;transition:all .2s;margin-bottom:.25rem}.sidebar-nav-link:hover{background:#f1f5f9;color:#0f172a}.sidebar-nav-link.active{background:#1f61e814;color:#1f61e8}.sidebar-nav-link.active:before{content:"";position:absolute;left:0;width:3px;height:24px;background:#1f61e8;border-radius:0 3px 3px 0}.sidebar-nav-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-nav-text{white-space:nowrap;overflow:hidden}.sidebar-collapsed .sidebar-nav-text{display:none}.sidebar-footer{padding:1rem;border-top:1px solid #e2e8f0}.sidebar-user{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#f8fafc;border-radius:12px}.sidebar-user-avatar{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1f61e8,#ad0000);border-radius:8px;font-size:.875rem;font-weight:600;color:#fff;flex-shrink:0}.sidebar-user-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.sidebar-user-name{font-size:.8125rem;font-weight:700;color:#0f172a;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-email{font-size:.75rem;color:#64748b;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-collapsed .sidebar-user-info{display:none}.sidebar-logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem;margin-top:.75rem;background:transparent;border:1px solid #e2e8f0;border-radius:10px;color:#64748b;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.sidebar-logout-btn:hover{background:#ad00000d;border-color:#ad0000;color:#ad0000}.sidebar-collapsed .sidebar-logout-btn span{display:none}.main-content{flex:1;padding:0;margin-left:260px;min-height:100vh;transition:margin-left .3s ease}.sidebar-collapsed~.main-content{margin-left:72px}.content-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #e2e8f0;min-height:64px}.content-header-left,.content-header-right{display:flex;align-items:center;gap:1rem}.header-search{position:relative;width:280px}.header-search-input{width:100%;padding:.625rem 1rem .625rem 2.5rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;font-size:.875rem;color:#0f172a;transition:all .2s}.header-search-input::placeholder{color:#94a3b8}.header-search-input:focus{outline:none;background:#fff;border-color:#1f61e8;box-shadow:0 0 0 3px #1f61e81a}.header-search-icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:#94a3b8}.header-icon-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;transition:all .2s;position:relative}.header-icon-btn:hover{background:#f1f5f9;color:#0f172a}.header-notification-badge{position:absolute;top:6px;right:6px;width:8px;height:8px;background:#ad0000;border-radius:50%;border:2px solid #ffffff}.content-body{padding:2rem}.page-wrapper{animation:fadeIn .3s ease-out}.page-header{margin-bottom:2rem}.page-title{font-size:1.75rem;font-weight:700;color:#0f172a;margin-bottom:.5rem}.page-description{font-size:.9375rem;color:#64748b}.page-actions{display:flex;align-items:center;gap:.75rem;margin-top:0}.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:45}.sidebar-overlay.show{display:block}@media(max-width:1024px){.sidebar{transform:translate(-100%)}.sidebar.sidebar-open{transform:translate(0)}.main-content{margin-left:0}.sidebar-collapsed~.main-content{margin-left:0}.mobile-menu-toggle{display:flex}}@media(max-width:768px){.content-header{padding:1rem}.header-search{display:none}.content-body{padding:1rem}}.admin-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;background:linear-gradient(135deg,#ad00001a,#ad00000d);border:1px solid rgba(173,0,0,.2);border-radius:6px;font-size:.6875rem;font-weight:700;color:#ad0000;text-transform:uppercase;letter-spacing:.05em}.layout{display:flex;min-height:100vh;background:#f8fafc}.logo-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1f61e8,#4d85f0);border-radius:10px;color:#fff;flex-shrink:0}.logo-icon-admin{background:linear-gradient(135deg,#ad0000,#d43030)}.logo-text{font-size:1.125rem;font-weight:700;color:#0f172a;white-space:nowrap}.logo-accent{color:#1f61e8}.logo-accent-admin{color:#ad0000}.sidebar-admin .nav-item-active-admin{background:#ad000014!important;color:#ad0000!important}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;color:#475569;text-decoration:none;border-radius:10px;font-size:.9375rem;font-weight:500;transition:all .2s;margin-bottom:.25rem;position:relative}.nav-item:hover{background:#f1f5f9;color:#0f172a}.nav-item-active{background:#1f61e814;color:#1f61e8}.nav-item-active:before{content:"";position:absolute;left:-1rem;width:3px;height:24px;background:#1f61e8;border-radius:0 3px 3px 0}.nav-item-active-admin:before{background:#ad0000!important}.nav-icon{flex-shrink:0}.nav-label{white-space:nowrap;overflow:hidden}.sidebar-collapsed .nav-label{display:none}.sidebar-user{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#f8fafc;border-radius:12px;margin-bottom:.5rem}.sidebar-logout{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem;background:transparent;border:1px solid #e2e8f0;border-radius:10px;color:#64748b;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.sidebar-logout:hover{background:#ad00000d;border-color:#ad0000;color:#ad0000}.main-content-expanded{margin-left:72px}.mobile-menu-toggle{display:none;position:fixed;top:1rem;left:1rem;z-index:60;width:44px;height:44px;align-items:center;justify-content:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#0f172a;cursor:pointer;box-shadow:0 2px 8px #0000001a}.mobile-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:45}.sidebar-mobile-open{transform:translate(0)!important}.admin-layout .sidebar{border-right-color:#ad00001a}@media(max-width:1024px){.sidebar{transform:translate(-100%)}.sidebar-mobile-open{transform:translate(0)}.main-content,.main-content-expanded{margin-left:0!important}.mobile-menu-toggle{display:flex}.mobile-overlay{display:block}}@media(max-width:768px){.page-wrapper{padding:0}}.auth-page{min-height:100vh;display:flex;flex-direction:column;position:relative;background:#f8fafc;overflow:hidden}.auth-background{position:absolute;inset:0;pointer-events:none;overflow:hidden}.auth-gradient-1{position:absolute;top:-30%;left:-20%;width:70%;height:70%;background:radial-gradient(circle,rgba(31,97,232,.08) 0%,transparent 70%);filter:blur(80px)}.auth-gradient-2{position:absolute;bottom:-30%;right:-20%;width:60%;height:60%;background:radial-gradient(circle,rgba(173,0,0,.05) 0%,transparent 70%);filter:blur(80px)}.auth-container{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;z-index:1}.auth-card{width:100%;max-width:420px;padding:2.5rem;background:#fff;border-radius:20px;border:1px solid #e2e8f0;box-shadow:0 10px 40px #00000014}.auth-header{text-align:center;margin-bottom:2rem}.auth-logo{width:64px;height:64px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;overflow:hidden}.auth-logo img{height:100%;width:100%;object-fit:contain}.auth-title{font-size:1.75rem;font-weight:700;color:#0f172a;margin-bottom:.5rem}.auth-subtitle{font-size:.9375rem;color:#64748b}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.auth-input-group{display:flex;flex-direction:column;gap:.5rem}.auth-input-group label{font-size:.875rem;font-weight:600;color:#0f172a}.auth-input-wrapper{position:relative;display:flex;align-items:center}.auth-input-icon{position:absolute;left:1rem;color:#94a3b8;pointer-events:none}.auth-input-wrapper input{width:100%;padding:.875rem 1rem .875rem 2.75rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:#0f172a;font-size:.9375rem;transition:all .2s}.auth-input-wrapper input::placeholder{color:#94a3b8}.auth-input-wrapper input:focus{outline:none;border-color:#1f61e8;background:#fff;box-shadow:0 0 0 4px #1f61e81a}.auth-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:#1f61e8;color:#fff;border:none;border-radius:12px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s;margin-top:.5rem}.auth-button:hover:not(:disabled){background:#1850c0;transform:translateY(-2px);box-shadow:0 8px 20px #1f61e840}.auth-button:disabled{opacity:.7;cursor:not-allowed}.auth-button-danger{background:#ad0000}.auth-button-danger:hover:not(:disabled){background:#8a0000;box-shadow:0 8px 20px #ad000040}.auth-footer{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.auth-footer p{color:#64748b;font-size:.875rem}.auth-link{color:#1f61e8;font-weight:600;text-decoration:none;transition:color .2s}.auth-link:hover{color:#1850c0;text-decoration:underline}.auth-footer-brand{padding:1.5rem;text-align:center;position:relative;z-index:1}.auth-footer-brand p{color:#94a3b8;font-size:.8125rem}.auth-decoration{display:none}@media(min-width:1024px){.auth-container{gap:4rem}.auth-decoration{display:flex;flex-direction:column;gap:1rem;max-width:320px}.decoration-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 4px 12px #0000000d;animation:slideIn .6s ease-out forwards;opacity:0}.decoration-card-1{animation-delay:.1s}.decoration-card-2{animation-delay:.2s}.decoration-card-3{animation-delay:.3s}.decoration-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1f61e81a,#ad00000d);border-radius:12px;color:#1f61e8}.decoration-card span{font-size:.9375rem;font-weight:500;color:#0f172a}}.auth-success{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem}.auth-success-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;color:#fff}.auth-error-message{padding:.75rem 1rem;background:#ad000014;border:1px solid rgba(173,0,0,.2);border-radius:10px;color:#ad0000;font-size:.875rem;text-align:center}.api-key-display{margin-top:1rem;padding:1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px}.api-key-label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.api-key-value{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#0f172a;border-radius:8px;font-family:JetBrains Mono,monospace;font-size:.8125rem;color:#10b981;overflow-x:auto}.api-key-copy{flex-shrink:0;padding:.375rem;background:#ffffff1a;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;transition:all .2s}.api-key-copy:hover{background:#fff3;color:#f8fafc}.api-key-warning{display:flex;align-items:flex-start;gap:.5rem;margin-top:.75rem;padding:.75rem;background:#f59e0b14;border:1px solid rgba(245,158,11,.2);border-radius:8px;font-size:.8125rem;color:#b45309}.api-key-warning svg{flex-shrink:0;margin-top:.125rem}.auth-features{display:flex;flex-direction:column;gap:.75rem;margin:.5rem 0 1rem;padding:1.25rem;background:#f0f7ff;border-radius:16px;border:1px solid #dbeafe}.auth-feature{display:flex;align-items:center;gap:.75rem;color:#1e40af;font-size:.875rem;font-weight:500}.auth-feature svg{color:#3b82f6;flex-shrink:0;background:#fff;padding:2px;border-radius:50%;box-shadow:0 2px 4px #3b82f633}:root{--color-blue: #1F61E8;--color-blue-dark: #1850c0;--color-red: #ad0000;--color-red-dark: #8a0000;--color-green: #19b04c;--color-green-dark: #148a3d;--color-amber: #e8af09;--color-amber-dark: #c99508;--color-purple: #1d1068;--color-purple-light: #4a3ba3;--color-indigo: #4f46e5}.landing-page{min-height:100vh;background:#fff;color:#0f172a;font-family:Poppins,sans-serif;overflow-x:hidden}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.4,0,.2,1);will-change:transform,opacity}.animate-on-scroll.active{opacity:1;transform:translateY(0)}@keyframes pulse{0%,to{box-shadow:0 0 #1f61e866}50%{box-shadow:0 0 0 15px #1f61e800}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeft{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes particleFloat{0%{transform:translateY(0) rotate(0);opacity:.5}50%{opacity:1}to{transform:translateY(-100vh) rotate(720deg);opacity:0}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.body{font-family:Poppins,sans-serif}.animate-float{animation:float 3s ease-in-out infinite}.landing-page .animate-slide-up{animation:slideUp .8s ease-out forwards;opacity:0}.landing-page .animate-slide-left{animation:slideLeft .8s ease-out forwards;opacity:0}.landing-page .animate-fade-in{animation:fadeIn .6s ease-out forwards;opacity:0}.landing-page .pulse-animation{animation:pulse 2s infinite}.landing-page .delay-1{animation-delay:.2s}.landing-page .delay-2{animation-delay:.4s}.landing-page .delay-3{animation-delay:.6s}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1.3rem 2rem;background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s ease;box-shadow:0 0 10px #eee}.landing-nav.nav-scrolled{padding:.75rem 2rem;background:#fffffff2;box-shadow:0 4px 20px #00000014}.nav-container{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:2rem}.nav-logo{display:flex;align-items:center;gap:.75rem;text-decoration:none}.nav-logo .logo-image{height:36px;width:36px;border-radius:8px}.nav-logo .logo-text{font-size:1.25rem;font-weight:700;color:var(--color-purple);white-space:nowrap}.nav-logo .logo-accent{color:var(--color-red)}.nav-links{display:flex;align-items:center;gap:2rem}.nav-mobile-actions{display:none}.nav-links a{color:#1d1068;text-decoration:none;font-size:.9375rem;transition:all .2s;position:relative;font-weight:500}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--color-blue);transition:width .3s ease}.nav-links a:hover{color:var(--color-blue)}.nav-links a:hover:after{width:100%}.nav-actions{display:flex;align-items:center;gap:1.5rem}@media(max-width:1280px){.landing-nav{padding:1.1rem 1.5rem}.nav-container{gap:1.5rem}.nav-links{gap:1.25rem}.nav-logo .logo-text{font-size:1.15rem}.nav-links a{font-size:.875rem}.nav-actions{gap:1rem}.nav-cta-btn{padding:.5rem 1rem;font-size:.8125rem}}.nav-link-btn{color:#1d1068;text-decoration:none;font-size:.9375rem;font-weight:500;transition:color .2s}.nav-link-btn:hover{color:var(--color-blue)}.nav-cta-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:var(--color-blue-dark);color:#fff;font-size:.875rem;font-weight:600;border-radius:8px;text-decoration:none;transition:all .3s ease}.nav-cta-btn:hover{background:var(--color-green-dark);transform:translateY(-2px);box-shadow:0 8px 20px #19b04c4d}.mobile-menu-btn{display:none;background:none;border:none;color:#0f172a;cursor:pointer;padding:.5rem}@keyframes meshFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(2%,2%) scale(1.1)}66%{transform:translate(-2%,4%) scale(.9)}}@keyframes glowPulse{0%,to{opacity:.3;filter:blur(80px)}50%{opacity:.6;filter:blur(100px)}}@keyframes floatElement{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(2deg)}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;padding:10rem 2rem 6rem;overflow:hidden;background:#fff}.hero-background{position:absolute;inset:0;pointer-events:none;z-index:0}.hero-mesh{position:absolute;inset:-10%;background:radial-gradient(circle at 20% 30%,rgba(31,97,232,.08) 0%,transparent 40%),radial-gradient(circle at 80% 20%,rgba(173,0,0,.05) 0%,transparent 40%),radial-gradient(circle at 40% 80%,rgba(25,176,76,.03) 0%,transparent 40%),radial-gradient(circle at 70% 70%,rgba(79,70,229,.06) 0%,transparent 40%);filter:blur(60px);animation:meshFloat 20s ease-in-out infinite}.hero-glow{position:absolute;width:40%;height:40%;border-radius:50%;filter:blur(80px);animation:glowPulse 8s ease-in-out infinite}.hero-glow-1{top:-10%;left:-10%;background:#1f61e81a}.hero-glow-2{bottom:-10%;right:-10%;background:#ad00000d;animation-delay:-4s}.hero-particles{position:absolute;inset:0;pointer-events:none;z-index:1}.particle{position:absolute;width:6px;height:6px;background:var(--color-blue);border-radius:50%;filter:blur(1px);opacity:0;animation:particleFloat linear infinite}.particle:nth-child(2n){background:var(--color-red);width:4px;height:4px}.particle:nth-child(3n){background:var(--color-green);width:8px;height:8px}.hero-container{position:relative;z-index:10;max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1.1fr .9fr;gap:6rem;align-items:center}.hero-badge-wrapper{margin-bottom:2rem}.hero-badge{display:inline-flex;align-items:center;gap:.75rem;padding:.5rem 1.25rem;background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(31,97,232,.15);border-radius:999px;font-size:.875rem;font-weight:500;color:var(--color-blue);box-shadow:0 4px 15px #1f61e80d;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer}.hero-badge:hover{background:#ffffffe6;border-color:var(--color-blue);transform:translateY(-2px);box-shadow:0 8px 25px #1f61e81a}.sparkle-icon{color:var(--color-blue)}.chevron-icon{opacity:.5;transition:transform .3s ease}.hero-badge:hover .chevron-icon{transform:translate(3px)}.hero-title{font-size:clamp(3rem,6vw,4.5rem);font-weight:600;line-height:1.08;margin-bottom:2rem;letter-spacing:-.03em;color:var(--color-purple)}.gradient-text{background:linear-gradient(135deg,var(--color-blue) 0%,#4b4096 40%,var(--color-red) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:block;margin-top:.5rem}.hero-subtitle{font-size:1.25rem;color:#4b5563;line-height:1.6;margin-bottom:3rem;max-width:600px}.hero-actions{display:flex;align-items:center;gap:1.5rem;margin-bottom:4rem}.hero-btn{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:0 2.25rem;font-size:1.125rem;font-weight:600;border-radius:14px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);text-decoration:none;line-height:1.2;box-sizing:border-box;height:56px;margin:0;appearance:none;-webkit-appearance:none;white-space:nowrap}.hero-btn-primary{background:var(--color-red);color:#fff;border:1px solid transparent;box-shadow:0 10px 30px #ad000033}.hero-btn-primary:hover{background:var(--color-red-dark);transform:translateY(-4px);box-shadow:0 20px 40px #ad00004d;color:#fff}.hero-btn-secondary{background:#fff;color:var(--color-purple);border:1px solid rgba(0,0,0,.1);box-shadow:0 4px 15px #0000000d}.hero-btn-secondary:hover{background:#f9fafb;border-color:var(--color-blue);color:var(--color-blue);transform:translateY(-4px);box-shadow:0 15px 30px #1f61e81a}.hero-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;padding-top:1rem;border-top:1px solid rgba(0,0,0,.05)}.hero-stat-card{display:flex;align-items:center;gap:1rem}.hero-stat-icon-box{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#1f61e814;border-radius:12px;color:var(--color-blue)}.hero-stat-details{display:flex;flex-direction:column}.hero-stat-value{font-size:1.125rem;font-weight:700;color:var(--color-purple)}.hero-stat-label{font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.hero-visual{position:relative;padding:2rem}.visual-media-container{position:relative;max-width:540px;margin-left:auto}.hero-image-wrapper{position:relative;border-radius:32px;background:#f8fafc;padding:1.5rem;box-shadow:0 40px 80px #0000001f,0 0 0 1px #0000000d;overflow:hidden;z-index:2}.hero-image{width:100%;height:auto;border-radius:20px;display:block;mix-blend-mode:multiply}.hero-image-overlay{position:absolute;inset:0;background:radial-gradient(circle at center,transparent 40%,rgba(255,255,255,.1) 100%);pointer-events:none}.floating-element{position:absolute;z-index:5}.glass-card{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;background:#ffffffb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.8);border-radius:16px;box-shadow:0 15px 35px #00000026;font-size:.875rem;font-weight:600;color:var(--color-purple)}.icon-dot{width:8px;height:8px;border-radius:50%}.dot-blue{background:var(--color-blue);box-shadow:0 0 10px var(--color-blue)}.dot-green{background:var(--color-green);box-shadow:0 0 10px var(--color-green)}.dot-red{background:var(--color-red);box-shadow:0 0 10px var(--color-red)}.float-1{top:-5%;left:-15%;animation:floatElement 6s ease-in-out infinite}.float-2{bottom:10%;right:-10%;animation:floatElement 7s ease-in-out infinite -1.5s}.float-3{bottom:-10%;left:-5%;animation:floatElement 5s ease-in-out infinite -3s}.visual-glow{position:absolute;width:250px;height:250px;border-radius:50%;filter:blur(60px);opacity:.4;z-index:1}.glow-blue{top:-10%;right:-10%;background:var(--color-blue)}.glow-red{bottom:-10%;left:-10%;background:var(--color-red)}.trusted-section{padding:4rem 2rem;background:linear-gradient(135deg,#f8fafc,#fff,#f0f4ff);position:relative;overflow:hidden}.trusted-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(31,97,232,.05) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(173,0,0,.03) 0%,transparent 50%);pointer-events:none}.trusted-container{max-width:1200px;margin:0 auto;text-align:center;position:relative;z-index:1}.trusted-label{font-size:.8125rem;font-weight:600;color:#64748b;margin-bottom:3rem;text-transform:uppercase;letter-spacing:.15em;position:relative;display:inline-block}.trusted-label:before,.trusted-label:after{content:"";position:absolute;top:50%;width:40px;height:2px;background:linear-gradient(90deg,transparent,var(--color-blue),transparent)}.trusted-label:before{right:calc(100% + 15px)}.trusted-label:after{left:calc(100% + 15px)}.trusted-logos{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:900px;margin:0 auto}.trusted-logo{position:relative;padding:2.5rem 2rem;background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.8);border-radius:20px;font-size:1.75rem;font-weight:800;color:var(--color-purple);transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;box-shadow:0 4px 20px #0000000d,0 0 0 1px #1f61e80d;overflow:hidden}.trusted-logo:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(31,97,232,.1),transparent);transition:left .6s ease}.trusted-logo:after{content:"";position:absolute;inset:0;border-radius:20px;padding:2px;background:linear-gradient(135deg,var(--color-blue),var(--color-purple),var(--color-red));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;transition:opacity .4s ease}.trusted-logo:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #1f61e826,0 0 0 1px #1f61e833;background:#ffffffe6}.trusted-logo:hover:before{left:100%}.trusted-logo:hover:after{opacity:1}.trusted-logo:nth-child(1){animation:fadeInUp .6s ease-out .1s backwards}.trusted-logo:nth-child(2){animation:fadeInUp .6s ease-out .2s backwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes borderGlow{0%,to{opacity:.5}50%{opacity:1}}@keyframes iconFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(5deg)}}.stats-section{padding:4rem 2rem;background:linear-gradient(135deg,#1a0d5c 0%,var(--color-purple) 25%,#2d1f8c 50%,#4a3ba3 75%,#2d1f8c 100%);background-size:200% 200%;animation:gradientShift 15s ease infinite;position:relative;overflow:hidden}.stats-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(79,70,229,.3) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(173,0,0,.2) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(25,176,76,.15) 0%,transparent 60%);pointer-events:none}.stats-section:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,.02) 10px,rgba(255,255,255,.02) 20px);pointer-events:none;animation:gradientShift 20s linear infinite}.stats-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:2.5rem;position:relative;z-index:1}.stat-item{text-align:center;padding:2.5rem 2rem;border-radius:24px;background:#ffffff14;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);transition:all .5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;cursor:pointer;box-shadow:0 8px 32px #0003,inset 0 1px #ffffff1a}.stat-item:before{content:"";position:absolute;inset:0;border-radius:24px;padding:2px;background:linear-gradient(135deg,#fff6,#ffffff1a,#fff6);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;transition:opacity .5s ease;animation:borderGlow 3s ease-in-out infinite}.stat-item:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);opacity:0;transition:opacity .5s ease;pointer-events:none}.stat-item:hover{background:#ffffff26;transform:translateY(-12px) scale(1.03);border-color:#ffffff4d;box-shadow:0 20px 60px #0006,0 0 40px #4f46e54d,inset 0 1px #fff3}.stat-item:hover:before{opacity:1}.stat-item:hover:after{opacity:1}.stat-item:hover .stat-icon{transform:scale(1.1);background:#ffffff59;box-shadow:0 8px 24px #0000004d,0 0 20px #fff3}.stat-item:hover .stat-value{transform:scale(1.05);text-shadow:0 0 20px rgba(255,255,255,.5),0 4px 8px rgba(0,0,0,.3)}.stat-icon{width:64px;height:64px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;background:#fff3;border-radius:18px;color:#fff;transition:all .5s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #0003,inset 0 1px #fff3;position:relative}.stat-icon:before{content:"";position:absolute;inset:-2px;border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,.3),transparent,rgba(255,255,255,.3));opacity:0;transition:opacity .5s ease}.stat-item:hover .stat-icon:before{opacity:1}.stat-icon svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.stat-value{font-size:3rem;font-weight:900;color:#fff;margin-bottom:.75rem;line-height:1;letter-spacing:-.02em;transition:all .5s cubic-bezier(.4,0,.2,1);text-shadow:0 2px 8px rgba(0,0,0,.3),0 0 30px rgba(255,255,255,.1);background:linear-gradient(180deg,#fff,#ffffffe6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:1rem;font-weight:500;color:#ffffffd9;letter-spacing:.02em;line-height:1.4;transition:color .3s ease}.stat-item:hover .stat-label{color:#fff}.stat-item:nth-child(1){animation:slideUp .6s ease-out .1s backwards}.stat-item:nth-child(2){animation:slideUp .6s ease-out .2s backwards}.stat-item:nth-child(3){animation:slideUp .6s ease-out .3s backwards}.stat-item:nth-child(4){animation:slideUp .6s ease-out .4s backwards}.section-container{max-width:1200px;margin:0 auto;padding:0 2rem;width:100%;box-sizing:border-box}.section-header{text-align:center;margin-bottom:4rem}.section-badge{display:inline-block;padding:.4rem 1.25rem;background:#1f61e814;border:1px solid rgba(31,97,232,.15);border-radius:9999px;font-size:.75rem;font-weight:700;color:var(--color-blue);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.1em}.section-badge.badge-green{background:#19b04c1a;border-color:#19b04c33;color:var(--color-green)}.section-badge.badge-purple{background:#1d10681a;border-color:#1d106833;color:var(--color-purple)}.section-badge.badge-amber{background:#e8af091a;border-color:#e8af0933;color:var(--color-amber-dark)}.section-title{font-size:2.5rem;font-weight:800;margin-bottom:1rem;letter-spacing:-.02em;color:var(--color-purple)}.section-subtitle{font-size:1.125rem;color:#64748b;max-width:600px;margin:0 auto}.features-section{padding:4rem 2rem 0;background:linear-gradient(180deg,#fff,#f8fafc);position:relative;overflow:hidden}.features-header-container{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:5rem;padding:2rem 5rem;background:#fff;border:1px solid rgba(226,232,240,.6);border-radius:32px;margin-bottom:4rem;box-shadow:0 4px 6px -1px #00000005,0 20px 40px -4px #0000000a;position:relative}.features-header-container:before{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:6px;height:80px;background:linear-gradient(to bottom,var(--color-blue),var(--color-purple));border-radius:0 100px 100px 0}.features-header-left{display:flex;flex-direction:column;align-items:flex-start;gap:1.25rem}.features-header-left .section-badge{background:linear-gradient(135deg,#1f61e81a,#1d10680d);color:var(--color-blue);border:1px solid rgba(31,97,232,.1);padding:6px 16px;border-radius:100px;font-size:.75rem;font-weight:700;letter-spacing:.12em;margin:0}.features-header-left .section-title{font-size:2.25rem;line-height:1.3;color:var(--color-purple);font-weight:600;margin:0;letter-spacing:0em}.features-header-right{position:relative;padding-left:3rem;border-left:1px solid #f1f5f9}.features-header-right .section-subtitle{margin:0;text-align:left;max-width:100%;color:#475569;font-size:1.125rem;line-height:1.6;font-weight:400}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem}.feature-card{padding:2.5rem;background:#fff;border:1px solid rgba(226,232,240,.8);border-radius:28px;transition:all .5s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;display:flex;flex-direction:column;align-items:flex-start}.feature-card:hover{transform:translateY(-12px);box-shadow:0 30px 60px #1f61e81a;border-color:var(--color-blue)}.feature-card:after{content:"";position:absolute;inset:0;border-radius:28px;background:radial-gradient(circle at top right,rgba(31,97,232,.03),transparent 70%);opacity:0;transition:opacity .5s ease}.feature-card:hover:after{opacity:1}.feature-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:18px;margin-bottom:2rem;transition:all .5s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.feature-icon-blue{background:#1f61e81a;color:var(--color-blue);box-shadow:0 10px 20px #1f61e81a}.feature-icon-green{background:#19b04c1a;color:var(--color-green);box-shadow:0 10px 20px #19b04c1a}.feature-icon-purple{background:#1d10681a;color:var(--color-purple);box-shadow:0 10px 20px #1d10681a}.feature-icon-amber{background:#e8af091a;color:var(--color-amber);box-shadow:0 10px 20px #e8af091a}.feature-icon-red{background:#ad00001a;color:var(--color-red);box-shadow:0 10px 20px #ad00001a}.feature-icon-indigo{background:#4f46e51a;color:var(--color-indigo);box-shadow:0 10px 20px #4f46e51a}.feature-card:hover .feature-icon{transform:scale(1.15) rotate(8deg);box-shadow:0 15px 30px #0000001a}.feature-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--color-purple);position:relative;z-index:1}.feature-description{font-size:1rem;color:#64748b;line-height:1.7;margin-bottom:2rem;flex-grow:1}.feature-link{display:inline-flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:600;color:var(--color-blue);text-decoration:none;transition:all .3s ease;padding:.5rem 0}.feature-link:hover{gap:.8rem;color:var(--color-blue-dark)}.workflow-section{padding:4rem 2rem;background:linear-gradient(180deg,#f8fafc,#fff);position:relative;overflow:hidden}.workflow-section:before{content:"";position:absolute;top:-10%;right:-5%;width:400px;height:400px;background:radial-gradient(circle,rgba(31,97,232,.03) 0%,transparent 70%);border-radius:50%;pointer-events:none}.workflow-section:after{content:"";position:absolute;bottom:-10%;left:-5%;width:300px;height:300px;background:radial-gradient(circle,rgba(25,176,76,.02) 0%,transparent 70%);border-radius:50%;pointer-events:none}.workflow-header-card{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:5rem;padding:2rem 5rem;background:#fff;border:1px solid rgba(226,232,240,.6);border-radius:32px;margin-bottom:5rem;box-shadow:0 4px 6px -1px #00000005,0 20px 40px -4px #0000000a;position:relative;z-index:2}.workflow-header-card:before{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:6px;height:80px;background:linear-gradient(to bottom,var(--color-green),var(--color-blue));border-radius:0 100px 100px 0}.workflow-header-content{display:flex;flex-direction:column;align-items:flex-start;gap:1.25rem}.workflow-header-content .section-badge{background:linear-gradient(135deg,#19b04c1a,#1f61e80d);color:var(--color-green);border:1px solid rgba(25,176,76,.1);padding:6px 16px;border-radius:100px;font-size:.75rem;font-weight:700;letter-spacing:.12em;margin:0}.workflow-header-content .section-title{font-size:2.25rem;line-height:1.3;color:var(--color-purple);font-weight:600;margin:0;letter-spacing:0em}.workflow-header-description{position:relative;padding-left:3rem;border-left:1px solid #f1f5f9}.workflow-header-description .section-subtitle{margin:0;text-align:left;max-width:100%;color:#475569;font-size:1.125rem;line-height:1.6;font-weight:400}.workflow-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;position:relative;z-index:1}.workflow-step{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:2.5rem 1.5rem;background:transparent;transition:all .4s ease}.step-bg-number{position:absolute;top:0;left:50%;transform:translate(-50%) translateY(0);font-size:7rem;font-weight:900;color:#1f61e80f;line-height:1;pointer-events:none;transition:all .4s ease}.workflow-step:hover .step-bg-number{transform:translate(-50%) translateY(-10px);color:#1f61e812}.step-icon-wrapper{position:relative;width:64px;height:64px;margin-bottom:2.5rem;display:flex;justify-content:center;align-items:center}.step-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--color-purple);border-radius:50%;color:#fff;position:relative;z-index:5;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 10px 25px #1d10684d}.workflow-step:hover .step-icon{transform:scale(1.15) rotate(5deg);background:var(--color-blue);box-shadow:0 15px 35px #1f61e866}.step-line-container{position:absolute;top:calc(2.5rem + 32px);left:calc(50% + 32px);width:calc(100% + 2rem - 64px);height:2px;pointer-events:none;z-index:1;transform:translateY(-50%)}.step-line{width:100%;height:100%;background:linear-gradient(90deg,#e2e8f0,#cbd5e1);position:relative;overflow:hidden}.step-line:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--color-blue),transparent);animation:flowLine 3s infinite linear}@keyframes flowLine{0%{left:-100%}to{left:100%}}.step-meta{font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-blue);margin-bottom:.75rem}.step-title{font-size:1.25rem;font-weight:700;margin-bottom:1rem;color:var(--color-purple)}.step-description{font-size:.9375rem;color:#64748b;line-height:1.7;max-width:250px}.developers-section{padding:4rem 2rem;background:#fff;position:relative;overflow:hidden}.developers-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(31,97,232,.1),transparent)}.dev-background-glow{position:absolute;top:50%;right:-10%;transform:translateY(-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(29,16,104,.05) 0%,transparent 70%);filter:blur(80px);z-index:0;pointer-events:none}.dev-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1.1fr;gap:6rem;align-items:center}.dev-content{text-align:left}.dev-content .section-badge{display:inline-flex;align-items:center;padding:6px 14px;background:#1d10680d;border:1px solid rgba(29,16,104,.1);color:var(--color-purple);font-size:.75rem;font-weight:700;border-radius:99px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:2rem}.dev-content .section-title{font-size:3rem;font-weight:700;line-height:1.1;color:var(--color-purple);margin-bottom:1.5rem;letter-spacing:-.02em}.dev-content .section-subtitle{font-size:1.125rem;line-height:1.7;color:#64748b;margin-bottom:3rem;max-width:500px}.dev-features{list-style:none;margin-bottom:3rem;padding:0;display:flex;flex-direction:column;gap:1.25rem}.dev-features li{display:flex;align-items:center;gap:1rem;color:#334155;font-size:1rem;font-weight:500;transition:all .3s ease}.dev-features li svg{color:var(--color-green);background:#19b04c1a;padding:3px;border-radius:50%;transition:all .3s ease}.dev-features li:hover{color:var(--color-purple);transform:translate(8px)}.dev-features li:hover svg{transform:scale(1.2);background:#19b04c33}.dev-link{display:inline-flex;align-items:center;gap:.75rem;color:var(--color-blue);font-weight:600;font-size:1rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);padding-bottom:2px;border-bottom:2px solid transparent}.dev-link svg{transition:transform .3s ease}.dev-link:hover{color:var(--color-blue-dark);border-bottom-color:var(--color-blue)}.dev-link:hover svg{transform:translate(5px)}.dev-code-container{position:relative;padding:1rem;background:linear-gradient(135deg,#1d10680d,#1f61e80d);border-radius:32px;border:1px solid rgba(31,97,232,.1);max-width:100%;box-sizing:border-box;width:100%}.dev-code{background:#0f172a;border-radius:20px;overflow:hidden;box-shadow:0 40px 80px #0000004d,0 0 0 1px #ffffff1a;position:relative}.code-window-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#1e293b80;border-bottom:1px solid rgba(255,255,255,.05)}.window-controls{display:flex;gap:.5rem}.window-dots{width:12px;height:12px;border-radius:50%}.dot-red{background:#ff5f56}.dot-yellow{background:#ffbd2e}.dot-green{background:#27c93f}.code-tabs{display:flex;gap:.25rem}.code-tab{padding:.5rem 1rem;background:transparent;border:none;color:#94a3b8;font-size:.8125rem;font-weight:500;cursor:pointer;border-radius:6px;transition:all .2s ease}.code-tab:hover{color:#f1f5f9;background:#ffffff0d}.code-tab.active{color:#fff;background:#ffffff1a}.code-block{padding:2rem;font-family:Fira Code,JetBrains Mono,monospace;font-size:.875rem;color:#e2e8f0;line-height:1.7;margin:0;overflow-x:auto;background:#0f172a}.code-keyword{color:#c678dd}.code-string{color:#98c379}.code-function{color:#61afef}.code-comment{color:#5c6370;font-style:italic}.code-variable{color:#e06c75}.code-property{color:#d19a66}.channels-section{padding:4rem 2rem;background:linear-gradient(180deg,#f8fafc,#fff);position:relative;overflow:hidden}.channels-header-container{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:5rem;padding:2rem 5rem;background:#fff;border:1px solid rgba(226,232,240,.6);border-radius:32px;margin-bottom:4rem;box-shadow:0 4px 6px -1px #00000005,0 20px 40px -4px #0000000a;position:relative}.channels-header-container:before{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:6px;height:80px;background:linear-gradient(to bottom,var(--color-amber),var(--color-red));border-radius:0 100px 100px 0}.channels-header-left{display:flex;flex-direction:column;align-items:flex-start;gap:1.25rem}.channels-header-left .section-badge{background:#e8af091a;color:var(--color-amber-dark);border:1px solid rgba(232,175,9,.1);padding:6px 16px;border-radius:100px;font-size:.75rem;font-weight:700;letter-spacing:.12em;margin:0}.channels-header-left .section-title{font-size:2.25rem;line-height:1.3;color:var(--color-purple);font-weight:600;margin:0;letter-spacing:0em}.channels-header-right{position:relative;padding-left:3rem;border-left:1px solid #f1f5f9}.channels-header-right .section-subtitle{margin:0;text-align:left;max-width:100%;color:#475569;font-size:1.125rem;line-height:1.6;font-weight:400}.channels-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;max-width:1400px;margin:0 auto}.channel-card{position:relative;padding:3rem 2rem;background:#fff;border:1px solid rgba(226,232,240,.8);border-radius:24px;transition:all .5s cubic-bezier(.4,0,.2,1);cursor:pointer;overflow:hidden;z-index:1}.channel-card-blue{--accent-color: var(--color-blue)}.channel-card-green{--accent-color: var(--color-green)}.channel-card-purple{--accent-color: var(--color-purple)}.channel-card-amber{--accent-color: var(--color-amber)}.channel-card-red{--accent-color: var(--color-red)}.channel-card:hover{transform:translateY(-10px);border-color:var(--accent-color);box-shadow:0 20px 40px #0000000d}.channel-icon-box{width:64px;height:64px;background:rgba(var(--accent-color),.1);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:2rem;transition:all .5s cubic-bezier(.4,0,.2,1);position:relative;z-index:2}.channel-card-blue .channel-icon-box{background:#1f61e814;color:var(--color-blue)}.channel-card-green .channel-icon-box{background:#19b04c14;color:var(--color-green)}.channel-card-purple .channel-icon-box{background:#1d106814;color:var(--color-purple)}.channel-card-amber .channel-icon-box{background:#e8af0914;color:var(--color-amber)}.channel-card-red .channel-icon-box{background:#ad000014;color:var(--color-red)}.channel-card:hover .channel-icon-box{transform:scale(1.1) rotate(5deg);background:var(--accent-color);color:#fff}.channel-card h3{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--color-purple);transition:color .3s ease}.channel-card p{font-size:1rem;color:#64748b;line-height:1.6;margin:0}.channel-card-glow{position:absolute;top:0;right:0;width:150px;height:150px;background:radial-gradient(circle at center,var(--accent-color),transparent 70%);opacity:0;filter:blur(40px);transition:all .6s ease;pointer-events:none;transform:translate(50%,-50%);z-index:0}.channel-card:hover .channel-card-glow{opacity:.15}.pricing-section{padding:4rem 2rem;background:#fff;position:relative;overflow:hidden}.pricing-bg-glows{position:absolute;inset:0;pointer-events:none;z-index:0}.pricing-glow{position:absolute;width:600px;height:600px;border-radius:50%;filter:blur(120px);opacity:.1}.pricing-glow-1{top:-10%;left:-10%;background:var(--color-blue)}.pricing-glow-2{bottom:-10%;right:-10%;background:var(--color-red)}.pricing-header-container{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:5rem;padding:2rem 5rem;background:#fff;border:1px solid rgba(226,232,240,.6);border-radius:32px;margin-bottom:4rem;box-shadow:0 4px 6px -1px #00000005,0 20px 40px -4px #0000000a;position:relative;z-index:1}.pricing-header-container:before{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:6px;height:80px;background:linear-gradient(to bottom,var(--color-blue),var(--color-purple));border-radius:0 100px 100px 0}.pricing-header-left{display:flex;flex-direction:column;align-items:flex-start;gap:1.25rem}.pricing-header-right{position:relative;padding-left:3rem;border-left:1px solid #f1f5f9}.pricing-header-left .section-badge{background:linear-gradient(135deg,#1f61e81a,#1d10680d);color:var(--color-blue);border:1px solid rgba(31,97,232,.1);padding:6px 16px;border-radius:100px;font-size:.75rem;font-weight:700;letter-spacing:.12em;margin:0}.pricing-header-left .section-title{font-size:2.25rem;line-height:1.3;color:var(--color-purple);font-weight:600;margin:0;letter-spacing:0em}.pricing-header-right .section-subtitle{margin:0;text-align:left;max-width:100%;color:#475569;font-size:1.125rem;line-height:1.6;font-weight:400}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;max-width:1200px;margin:0 auto;position:relative;z-index:1}.pricing-card{position:relative;background:#fff;border:1px solid rgba(226,232,240,.8);border-radius:32px;padding:3rem 2.5rem;transition:all .5s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow:hidden;height:100%}.pricing-card-glass{position:absolute;inset:0;background:linear-gradient(135deg,#ffffff0d,#fff0);pointer-events:none;z-index:0}.pricing-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column}.pricing-card:hover{transform:translateY(-15px);box-shadow:0 30px 60px -12px #0000001a,0 18px 36px -18px #0000001a;border-color:#1f61e84d}.pricing-card-popular{transform:scale(1.05);z-index:10;background:#fff;border-color:var(--color-blue);box-shadow:0 25px 50px -12px #1f61e826}.pricing-card-popular:hover{transform:scale(1.05) translateY(-15px);box-shadow:0 35px 70px -10px #1f61e840}.popular-tag-wrapper{position:absolute;top:0;left:0;right:0;display:flex;justify-content:center}.popular-tag{background:var(--color-blue);color:#fff;padding:6px 20px;border-radius:0 0 16px 16px;font-size:.8125rem;font-weight:700;letter-spacing:.02em}.pricing-name{font-size:1.5rem;font-weight:500;color:var(--color-purple);margin-bottom:2rem}.pricing-price{display:flex;align-items:baseline;gap:.5rem;margin-bottom:1rem}.price-value{font-size:2.5rem;font-weight:600;color:var(--color-purple);letter-spacing:-.02em;line-height:1}.price-period{font-size:1.125rem;color:#94a3b8;font-weight:500}.pricing-description{font-size:1rem;color:#64748b;margin-bottom:2rem;min-height:3rem}.pricing-features{list-style:none;padding:0;margin:0 0 4rem;display:flex;flex-direction:column;gap:1.25rem;flex-grow:1}.pricing-feature-item{display:flex;align-items:flex-start;gap:1rem;font-size:1rem;color:#475569;font-weight:500}.feature-check-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#19b04c1a;color:var(--color-green);border-radius:50%;flex-shrink:0;margin-top:2px;transition:all .3s ease}.pricing-card:hover .feature-check-icon{transform:scale(1.1);background:#19b04c33}.pricing-cta-wrapper{margin-top:auto}.pricing-cta{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:12px 10px;border-radius:16px;font-size:1.125rem;font-weight:600;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);border:2px solid transparent}.cta-arrow{transition:transform .3s ease}.pricing-cta:hover .cta-arrow{transform:translate(5px)}.pricing-cta-default{background:#f1f5f9;color:var(--color-purple);border-color:#e2e8f0}.pricing-cta-default:hover{background:#fff;border-color:var(--color-blue);color:var(--color-blue);transform:translateY(-4px)}.pricing-cta-primary{background:var(--color-blue);color:#fff;box-shadow:0 10px 20px #1f61e833}.pricing-cta-primary:hover{background:var(--color-blue-dark);transform:translateY(-4px);box-shadow:0 15px 30px #1f61e84d}.pricing-cta-red{background:var(--color-red);color:#fff;box-shadow:0 10px 20px #ad000033}.pricing-cta-red:hover{background:var(--color-red-dark);transform:translateY(-4px);box-shadow:0 15px 30px #ad00004d}.testimonials-section{padding:4rem 2rem;background:#fff;position:relative;overflow:hidden}.testimonials-bg-glows{position:absolute;inset:0;pointer-events:none;z-index:0}.testi-glow{position:absolute;width:600px;height:600px;border-radius:50%;filter:blur(120px);opacity:.12}.testi-glow-1{top:-10%;right:-10%;background:var(--color-amber)}.testi-glow-2{bottom:-10%;left:-10%;background:var(--color-blue)}.testi-mesh{position:absolute;inset:0;background-image:radial-gradient(rgba(31,97,232,.03) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:linear-gradient(to bottom,transparent,black 20%,black 80%,transparent);mask-image:linear-gradient(to bottom,transparent,black 20%,black 80%,transparent)}.testimonials-header-container{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:5rem;padding:2.5rem 5rem;background:#fff;border:1px solid rgba(226,232,240,.6);border-radius:32px;margin-bottom:4rem;box-shadow:0 4px 6px -1px #00000005,0 20px 40px -4px #0000000a;position:relative;z-index:1}.testimonials-header-container:before{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:6px;height:80px;background:linear-gradient(to bottom,var(--color-amber),var(--color-purple));border-radius:0 100px 100px 0}.testimonials-header-left{display:flex;flex-direction:column;align-items:flex-start;gap:1.25rem}.testimonials-header-left .section-badge{background:#e8af091a;color:var(--color-amber-dark);border:1px solid rgba(232,175,9,.1);padding:6px 16px;border-radius:100px;font-size:.75rem;font-weight:700;letter-spacing:.12em;margin:0}.testimonials-header-left .section-title{font-size:2.25rem;line-height:1.1;color:var(--color-purple);font-weight:600;margin:0;letter-spacing:-.02em}.testimonials-header-right{position:relative;padding-left:3rem;border-left:1px solid #f1f5f9}.testimonials-header-right .section-subtitle{margin:0;text-align:left;max-width:100%;color:#64748b;font-size:1.125rem;line-height:1.6;font-weight:400}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;max-width:1300px;margin:0 auto;position:relative;z-index:1}.testimonial-card{position:relative;background:#fff;border:1px solid rgba(226,232,240,.8);border-radius:32px;padding:3rem 2.5rem;transition:all .5s cubic-bezier(.4,0,.2,1);height:100%;overflow:hidden;display:flex;flex-direction:column}.testimonial-card-glass{position:absolute;inset:0;background:linear-gradient(135deg,#fff,#f8fafc80);z-index:0}.testimonial-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column}.quote-icon{position:absolute;top:0;right:0;color:#1f61e80d;transform:translate(10px,-10px)}.testimonial-stars{display:flex;gap:.25rem;color:var(--color-amber);margin-bottom:2rem}.testimonial-quote{font-size:1.125rem;color:#334155;line-height:1.7;margin-bottom:3rem;font-weight:450;flex-grow:1;position:relative}.testimonial-author{display:flex;align-items:center;gap:1.25rem;margin-top:auto}.author-avatar-wrapper{position:relative;flex-shrink:0}.author-avatar{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-blue),var(--color-purple));border-radius:18px;font-size:1.125rem;font-weight:700;color:#fff;position:relative;z-index:2;border:2px solid #ffffff;box-shadow:0 8px 20px #1f61e833}.avatar-glow{position:absolute;inset:-4px;background:linear-gradient(135deg,var(--color-blue),var(--color-purple));filter:blur(10px);opacity:0;border-radius:22px;transition:all .5s ease;z-index:1}.author-info{display:flex;flex-direction:column;gap:2px}.author-name{font-size:1.125rem;font-weight:700;color:var(--color-purple)}.author-role{font-size:.875rem;color:#64748b;font-weight:500}.card-border-glow{position:absolute;inset:0;border:2px solid transparent;border-radius:32px;background:linear-gradient(135deg,var(--color-blue),var(--color-purple)) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;opacity:0;transition:all .5s ease}.testimonial-card:hover{transform:translateY(-15px);border-color:transparent;box-shadow:0 30px 60px -12px #1d10681a,0 18px 36px -18px #1d10681a}.testimonial-card:hover .card-border-glow{opacity:1}.testimonial-card:hover .avatar-glow{opacity:.4}.testimonial-card:hover .author-avatar{transform:scale(1.05)}.cta-section{position:relative;padding:4rem 2rem;background:#1d1068;background:linear-gradient(135deg,#1d1068,#1f61e8);overflow:hidden}.cta-background{position:absolute;inset:0;pointer-events:none}.cta-mesh{position:absolute;inset:-10%;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.05) 0%,transparent 50%);filter:blur(80px);animation:meshFloat 20s ease-in-out infinite}.cta-glow{position:absolute;width:400px;height:400px;border-radius:50%;filter:blur(100px);opacity:.3;animation:glowPulse 8s ease-in-out infinite}.cta-glow-1{top:-100px;right:-100px;background:#fff}.cta-glow-2{bottom:-100px;left:-100px;background:#4b4096;animation-delay:-4s}.cta-container{max-width:1200px;margin:0 auto;position:relative;z-index:10}.cta-glass-card{position:relative;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:40px;padding:3rem 4rem;box-shadow:0 40px 80px #0003,inset 0 0 0 1px #ffffff1a;text-align:center}.cta-content{max-width:650px;margin:0 auto;position:relative;z-index:2}.badge-white{background:#ffffff26!important;color:#fff!important;border:1px solid rgba(255,255,255,.3)!important;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.cta-title{font-size:clamp(2.5rem,5vw,3.8rem);font-weight:700;line-height:1.1;margin-bottom:2rem;color:#fff;letter-spacing:-.02em}.text-highlight{background:linear-gradient(135deg,#fff,#93c5fd);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.cta-description{font-size:1.25rem;color:#ffffffd9;line-height:1.6;margin-bottom:3.5rem}.cta-actions{display:flex;align-items:center;justify-content:center;gap:1.5rem}.cta-btn{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:0 2.5rem;height:64px;font-size:1.125rem;font-weight:600;border-radius:18px;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275);white-space:nowrap}.cta-btn-primary{background:#fff;color:var(--color-blue);box-shadow:0 15px 35px #0000001a}.cta-btn-primary:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 25px 50px #0003}.cta-btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.3)}.cta-btn-secondary:hover{background:#fff3;border-color:#fff;transform:translateY(-5px)}.cta-elements{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:40px}.cta-element{position:absolute;width:60px;height:60px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:18px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 10px 25px #0000001a;transition:all .3s ease}.cta-element.float-1{top:15%;left:8%;animation:float 6s ease-in-out infinite}.cta-element.float-2{bottom:15%;right:8%;animation:float 7s ease-in-out infinite -2s}.cta-element.float-3{top:45%;right:6%;animation:float 8s ease-in-out infinite -4s}.element-icon{opacity:.8}.landing-footer{padding:5rem 2rem 2rem;background:var(--color-purple);background-color:#140e03;color:#f8fafc}.footer-container{max-width:1200px;margin:0 auto}.footer-main{display:grid;grid-template-columns:1.5fr 2fr;gap:4rem;margin-bottom:4rem}.footer-logo{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.footer-logo img{height:40px;width:40px;border-radius:8px}.footer-logo span{font-size:1.25rem;font-weight:700;color:#fff}.footer-logo .logo-accent{color:#ad0000}.footer-brand p{font-size:.9375rem;color:#ffffffb3;margin-bottom:1.5rem}.footer-contact{margin-bottom:1.5rem}.footer-contact a,.footer-contact p{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#ffffffb3;text-decoration:none;margin-bottom:.5rem;transition:color .2s ease}.footer-contact a:hover{color:#fff}.footer-social{display:flex;gap:1rem}.footer-social a{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:12px;color:#fffc;text-decoration:none;font-size:1rem;transition:all .3s ease}.footer-social a:hover{background:#fff3;color:#fff;transform:translateY(-3px)}.footer-links{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.footer-column h4{font-size:.9375rem;font-weight:700;margin-bottom:1.5rem;color:#fff}.footer-column a{display:block;font-size:.875rem;color:#ffffffb3;text-decoration:none;padding:.375rem 0;transition:all .2s ease}.footer-column a:hover{color:#fff;transform:translate(5px)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.footer-bottom p{font-size:.875rem;color:#fff9}@media(max-width:1200px){.section-container,.hero-container,.nav-container{padding-left:5%;padding-right:5%}}@media(max-width:1024px){.hero-container{grid-template-columns:1fr;gap:4rem;text-align:center;padding-top:2rem}.hero-content{max-width:100%;display:flex;flex-direction:column;align-items:center}.hero-title{font-size:clamp(2.5rem,8vw,3.5rem)}.hero-subtitle{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero-stats-grid{justify-content:center;max-width:600px;margin:0 auto}.visual-media-container{margin:0 auto}.floating-element{display:none}.features-grid,.channels-grid,.testimonials-grid,.pricing-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.features-header-container,.workflow-header-card,.channels-header-container,.pricing-header-container,.testimonials-header-container{grid-template-columns:1fr;gap:2rem;padding:2.5rem 2rem;text-align:center}.features-header-left,.workflow-header-content,.channels-header-left,.pricing-header-left,.testimonials-header-left{align-items:center}.dev-content .section-title{font-size:2.25rem}.features-header-container:before,.workflow-header-card:before,.channels-header-container:before,.pricing-header-container:before,.testimonials-header-container:before{width:100%;height:4px;top:0;left:0;transform:none;border-radius:100px 100px 0 0}.features-header-right,.workflow-header-description,.channels-header-right,.pricing-header-right,.testimonials-header-right{padding-left:0;border-left:none;border-top:1px solid #f1f5f9;padding-top:1.5rem;text-align:center}.dev-grid{grid-template-columns:1fr;gap:4rem}.dev-content{text-align:center;max-width:800px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.dev-features{align-items:center}.dev-features li{justify-content:center}.workflow-steps{grid-template-columns:repeat(2,1fr);gap:3rem 2rem}.step-line-container{display:none}.pricing-card-popular{grid-column:span 2;max-width:500px;margin:0 auto;transform:none}}@media(max-width:1100px){.landing-nav{padding:1rem 1.5rem}.nav-actions{display:none}.mobile-menu-btn{display:block}.nav-links{display:none;position:fixed;top:70px;left:1.5rem;right:1.5rem;background:#fff;padding:2.5rem 1.5rem;flex-direction:column;align-items:center;gap:1.25rem;border-radius:20px;box-shadow:0 20px 40px #00000026;border:1px solid #f1f5f9;z-index:1000;animation:slideUp .3s ease-out}.nav-links-open{display:flex}.nav-links a{font-size:1.1rem;width:100%;text-align:center;padding:.5rem}.nav-mobile-actions{display:flex;flex-direction:column;gap:1rem;width:100%;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #f1f5f9}.nav-mobile-actions .nav-link-btn{text-align:center;padding:.75rem;color:var(--color-purple)}.nav-mobile-actions .nav-cta-btn{justify-content:center;width:100%;padding:.875rem}}@media(max-width:991px){.stats-container{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.stat-value{font-size:2rem}.hero-section,.features-section,.workflow-section,.developers-section,.channels-section,.pricing-section,.testimonials-section,.cta-section{padding:4rem 1rem}.section-container{padding:0 .5rem}.dev-code-container{padding:.5rem}.code-block{padding:1.25rem 1rem;font-size:.8125rem}.code-window-header{padding:.75rem 1rem}.code-tabs{gap:.1rem}.code-tab{padding:.4rem .6rem;font-size:.75rem}.features-grid,.channels-grid,.pricing-grid,.testimonials-grid{grid-template-columns:1fr;gap:2rem}.workflow-steps,.stats-container{grid-template-columns:2,1fr}.pricing-card-popular{grid-column:span 1;width:100%}.stat-item{padding:2rem 1.5rem}.trusted-section{padding:4rem 1.5rem}.trusted-logos{grid-template-columns:1fr;max-width:400px}.cta-glass-card{padding:3rem 1.5rem;border-radius:30px}.cta-actions{flex-direction:column;gap:1rem}.cta-btn{width:100%;height:60px}.footer-main{grid-template-columns:1fr;gap:3rem}.footer-links{grid-template-columns:repeat(2,1fr);gap:2.5rem}.footer-bottom{flex-direction:column;text-align:center;gap:1.25rem}}@media(max-width:575px){.workflow-steps{grid-template-columns:1fr;gap:0}.stats-container{grid-template-columns:1fr}}@media(max-width:480px){.pricing-card{padding:3rem 1.5rem}.price-value{font-size:1.6rem}.channels-header-left .section-title,.pricing-header-left .section-title,.testimonials-header-left .section-title,.workflow-header-content .section-title,.features-header-left .section-title{font-size:1.4rem}.features-header-right,.workflow-header-description,.channels-header-right,.pricing-header-right,.testimonials-header-right{padding-top:.8rem}.channels-header-right .section-subtitle,.pricing-header-right .section-subtitle,.testimonials-header-right .section-subtitle,.workflow-header-description .section-subtitle,.features-header-right .section-subtitle{font-size:1rem}.channel-card{padding:2rem 1rem}.channel-card h3{font-size:1.3rem}.section-title{font-size:1.75rem;line-height:1.2}.channel-card p{font-size:.9rem}.dev-content .section-title{font-size:1.85rem}.hero-title{font-size:2.25rem;line-height:1.3}.hero-stat-details{text-align:left}.code-block{font-size:.6rem!important}.hero-subtitle{font-size:1rem}.hero-actions{flex-direction:column;width:100%}.hero-btn{width:100%}.hero-stats-grid{grid-template-columns:1fr}.stat-value{font-size:2.25rem}.testimonial-card{padding:2rem 1.5rem}.author-avatar{width:50px;height:50px}.cta-title{font-size:1.6rem}.cta-description{font-size:1rem}.cta-element.float-1{display:none}}.video-modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:2rem;animation:fadeIn .3s ease-out}.video-modal-container{position:relative;width:100%;max-width:1400px;background:#1a1a1a;border-radius:24px;overflow:hidden;box-shadow:0 25px 50px #00000080;animation:slideUp .4s ease-out}.video-modal-close{position:absolute;top:1rem;right:1rem;z-index:10;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.video-modal-close:hover{background:#ffffff40;transform:rotate(90deg)}.video-modal-content{position:relative;width:100%;padding-bottom:51.77%;background:#000}.video-modal-content iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}@media(max-width:768px){.video-modal-overlay{padding:1rem}.video-modal-container{border-radius:16px}.video-modal-close{width:36px;height:36px;top:.5rem;right:.5rem}}.dashboard-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem;box-shadow:0 1px 3px #0000000d;transition:all .2s}.dashboard-card:hover{box-shadow:0 4px 12px #00000014}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.card-title{font-size:1rem;font-weight:600;color:#0f172a}.card-subtitle{font-size:.8125rem;color:#64748b}.card-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;color:#fff}.card-icon-blue{background:linear-gradient(135deg,#1f61e8,#4d85f0)}.card-icon-red{background:linear-gradient(135deg,#ad0000,#d43030)}.card-icon-green{background:linear-gradient(135deg,#10b981,#34d399)}.card-icon-amber{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.card-icon-purple{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.card-icon-cyan{background:linear-gradient(135deg,#06b6d4,#22d3ee)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem;box-shadow:0 1px 3px #0000000d}.stat-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1rem}.stat-card-title{font-size:.875rem;font-weight:500;color:#64748b}.stat-card-value{font-size:2rem;font-weight:700;color:#0f172a}.stat-card-change{display:flex;align-items:center;gap:.25rem;font-size:.8125rem;font-weight:600}.stat-card-change.positive{color:#10b981}.stat-card-change.negative{color:#ad0000}.stat-card-footer{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;font-size:.8125rem;color:#94a3b8}.chart-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem;box-shadow:0 1px 3px #0000000d}.chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.chart-title{font-size:1.125rem;font-weight:600;color:#0f172a}.chart-period-select{padding:.5rem 1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#0f172a;font-size:.875rem;cursor:pointer}.chart-period-select:focus{outline:none;border-color:#1f61e8}.data-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.data-table-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #e2e8f0}.data-table-title{font-size:1.125rem;font-weight:600;color:#0f172a}.data-table{width:100%;border-collapse:collapse}.data-table th{padding:1rem 1.5rem;text-align:left;font-size:.75rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em;background:#f8fafc;border-bottom:1px solid #e2e8f0}.data-table td{padding:1rem 1.5rem;font-size:.9375rem;color:#0f172a;border-bottom:1px solid #f1f5f9}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover{background:#f8fafc}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600}.badge-success{background:#10b9811a;color:#059669}.badge-warning{background:#f59e0b1a;color:#d97706}.badge-error{background:#ad00001a;color:#ad0000}.badge-info{background:#1f61e81a;color:#1f61e8}.badge-neutral{background:#f1f5f9;color:#64748b}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empty-state-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border-radius:16px;color:#94a3b8;margin-bottom:1.5rem}.empty-state-title{font-size:1.125rem;font-weight:600;color:#0f172a;margin-bottom:.5rem}.empty-state-description{font-size:.9375rem;color:#64748b;max-width:400px;margin-bottom:1.5rem}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:.875rem;font-weight:600;color:#0f172a;margin-bottom:.5rem}.form-input{width:100%;padding:.75rem 1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;font-size:.9375rem;color:#0f172a;transition:all .2s}.form-input:focus{outline:none;background:#fff;border-color:#1f61e8;box-shadow:0 0 0 3px #1f61e81a}.form-input::placeholder{color:#94a3b8}.form-textarea{min-height:120px;resize:vertical}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%2394a3b8' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25rem;padding-right:2.5rem}.form-hint{font-size:.8125rem;color:#94a3b8;margin-top:.375rem}.form-error{font-size:.8125rem;color:#ad0000;margin-top:.375rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;border:none;transition:all .2s;text-decoration:none}.btn-primary{background:#1f61e8;color:#fff}.btn-primary:hover{background:#1850c0;transform:translateY(-1px);box-shadow:0 4px 12px #1f61e840}.btn-danger{background:#ad0000;color:#fff}.btn-danger:hover{background:#8a0000;transform:translateY(-1px);box-shadow:0 4px 12px #ad000040}.btn-secondary{background:#f8fafc;color:#0f172a;border:1px solid #e2e8f0}.btn-secondary:hover{background:#f1f5f9;border-color:#cbd5e1}.btn-ghost{background:transparent;color:#64748b}.btn-ghost:hover{background:#f1f5f9;color:#0f172a}.btn-sm{padding:.5rem .875rem;font-size:.8125rem}.btn-lg{padding:.875rem 1.75rem;font-size:1rem}.btn-icon{width:36px;height:36px;padding:0}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem;animation:fadeIn .2s ease-out}.modal-content{width:100%;max-width:480px;max-height:90vh;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #0003;animation:slideUp .3s ease-out}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e2e8f0}.modal-title{font-size:1.25rem;font-weight:700;color:#0f172a}.modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#f8fafc;border:none;border-radius:10px;color:#64748b;cursor:pointer;transition:all .2s}.modal-close:hover{background:#f1f5f9;color:#0f172a}.modal-body{padding:1.5rem;overflow-y:auto}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;border-top:1px solid #e2e8f0;background:#f8fafc}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tabs{display:flex;gap:.25rem;padding:.25rem;background:#f1f5f9;border-radius:12px;margin-bottom:1.5rem}.tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;background:transparent;border:none;border-radius:10px;font-size:.875rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s}.tab:hover{color:#0f172a}.tab.active{background:#fff;color:#1f61e8;box-shadow:0 1px 3px #00000014}.filter-bar{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.filter-search{flex:1;min-width:240px;position:relative}.filter-search-input{width:100%;padding:.625rem 1rem .625rem 2.5rem;background:#fff;border:1px solid #e2e8f0;border-radius:10px;font-size:.9375rem;color:#0f172a}.filter-search-input:focus{outline:none;border-color:#1f61e8;box-shadow:0 0 0 3px #1f61e81a}.filter-search-icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:#94a3b8}.filter-select{padding:.625rem 2.5rem .625rem 1rem;background:#fff;border:1px solid #e2e8f0;border-radius:10px;font-size:.875rem;color:#0f172a;cursor:pointer}.pagination{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-top:1px solid #e2e8f0}.pagination-info{font-size:.875rem;color:#64748b}.pagination-controls{display:flex;align-items:center;gap:.5rem}.pagination-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#f8fafc;color:#0f172a}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn.active{background:#1f61e8;border-color:#1f61e8;color:#fff}.loading-spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top-color:#1f61e8;border-radius:50%;animation:spin .8s linear infinite}.loading-skeleton{background:linear-gradient(90deg,#f1f5f9,#e2e8f0,#f1f5f9);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.col-span-full{grid-column:span 12}.col-span-6{grid-column:span 6}.col-span-3{grid-column:span 3}@media(max-width:1024px){.col-span-8,.col-span-6{grid-column:span 12}.col-span-4,.col-span-3{grid-column:span 6}}@media(max-width:768px){.col-span-4,.col-span-3{grid-column:span 12}}.mt4{margin-top:2rem}.modal-sm{max-width:400px}.modal-md{max-width:600px}.modal-lg{max-width:800px}.modal-xl{max-width:1200px}.page-wrapper{padding:2rem;max-width:1580px;margin:0 auto}.page-header{background:linear-gradient(135deg,#fff,#f8fafc);padding:16px 20px;border-radius:20px;margin-bottom:2.5rem;box-shadow:0 2px 8px #0000000a;border:1px solid #e2e8f0}.page-header-row{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.page-header-content{flex:1}.page-title{background:linear-gradient(135deg,#1f61e8,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.56rem;font-weight:700;margin:0 0 8px}.page-description{font-size:1rem;color:#64748b;margin:0}.page-actions{display:flex;align-items:center;gap:.75rem}.dashboard-overview{padding-top:1.5rem}.enhanced-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.75rem;margin-bottom:2.5rem}.stat-card-enhanced{position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid #e2e8f0;background:linear-gradient(145deg,#fff,#f8fafc);box-shadow:0 2px 8px #0000000a}.stat-card-enhanced:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent,currentColor,transparent);opacity:0;transition:opacity .3s ease}.stat-card-enhanced:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a;border-color:#cbd5e1}.stat-card-enhanced:hover:before{opacity:1}.stat-card-primary{border-left:4px solid #3b82f6}.stat-card-primary:before{background:linear-gradient(90deg,transparent,#3b82f6,transparent)}.stat-card-success{border-left:4px solid #10b981}.stat-card-success:before{background:linear-gradient(90deg,transparent,#10b981,transparent)}.stat-card-danger{border-left:4px solid #ef4444}.stat-card-danger:before{background:linear-gradient(90deg,transparent,#ef4444,transparent)}.stat-card-info{border-left:4px solid #06b6d4}.stat-card-info:before{background:linear-gradient(90deg,transparent,#06b6d4,transparent)}.stat-card-enhanced .stat-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.stat-card-enhanced .stat-card-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(135deg,#3b82f61a,#3b82f60d);color:#3b82f6;transition:all .3s ease}.stat-card-enhanced:hover .stat-card-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 4px 12px #3b82f633}.stat-card-success .stat-card-icon{background:linear-gradient(135deg,#10b9811a,#10b9810d);color:#10b981}.stat-card-danger .stat-card-icon{background:linear-gradient(135deg,#ef44441a,#ef44440d);color:#ef4444}.stat-card-info .stat-card-icon{background:linear-gradient(135deg,#06b6d41a,#06b6d40d);color:#06b6d4}.stat-card-enhanced .stat-card-value{font-size:2.25rem;font-weight:800;color:#0f172a;line-height:1.2;margin-bottom:.5rem;background:linear-gradient(135deg,#0f172a,#475569);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-card-enhanced .stat-card-title{font-size:.875rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.stat-card-enhanced .stat-card-body{display:flex;flex-direction:column;gap:.5rem}.stat-card-enhanced .stat-card-change{font-size:.8125rem;font-weight:600;padding:.25rem .625rem;border-radius:6px;display:inline-flex;align-items:center;width:fit-content;margin-top:.25rem}.stat-card-enhanced .stat-card-change.positive,.stat-card-enhanced .stat-card-change-positive{background:#10b9811a;color:#059669}.stat-card-enhanced .stat-card-change.negative,.stat-card-enhanced .stat-card-change-negative{background:#ef44441a;color:#dc2626}.stat-card-enhanced .stat-card-change.neutral,.stat-card-enhanced .stat-card-change-neutral{background:#64748b1a;color:#475569}.enhanced-charts-grid{margin-bottom:2.5rem}.enhanced-charts-grid>div{display:flex;flex-direction:column}.enhanced-charts-grid .chart-card-enhanced{flex:1;display:flex;flex-direction:column;height:100%}.chart-card-enhanced{background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000a;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.chart-card-enhanced .card-content{flex:1;display:flex;flex-direction:column}.chart-card-enhanced:hover{box-shadow:0 8px 24px #00000014;transform:translateY(-2px);border-color:#cbd5e1}.chart-card-enhanced .card-header{background:linear-gradient(135deg,#f8fafc,#fff);border-bottom:1px solid #e2e8f0}.chart-header-content{display:flex;align-items:center;justify-content:space-between;width:100%}.chart-header-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f61a,#3b82f60d);border-radius:12px;color:#3b82f6}.chart-title-enhanced{font-size:1.25rem;font-weight:700;color:#0f172a;margin:0 0 .25rem}.chart-subtitle-enhanced{font-size:.875rem;color:#64748b;margin:0}.chart-container-enhanced{padding:1rem 0;position:relative;flex:1;display:flex;align-items:center;min-height:320px}.pie-chart-card .chart-header-icon{background:linear-gradient(135deg,#8b5cf61a,#8b5cf60d);color:#8b5cf6}.pie-chart-container-enhanced{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:1rem 0;flex:1;justify-content:center;min-height:320px}.chart-legend-enhanced{display:flex;flex-direction:column;gap:.75rem;width:100%;padding:0 1rem}.legend-item-enhanced{display:flex;align-items:center;gap:.75rem;padding:.625rem .875rem;background:#f8fafc;border-radius:10px;transition:all .2s ease;border:1px solid transparent}.legend-item-enhanced:hover{background:#f1f5f9;border-color:#e2e8f0;transform:translate(4px)}.legend-dot-enhanced{width:12px;height:12px;border-radius:50%;flex-shrink:0;box-shadow:0 2px 4px #0000001a}.legend-label{flex:1;font-size:.875rem;font-weight:500;color:#475569}.legend-value-enhanced{font-size:.875rem;font-weight:700;color:#0f172a;font-family:JetBrains Mono,monospace}.chart-empty-enhanced{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;color:#94a3b8;text-align:center}.chart-empty-enhanced p{margin:0;font-size:.875rem;font-weight:500}.recent-notifications-card{background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000a;transition:all .3s cubic-bezier(.4,0,.2,1)}.recent-notifications-card:hover{box-shadow:0 8px 24px #00000014;border-color:#cbd5e1}.recent-notifications-card .card-header{background:linear-gradient(135deg,#f8fafc,#fff);border-bottom:1px solid #e2e8f0}.recent-header-content{display:flex;align-items:center;justify-content:space-between;width:100%}.recent-title-enhanced{font-size:1.25rem;font-weight:700;color:#0f172a;margin:0 0 .25rem}.recent-subtitle-enhanced{font-size:.875rem;color:#64748b;margin:0}.view-all-link-enhanced{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#1f61e8;text-decoration:none;transition:all .2s ease;padding:.5rem 1rem;border-radius:8px;background:#1f61e80d}.view-all-link-enhanced:hover{color:#1850c0;background:#1f61e81a;transform:translate(2px)}.recent-list-enhanced{padding:0}.recent-item-enhanced{display:grid;grid-template-columns:48px 1fr auto auto auto;align-items:center;gap:1.25rem;padding:1.25rem 1.5rem;border-bottom:1px solid #f1f5f9;transition:all .2s ease;animation:slideInRight .3s ease-out backwards}.recent-item-enhanced:last-child{border-bottom:none}.recent-item-enhanced:hover{background:linear-gradient(90deg,#f8fafc,#fff);transform:translate(4px);box-shadow:0 2px 8px #0000000a}.recent-item-icon-enhanced{width:44px;height:44px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease;border:2px solid transparent}.recent-item-enhanced:hover .recent-item-icon-enhanced{transform:scale(1.1) rotate(5deg);box-shadow:0 4px 12px #0000001a}.recent-item-content-enhanced{min-width:0;flex:1}.recent-item-template-enhanced{font-weight:700;color:#0f172a;font-size:.9375rem;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.25rem;font-family:JetBrains Mono,monospace}.recent-item-user-enhanced{font-size:.8125rem;color:#64748b;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-item-channels-enhanced{display:flex;gap:.375rem;flex-wrap:nowrap}.recent-item-channel-pill-enhanced{padding:.25rem .625rem;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid #cbd5e1;border-radius:6px;font-size:.6875rem;font-weight:700;color:#475569;text-transform:uppercase;white-space:nowrap;transition:all .2s ease;letter-spacing:.5px}.recent-item-channel-pill-enhanced:hover{transform:scale(1.05);box-shadow:0 2px 4px #0000001a}.recent-item-status-col-enhanced{display:flex;align-items:center}.recent-item-time-enhanced{font-size:.8125rem;color:#94a3b8;text-align:right;white-space:nowrap;min-width:100px;font-weight:500}.empty-recent-enhanced{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:#94a3b8}@keyframes slideInRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@media(max-width:1024px){.enhanced-stats-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.recent-item-enhanced{grid-template-columns:44px 1fr auto auto;gap:1rem}.recent-item-time-enhanced{display:none}}@media(max-width:768px){.page-header{padding:1.5rem}.page-header .page-title{font-size:1.5rem}.enhanced-stats-grid{grid-template-columns:1fr;gap:1.25rem}.recent-item-enhanced{grid-template-columns:40px 1fr;grid-template-rows:auto auto;gap:.75rem;padding:1rem}.recent-item-channels-enhanced,.recent-item-status-col-enhanced{grid-column:2}.chart-header-content{flex-direction:column;align-items:flex-start;gap:1rem}}.search-bar{margin-bottom:1.5rem}.search-input-wrapper{position:relative;max-width:500px}.search-input{width:100%;padding-left:2.75rem!important}.channels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem}.channel-card{position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.channel-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001f}.channel-card-status{position:absolute;top:1.25rem;right:1.25rem;z-index:1}.channel-card-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border-radius:16px;margin-bottom:1.25rem;transition:all .3s ease}.channel-card-icon.active{background:linear-gradient(135deg,#1f61e826,#1f61e814);box-shadow:0 4px 12px #1f61e833}.channel-card:hover .channel-card-icon.active{transform:scale(1.05);box-shadow:0 6px 16px #1f61e840}.channel-card-name{font-size:1.25rem;font-weight:700;color:#0f172a;margin-bottom:.375rem;letter-spacing:-.01em}.channel-card-provider{font-size:.875rem;color:#64748b;margin-bottom:.75rem;font-weight:500}.channel-card-actions{display:flex;gap:.5rem;margin-top:1rem}.channel-btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.4rem .75rem;font-size:.75rem;font-weight:600;font-family:inherit;border-radius:6px;cursor:pointer;transition:all .15s ease;white-space:nowrap;line-height:1}.channel-btn svg{flex-shrink:0}.channel-btn-primary{background:#1f61e8;color:#fff;border:none}.channel-btn-primary svg{color:#fff}.channel-btn-primary:hover{background:#1850c0}.channel-btn-ghost{background:transparent;color:#475569;border:1px solid #e2e8f0}.channel-btn-ghost:hover{background:#f1f5f9;border-color:#cbd5e1}.template-editor-container{display:grid;grid-template-columns:1fr 400px;gap:1.5rem;margin-top:1.5rem}.template-form{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem}.template-preview{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem;position:sticky;top:1.5rem;max-height:calc(100vh - 3rem);overflow-y:auto}.channel-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.channel-tab{padding:.625rem 1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;font-size:.875rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s}.channel-tab:hover{background:#f1f5f9;color:#0f172a}.channel-tab.active{background:#1f61e8;border-color:#1f61e8;color:#fff}.channel-tab.disabled{opacity:.5;cursor:not-allowed}.form-actions{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.settings-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.settings-form{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem;margin-bottom:1rem}.code-editor{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.6;background:#1e293b!important;color:#e2e8f0!important;border:1px solid #334155!important}.code-editor:focus{border-color:#1f61e8!important;box-shadow:0 0 0 3px #1f61e81a!important}.chart-loading{display:flex;align-items:center;justify-content:center;padding:3rem}@media(max-width:1400px){.channels-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:1024px){.channels-grid{grid-template-columns:repeat(2,1fr)}.template-editor-container{grid-template-columns:1fr}.template-preview{position:static;max-height:none}.channel-card-actions{flex-direction:row}.channel-card-actions button{flex:1}}@media(max-width:768px){.channels-grid{grid-template-columns:1fr;gap:1.25rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.data-table th,.data-table td{padding:.75rem .875rem;font-size:.8125rem}.channel-card{max-width:100%}.channel-card-actions{gap:.5rem}}@media(max-width:640px){.stats-grid{grid-template-columns:1fr}.page-header-row{flex-direction:column;align-items:flex-start!important;gap:1rem}.page-actions,.page-actions button{width:100%}.channel-tabs{flex-direction:column}.channel-tab{width:100%;text-align:center}.settings-row{grid-template-columns:1fr}.channel-card-actions{flex-direction:column}.channel-card-actions button{width:100%;min-width:unset}}.user-row-name{display:flex;align-items:center;gap:.75rem}.user-row-info{display:flex;flex-direction:column;gap:.25rem}.user-row-external-id{font-size:.8125rem;color:#94a3b8;font-weight:500}.user-row-contact{display:flex;flex-direction:column;gap:.375rem;font-size:.875rem;color:#475569}.user-row-contact>div{display:flex;align-items:center;gap:.5rem;padding:.25rem 0}.user-row-actions{display:flex;align-items:center;gap:.25rem;justify-content:flex-end}.data-table tbody tr{transition:all .2s ease}.data-table tbody tr:hover{background:#f8fafc;box-shadow:0 2px 8px #0000000a}.data-table td{padding:1.25rem 1.5rem;vertical-align:middle}.data-table th{padding:1rem 1.5rem;font-weight:700;font-size:.8125rem}.text-primary{font-weight:600;color:#0f172a;font-size:.9375rem}.text-muted{color:#94a3b8;font-size:.875rem}@media(max-width:768px){.user-row-name{gap:.5rem}.data-table th,.data-table td{padding:1rem}.user-row-contact{font-size:.8125rem}}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-bottom:1.5rem}.user-card{transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.user-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.user-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid #f1f5f9}.user-card-actions{display:flex;gap:.25rem}.user-card-body{display:flex;flex-direction:column;gap:.75rem}.user-card-name{font-size:1.125rem;font-weight:700;color:#0f172a;margin:0;letter-spacing:-.01em}.user-card-id{font-size:.8125rem;color:#94a3b8;font-weight:500;margin:0;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.user-card-contacts{display:flex;flex-direction:column;gap:.5rem;padding:.75rem 0}.user-card-contact-item{display:flex;align-items:center;gap:.625rem;font-size:.875rem;color:#475569;padding:.375rem .75rem;background:#f8fafc;border-radius:8px;transition:all .2s}.user-card-contact-item:hover{background:#f1f5f9}.user-card-contact-item svg{color:#64748b;flex-shrink:0}.user-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:.75rem;border-top:1px solid #f1f5f9;margin-top:.5rem}.user-card-channels{display:flex;gap:.375rem}.user-card-date{font-size:.8125rem;color:#94a3b8;font-weight:500}@media(max-width:1200px){.users-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:768px){.users-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}.user-card-name{font-size:1rem}.user-card-contact-item{font-size:.8125rem;padding:.25rem .625rem}}@media(max-width:640px){.users-grid{grid-template-columns:1fr;gap:1rem}.user-card-header{margin-bottom:1rem;padding-bottom:.875rem}}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-bottom:2rem}.template-card{position:relative;background:#fff;border:1px solid #e2e8f0;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;overflow:hidden;display:flex;flex-direction:column;height:100%}.template-card-content{padding:1.5rem;display:flex;flex-direction:column;height:100%}.template-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.template-info{min-width:0}.template-card-title{font-size:1.125rem;font-weight:600;color:#0f172a;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-card-id{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;color:#64748b;background:#f1f5f9;padding:.125rem .5rem;border-radius:4px;display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis}.template-card-body{flex:1;display:flex;flex-direction:column;gap:1rem}.template-card-description{font-size:.875rem;color:#64748b;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}.template-channels-list{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:auto}.channel-icon-badge{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;color:#64748b;transition:all .2s}.channel-icon-badge:hover{transform:scale(1.1)}.channel-email{background:#eff6ff;color:#3b82f6}.channel-sms{background:#f0fdf4;color:#22c55e}.channel-push{background:#fef2f2;color:#ef4444}.channel-inapp{background:#fff7ed;color:#f97316}.channel-voice{background:#f5f3ff;color:#8b5cf6}.channel-webpush{background:#ecfeff;color:#06b6d4}.no-channels{font-size:.75rem;color:#94a3b8;font-style:italic}.template-card-footer{margin-top:1.25rem;padding-top:1rem;border-top:1px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between}.template-meta{display:flex;align-items:center;gap:.75rem;font-size:.75rem;color:#94a3b8}.version-tag{background:#f8fafc;border:1px solid #e2e8f0;padding:.125rem .5rem;border-radius:12px;font-weight:500}.template-actions-overlay{display:flex;gap:.25rem;opacity:1;visibility:visible}@media(hover:none){.template-actions-overlay{opacity:1;visibility:visible}}.action-btn{padding:.375rem .75rem;display:flex;align-items:center;justify-content:center;border-radius:6px;color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;font-size:.75rem;font-weight:600}.action-btn:hover{background:#e2e8f0;border-color:#cbd5e1;color:#0f172a}.action-btn.text-error{color:#dc2626}.action-btn.text-error:hover{background:#fef2f2;border-color:#fecaca;color:#ef4444}.filters-section{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap;background:#fff;padding:1rem;border-radius:12px;border:1px solid #e2e8f0;align-items:center}.search-input-wrapper{flex:1;position:relative;min-width:200px}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.search-input{width:100%;padding-left:2.75rem;height:42px;border-radius:8px;border:1px solid #e2e8f0;transition:all .2s}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filters-actions{display:flex;gap:.75rem}.status-select{height:42px;border-radius:8px;border:1px solid #e2e8f0;padding:0 2.5rem 0 1rem;min-width:140px;cursor:pointer}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;color:#64748b;gap:1rem}.pagination-wrapper{margin-top:2rem;display:flex;justify-content:center}@media(max-width:768px){.filters-section{flex-direction:column;align-items:stretch;gap:.75rem;padding:.75rem}.filters-actions{flex-direction:column}.status-select{width:100%}.templates-grid{grid-template-columns:1fr;gap:1rem}}.notifications-filters{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end}.notifications-filters .filter-group{flex:1;min-width:180px;max-width:280px}.notification-id-cell{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8125rem;color:#64748b;background:#f8fafc;padding:.125rem .375rem;border-radius:4px}.notification-table-row:hover{background-color:#f8fafc}.channel-status-pill{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:500}.clear-filters-link{display:inline-flex;align-items:center;align-self:flex-end;gap:.25rem;padding-bottom:.5rem;color:#64748b;font-size:.8125rem;font-weight:500;cursor:pointer;transition:color .15s ease;white-space:nowrap}.clear-filters-link:hover{color:#dc2626}.clear-filters-link svg{flex-shrink:0}@media(max-width:1024px){.templates-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.templates-grid,.notifications-filters{grid-template-columns:1fr}}.notification-details-modal{padding:.5rem}.notification-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem;background:#f8fafc;padding:1.5rem;border-radius:12px;border:1px solid #e2e8f0}.detail-item{display:flex;flex-direction:column;gap:.375rem}.detail-label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.025em}.detail-value{font-size:.9375rem;font-weight:500;color:#0f172a}.detail-value.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8125rem;color:#334155}.detail-section{margin-bottom:2rem}.section-title{font-size:.875rem;font-weight:700;color:#0f172a;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.channel-status-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.channel-status-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:1rem}.channel-name-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.channel-type-name{font-weight:600;text-transform:capitalize;color:#0f172a}.channel-timestamps{font-size:.75rem;color:#64748b}.delivery-logs-timeline{display:flex;flex-direction:column;gap:0;padding-left:.5rem}.log-entry{position:relative;padding-left:1.5rem;padding-bottom:1.5rem;border-left:2px solid #e2e8f0}.log-entry:last-child{border-left-color:transparent;padding-bottom:0}.log-marker{position:absolute;left:-7px;top:0;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid #1F61E8}.log-content{background:#f8fafc;border-radius:8px;padding:.875rem 1rem;border:1px solid #e2e8f0}.log-header{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.log-provider{font-size:.8125rem;font-weight:500;color:#64748b}.log-time{font-size:.75rem;color:#94a3b8;margin-left:auto}.log-error-message{margin-top:.5rem;font-size:.8125rem;color:#991b1b;background:#fef2f2;padding:.5rem .75rem;border-radius:6px}.log-metadata{margin-top:.5rem;font-size:.75rem;font-family:ui-monospace,monospace;color:#64748b;background:#f1f5f9;padding:.5rem;border-radius:4px;overflow-x:auto}.template-data-preview{background:#1e293b;color:#e2e8f0;border-radius:10px;padding:1.25rem;font-family:ui-monospace,monospace;font-size:.8125rem;line-height:1.5;overflow-x:auto}.template-data-preview pre{margin:0}.recent-list{padding:0}.recent-item{display:grid;grid-template-columns:40px 1fr auto auto auto;align-items:center;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid #f1f5f9;transition:all .2s ease}.recent-item:last-child{border-bottom:none}.recent-item:hover{background:#f8fafc}.recent-item-icon{width:36px;height:36px;background:#f1f5f9;color:#64748b;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.recent-item-icon .text-success{color:#10b981}.recent-item-icon .text-error{color:#ef4444}.recent-item-icon .text-warning{color:#f59e0b}.recent-item-content{min-width:0;flex:1}.recent-item-template{font-weight:600;color:#0f172a;font-size:.875rem;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.125rem}.recent-item-user{font-size:.75rem;color:#64748b;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-item-channels{display:flex;gap:.25rem;flex-wrap:nowrap}.recent-item-channel-pill{padding:.125rem .375rem;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;font-size:9px;font-weight:700;color:#64748b;text-transform:uppercase;white-space:nowrap}.recent-item-status-col{display:flex;align-items:center}.recent-item-time{font-size:.75rem;color:#94a3b8;text-align:right;white-space:nowrap;min-width:90px}@media(max-width:1024px){.recent-item{grid-template-columns:36px 1fr auto auto;gap:.75rem}.recent-item-time{display:none}}@media(max-width:768px){.recent-item{grid-template-columns:36px 1fr;grid-template-rows:auto auto;grid-template-areas:"icon content" "icon footer";gap:.25rem .75rem;padding:.875rem 1rem}.recent-item-icon{grid-area:icon;align-self:start}.recent-item-content{grid-area:content}.recent-item-channels,.recent-item-status-col,.recent-item-time{grid-area:footer;display:none}.recent-item-channels{display:flex;grid-area:footer}.recent-item-status-col{display:none}}.empty-recent{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:#94a3b8}.view-all-link{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:600;color:#1f61e8;text-decoration:none;transition:color .2s}.view-all-link:hover{color:#1850c0}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;padding:1.5rem}.summary-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem;display:flex;flex-direction:column}.system-templates-section{animation:fadeIn .3s ease}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,#eff6ff,#f0fdf4);border-radius:16px;border:1px solid #e0e7ff}.section-header-content{display:flex;align-items:center;gap:1rem}.section-icon{color:#1f61e8;background:#fff;padding:.75rem;border-radius:12px;box-shadow:0 2px 8px #1f61e826}.section-title{font-size:1.25rem;font-weight:700;color:#0f172a;margin:0 0 .25rem}.section-description{font-size:.875rem;color:#64748b;margin:0}.system-templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.system-template-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.system-template-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px -8px #0000001a;border-color:#1f61e8}.system-template-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.system-template-icon{width:48px;height:48px;background:linear-gradient(135deg,#1f61e8,#6366f1);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.system-template-title{font-size:1.125rem;font-weight:600;color:#0f172a;margin:0 0 .5rem}.system-template-description{font-size:.875rem;color:#64748b;line-height:1.5;margin:0 0 1rem;flex:1;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.system-template-channels{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.channel-emoji{font-size:1.25rem;cursor:default}.system-template-footer{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;border-top:1px solid #f1f5f9;position:relative;z-index:1}.system-template-category{font-size:.75rem;font-weight:500;color:#64748b;text-transform:capitalize;background:#f1f5f9;padding:.25rem .625rem;border-radius:6px}.quick-start-banner{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#fef3c7,#fef9c3);border:1px solid #fcd34d;border-radius:12px;margin-bottom:1.5rem;color:#92400e;font-size:.875rem}.quick-start-banner svg{color:#f59e0b;flex-shrink:0}.link-button{background:none;border:none;color:#1f61e8;font-weight:600;cursor:pointer;padding:0;text-decoration:underline;font-size:inherit}.link-button:hover{color:#1850c0}.use-template-modal-content{padding:.5rem 0 1.5rem}.use-template-preview{text-align:center;padding:1.5rem;background:#f8fafc;border-radius:12px;margin-bottom:1.5rem}.use-template-icon{color:#1f61e8;margin-bottom:.75rem}.use-template-preview h4{margin:0 0 .5rem;color:#0f172a;font-size:1.125rem}.use-template-preview p{margin:0;font-size:.875rem}.form-hint{font-size:.75rem;color:#94a3b8;margin-top:.375rem}@media(max-width:768px){.section-header{flex-direction:column;align-items:flex-start;gap:1rem}.system-templates-grid{grid-template-columns:1fr}.quick-start-banner{flex-direction:column;text-align:center}}@media(max-width:640px){.section-header-content{flex-direction:column;align-items:flex-start}.section-icon{margin-bottom:.5rem}}.preview-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.preview-input-section,.preview-result-section{display:flex;flex-direction:column}.preview-input-section .code-editor{flex:1;min-height:200px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.875rem;resize:vertical}.preview-result-section .code-preview{flex:1;min-height:200px;max-height:300px;overflow:auto;background:#1e293b;color:#e2e8f0;padding:1rem;border-radius:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8125rem;line-height:1.5;margin:0}.preview-placeholder{flex:1;min-height:200px;display:flex;align-items:center;justify-content:center;background:#f8fafc;border:2px dashed #e2e8f0;border-radius:8px;color:#94a3b8;font-size:.875rem;text-align:center;padding:1rem}@media(max-width:768px){.preview-modal-grid{grid-template-columns:1fr;gap:1rem}.preview-input-section .code-editor,.preview-result-section .code-preview,.preview-placeholder{min-height:150px}}.content-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1.5rem}.col-span-4{grid-column:span 4}.col-span-8{grid-column:span 8}@media(max-width:1024px){.content-grid{display:flex;flex-direction:column;gap:1.5rem}.col-span-4,.col-span-8{grid-column:span 12}}@media(max-width:640px){.page-header-row{flex-direction:column;align-items:stretch!important;gap:1rem}.page-actions{display:flex;flex-direction:column;gap:.5rem}.page-actions button{width:100%}}.preview-modal-container{display:grid;grid-template-columns:350px 1fr;gap:1.5rem;min-height:500px}.preview-input-panel,.preview-result-panel{display:flex;flex-direction:column}.preview-panel-header{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.75rem}.preview-hint{font-size:.75rem;color:#94a3b8}.preview-textarea{flex:1;min-height:300px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8125rem;line-height:1.5;resize:none;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;background:#f8fafc}.preview-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background:#fff}.preview-actions{margin-top:.75rem}.preview-mode-toggle{display:flex;background:#f1f5f9;border-radius:8px;padding:.25rem;gap:.25rem}.toggle-btn{padding:.375rem .75rem;border:none;background:transparent;border-radius:6px;font-size:.8125rem;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s}.toggle-btn:hover{color:#0f172a}.toggle-btn.active{background:#fff;color:#0f172a;box-shadow:0 1px 3px #0000001a}.preview-result-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.email-preview-container{flex:1;display:flex;flex-direction:column;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;background:#fff}.email-preview-header{padding:1rem;background:#f8fafc;border-bottom:1px solid #e2e8f0}.email-subject{font-size:.875rem;color:#0f172a}.email-subject strong{color:#64748b;font-weight:500;margin-right:.5rem}.email-preview-iframe{flex:1;width:100%;min-height:350px;border:none;background:#fff}.other-channel-preview{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.preview-field{display:flex;flex-direction:column;gap:.375rem}.preview-field-label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.025em}.preview-field-value{font-size:.9375rem;color:#0f172a;line-height:1.5;padding:.75rem 1rem;background:#fff;border-radius:8px;border:1px solid #e2e8f0}.preview-variables{margin-top:.5rem;padding-top:1rem;border-top:1px solid #e2e8f0}.variable-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.variable-tag{font-size:.75rem;font-weight:500;padding:.25rem .625rem;background:#eff6ff;color:#1d4ed8;border-radius:6px;font-family:ui-monospace,monospace}.preview-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f8fafc;border:2px dashed #e2e8f0;border-radius:12px;color:#94a3b8;text-align:center;padding:2rem;min-height:350px}.preview-placeholder .placeholder-icon{margin-bottom:1rem;opacity:.5}.preview-placeholder p{margin:0;font-size:.875rem}.preview-result-panel .code-preview{flex:1;min-height:350px;max-height:450px;overflow:auto;background:#1e293b;color:#e2e8f0;padding:1rem;border-radius:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8125rem;line-height:1.6;margin:0}.modal-xl{max-width:900px;width:95%}@media(max-width:900px){.preview-modal-container{grid-template-columns:1fr;min-height:auto}.preview-textarea{min-height:150px}.email-preview-iframe{min-height:300px}.preview-placeholder,.preview-result-panel .code-preview{min-height:200px}}@media(max-width:640px){.preview-panel-header{flex-direction:column;align-items:flex-start;gap:.5rem}.preview-mode-toggle{width:100%}.toggle-btn{flex:1;text-align:center}}.channel-config-form{display:flex;flex-direction:column;gap:1rem}.channel-config-form .form-group{margin-bottom:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:640px){.form-row{grid-template-columns:1fr}}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:#1F61E8;cursor:pointer}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper .form-input{padding-right:3rem}.password-toggle{position:absolute;right:.75rem;background:none;border:none;color:#64748b;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:color .2s}.password-toggle:hover{color:#0f172a}.config-mode-toggle{display:flex;background:#f1f5f9;border-radius:8px;padding:.25rem;margin-bottom:.5rem}.mode-btn{flex:1;padding:.5rem 1rem;border:none;background:transparent;border-radius:6px;font-size:.875rem;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s}.mode-btn:hover{color:#0f172a}.mode-btn.active{background:#fff;color:#0f172a;box-shadow:0 1px 3px #0000001a}.provider-form{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.provider-form .form-group{margin-bottom:0}.provider-form .form-label{font-size:.8125rem;font-weight:600;color:#374151;margin-bottom:.375rem}.provider-form .form-input{background:#fff}.provider-form .form-hint{font-size:.75rem;color:#64748b;margin-top:.375rem}.channel-badges{display:flex;flex-wrap:wrap;gap:.375rem}.channel-badge{display:inline-flex;align-items:center;justify-content:center;padding:.1875rem .5rem;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;border-radius:4px;line-height:1}.channel-badge.icon-only{padding:0;width:24px;height:24px;border-radius:50%}.channel-badge-info{background:#eff6ff;color:#1d4ed8}.channel-badge-success{background:#f0fdf4;color:#15803d}.channel-badge-warning{background:#fffbeb;color:#b45309}.channel-badge-default{background:#f1f5f9;color:#475569}.channel-badge-muted{background:#f1f5f9;color:#94a3b8}.tabs-sm{display:inline-flex;padding:.125rem;background:#f1f5f9;border-radius:8px;margin-bottom:0}.tabs-sm .tab{padding:.375rem .75rem;font-size:.75rem;border-radius:6px;display:flex;align-items:center;gap:.375rem}.code-editor{font-family:Menlo,Monaco,Courier New,monospace;font-size:.875rem;line-height:1.5;background:#1e293b;color:#e2e8f0;border-color:#334155}.code-editor:focus{background:#0f172a;border-color:#3b82f6}.card{background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.08);border-radius:16px;box-shadow:0 1px 3px #00000008,0 4px 16px #0000000a;transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover{box-shadow:0 4px 12px #0000000f,0 12px 32px #00000014;transform:translateY(-2px)}.template-card{position:relative;background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:16px;padding:0;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.template-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014;border-color:#cbd5e1}.template-card-content{padding:24px}.template-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.template-card-title{font-size:1.125rem;font-weight:700;color:#1e293b;margin:0 0 4px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.template-card-id{font-size:.75rem;color:#64748b;font-family:Courier New,monospace;background:#f1f5f9;padding:2px 8px;border-radius:6px;display:inline-block;margin-top:4px}.template-card-description{font-size:.875rem;color:#475569;line-height:1.6;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:42px}.template-channels-list{display:flex;gap:8px;flex-wrap:wrap;padding:12px 0;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;margin-bottom:12px}.channel-icon-badge{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;transition:all .2s ease}.channel-icon-badge:hover{transform:scale(1.15) rotate(5deg)}.channel-email{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.channel-sms{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#15803d}.channel-push{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#b45309}.channel-voice{background:linear-gradient(135deg,#fae8ff,#f5d0fe);color:#86198f}.channel-inapp{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);color:#6b21a8}.channel-webpush{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#4338ca}.template-card-footer{display:flex;justify-content:space-between;align-items:center}.template-meta{display:flex;gap:12px;font-size:.75rem;color:#64748b}.version-tag,.date-tag{padding:4px 10px;background:#f8fafc;border-radius:6px;font-weight:500}.template-actions-overlay{display:flex;gap:6px;opacity:1;visibility:visible}.template-card:hover .template-actions-overlay{opacity:1;visibility:visible}.action-btn{background:#f1f5f9!important;border:1px solid #cbd5e1;box-shadow:0 1px 3px #00000014;color:#475569;font-size:.75rem;font-weight:600}.action-btn:hover{background:#e2e8f0!important;border-color:#94a3b8;transform:scale(1.02);color:#0f172a}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;margin-top:24px}@media(max-width:768px){.templates-grid{grid-template-columns:1fr}}.system-template-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.system-template-card:after{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(59,130,246,.03) 0%,transparent 70%);opacity:0;transition:opacity .4s ease;pointer-events:none}.system-template-card:hover:after{opacity:1}.system-template-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0f172a14,0 16px 40px #0f172a0d;border-color:#cbd5e1}.system-template-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.system-template-icon{width:48px;height:48px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #3b82f640}.system-template-title{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0 0 8px}.system-template-description{font-size:.875rem;color:#64748b;line-height:1.6;margin-bottom:16px;min-height:42px}.system-template-channels{display:flex;gap:4px;margin-bottom:16px;font-size:1.25rem}.channel-emoji{transition:transform .2s ease;display:inline-block}.channel-emoji:hover{transform:scale(1.3) rotate(10deg)}.system-template-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #e2e8f0;position:relative;z-index:1}.system-template-footer .btn{cursor:pointer}.system-template-category{font-size:.75rem;font-weight:600;text-transform:uppercase;color:#3b82f6;letter-spacing:.5px}.system-templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-top:24px}.table tbody tr{transition:background-color .15s ease;cursor:pointer}.table tbody tr:hover{background:#f8fafc;box-shadow:0 1px 3px #0000000d}.notification-id-cell{font-family:Courier New,monospace;font-size:.813rem;color:#475569;padding:4px 10px;background:#f8fafc;border-radius:6px;display:inline-block}.channel-status-pill{padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:inline-flex;align-items:center;gap:4px;transition:all .2s ease}.channel-status-pill:hover{transform:scale(1.05)}.channel-status-pill.delivered,.channel-status-pill.sent{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border-color:#6ee7b7}.channel-status-pill.failed{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border-color:#fca5a5}.channel-status-pill.pending,.channel-status-pill.queued{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border-color:#fcd34d}.search-input-wrapper{position:relative;flex:1;max-width:500px}.search-input{padding-left:48px!important;border-radius:12px!important;border:2px solid #e2e8f0!important;background:#f8fafc!important;transition:all .3s ease!important}.search-input:focus{background:#fff!important;border-color:#3b82f6!important;box-shadow:0 0 0 4px #3b82f61a!important}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#94a3b8;transition:color .3s ease}.search-input:focus+.search-icon,.search-input-wrapper:has(.search-input:focus) .search-icon{color:#3b82f6}.btn{position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:active:before{width:300px;height:300px}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d}.btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 8px 24px #3b82f666;transform:translateY(-2px)}.btn-secondary{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #cbd5e1;color:#475569}.btn-secondary:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-color:#94a3b8;transform:translateY(-2px)}.badge{padding:6px 14px;border-radius:8px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:inline-flex;align-items:center;gap:6px;transition:all .2s ease}.badge:hover{transform:scale(1.05)}.status-badge-active{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.status-badge-pending,.status-badge-scheduled{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.status-badge-completed{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.status-badge-failed{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.user-avatar-mini{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;box-shadow:0 2px 8px #3b82f64d;transition:all .3s ease}.user-avatar-mini:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 4px 16px #3b82f666}.user-row-name{display:flex;align-items:center;gap:12px}.user-row-info{display:flex;flex-direction:column;gap:4px}.user-row-external-id{font-size:.75rem;color:#94a3b8;font-family:Courier New,monospace}.quick-start-banner{background:linear-gradient(135deg,#faf5ff,#f3e8ff);border:2px solid #e9d5ff;border-radius:12px;padding:16px 20px;margin-bottom:24px;display:flex;align-items:center;gap:12px;color:#7c3aed;font-weight:500;animation:slideDown .4s ease}.quick-start-banner svg{flex-shrink:0}.link-button{background:none;border:none;color:#7c3aed;font-weight:700;text-decoration:underline;cursor:pointer;transition:color .2s ease}.link-button:hover{color:#6d28d9}.filters-section{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap;align-items:center}.filters-actions{display:flex;gap:12px}.notifications-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;width:100%}.filter-group{display:flex;flex-direction:column;gap:6px}.form-select{border-radius:10px!important;border:2px solid #e2e8f0!important;background:#f8fafc!important;transition:all .3s ease!important}.form-select:focus{background:#fff!important;border-color:#3b82f6!important;box-shadow:0 0 0 4px #3b82f61a!important}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn .4s ease}.empty-state{text-align:center;padding:64px 32px;animation:fadeIn .6s ease}.empty-state svg{color:#cbd5e1}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:64px 32px;color:#64748b}.loading-state p{font-weight:500;animation:pulse 1.5s ease-in-out infinite}.pagination-wrapper{padding:24px;border-top:1px solid #f1f5f9;background:#f8fafc}@media(max-width:1024px){.templates-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.system-templates-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media(max-width:640px){.template-card{border-radius:12px}.template-card-content{padding:16px}.filters-section{flex-direction:column;align-items:stretch}.search-input-wrapper{max-width:100%}.notifications-filters{grid-template-columns:1fr}}[title]{position:relative}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a80}.modal-content{animation:slideUp .3s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px;transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:#94a3b8}*:focus-visible{outline:3px solid #3b82f6;outline-offset:2px}button:focus-visible,a:focus-visible{outline-offset:4px}.integration-page{padding:1.5rem 2rem}.integration-page .loader{width:32px;height:32px;border:3px solid #e2e8f0;border-top-color:#1f61e8;border-radius:50%;animation:spin .8s linear infinite;margin:4rem auto}@keyframes spin{to{transform:rotate(360deg)}}.page-header{margin-bottom:1.5rem}.header-top{margin-bottom:1rem}.page-header h1{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;color:#0f172a;margin:0 0 .35rem}.page-header h1 svg{color:#1f61e8}.page-header p{color:#64748b;font-size:.9rem;margin:0}.tools-strip{display:flex;flex-wrap:wrap;gap:.5rem}.tool-badge{display:flex;align-items:center;gap:.4rem;padding:.35rem .7rem .35rem .4rem;background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:.78rem;font-weight:600;color:#475569;transition:all .2s}.tool-badge:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000d;transform:translateY(-1px)}.tool-badge.muted{background:#f8fafc;border-style:dashed;color:#94a3b8}.tool-img{width:22px;height:22px;border-radius:4px;object-fit:contain}.tool-logo{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:6px;color:#fff;font-size:14px;font-weight:700}.tool-logo.cursor{background:linear-gradient(135deg,#000,#1a1a1a)}.tool-logo.lovable{background:linear-gradient(135deg,#ff4d6d,#ff758f)}.tool-logo.bolt{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.tool-logo.v0{background:linear-gradient(135deg,#000,#171717)}.tool-logo.chatgpt{background:linear-gradient(135deg,#10a37f,#1a7f64)}.tool-logo.claude{background:linear-gradient(135deg,#cc785c,#b5694f)}.tool-logo.skeleton{background:#e2e8f0;color:#94a3b8;font-size:12px;letter-spacing:-1px}.quick-actions{display:flex;flex-direction:column;gap:.875rem}.action-card{display:flex;gap:.875rem;padding:1rem;background:#fff;border:1px solid #e2e8f0;border-radius:12px;transition:box-shadow .2s}.action-card:hover{box-shadow:0 2px 8px #0000000a}.card-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;flex-shrink:0;color:#fff}.card-icon.blue{background:linear-gradient(135deg,#1f61e8,#4d85f0)}.card-icon.purple{background:linear-gradient(135deg,#7c3aed,#a78bfa)}.card-icon.green{background:linear-gradient(135deg,#10b981,#34d399)}.card-icon.orange{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.card-content{flex:1;min-width:0}.card-content h3{font-size:.9rem;font-weight:700;color:#0f172a;margin:0 0 .35rem}.card-content p{font-size:.8rem;color:#64748b;margin:0 0 .5rem}.key-display{display:flex;align-items:center;gap:.5rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:.5rem .625rem}.key-display code{flex:1;font-family:JetBrains Mono,monospace;font-size:.8rem;color:#1f61e8;font-weight:600;overflow:hidden;text-overflow:ellipsis}.key-display button{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#1f61e8;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background .15s}.key-display button:hover{background:#1850c0}.key-display button.copied{background:#10b981}.link-btn{color:#1f61e8;font-size:.8rem;font-weight:600;text-decoration:none}.link-btn:hover{text-decoration:underline}.key-info{display:flex;flex-direction:column;gap:.35rem}.key-info .key-note{color:#f59e0b;font-size:.78rem;font-weight:500;margin:0}.key-info .key-note code{background:#fef3c7;padding:.1rem .3rem;border-radius:3px;font-family:JetBrains Mono,monospace;font-size:.72rem}.key-info .key-hint{font-size:.72rem;color:#94a3b8;margin:0}.key-info .link-btn{margin-top:.25rem}.btn-row{display:flex;gap:.5rem}.btn-gpt,.btn-claude{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem .75rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.78rem;font-weight:600;color:#0f172a;cursor:pointer;transition:all .2s;background:#fff;box-shadow:0 2px 6px #0000000f}.btn-gpt:hover,.btn-claude:hover{background:#fafafa;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.btn-icon{width:16px;height:16px;border-radius:3px;object-fit:contain}.env-line{display:block;background:#f8fafc;border:1px solid #e2e8f0;border-radius:5px;padding:.45rem .6rem;font-family:JetBrains Mono,monospace;font-size:.72rem;color:#0f172a;margin-bottom:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-copy{display:flex;align-items:center;justify-content:center;gap:.3rem;width:100%;padding:.45rem;background:#f8fafc;color:#475569;border:1px solid #e2e8f0;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s}.btn-copy:hover{background:#f1f5f9}.btn-copy.copied{background:#d1fae5;border-color:#10b981;color:#059669}.templates-card{flex-direction:column;gap:0;padding:0}.templates-card .templates-header{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;border-bottom:1px solid #f1f5f9}.templates-header h3{font-size:.85rem;font-weight:700;color:#0f172a;margin:0}.templates-header a{display:flex;align-items:center;gap:.15rem;font-size:.75rem;color:#1f61e8;font-weight:600;text-decoration:none}.templates-header a:hover{text-decoration:underline}.template-list{padding:.5rem}.template-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem .625rem;border-radius:6px;transition:background .15s}.template-item:hover{background:#f8fafc}.template-item .t-name{font-size:.8rem;font-weight:600;color:#0f172a}.template-item code{font-family:JetBrains Mono,monospace;font-size:.7rem;color:#1f61e8;background:#1f61e814;padding:.15rem .4rem;border-radius:4px}.code-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column}.code-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#f8fafc;border-bottom:1px solid #e2e8f0}.code-title{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:700;color:#0f172a}.lang-badge{font-size:.65rem;font-weight:600;color:#64748b;background:#e2e8f0;padding:.15rem .4rem;border-radius:4px}.code-actions{display:flex;gap:.5rem}.copy-code,.download-code{display:flex;align-items:center;gap:.35rem;padding:.45rem .85rem;background:#1f61e8;color:#fff;border:none;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;transition:background .15s}.copy-code:hover,.download-code:hover{background:#1850c0}.copy-code.copied{background:#10b981}.download-code{background:#059669}.download-code:hover{background:#047857}.code-block{margin:0;padding:1rem;background:#1e293b;color:#e2e8f0;font-family:JetBrains Mono,Fira Code,monospace;font-size:.78rem;line-height:1.6;overflow:auto;max-height:900px}.steps-bar{display:flex;align-items:center;gap:2rem;padding:1rem 1.25rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px}.step{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#475569}.step span:first-child{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#1f61e8;color:#fff;border-radius:50%;font-size:.75rem;font-weight:700}.step code{background:#fff;border:1px solid #e2e8f0;padding:.2rem .45rem;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:.72rem;color:#1f61e8}.env-hint{font-size:.72rem;color:#94a3b8;margin:.35rem 0 0}.env-hint a{color:#1f61e8;font-weight:600}@media(max-width:900px){.content-grid{grid-template-columns:1fr}.steps-bar{flex-direction:column;align-items:flex-start;gap:.75rem}}.system-health-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;gap:1.5rem}.system-health-loading p{color:#64748b;font-size:.9375rem;font-weight:500}.loading-pulse-ring{display:none}.system-health-header{margin-bottom:1.5rem}.system-health-header-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.system-health-title-section{display:flex;align-items:center;gap:1rem}.system-health-icon-wrapper{position:relative;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#1f61e8;border-radius:12px;color:#fff}.system-health-icon-pulse{display:none}.system-health-title{font-size:1.5rem;font-weight:700;color:#0f172a;margin:0}.system-health-subtitle{font-size:.875rem;color:#64748b;margin:.25rem 0 0}.system-health-actions{display:flex;align-items:center;gap:1rem}.system-health-last-update{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:#94a3b8}.system-health-refresh-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#1f61e8;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.system-health-refresh-btn:hover:not(:disabled){background:#1a54cc}.system-health-refresh-btn:disabled{opacity:.7;cursor:not-allowed}.system-health-refresh-btn .spin{animation:spin 1s linear infinite}.system-status-banner{border-radius:12px;padding:1.25rem 1.5rem;margin-bottom:1.5rem;border:1px solid}.system-status-banner.healthy{background:#f0fdf4;border-color:#bbf7d0}.system-status-banner.degraded{background:#fef2f2;border-color:#fecaca}.system-status-banner-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.system-status-indicator{display:flex;align-items:center;gap:1rem}.status-orb{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%}.status-orb:before{display:none}.system-status-banner.healthy .status-orb{background:#dcfce7;color:#16a34a}.system-status-banner.degraded .status-orb{background:#fee2e2;color:#dc2626}.status-text h2{font-size:1.125rem;font-weight:600;margin:0}.system-status-banner.healthy .status-text h2{color:#15803d}.system-status-banner.degraded .status-text h2{color:#b91c1c}.status-text p{font-size:.8125rem;margin:.25rem 0 0}.system-status-banner.healthy .status-text p{color:#166534}.system-status-banner.degraded .status-text p{color:#991b1b}.system-status-meta{display:flex;align-items:center;gap:1rem}.status-meta-item{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:#64748b;background:#fff;padding:.375rem .75rem;border-radius:6px;border:1px solid #e2e8f0}.system-status-wave{display:none}.system-health-section{margin-bottom:1.5rem}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #e2e8f0}.section-header-left{display:flex;align-items:center;gap:.5rem;color:#334155}.section-header-left h3{font-size:1rem;font-weight:600;margin:0}.section-badge{font-size:.6875rem;font-weight:600;color:#64748b;background:#f1f5f9;padding:.25rem .625rem;border-radius:4px;text-transform:uppercase;letter-spacing:.02em}.infrastructure-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.infra-card{background:#fff;border-radius:12px;padding:1.25rem;border:1px solid #e2e8f0;transition:box-shadow .2s ease,border-color .2s ease}.infra-card:before{display:none}.infra-card:hover{box-shadow:0 4px 12px #0000000f;border-color:#cbd5e1}.infra-card-glow{display:none}.infra-card-content{position:relative}.infra-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.875rem}.infra-icon-wrapper{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;color:#fff}.infra-icon-wrapper.mongodb{background:#16a34a}.infra-icon-wrapper.redis{background:#dc2626}.infra-icon-wrapper.memory{background:#7c3aed}.infra-icon-wrapper.uptime{background:#1f61e8}.infra-status-badge{display:flex;align-items:center;gap:.25rem;font-size:.6875rem;font-weight:600;padding:.25rem .5rem;border-radius:4px}.infra-status-badge.healthy{background:#f0fdf4;color:#16a34a}.infra-status-badge.warning{background:#fffbeb;color:#d97706}.infra-status-badge.error{background:#fef2f2;color:#dc2626}.infra-card-body h4{font-size:1rem;font-weight:600;color:#0f172a;margin:0 0 .125rem}.infra-description{font-size:.75rem;color:#94a3b8;margin:0}.infra-card-stats{margin-top:1rem;padding-top:.875rem;border-top:1px solid #f1f5f9}.infra-stat{margin-bottom:.5rem}.infra-stat-label{display:block;font-size:.6875rem;font-weight:500;color:#94a3b8;text-transform:uppercase;letter-spacing:.02em;margin-bottom:.25rem}.infra-stat-value-row{display:flex;align-items:baseline;gap:.25rem}.infra-stat-value{font-size:1.125rem;font-weight:700;color:#0f172a}.infra-stat-value.large{font-size:1.25rem}.infra-stat-value.highlight{color:#1f61e8}.infra-stat-divider{color:#cbd5e1;font-size:.875rem}.infra-stat-max{font-size:.8125rem;color:#94a3b8}.infra-progress-bar{height:4px;background:#f1f5f9;border-radius:2px;overflow:hidden;margin-top:.375rem}.infra-progress-fill{height:100%;border-radius:2px;transition:width .4s ease}.infra-progress-fill.healthy{background:#16a34a}.infra-progress-fill.warning{background:#d97706}.infra-progress-fill.error{background:#dc2626}.infra-stat-footer{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:#64748b;margin-top:.375rem}.queue-overview-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.queue-stat-card{display:flex;align-items:center;gap:.875rem;padding:1rem 1.25rem;background:#fff;border-radius:10px;border:1px solid #e2e8f0;transition:box-shadow .2s ease}.queue-stat-card:hover{box-shadow:0 2px 8px #0000000d}.queue-stat-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:10px;color:#fff}.queue-stat-card.waiting .queue-stat-icon{background:#64748b}.queue-stat-card.active .queue-stat-icon{background:#1f61e8}.queue-stat-card.completed .queue-stat-icon{background:#16a34a}.queue-stat-card.failed .queue-stat-icon{background:#dc2626}.queue-stat-info{display:flex;flex-direction:column}.queue-stat-value{font-size:1.375rem;font-weight:700;color:#0f172a;line-height:1.2}.queue-stat-label{font-size:.75rem;color:#64748b;font-weight:500}.queue-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:2.5rem;color:#64748b}.queue-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.queue-detail-card{background:#fff;border-radius:10px;padding:1rem 1.25rem;border:1px solid #e2e8f0;transition:box-shadow .2s ease}.queue-detail-card:before{display:none}.queue-detail-card:hover{box-shadow:0 2px 8px #0000000d}.queue-detail-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.875rem}.queue-detail-title{display:flex;align-items:center;gap:.5rem}.queue-indicator{width:8px;height:8px;border-radius:50%;background:#cbd5e1}.queue-indicator.active{background:#16a34a}@keyframes pulse-indicator{0%,to{opacity:1}50%{opacity:.5}}.queue-indicator.active{animation:pulse-indicator 2s ease-in-out infinite}.queue-detail-title h4{font-size:.875rem;font-weight:600;color:#0f172a;margin:0;text-transform:capitalize}.queue-status-pill{font-size:.625rem;font-weight:600;padding:.25rem .5rem;border-radius:4px;text-transform:uppercase;letter-spacing:.02em}.queue-status-pill.running{background:#f0fdf4;color:#16a34a}.queue-status-pill.paused{background:#fffbeb;color:#d97706}.queue-detail-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;padding:.625rem;background:#f8fafc;border-radius:8px}.queue-mini-stat{display:flex;flex-direction:column;align-items:center;text-align:center}.mini-stat-value{font-size:1.125rem;font-weight:700;color:#0f172a;line-height:1.2}.queue-mini-stat.active .mini-stat-value{color:#1f61e8}.queue-mini-stat.completed .mini-stat-value{color:#16a34a}.mini-stat-label{font-size:.625rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.01em;margin-top:.125rem}.queue-error-alert{display:flex;align-items:center;gap:.375rem;margin-top:.625rem;padding:.5rem .625rem;background:#fef2f2;border-radius:6px;font-size:.75rem;font-weight:600;color:#dc2626}.queue-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#94a3b8;gap:.75rem}.queue-empty-state p{margin:0;font-size:.875rem}.dashboard-bottom-grid{display:grid;grid-template-columns:1fr 2fr;gap:1.25rem;margin-top:0}.dashboard-queue-card,.dashboard-tenants-card{height:fit-content}.queue-list-compact{display:flex;flex-direction:column;gap:.75rem}.queue-item-compact{padding:.75rem;background:#f8fafc;border-radius:8px;border:1px solid #f1f5f9}.queue-item-compact-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.queue-name-compact{font-size:.8125rem;font-weight:600;color:#0f172a;text-transform:capitalize}.queue-item-compact-stats{display:flex;align-items:center;gap:.875rem}.compact-stat{font-size:.75rem;color:#64748b}.compact-stat-value{font-weight:700;color:#0f172a;margin-right:.125rem}.compact-stat-value.success{color:#16a34a}.compact-stat-value.error{color:#dc2626}.queue-more-indicator{text-align:center;padding:.625rem;font-size:.75rem;color:#64748b;background:#f1f5f9;border-radius:6px;font-weight:500}.tenants-filter-bar{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:1.25rem}.tenants-filter-bar .search-input-wrapper{flex:1;max-width:400px}.tenants-filter-bar .form-select{min-width:140px;background:#f8fafc;border-color:#e2e8f0}.empty-recent{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem;color:#94a3b8;gap:.75rem}.empty-recent p{margin:0;font-size:.875rem}.view-all-link{display:flex;align-items:center;gap:.25rem;font-size:.8125rem;font-weight:600;color:#1f61e8;text-decoration:none;transition:color .15s ease}.view-all-link:hover{color:#1a54cc}.usage-bar{height:4px;background:#f1f5f9;border-radius:2px;overflow:hidden;margin-top:.375rem}.usage-bar-fill{height:100%;border-radius:2px;transition:width .3s ease}.health-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-bottom:1.5rem}.health-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem;transition:box-shadow .2s ease}.health-card:hover{box-shadow:0 4px 12px #0000000f}.health-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.875rem}.health-card-title{display:flex;align-items:center;font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.03em}.health-card-indicator{width:8px;height:8px;border-radius:50%;background:#94a3b8}.health-card-indicator.healthy{background:#16a34a}.health-card-indicator.warning{background:#d97706}.health-card-indicator.error{background:#dc2626}.health-card-value{font-size:1.125rem;font-weight:700;color:#0f172a;margin-bottom:.25rem}.health-card-label{font-size:.75rem;color:#94a3b8}.admin-table-wrapper{overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch}.admin-table{width:100%}.admin-table table{width:100%;border-collapse:collapse}.admin-table th{padding:.875rem 1.25rem;text-align:left;font-size:.6875rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.03em;background:#f8fafc;border-bottom:1px solid #e2e8f0}.admin-table td{padding:1rem 1.25rem;font-size:.875rem;color:#334155;border-bottom:1px solid #f1f5f9}.admin-table tr:hover td{background:#f8fafc}.tenant-actions{display:flex;align-items:center;gap:.375rem}.tenant-action-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;transition:all .15s ease}.tenant-action-btn:hover{background:#f1f5f9;color:#0f172a}.tenant-action-btn.suspend:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.tenant-action-btn.activate:hover{background:#f0fdf4;border-color:#bbf7d0;color:#16a34a}.tenant-info{display:flex;align-items:center;gap:.625rem}.tenant-avatar{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#1f61e8;border-radius:8px;color:#fff;font-size:.8125rem;font-weight:600}.tenant-details{display:flex;flex-direction:column}.tenant-name{font-weight:600;color:#0f172a;font-size:.875rem}.tenant-id{font-size:.6875rem;font-family:JetBrains Mono,monospace;color:#94a3b8}.chart-legend{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:1.25rem}.legend-item{display:flex;align-items:center;gap:.5rem;padding:.375rem .625rem;background:#f8fafc;border-radius:6px}.legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.legend-item span{font-size:.75rem;font-weight:500;color:#334155;flex:1}.legend-value{font-size:.75rem;font-weight:700;color:#0f172a;text-align:right}.billing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.billing-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem;text-align:center}.billing-stat-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;margin:0 auto .875rem;background:#eff6ff;border-radius:10px;color:#1f61e8}.billing-stat-value{font-size:1.75rem;font-weight:700;color:#0f172a;margin-bottom:.125rem}.billing-stat-label{font-size:.8125rem;color:#64748b}.activity-feed{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.activity-feed-header{padding:1rem 1.25rem;border-bottom:1px solid #e2e8f0}.activity-feed-title{font-size:.9375rem;font-weight:600;color:#0f172a}.activity-list{max-height:360px;overflow-y:auto}.activity-item{display:flex;align-items:flex-start;gap:.875rem;padding:.875rem 1.25rem;border-bottom:1px solid #f1f5f9;transition:background .15s ease}.activity-item:last-child{border-bottom:none}.activity-item:hover{background:#f8fafc}.activity-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border-radius:8px;color:#64748b;flex-shrink:0}.activity-icon.success{background:#f0fdf4;color:#16a34a}.activity-icon.warning{background:#fffbeb;color:#d97706}.activity-icon.error{background:#fef2f2;color:#dc2626}.activity-content{flex:1;min-width:0}.activity-text{font-size:.875rem;color:#0f172a;margin-bottom:.125rem}.activity-text strong{font-weight:600}.activity-time{font-size:.6875rem;color:#94a3b8}.admin-page .page-title:before{content:"";display:inline-block;width:3px;height:20px;background:#1f61e8;border-radius:2px;margin-right:.625rem;vertical-align:middle}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;padding:.375rem 0}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-item label{font-size:.6875rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.02em}.detail-item p{font-size:.875rem;font-weight:500;color:#0f172a;margin:0}.code-preview{background:#1e293b;color:#e2e8f0;padding:1rem;border-radius:8px;font-size:.75rem;font-family:JetBrains Mono,Fira Code,monospace;overflow-x:auto;border:1px solid #334155;line-height:1.5}@media(max-width:1280px){.infrastructure-grid,.queue-overview-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:1024px){.health-grid{grid-template-columns:repeat(2,1fr)}.system-status-banner-content{flex-direction:column;align-items:flex-start}.system-status-meta{flex-wrap:wrap}}@media(max-width:768px){.system-health-header-content{flex-direction:column;align-items:flex-start}.system-health-actions{width:100%;justify-content:space-between}.infrastructure-grid{grid-template-columns:1fr}.queue-overview-stats{grid-template-columns:repeat(2,1fr)}.queue-cards-grid,.health-grid,.detail-grid{grid-template-columns:1fr}.system-health-title{font-size:1.25rem}}@media(max-width:480px){.queue-overview-stats{grid-template-columns:1fr}.system-status-meta{flex-direction:column;align-items:flex-start;gap:.5rem}}:root{--brand-red: #ad0000;--brand-red-dark: #8a0000;--brand-red-light: #d43030;--brand-blue: #1F61E8;--brand-blue-dark: #1850c0;--brand-blue-light: #4d85f0;--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #1F61E8;--primary-600: #1850c0;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--accent-red: #ad0000;--accent-emerald: #10b981;--accent-amber: #f59e0b;--accent-rose: #f43f5e;--accent-cyan: #06b6d4;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-card: #ffffff;--bg-card-hover: #f8fafc;--bg-elevated: #ffffff;--bg-glass: rgba(255, 255, 255, .95);--bg-overlay: rgba(0, 0, 0, .5);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--text-accent: #1F61E8;--text-on-primary: #ffffff;--border-subtle: #e2e8f0;--border-default: #cbd5e1;--border-strong: #94a3b8;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-card: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .06);--shadow-glow-blue: 0 0 40px rgba(31, 97, 232, .15);--shadow-glow-red: 0 0 40px rgba(173, 0, 0, .15);--gradient-primary: linear-gradient(135deg, #1F61E8 0%, #4d85f0 100%);--gradient-red: linear-gradient(135deg, #ad0000 0%, #d43030 100%);--gradient-mixed: linear-gradient(135deg, #1F61E8 0%, #ad0000 100%);--gradient-light: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", Consolas, monospace;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--sidebar-width: 260px;--sidebar-collapsed: 72px;--header-height: 64px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--bg-secondary);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;color:var(--text-primary)}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.875rem}p{color:var(--text-secondary)}a{color:var(--brand-blue);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--brand-blue-dark)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}::selection{background:var(--brand-blue);color:#fff}:focus-visible{outline:2px solid var(--brand-blue);outline-offset:2px}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--brand-blue)}.text-success{color:var(--accent-emerald)}.text-warning{color:var(--accent-amber)}.text-error{color:var(--accent-red)}.bg-primary{background:var(--bg-primary)}.bg-card{background:var(--bg-card)}.bg-elevated{background:var(--bg-elevated)}.glass-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-card)}.gradient-text{background:linear-gradient(135deg,#1f61e8,#8b5cf6,#ad0000);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;display:inline}.gradient-text-red{background:linear-gradient(135deg,#ad0000,#d43030);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;display:inline}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-slide-in{animation:slideIn .3s ease-out}.animate-pulse{animation:pulse 2s infinite}.animate-spin{animation:spin 1s linear infinite}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#f8fafc}.loading-spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#1f61e8;border-radius:50%;animation:spin .8s linear infinite}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 0%,var(--bg-secondary) 50%,var(--bg-tertiary) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--radius-md)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.btn-primary{background:var(--brand-blue);color:#fff}.btn-primary:hover{background:var(--brand-blue-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-danger{background:var(--brand-red);color:#fff}.btn-danger:hover{background:var(--brand-red-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-default)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-strong)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-tertiary);color:var(--text-primary)}