*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0a0b14;--bg-secondary:#0f1120;--bg-card:#ffffff0a;--bg-card-hover:#ffffff12;--border-color:#ffffff14;--border-glow:#00d4ff4d;--accent-cyan:#00d4ff;--accent-cyan-dim:#00d4ff26;--accent-purple:#8b5cf6;--accent-purple-dim:#8b5cf626;--accent-green:#10b981;--accent-green-dim:#10b98126;--accent-red:#ef4444;--accent-red-dim:#ef444426;--accent-amber:#f59e0b;--accent-amber-dim:#f59e0b26;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#475569;--font-family:"Inter", system-ui, -apple-system, sans-serif;--sidebar-width:240px;--header-height:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--shadow-card:0 4px 24px #0006;--shadow-glow-cyan:0 0 20px #00d4ff26;--shadow-glow-purple:0 0 20px #8b5cf626}html,body{background:var(--bg-primary);height:100%;color:var(--text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.6;overflow-x:hidden}#root{height:100%;display:flex}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.sidebar{width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border-color);z-index:100;flex-direction:column;min-height:100vh;padding:24px 16px;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-logo{align-items:center;gap:10px;margin-bottom:32px;padding:0 8px;display:flex}.sidebar-logo-icon{background:linear-gradient(135deg, var(--accent-cyan), var(--accent-purple));border-radius:var(--radius-sm);color:#fff;letter-spacing:-1px;width:36px;height:36px;box-shadow:var(--shadow-glow-cyan);justify-content:center;align-items:center;font-size:16px;font-weight:800;display:flex}.sidebar-logo-text{background:linear-gradient(90deg, var(--accent-cyan), var(--accent-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:4px;display:flex}.nav-section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:16px 8px 8px;font-size:10px;font-weight:600}.nav-item{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;text-align:left;width:100%;font-size:14px;font-weight:500;font-family:var(--font-family);background:0 0;border:1px solid #0000;align-items:center;gap:10px;padding:10px 12px;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{background:var(--bg-card-hover);color:var(--text-primary)}.nav-item.active{background:var(--accent-cyan-dim);color:var(--accent-cyan);border-color:#00d4ff33}.nav-item.active svg{color:var(--accent-cyan)}.nav-item-badge{background:var(--accent-red);color:#fff;text-align:center;border-radius:999px;min-width:18px;margin-left:auto;padding:2px 6px;font-size:10px;font-weight:700}.sidebar-footer{border-top:1px solid var(--border-color);margin-top:8px;padding-top:16px}.user-profile{border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:10px;padding:8px;display:flex}.user-avatar{background:linear-gradient(135deg, var(--accent-purple), var(--accent-cyan));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex}.user-info{flex:1;overflow:hidden}.user-name{color:var(--text-primary);truncate:true;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.user-plan{color:var(--accent-cyan);font-size:11px}.main-layout{margin-left:var(--sidebar-width);background:var(--bg-primary);flex-direction:column;flex:1;min-width:0;min-height:100vh;display:flex}.top-header{height:var(--header-height);border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50;background:#0a0b14cc;justify-content:space-between;align-items:center;padding:0 28px;display:flex;position:sticky;top:0}.header-title h1{color:var(--text-primary);font-size:18px;font-weight:600}.header-title span{color:var(--text-secondary);font-size:13px}.header-actions{align-items:center;gap:12px;display:flex}.mock-badge{background:var(--accent-amber-dim);color:var(--accent-amber);border:1px solid #f59e0b4d;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:11px;font-weight:600;display:flex}.mock-badge-dot{background:var(--accent-amber);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.connect-btn{background:linear-gradient(135deg, var(--accent-cyan), var(--accent-purple));border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-family);border:none;align-items:center;gap:6px;padding:8px 16px;transition:all .2s;display:flex}.connect-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #00d4ff4d}.page-content{flex:1;min-width:0;padding:28px}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:28px;display:grid}.kpi-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:20px;transition:all .25s;position:relative;overflow:hidden}.kpi-card:before{content:"";background:linear-gradient(90deg, transparent, var(--accent-color,var(--accent-cyan)), transparent);opacity:.6;height:2px;position:absolute;top:0;left:0;right:0}.kpi-card:hover{background:var(--bg-card-hover);border-color:var(--border-glow);box-shadow:var(--shadow-glow-cyan);transform:translateY(-2px)}.kpi-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.kpi-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:500}.kpi-icon{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:32px;height:32px;display:flex}.kpi-value{color:var(--text-primary);margin-bottom:6px;font-size:26px;font-weight:700;line-height:1}.kpi-sub{color:var(--text-secondary);font-size:12px}.kpi-trend{border-radius:999px;align-items:center;gap:3px;padding:2px 6px;font-size:12px;font-weight:600;display:inline-flex}.kpi-trend.up{background:var(--accent-green-dim);color:var(--accent-green)}.kpi-trend.down{background:var(--accent-red-dim);color:var(--accent-red)}.dashboard-grid{grid-template-columns:1fr;gap:20px;display:grid}.dashboard-row{grid-template-columns:1fr 340px;gap:16px;display:grid}@media (width<=768px){.dashboard-row{grid-template-columns:1fr!important}}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);min-width:0;padding:24px}.card-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.card-title{color:var(--text-primary);font-size:15px;font-weight:600}.card-subtitle{color:var(--text-secondary);margin-top:2px;font-size:12px}.period-badge{background:var(--accent-purple-dim);color:var(--accent-purple);border:1px solid #8b5cf633;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:500}.campaign-table{border-collapse:collapse;width:100%}.campaign-table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border-color);padding:0 12px 12px;font-size:11px;font-weight:600}.campaign-table td{color:var(--text-primary);border-bottom:1px solid #ffffff08;padding:14px 12px;font-size:13px}.campaign-table tr:last-child td{border-bottom:none}.campaign-table tr:hover td{background:var(--bg-card-hover)}.status-badge{border-radius:999px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.status-badge.active{background:var(--accent-green-dim);color:var(--accent-green)}.status-badge.inactive{color:var(--text-muted);background:#ffffff0d}.status-badge.not_delivering{background:var(--accent-red-dim);color:var(--accent-red)}.status-dot{background:currentColor;border-radius:50%;width:5px;height:5px}.status-badge.active .status-dot{animation:2s infinite pulse}.alerts-list{flex-direction:column;gap:10px;display:flex}.alert-item{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;align-items:flex-start;gap:12px;padding:14px 16px;transition:all .2s;display:flex}.alert-item.warning{background:var(--accent-amber-dim);border-color:#f59e0b33}.alert-item.info{background:var(--accent-cyan-dim);border-color:#00d4ff26}.alert-item.critical{background:var(--accent-red-dim);border-color:#ef444433}.alert-icon{flex-shrink:0;margin-top:1px}.alert-item.warning .alert-icon{color:var(--accent-amber)}.alert-item.info .alert-icon{color:var(--accent-cyan)}.alert-item.critical .alert-icon{color:var(--accent-red)}.alert-content{flex:1}.alert-title{color:var(--text-primary);margin-bottom:2px;font-size:13px;font-weight:600}.alert-message{color:var(--text-secondary);font-size:12px;line-height:1.5}.alert-unread{background:var(--accent-cyan);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:5px}.chat-container{flex-direction:column;height:500px;display:flex}.chat-messages{flex-direction:column;flex:1;gap:12px;padding-bottom:16px;display:flex;overflow-y:auto}.chat-bubble{gap:10px;max-width:85%;display:flex}.chat-bubble.user{flex-direction:row-reverse;align-self:flex-end}.bubble-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:flex}.bubble-avatar.ai{background:linear-gradient(135deg, var(--accent-cyan), var(--accent-purple));color:#fff}.bubble-avatar.user{background:var(--accent-purple-dim);color:var(--accent-purple);border:1px solid #8b5cf64d}.bubble-text{border-radius:var(--radius-md);padding:10px 14px;font-size:13px;line-height:1.6}.chat-bubble.assistant .bubble-text{background:var(--bg-card-hover);border:1px solid var(--border-color);color:var(--text-primary);border-radius:4px var(--radius-md) var(--radius-md) var(--radius-md)}.chat-bubble.user .bubble-text{background:var(--accent-purple-dim);color:var(--text-primary);border-radius:var(--radius-md) 4px var(--radius-md) var(--radius-md);border:1px solid #8b5cf640}.chat-input-area{border-top:1px solid var(--border-color);gap:10px;margin-top:16px;padding-top:16px;display:flex}.chat-input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;font-family:var(--font-family);outline:none;flex:1;padding:10px 14px;transition:border-color .2s}.chat-input:focus{border-color:var(--accent-cyan);box-shadow:0 0 0 3px #00d4ff14}.chat-input::placeholder{color:var(--text-muted)}.chat-send-btn{background:linear-gradient(135deg, var(--accent-cyan), var(--accent-purple));border-radius:var(--radius-sm);color:#fff;cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.chat-send-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #00d4ff4d}.voice-btn{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:flex}.voice-btn:hover{border-color:var(--accent-purple);color:var(--accent-purple)}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:#ffffff0d}.recharts-text{font-size:11px;fill:var(--text-secondary)!important}.tabs{border-bottom:1px solid var(--border-color);gap:4px;margin-bottom:24px;display:flex}.tab-btn{color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font-family);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 16px;transition:all .2s}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--accent-cyan);border-bottom-color:var(--accent-cyan)}.bottom-nav{display:none}@media (width<=768px){.sidebar{display:none}.main-layout{margin-left:0;padding-bottom:70px}.top-header{height:56px;padding:0 16px}.header-title h1{font-size:15px}.header-title span,.mock-badge span:last-child{display:none}.mock-badge{padding:5px 8px}.connect-btn span{display:none}.connect-btn{min-width:unset;padding:8px 10px}.page-content{padding:16px}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}.kpi-card{padding:14px}.kpi-value{font-size:20px}.kpi-label{font-size:10px}.card{min-width:0;padding:16px}.campaign-table{min-width:750px}.chat-container{height:calc(100vh - 290px)}.bottom-nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--border-color);z-index:200;padding:8px 0 env(safe-area-inset-bottom,8px);background:#0f1120f7;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{color:var(--text-muted);cursor:pointer;font-size:10px;font-weight:500;font-family:var(--font-family);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;padding:6px 4px;transition:all .2s;display:flex;position:relative}.bottom-nav-item.active{color:var(--accent-cyan)}.bottom-nav-item.active svg{filter:drop-shadow(0 0 6px var(--accent-cyan))}.bottom-nav-badge{background:var(--accent-red);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:9px;font-weight:700;display:flex;position:absolute;top:4px;right:calc(50% - 16px)}}.auth-container{background:radial-gradient(circle at 50% 50%, var(--bg-secondary) 0%, var(--bg-primary) 100%);z-index:1000;justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:20px;display:flex;position:fixed;top:0;left:0}.auth-card{border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:420px;box-shadow:var(--shadow-card), var(--shadow-glow-purple);-webkit-backdrop-filter:blur(20px);background:#ffffff05;flex-direction:column;padding:40px 32px;display:flex}.auth-logo{justify-content:center;align-items:center;gap:12px;margin-bottom:24px;display:flex}.auth-logo-icon{background:linear-gradient(135deg, var(--accent-cyan), var(--accent-purple));border-radius:var(--radius-sm);color:#fff;width:42px;height:42px;box-shadow:var(--shadow-glow-cyan);justify-content:center;align-items:center;font-size:20px;font-weight:800;display:flex}.auth-logo-text{background:linear-gradient(90deg, var(--accent-cyan), var(--accent-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700}.auth-title{color:var(--text-primary);text-align:center;margin-bottom:8px;font-size:20px;font-weight:700}.auth-subtitle{color:var(--text-secondary);text-align:center;margin-bottom:24px;font-size:13px;line-height:1.5}.auth-error-badge{background:var(--accent-red-dim);color:var(--accent-red);border-radius:var(--radius-sm);text-align:center;border:1px solid #ef444440;margin-bottom:20px;padding:10px 14px;font-size:12px;font-weight:500;line-height:1.4}.auth-form{flex-direction:column;gap:20px;display:flex}.auth-input-group{flex-direction:column;gap:6px;display:flex}.auth-input-label{color:var(--text-secondary);font-size:12px;font-weight:500}.auth-input-wrapper{align-items:center;display:flex;position:relative}.auth-input-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:14px}.auth-input-field{border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-size:14px;font-family:var(--font-family);background:#0a0b1499;outline:none;padding:12px 16px 12px 42px;transition:all .2s}.auth-input-field:focus{border-color:var(--accent-cyan);background:#0a0b14cc;box-shadow:0 0 0 3px #00d4ff14}.auth-password-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:color .2s;display:flex;position:absolute;right:14px}.auth-password-toggle:hover{color:var(--text-secondary)}.auth-submit-btn{background:linear-gradient(135deg, var(--accent-cyan), var(--accent-purple));color:#fff;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-weight:600;font-family:var(--font-family);border:none;justify-content:center;align-items:center;gap:8px;margin-top:10px;padding:14px;transition:all .2s;display:flex}.auth-submit-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #8b5cf64d}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.auth-loading-spinner{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.auth-switch{color:var(--text-secondary);justify-content:center;align-items:center;gap:6px;margin-top:24px;font-size:13px;display:flex}.auth-switch-btn{color:var(--accent-cyan);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-family);background:0 0;border:none;padding:0;transition:color .2s}.auth-switch-btn:hover{color:var(--accent-purple);text-decoration:underline}.auth-modal-overlay{-webkit-backdrop-filter:blur(10px);z-index:2000;background:#05060fd9;justify-content:center;align-items:center;padding:20px;animation:.25s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.auth-card--modal{animation:.3s slideUp;position:relative}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-modal-close-btn{border:1px solid var(--border-color);width:32px;height:32px;color:var(--text-muted);cursor:pointer;z-index:10;background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.auth-modal-close-btn:hover{color:var(--text-primary);border-color:var(--accent-cyan);background:#ffffff1a}.chat-guest-banner{border-radius:var(--radius-sm);color:var(--accent-amber);cursor:pointer;background:linear-gradient(135deg,#f59e0b1a,#8b5cf614);border:1px solid #f59e0b40;align-items:center;gap:10px;margin-top:12px;padding:12px 16px;font-size:13px;line-height:1.5;transition:all .2s;display:flex}.chat-guest-banner:hover{background:linear-gradient(135deg,#f59e0b26,#8b5cf61f);border-color:#f59e0b66;transform:translateY(-1px)}.chat-guest-banner strong{color:var(--text-primary)}.user-avatar--guest{background:#ffffff14!important;font-size:16px!important}.nav-item--locked{opacity:.5}.nav-item--locked:hover{opacity:.75}.nav-item-lock-icon{opacity:.6;margin-left:auto;font-size:12px}.demo-banner{color:var(--accent-amber);z-index:40;background:#f59e0b14;border-bottom:1px solid #f59e0b26;align-items:center;gap:8px;padding:8px 24px;font-size:12px;display:flex}.demo-banner-dot{background:var(--accent-amber);border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2s infinite pulse}.demo-banner-text{line-height:1.4}.demo-banner-btn{color:var(--accent-cyan);cursor:pointer;font-size:12px;font-weight:600;font-family:var(--font-family);background:0 0;border:none;padding:0 4px;text-decoration:underline;display:inline}.demo-banner-btn:hover{color:var(--accent-purple)}@media (width<=768px){.demo-banner{padding:8px 16px;font-size:11px}.demo-banner-btn{font-size:11px}}.rules-container{flex-direction:column;gap:24px;display:flex}.rules-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.rule-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-direction:column;gap:12px;padding:20px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.rule-card:hover{background:var(--bg-card-hover);border-color:var(--border-glow);box-shadow:var(--shadow-glow-cyan);transform:translateY(-2px)}.rule-card-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.rule-name{color:var(--text-primary);font-size:15px;font-weight:600}.rule-badge{text-transform:uppercase;background:var(--accent-cyan-dim);color:var(--accent-cyan);border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.rule-detail{color:var(--text-secondary);font-size:13px}.rule-detail strong{color:var(--text-primary)}.rule-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-top:4px;padding-top:12px;display:flex}.rule-delete-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.rule-delete-btn:hover{color:var(--accent-red);background:var(--accent-red-dim)}.switch{width:44px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:var(--text-muted);border-radius:24px;transition:all .3s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px;box-shadow:0 2px 4px #0003}input:checked+.slider{background:linear-gradient(135deg, var(--accent-cyan), var(--accent-purple))}input:focus+.slider{box-shadow:0 0 1px var(--accent-cyan)}input:checked+.slider:before{transform:translate(20px)}.form-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px;display:grid}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--text-secondary);font-size:12px;font-weight:500}.form-select,.form-input{border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-size:13px;font-family:var(--font-family);background:#0a0b1499;outline:none;padding:10px 12px;transition:all .2s}.form-select:focus,.form-input:focus{border-color:var(--accent-cyan);background:#0a0b14cc;box-shadow:0 0 0 3px #00d4ff14}.form-select option{background:var(--bg-secondary);color:var(--text-primary)}.timeline-section{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#ffffff04;margin-top:16px;padding:20px}.timeline-title{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:16px;font-size:14px;font-weight:600;display:flex}.timeline-list{flex-direction:column;gap:0;margin-top:12px;padding-left:16px;display:flex;position:relative}.timeline-list:before{content:"";background:var(--border-color);width:1px;position:absolute;top:8px;bottom:8px;left:4px}.timeline-item{padding-bottom:16px;padding-left:12px;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-marker{background:var(--text-muted);border:2px solid var(--bg-primary);z-index:2;border-radius:50%;width:9px;height:9px;transition:all .2s;position:absolute;top:6px;left:-21px}.timeline-item.user_note .timeline-marker{background:var(--accent-purple);box-shadow:0 0 8px var(--accent-purple)}.timeline-item.system_rule .timeline-marker{background:var(--accent-cyan);box-shadow:0 0 8px var(--accent-cyan)}.timeline-item.ai_alert .timeline-marker{background:var(--accent-amber);box-shadow:0 0 8px var(--accent-amber)}.timeline-content{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#ffffff05;padding:10px 14px;transition:all .2s}.timeline-content:hover{background:#ffffff0a}.timeline-header{justify-content:space-between;align-items:center;margin-bottom:4px;font-size:11px;display:flex}.timeline-type{text-transform:uppercase;letter-spacing:.03em;font-weight:600}.timeline-item.user_note .timeline-type{color:var(--accent-purple)}.timeline-item.system_rule .timeline-type{color:var(--accent-cyan)}.timeline-item.ai_alert .timeline-type{color:var(--accent-amber)}.timeline-time{color:var(--text-secondary)}.timeline-body{color:var(--text-primary);font-size:13px;line-height:1.5}.quick-note-form{gap:8px;margin-bottom:16px;display:flex}.quick-note-input{border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;font-family:var(--font-family);background:#0a0b1466;outline:none;flex:1;padding:8px 12px;transition:all .2s}.quick-note-input:focus{border-color:var(--accent-purple);box-shadow:0 0 0 3px #8b5cf614}.quick-note-btn{background:var(--accent-purple-dim);color:var(--accent-purple);border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-family);white-space:nowrap;border:1px solid #8b5cf64d;padding:8px 16px;transition:all .2s}.quick-note-btn:hover{background:var(--accent-purple);color:#fff}.settings-container{flex-direction:column;gap:20px;width:100%;max-width:760px;margin:0 auto;display:flex}.settings-card{flex-direction:column;gap:0;display:flex}.settings-section-header{align-items:center;gap:12px;margin-bottom:20px;display:flex}.settings-section-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.settings-section-title{color:var(--text-primary);font-size:15px;font-weight:700}.settings-section-subtitle{color:var(--text-secondary);margin-top:2px;font-size:12px}.settings-profile-row{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#ffffff06;align-items:center;gap:14px;padding:14px;display:flex}.settings-avatar{background:linear-gradient(135deg, var(--accent-cyan), var(--accent-purple));color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;font-weight:800;display:flex}.settings-profile-info{flex-direction:column;gap:5px;display:flex}.settings-profile-email{color:var(--text-primary);font-size:14px;font-weight:500}.settings-plan-badge{text-transform:uppercase;letter-spacing:.05em;color:var(--accent-purple);background:linear-gradient(135deg,#00d4ff26,#8b5cf626);border:1px solid #8b5cf64d;border-radius:999px;width:fit-content;padding:2px 8px;font-size:10px;font-weight:700}.settings-divider{background:var(--border-color);height:1px;margin:16px 0}.settings-expand-btn{border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font-family);text-align:left;background:#ffffff08;align-items:center;gap:8px;padding:10px 14px;transition:all .2s;display:flex}.settings-expand-btn:hover{color:var(--text-primary);background:#ffffff0f;border-color:#ffffff1f}.settings-password-form{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#ffffff05;flex-direction:column;gap:14px;margin-top:14px;padding:16px;display:flex}.settings-msg{border-radius:var(--radius-sm);align-items:center;gap:8px;padding:10px 12px;font-size:13px;font-weight:500;display:flex}.settings-msg.success{background:var(--accent-green-dim);color:var(--accent-green);border:1px solid #10b98140}.settings-msg.error{background:var(--accent-red-dim);color:var(--accent-red);border:1px solid #ef444440}.settings-connection-row{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#ffffff05;align-items:center;gap:14px;margin-bottom:10px;padding:14px;transition:background .2s;display:flex}.settings-connection-row:last-child{margin-bottom:0}.settings-connection-icon{color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:800;display:flex}.settings-connection-info{flex-direction:column;flex:1;gap:3px;display:flex}.settings-connection-name{color:var(--text-primary);font-size:14px;font-weight:600}.settings-connection-status{font-size:12px;font-weight:500}.settings-connection-status.connected{color:var(--accent-green)}.settings-connection-status.disconnected{color:var(--text-muted)}.settings-action-btn{border-radius:var(--radius-sm);cursor:pointer;font-size:12px;font-weight:600;font-family:var(--font-family);white-space:nowrap;background:var(--accent-cyan-dim);color:var(--accent-cyan);border:1px solid #00d4ff40;align-items:center;gap:6px;padding:7px 14px;transition:all .2s;display:flex}.settings-action-btn:hover{background:#00d4ff33}.settings-action-btn.danger{background:var(--accent-red-dim);color:var(--accent-red);border-color:#ef444440}.settings-action-btn.danger:hover{background:#ef444433}.settings-soon-badge{border:1px solid var(--border-color);color:var(--text-muted);background:#ffffff0d;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700}.settings-subsection-title{color:var(--text-secondary);align-items:center;gap:7px;margin-bottom:14px;font-size:13px;font-weight:600;display:flex}.settings-toggle-row{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.settings-toggle-row:last-of-type{border-bottom:none}.settings-toggle-info{flex-direction:column;gap:3px;display:flex}.settings-toggle-label{color:var(--text-primary);font-size:13px;font-weight:500}.settings-toggle-desc{color:var(--text-muted);font-size:12px;line-height:1.4}@media (width<=768px){.settings-container{max-width:100%}.form-grid[style*="1fr 1fr"]{grid-template-columns:1fr!important}}.payment-page{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.payment-bg-glow{filter:blur(80px);pointer-events:none;opacity:.35;border-radius:50%;position:absolute}.payment-bg-glow-1{background:radial-gradient(circle,#00d4ff40,#0000 70%);width:400px;height:400px;top:-100px;right:-100px}.payment-bg-glow-2{background:radial-gradient(circle,#8b5cf633,#0000 70%);width:350px;height:350px;bottom:-80px;left:-80px}.payment-container{z-index:1;flex-direction:column;align-items:center;gap:24px;width:100%;max-width:440px;display:flex;position:relative}.payment-logo{align-items:center;gap:10px;display:flex}.payment-logo-icon{background:linear-gradient(135deg, var(--accent-cyan), var(--accent-purple));color:#fff;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;font-weight:900;display:flex}.payment-logo-text{letter-spacing:3px;background:linear-gradient(90deg, var(--accent-cyan), var(--accent-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:800}.payment-card{background:var(--bg-card);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:100%;box-shadow:var(--shadow-card), 0 0 40px #00d4ff0f;border-radius:20px;flex-direction:column;gap:0;padding:32px;display:flex}.payment-trial-badge{color:var(--accent-cyan);letter-spacing:.5px;background:linear-gradient(135deg,#00d4ff26,#8b5cf626);border:1px solid #00d4ff40;border-radius:999px;align-self:flex-start;margin-bottom:20px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-flex}.payment-plan-title{color:var(--text-primary);margin-bottom:16px;font-size:28px;font-weight:800}.payment-price{align-items:flex-start;gap:4px;margin-bottom:4px;display:flex}.payment-price-currency{color:var(--accent-cyan);margin-top:6px;font-size:22px;font-weight:700}.payment-price-amount{background:linear-gradient(135deg, var(--accent-cyan), var(--accent-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:64px;font-weight:900;line-height:1}.payment-price-period{color:var(--text-secondary);flex-direction:column;justify-content:flex-end;padding-bottom:8px;font-size:13px;font-weight:600;display:flex}.payment-price-note{color:var(--text-muted);margin-bottom:24px;font-size:12px}.payment-features{border:1px solid var(--border-color);background:#ffffff05;border-radius:12px;flex-direction:column;gap:10px;margin-bottom:28px;padding:20px;display:flex}.payment-feature-row{color:var(--text-secondary);align-items:center;gap:10px;font-size:13px;display:flex}.payment-feature-check{width:20px;height:20px;color:var(--accent-cyan);background:#00d4ff1f;border:1px solid #00d4ff40;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.payment-error{color:var(--accent-red);background:var(--accent-red-dim);border:1px solid #ef444433;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:13px}.payment-cta-btn{background:linear-gradient(135deg, var(--accent-cyan), var(--accent-purple));color:#fff;cursor:pointer;width:100%;font-size:15px;font-weight:700;font-family:var(--font-family);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-bottom:16px;padding:16px;transition:opacity .2s,transform .15s;display:flex}.payment-cta-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.payment-cta-btn:disabled{opacity:.7;cursor:not-allowed}.payment-disclaimer{color:var(--text-muted);text-align:center;margin-bottom:12px;font-size:11px;line-height:1.6}.payment-secure-row{color:var(--text-muted);justify-content:center;align-items:center;gap:6px;font-size:11px;display:flex}.payment-logout-btn{color:var(--text-muted);cursor:pointer;font-size:13px;font-family:var(--font-family);background:0 0;border:none;border-radius:8px;padding:8px 16px;transition:color .2s}.payment-logout-btn:hover{color:var(--text-secondary)}.spin{animation:.8s linear infinite spin}.trial-banner{color:var(--text-secondary);background:linear-gradient(90deg,#8b5cf61f,#00d4ff14);border-bottom:1px solid #8b5cf633;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 20px;font-size:13px;display:flex}.trial-banner strong{color:var(--accent-cyan)}.trial-banner-btn{color:var(--accent-cyan);cursor:pointer;font-size:12px;font-weight:600;font-family:var(--font-family);white-space:nowrap;background:#00d4ff1a;border:1px solid #00d4ff40;border-radius:6px;margin-left:auto;padding:4px 12px;transition:background .2s}.trial-banner-btn:hover{background:#00d4ff2e}.settings-sub-badge{border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}.settings-sub-badge--trialing{color:var(--accent-cyan);background:#00d4ff1f;border:1px solid #00d4ff40}.settings-sub-badge--active{background:var(--accent-green-dim);color:var(--accent-green);border:1px solid #10b98140}.settings-sub-badge--past_due{color:var(--accent-amber);background:#f59e0b1f;border:1px solid #f59e0b40}.settings-sub-badge--canceled{background:var(--accent-red-dim);color:var(--accent-red);border:1px solid #ef444433}.gsl-card{border-color:#ef444433}.gsl-progress-wrap{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.gsl-progress-labels{color:var(--text-secondary);justify-content:space-between;font-size:12px;display:flex}.gsl-progress-bar{background:#ffffff0f;border-radius:999px;height:8px;overflow:hidden}.gsl-progress-fill{background:var(--accent-green);border-radius:999px;height:100%;transition:width .4s}.gsl-progress-fill--warn{background:var(--accent-amber,#f59e0b)}.gsl-progress-fill--danger{background:var(--accent-red)}.gsl-triggered-badge{color:var(--accent-red);background:var(--accent-red-dim);border:1px solid #ef444433;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:600;display:flex}.gsl-form-grid{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}@media (width<=640px){.gsl-form-grid{grid-template-columns:1fr}}