:root{--purple:#6c3ae8;--purple-hover:#4c1d95;--purple-light:#a78bfa;--purple-bg:#ede9fe;--purple-subtle:#f5f3ff;--cyan:#00d4ff;--text-primary:#1a1a2e;--text-secondary:#9ca3af;--text-muted:#c4c4d0;--surface:#fff;--surface-bg:#f8f8fc;--border:#e5e3f0;--border-light:#f0eff5;--error:#ef4444;--error-bg:#fef2f2;--success:#16a34a}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--surface-bg);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}.auth-page{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;width:100%;max-width:420px;padding:40px;box-shadow:0 2px 12px #6c3ae80f}.auth-card h1{color:var(--text-primary);margin-bottom:4px;font-size:24px}.subtitle{color:var(--text-secondary);margin-bottom:24px}.field{margin-bottom:16px}.field label{color:var(--text-primary);margin-bottom:6px;font-size:14px;font-weight:500;display:block}.field input{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text-primary);border-radius:8px;padding:10px 12px;font-size:15px;transition:border-color .2s}.field input:focus{border-color:var(--purple);outline:none;box-shadow:0 0 0 3px #6c3ae81a}.btn-primary{background:var(--purple);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;padding:12px;font-size:15px;font-weight:500;transition:background .2s}.btn-primary:hover{background:var(--purple-hover)}.btn-primary:disabled{background:var(--purple-light);cursor:not-allowed}.btn-secondary{background:var(--surface);color:var(--text-primary);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:10px 20px;font-size:14px;transition:all .2s}.btn-secondary:hover{background:var(--purple-subtle);border-color:var(--purple-light)}.btn-oauth{text-align:center;border:1px solid var(--border);width:100%;color:var(--text-primary);background:var(--surface);border-radius:8px;margin-bottom:8px;padding:12px;font-size:15px;text-decoration:none;transition:all .2s;display:block}.btn-oauth:hover{border-color:var(--purple-light);background:var(--purple-subtle)}.divider{color:var(--text-muted);align-items:center;margin:20px 0;font-size:13px;display:flex}.divider:before,.divider:after{content:"";border-bottom:1px solid var(--border-light);flex:1}.divider span{padding:0 12px}.switch-auth{text-align:center;color:var(--text-secondary);margin-top:20px;font-size:14px}.switch-auth a{color:var(--purple);font-weight:500;text-decoration:none}.switch-auth a:hover{color:var(--purple-hover)}.error-message{background:var(--error-bg);color:var(--error);border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:14px}.onboarding-page{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.onboarding-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;width:100%;max-width:500px;padding:40px;box-shadow:0 2px 12px #6c3ae80f}.progress-bar{background:var(--border-light);border-radius:2px;height:4px;margin-bottom:8px;overflow:hidden}.progress-fill{background:var(--purple);border-radius:2px;height:100%;transition:width .3s}.step-indicator{color:var(--text-muted);margin-bottom:24px;font-size:13px}.step h2{color:var(--text-primary);margin-bottom:20px;font-size:20px}.options-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px;display:grid}.options-list{flex-direction:column;gap:10px;margin-bottom:24px;display:flex}.option-btn{background:var(--surface);border:1px solid var(--border);cursor:pointer;text-align:left;color:var(--text-primary);border-radius:8px;padding:12px 16px;font-size:14px;transition:all .2s}.option-btn:hover{border-color:var(--purple-light);background:var(--purple-subtle)}.option-btn.selected{border-color:var(--purple);background:var(--purple-bg);color:var(--purple);font-weight:500}.step-actions{justify-content:flex-end;gap:12px;display:flex}.step-actions .btn-primary{width:auto;padding:10px 32px}.dashboard-layout{min-height:100vh;display:flex}.dashboard-sidebar{background:var(--text-primary);width:220px;color:var(--surface);flex-direction:column;flex-shrink:0;display:flex}.sidebar-brand{color:var(--purple-light);letter-spacing:2px;border-bottom:1px solid #ffffff14;padding:20px 24px;font-size:20px;font-weight:900}.sidebar-nav{flex:1;padding:12px 0}.nav-link{color:var(--text-secondary);padding:10px 24px;font-size:14px;text-decoration:none;transition:all .2s;display:block}.nav-link:hover{color:var(--surface);background:#ffffff0d}.nav-link.active{color:var(--surface);background:var(--purple);font-weight:500}.sidebar-footer{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.sidebar-user{color:var(--text-secondary);font-size:13px}.btn-sm{padding:6px 12px;font-size:12px}.dashboard-content{flex:1;padding:32px;overflow-y:auto}.overview-page h2{margin-bottom:24px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:12px;padding:24px}.stat-value{color:var(--purple);font-size:28px;font-weight:700}.stat-label{color:var(--text-secondary);margin-top:4px;font-size:13px}.inbox-layout{gap:0;height:calc(100vh - 64px);margin:-32px;display:flex}.inbox-list{border-right:1px solid var(--border);background:var(--surface);flex-shrink:0;width:320px;overflow-y:auto}.inbox-list h2{padding:20px 20px 12px;font-size:18px}.conversation-item{border-bottom:1px solid var(--border-light);cursor:pointer;padding:14px 20px;transition:background .15s}.conversation-item:hover{background:var(--purple-subtle)}.conversation-item.selected{background:var(--purple-bg);border-left:3px solid var(--purple)}.conv-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.conv-name{font-size:14px;font-weight:500}.conv-meta{align-items:center;gap:8px;display:flex}.conv-username{color:var(--text-muted);font-size:12px}.platform-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:600}.platform-telegram{color:#1976d2;background:#e3f2fd}.platform-instagram{color:#c2185b;background:#fce4ec}.platform-vk{color:#3949ab;background:#e8eaf6}.platform-max{color:#00838f;background:#e0f7fa}.unread-badge{background:var(--purple);color:#fff;border-radius:10px;padding:1px 7px;font-size:11px;font-weight:600}.inbox-detail{background:var(--surface-bg);flex-direction:column;flex:1;display:flex;overflow-y:auto}.message-thread{flex-direction:column;flex:1;gap:12px;padding:20px;display:flex}.message-bubble{border-radius:12px;max-width:70%;padding:10px 14px;font-size:14px;line-height:1.5}.msg-inbound{background:var(--surface);border:1px solid var(--border);align-self:flex-start}.msg-outbound{background:var(--purple);color:#fff;align-self:flex-end}.msg-pending{border:1px dashed var(--purple);background:var(--purple-bg)!important;color:var(--text-primary)!important}.msg-meta{color:var(--text-muted);align-items:center;gap:8px;margin-top:6px;font-size:11px;display:flex}.msg-outbound .msg-meta{color:#ffffffb3}.msg-ai-badge{background:var(--purple-light);color:#fff;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:600}.msg-actions{gap:6px;display:flex}.btn-approve{background:var(--success);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:4px 12px;font-size:12px}.btn-reject{background:var(--error);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:4px 12px;font-size:12px}.msg-status{font-size:11px;font-weight:500}.msg-status.approved{color:var(--success)}.msg-status.rejected{color:var(--error)}.settings-page h2{margin-bottom:24px}.settings-section{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:20px;padding:24px}.settings-section h3{color:var(--text-primary);margin-bottom:16px;font-size:16px}.settings-form{flex-direction:column;gap:12px;display:flex}.settings-form textarea{border:1px solid var(--border);resize:vertical;border-radius:8px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px}.connections-list{flex-direction:column;gap:10px;display:flex}.connection-card{border:1px solid var(--border-light);border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.conn-info{align-items:center;gap:12px;display:flex}.conn-name{font-size:14px;font-weight:500}.conn-status{font-size:12px}.status-active{color:var(--success)}.status-expired{color:var(--error)}.mode-toggle{cursor:pointer;border:none;border-radius:6px;padding:6px 16px;font-size:13px;font-weight:500;transition:all .2s}.mode-autopilot{background:var(--purple-bg);color:var(--purple)}.mode-expert{color:#92400e;background:#fef3c7}.notification-toggles{flex-direction:column;gap:12px;display:flex}.toggle-row{cursor:pointer;align-items:center;gap:12px;font-size:14px;display:flex}.toggle-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--purple)}.connect-buttons{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.btn-connect{background:var(--purple-subtle);color:var(--purple);border:1px dashed var(--purple-light);cursor:pointer;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s}.btn-connect:hover{background:var(--purple-bg);border-style:solid}.connect-form{background:var(--purple-subtle);border:1px solid var(--border);border-radius:10px;margin-top:16px;padding:20px}.connect-form h4{margin-bottom:8px;font-size:15px}.connect-hint{color:var(--text-secondary);margin-bottom:16px;font-size:13px}.connect-hint a{color:var(--purple)}.connect-actions{gap:10px;margin-top:12px;display:flex}.content-page h2{margin-bottom:0}.content-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.content-actions{gap:10px;display:flex}.plans-list{flex-direction:column;gap:12px;display:flex}.plan-card{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:12px;padding:20px;transition:all .2s}.plan-card:hover{border-color:var(--purple-light)}.plan-title{margin-bottom:4px;font-size:16px;font-weight:500}.plan-meta{color:var(--text-secondary);gap:16px;font-size:13px;display:flex}.plan-detail{margin-top:20px}.plan-detail h3{margin:16px 0}.entries-list{flex-direction:column;gap:12px;display:flex}.entry-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px}.entry-header{align-items:center;gap:10px;margin-bottom:8px;display:flex}.entry-format{color:var(--text-secondary);text-transform:uppercase;font-size:12px}.entry-status{border-radius:4px;padding:2px 8px;font-size:11px}.status-draft{background:var(--border-light);color:var(--text-secondary)}.status-planned{background:var(--purple-bg);color:var(--purple)}.status-published{color:var(--success);background:#d1fae5}.status-skipped{color:#92400e;background:#fef3c7}.entry-topic{font-size:14px;font-weight:500}.entry-text{color:var(--text-secondary);margin-top:4px;font-size:13px}.entry-schedule{color:var(--text-muted);margin-top:6px;font-size:12px}.entry-cta{color:var(--purple);margin-top:4px;font-size:12px}.empty-state{color:var(--text-muted);padding:20px;font-size:14px}.empty-state.center{text-align:center;flex:1;justify-content:center;align-items:center;display:flex}.loading{min-height:100vh;color:var(--text-muted);justify-content:center;align-items:center;display:flex}