:root{--bg-root:#0a0a0f;--bg-surface:#12121a;--bg-elevated:#1a1a25;--bg-hover:#22222f;--bg-glass:#ffffff08;--bg-glass-hover:#ffffff0f;--accent:#f0a030;--accent-hover:#f5b44e;--accent-muted:#f0a03026;--accent-subtle:#f0a03014;--text-primary:#e8e6ed;--text-secondary:#8a8694;--text-tertiary:#55515e;--text-accent:#f0a030;--border:#ffffff0f;--border-hover:#ffffff1f;--border-accent:#f0a0304d;--status-draft:#6366f1;--status-scheduled:#3b82f6;--status-queued:#f59e0b;--status-publishing:#f59e0b;--status-published:#10b981;--status-failed:#ef4444;--platform-facebook:#1877f2;--platform-instagram:#e4405f;--platform-linkedin:#0a66c2;--platform-tiktok:#00f2ea;--platform-youtube:red;--shadow-sm:0 1px 2px #0000004d, 0 1px 3px #00000026;--shadow-md:0 4px 6px #0000004d, 0 2px 4px #0003;--shadow-lg:0 10px 25px #0006, 0 6px 10px #0003;--shadow-glow:0 0 30px #f0a0301a;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--font-display:"Outfit", sans-serif;--font-body:"DM Sans", sans-serif;--sidebar-width:260px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px}body{font-family:var(--font-body);background:var(--bg-root);color:var(--text-primary);line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-hover)}::selection{background:var(--accent-muted);color:var(--accent)}.app-layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);border-right:1px solid var(--border);z-index:100;background:linear-gradient(#101018 0%,#0d0d14 100%);flex-direction:column;padding:0;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.sidebar-brand{border-bottom:1px solid var(--border);padding:28px 24px 20px}.sidebar-brand h1{font-family:var(--font-display);letter-spacing:-.02em;background:linear-gradient(135deg, var(--accent) 0%, #ffd080 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.35rem;font-weight:700}.sidebar-brand span{color:var(--text-tertiary);letter-spacing:.12em;text-transform:uppercase;margin-top:2px;font-size:.7rem;font-weight:500;display:block}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:16px 12px;display:flex}.sidebar-nav a{border-radius:var(--radius-md);color:var(--text-secondary);align-items:center;gap:12px;padding:10px 14px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex;position:relative}.sidebar-nav a:hover{background:var(--bg-glass-hover);color:var(--text-primary)}.sidebar-nav a.active{background:var(--accent-subtle);color:var(--accent)}.sidebar-nav a.active:before{content:"";background:var(--accent);border-radius:0 4px 4px 0;width:3px;height:20px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.nav-icon{opacity:.7;flex-shrink:0;width:20px;height:20px}.sidebar-nav a.active .nav-icon{opacity:1}.sidebar-footer{border-top:1px solid var(--border);padding:16px 12px}.logout-btn{border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-secondary);font-size:.85rem;font-family:var(--font-body);cursor:pointer;background:0 0;align-items:center;gap:12px;padding:10px 14px;transition:all .2s;display:flex}.logout-btn:hover{border-color:var(--status-failed);color:var(--status-failed);background:#ef44440f}.content{margin-left:var(--sidebar-width);background:var(--bg-root);flex:1;min-height:100vh}.content-inner{max-width:1100px;margin:0 auto;padding:40px 48px}.page-header{margin-bottom:36px}.page-header h1{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text-primary);font-size:1.85rem;font-weight:700}.page-header p{color:var(--text-secondary);margin-top:4px;font-size:.9rem}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;transition:border-color .2s}.card:hover{border-color:var(--border-hover)}.card-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.card-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.01em;font-size:1rem;font-weight:600}.card-subtitle{color:var(--text-tertiary);font-size:.8rem}.stat-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.stat-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px 24px;transition:all .25s;position:relative;overflow:hidden}.stat-card:before{content:"";background:linear-gradient(90deg, transparent, var(--accent-muted), transparent);opacity:0;height:2px;transition:opacity .25s;position:absolute;top:0;left:0;right:0}.stat-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card:hover:before{opacity:1}.stat-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);margin-bottom:8px;font-size:.75rem;font-weight:600;display:block}.stat-value{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text-primary);font-size:2rem;font-weight:700;line-height:1.1;display:block}.stat-change{border-radius:999px;margin-top:6px;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-block}.stat-change.up{color:var(--status-published);background:#10b9811a}.stat-change.down{color:var(--status-failed);background:#ef44441a}.table-wrapper{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}table{border-collapse:collapse;width:100%}th{text-align:left;text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);background:var(--bg-elevated);border-bottom:1px solid var(--border);padding:12px 20px;font-size:.7rem;font-weight:600}td{color:var(--text-secondary);border-bottom:1px solid var(--border);padding:14px 20px;font-size:.9rem;transition:background .15s}tr:last-child td{border-bottom:none}tr:hover td{background:var(--bg-glass)}.status-badge{letter-spacing:.02em;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.status-badge:before{content:"";border-radius:50%;flex-shrink:0;width:6px;height:6px}.status-badge.draft{color:#818cf8;background:#6366f11f}.status-badge.draft:before{background:#818cf8}.status-badge.scheduled{color:#60a5fa;background:#3b82f61f}.status-badge.scheduled:before{background:#60a5fa}.status-badge.queued{color:#fbbf24;background:#f59e0b1f}.status-badge.queued:before{background:#fbbf24}.status-badge.publishing{color:#fbbf24;background:#f59e0b1f}.status-badge.publishing:before{background:#fbbf24;animation:1.5s infinite pulse-dot}.status-badge.published{color:#34d399;background:#10b9811f}.status-badge.published:before{background:#34d399}.status-badge.failed{color:#f87171;background:#ef44441f}.status-badge.failed:before{background:#f87171}.status-badge.active{color:#34d399;background:#10b9811f}.status-badge.active:before{background:#34d399}.status-badge.needs_reauth{color:#fbbf24;background:#f59e0b1f}.status-badge.needs_reauth:before{background:#fbbf24}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}.platform-badge{align-items:center;gap:6px;font-size:.8rem;font-weight:600;display:inline-flex}.platform-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.platform-dot.facebook{background:var(--platform-facebook)}.platform-dot.instagram{background:var(--platform-instagram)}.platform-dot.linkedin{background:var(--platform-linkedin)}.platform-dot.tiktok{background:var(--platform-tiktok)}.platform-dot.youtube{background:var(--platform-youtube)}.btn{font-family:var(--font-body);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:8px;padding:9px 18px;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:var(--accent);color:#0a0a0f}.btn-primary:hover{background:var(--accent-hover);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-hover)}.btn-ghost{color:var(--text-secondary);background:0 0;padding:8px 12px}.btn-ghost:hover{background:var(--bg-glass-hover);color:var(--text-primary)}.btn-danger{color:#f87171;background:#ef44441a;border:1px solid #ef444433}.btn-danger:hover{background:#ef44442e;border-color:#ef444459}.btn-sm{padding:5px 12px;font-size:.78rem}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.connect-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.connect-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-primary);align-items:center;gap:12px;padding:16px 18px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.connect-card:hover{border-color:var(--border-hover);background:var(--bg-elevated);box-shadow:var(--shadow-md);color:var(--text-primary);transform:translateY(-2px)}.connect-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;font-weight:800;display:flex}.connect-icon.facebook{color:var(--platform-facebook);background:#1877f226}.connect-icon.instagram{color:var(--platform-instagram);background:#e4405f26}.connect-icon.linkedin{color:var(--platform-linkedin);background:#0a66c226}.connect-icon.tiktok{color:var(--platform-tiktok);background:#00f2ea1a}.connect-icon.youtube{color:var(--platform-youtube);background:#ff00001f}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;font-size:.78rem;font-weight:600}.form-input{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-body);outline:none;padding:11px 16px;font-size:.9rem;transition:all .2s}.form-input::placeholder{color:var(--text-tertiary)}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.form-select{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-body);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%238a8694' viewBox='0 0 16 16'%3E%3Cpath d='m4.5 6 3.5 4 3.5-4z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;outline:none;padding:9px 32px 9px 14px;font-size:.85rem;transition:border-color .2s}.form-select:focus{border-color:var(--accent)}.toolbar{align-items:center;gap:12px;margin-bottom:20px;display:flex}.toolbar-spacer{flex:1}.auth-wrapper{min-height:100vh;display:flex}.auth-visual{background:var(--bg-surface);flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.auth-visual:before{content:"";background:radial-gradient(60% 50% at 30% 40%,#f0a03014 0%,#0000 70%),radial-gradient(40% 60% at 70% 60%,#6366f10f 0%,#0000 70%);animation:8s ease-in-out infinite alternate auth-glow;position:absolute;inset:0}@keyframes auth-glow{0%{opacity:.6;transform:scale(1)}to{opacity:1;transform:scale(1.1)}}.auth-visual-content{text-align:center;padding:40px;position:relative}.auth-visual-content h2{font-family:var(--font-display);letter-spacing:-.04em;background:linear-gradient(135deg, var(--text-primary) 0%, var(--accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;line-height:1.15}.auth-visual-content p{color:var(--text-tertiary);margin-top:12px;font-size:1rem}.auth-panel{flex-direction:column;justify-content:center;width:480px;padding:60px 48px;display:flex}.auth-panel h1{font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:8px;font-size:1.75rem;font-weight:700}.auth-panel .auth-subtitle{color:var(--text-secondary);margin-bottom:32px;font-size:.9rem}.auth-form{flex-direction:column;gap:18px;display:flex}.auth-form .btn-primary{justify-content:center;width:100%;margin-top:4px;padding:12px;font-size:.95rem}.auth-error{border-radius:var(--radius-md);color:#f87171;background:#ef444414;border:1px solid #ef444433;padding:10px 14px;font-size:.85rem}.auth-footer{text-align:center;color:var(--text-tertiary);margin-top:28px;font-size:.85rem}.auth-footer a{font-weight:600}.calendar-nav{align-items:center;gap:20px;margin-bottom:24px;display:flex}.calendar-month{font-family:var(--font-display);letter-spacing:-.02em;text-align:center;min-width:200px;font-size:1.2rem;font-weight:600}.calendar-grid{border:1px solid var(--border);border-radius:var(--radius-lg);grid-template-columns:repeat(7,1fr);display:grid;overflow:hidden}.calendar-day-header{text-align:center;text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);background:var(--bg-elevated);border-bottom:1px solid var(--border);padding:12px;font-size:.7rem;font-weight:600}.calendar-cell{background:var(--bg-surface);border-right:1px solid var(--border);border-bottom:1px solid var(--border);min-height:110px;padding:10px;transition:background .15s}.calendar-cell:nth-child(7n){border-right:none}.calendar-cell:hover{background:var(--bg-elevated)}.calendar-cell.empty{background:var(--bg-root)}.calendar-cell.today{background:var(--accent-subtle)}.day-num{font-family:var(--font-display);color:var(--text-tertiary);margin-bottom:6px;font-size:.85rem;font-weight:600}.calendar-cell.today .day-num{color:var(--accent)}.cal-post{white-space:nowrap;text-overflow:ellipsis;cursor:default;border-radius:4px;margin-bottom:3px;padding:3px 6px;font-size:.7rem;overflow:hidden}.cal-post.draft{color:#a5b4fc;background:#6366f11a}.cal-post.scheduled{color:#93c5fd;background:#3b82f61a}.cal-post.published{color:#6ee7b7;background:#10b9811a}.cal-post.failed{color:#fca5a5;background:#ef44441a}.plans-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.plan-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;padding:28px 24px;transition:all .25s;display:flex}.plan-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.plan-card.current{border-color:var(--accent);box-shadow:var(--shadow-glow)}.plan-name{font-family:var(--font-display);text-transform:capitalize;margin-bottom:16px;font-size:1.15rem;font-weight:700}.plan-features{flex-direction:column;flex:1;gap:10px;margin-bottom:20px;list-style:none;display:flex}.plan-features li{color:var(--text-secondary);align-items:center;gap:8px;font-size:.85rem;display:flex}.plan-features li:before{content:"~";color:var(--accent);font-weight:700}.current-tag{background:var(--accent-subtle);color:var(--accent);border-radius:var(--radius-md);justify-content:center;align-items:center;padding:8px 16px;font-size:.8rem;font-weight:600;display:inline-flex}.empty-state{text-align:center;color:var(--text-tertiary);padding:60px 20px}.empty-state-icon{opacity:.4;margin-bottom:12px;font-size:2.5rem}.empty-state h3{font-family:var(--font-display);color:var(--text-secondary);margin-bottom:6px;font-size:1.1rem;font-weight:600}.empty-state p{max-width:340px;margin:0 auto;font-size:.85rem}.loading{justify-content:center;align-items:center;padding:80px 20px;display:flex}.loading-spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.section{margin-bottom:32px}.section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.section-title{font-family:var(--font-display);color:var(--text-secondary);letter-spacing:-.01em;font-size:1rem;font-weight:600}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.4s ease-out both fadeUp}.fade-in-delay-1{animation-delay:50ms}.fade-in-delay-2{animation-delay:.1s}.fade-in-delay-3{animation-delay:.15s}.fade-in-delay-4{animation-delay:.2s}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:560px;max-height:90vh;box-shadow:var(--shadow-lg);overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;padding:24px 28px 0;display:flex}.modal-header h2{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.3rem;font-weight:700}.modal-close{color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:4px 8px;font-size:1.6rem;line-height:1;transition:all .2s}.modal-close:hover{color:var(--text-primary);background:var(--bg-glass-hover)}.modal-body{flex-direction:column;gap:18px;padding:20px 28px 28px;display:flex}.modal-footer{justify-content:flex-end;gap:10px;padding-top:8px;display:flex}.compose-textarea{resize:vertical;min-height:100px;line-height:1.6}.compose-char-count{color:var(--text-tertiary);text-align:right;font-size:.75rem}.compose-hint{color:var(--text-tertiary);font-size:.78rem}.api-key-created{border-radius:var(--radius-lg);background:#10b9810f;border:1px solid #10b98133;margin-bottom:16px;padding:20px}.api-key-created-header{color:#34d399;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:.85rem;font-weight:600;display:flex}.api-key-display{background:var(--bg-elevated);border-radius:var(--radius-md);border:1px solid var(--border);align-items:center;gap:12px;padding:12px 16px;display:flex}.api-key-display code{color:var(--accent);word-break:break-all;flex:1;font-family:JetBrains Mono,Fira Code,monospace;font-size:.82rem}.api-key-form{align-items:center;gap:10px;margin-bottom:16px;display:flex}.api-key-form .form-input{flex:1}.key-prefix{color:var(--text-tertiary);background:var(--bg-elevated);border-radius:4px;padding:3px 8px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.8rem}.api-keys-list{flex-direction:column;gap:10px;display:flex}.api-key-row{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 20px;transition:border-color .2s}.api-key-row:hover{border-color:var(--border-hover)}.api-key-row.new{background:#10b98108;border-color:#10b98140}.api-key-row-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.api-key-row-name{color:var(--text-primary);font-size:.92rem;font-weight:600}.api-key-row-meta{color:var(--text-tertiary);gap:16px;font-size:.75rem;display:flex}.api-key-row-value{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:10px;padding:8px 14px;display:flex}.api-key-row-value code{color:var(--text-secondary);word-break:break-all;-webkit-user-select:all;user-select:all;flex:1;font-family:JetBrains Mono,Fira Code,monospace;font-size:.8rem}.api-key-row.new .api-key-row-value code{color:var(--accent)}.api-key-row-actions{flex-shrink:0;gap:6px;display:flex}.api-docs-intro{color:var(--text-secondary);margin-bottom:20px;font-size:.88rem;line-height:1.7}.api-docs-intro code{color:var(--accent);background:var(--bg-elevated);border-radius:4px;padding:2px 7px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.82rem}.code-block-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);margin-top:16px;margin-bottom:6px;font-size:.72rem;font-weight:600}.code-block{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);white-space:pre;margin-bottom:4px;padding:16px 18px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.78rem;line-height:1.7;overflow-x:auto}.admin-platforms{flex-direction:column;gap:12px;display:flex}.admin-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color .2s;overflow:hidden}.admin-card:hover{border-color:var(--border-hover)}.admin-card-header{cursor:pointer;justify-content:space-between;align-items:center;padding:18px 22px;transition:background .15s;display:flex}.admin-card-header:hover{background:var(--bg-glass)}.admin-card-left{align-items:center;gap:14px;display:flex}.admin-card-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;font-weight:800;display:flex}.admin-card-name{color:var(--text-primary);font-size:.95rem;font-weight:600}.admin-card-status{margin-top:2px}.admin-card-body{border-top:1px solid var(--border);flex-direction:column;gap:18px;padding:18px 22px 22px;display:flex}.admin-redirect{flex-direction:column;gap:6px;display:flex}.admin-redirect-row{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:10px;padding:10px 14px;display:flex}.admin-redirect-row code{color:var(--accent);word-break:break-all;-webkit-user-select:all;user-select:all;flex:1;font-family:JetBrains Mono,Fira Code,monospace;font-size:.8rem}.admin-fields{flex-direction:column;gap:14px;display:flex}.admin-card-footer{justify-content:flex-end;align-items:center;gap:12px;display:flex}.admin-success{color:#34d399;font-size:.82rem;font-weight:600}.admin-error{color:#f87171;font-size:.82rem;font-weight:600}.admin-instructions{border-top:1px solid var(--border);padding-top:16px}.admin-instructions summary{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;padding:4px 0;font-size:.82rem;font-weight:600}.admin-instructions summary:hover{color:var(--text-primary)}.admin-instructions ol{flex-direction:column;gap:8px;margin-top:12px;padding-left:20px;display:flex}.admin-instructions li{color:var(--text-secondary);font-size:.83rem;line-height:1.5}.admin-docs-link{margin-top:12px;font-size:.82rem;font-weight:600;display:inline-block}@media (width<=900px){.sidebar{display:none}.content{margin-left:0}.auth-visual{display:none}.auth-panel{width:100%}}