:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.chat-container{background:#000;height:100%;display:flex}.sessions-sidebar{background:#1c1c1e;border-right:1px solid #2c2c2e;flex-direction:column;width:280px;display:flex}.new-session-btn{color:#fff;cursor:pointer;background:#0a84ff;border:none;border-radius:12px;align-items:center;gap:8px;margin:16px;padding:12px 16px;font-size:15px;font-weight:500;transition:background .2s;display:flex}.new-session-btn:hover{background:#0077e6}.plus-icon{font-size:18px;font-weight:300}.sessions-list{flex:1;padding:0 8px;overflow-y:auto}.session-item{cursor:pointer;border-radius:10px;align-items:center;gap:12px;margin-bottom:4px;padding:12px;transition:background .15s;display:flex}.session-item:hover{background:#2c2c2e}.session-item.active{background:#3a3a3c}.session-avatar{color:#fff;background:linear-gradient(135deg,#0a84ff,#5e5ce6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:600;display:flex}.session-info{text-align:left;flex-direction:column;gap:2px;display:flex}.session-name{color:#fff;font-size:15px;font-weight:500}.session-date{color:#8e8e93;font-size:13px}.chat-main{background:#000;flex-direction:column;flex:1;display:flex}.no-session{color:#8e8e93;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.welcome-icon{margin-bottom:8px;font-size:64px}.no-session h2{color:#fff;margin:0;font-size:28px;font-weight:600}.no-session p{margin:0;font-size:16px}.start-btn{color:#fff;cursor:pointer;background:#0a84ff;border:none;border-radius:12px;margin-top:16px;padding:14px 28px;font-size:16px;font-weight:500;transition:background .2s}.start-btn:hover{background:#0077e6}.chat-header{background:#1c1c1e;border-bottom:1px solid #2c2c2e;align-items:center;gap:12px;padding:12px 20px;display:flex}.chat-header-avatar{color:#fff;background:linear-gradient(135deg,#0a84ff,#5e5ce6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;display:flex}.chat-header-info{text-align:left;flex-direction:column;gap:1px;display:flex}.chat-header-name{color:#fff;font-size:15px;font-weight:600}.chat-header-status{color:#30d158;font-size:12px}.messages{flex-direction:column;flex:1;gap:8px;padding:20px;display:flex;overflow-y:auto}.chat-welcome{text-align:left;color:#8e8e93;background:#1c1c1e;border-radius:12px;max-width:400px;padding:20px;font-size:15px;line-height:1.6}.chat-welcome p{margin:8px 0}.message-wrapper{flex-direction:column;max-width:85%;margin-bottom:4px;display:flex}.message-wrapper.user{align-self:flex-end;align-items:flex-end}.message-wrapper.assistant{align-self:flex-start;align-items:flex-start}.message-bubble{word-wrap:break-word;text-align:left;border-radius:18px;padding:12px 16px;font-size:15px;line-height:1.5}.message-bubble.user{color:#fff;background:#0a84ff;border-bottom-right-radius:4px}.message-bubble.assistant{color:#fff;background:#2c2c2e;border-bottom-left-radius:4px}.message-content{text-align:left}.message-content p{text-align:left;margin:0 0 12px}.message-content p:last-child{margin-bottom:0}.message-content h1,.message-content h2,.message-content h3,.message-content h4{text-align:left;margin:16px 0 8px;font-weight:600}.message-content h1:first-child,.message-content h2:first-child,.message-content h3:first-child{margin-top:0}.message-content h2{color:#fff;font-size:18px}.message-content h3{color:#fff;font-size:16px}.message-content ul,.message-content ol{text-align:left;margin:8px 0;padding-left:20px}.message-content li{text-align:left;margin:6px 0}.message-content strong{color:#fff;font-weight:600}.message-content em{font-style:italic}.message-content code{background:#3a3a3c;border-radius:4px;padding:2px 6px;font-family:SF Mono,Monaco,monospace;font-size:13px}.message-content pre{text-align:left;background:#1c1c1e;border-radius:8px;margin:12px 0;padding:12px;overflow-x:auto}.message-content pre code{background:0 0;padding:0}.message-content blockquote{color:#8e8e93;text-align:left;border-left:3px solid #0a84ff;margin:12px 0;padding-left:12px}.message-content hr{border:none;border-top:1px solid #3a3a3c;margin:16px 0}.message-content a{color:#0a84ff;text-decoration:none}.message-content a:hover{text-decoration:underline}.message-time{color:#636366;margin-top:4px;padding:0 4px;font-size:11px}.typing-indicator{align-items:center;gap:4px;padding:4px 0;display:flex}.typing-indicator span{background:#636366;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite typing}.typing-indicator span:first-child{animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.input-container{background:#1c1c1e;border-top:1px solid #2c2c2e;padding:12px 16px 24px}.input-wrapper{background:#2c2c2e;border-radius:20px;align-items:flex-end;gap:8px;padding:6px 6px 6px 16px;display:flex}.input-wrapper textarea{color:#fff;resize:none;text-align:left;background:0 0;border:none;flex:1;max-height:120px;padding:8px 0;font-family:inherit;font-size:15px;line-height:1.4}.input-wrapper textarea:focus{outline:none}.input-wrapper textarea::placeholder{color:#636366}.send-btn{cursor:pointer;background:#3a3a3c;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.send-btn svg{color:#636366;width:16px;height:16px}.send-btn.active{background:#0a84ff}.send-btn.active svg{color:#fff}.send-btn:disabled{cursor:not-allowed}.send-btn.active:hover{background:#0077e6}.messages::-webkit-scrollbar{width:6px}.sessions-list::-webkit-scrollbar{width:6px}.messages::-webkit-scrollbar-track{background:0 0}.sessions-list::-webkit-scrollbar-track{background:0 0}.messages::-webkit-scrollbar-thumb{background:#3a3a3c;border-radius:3px}.sessions-list::-webkit-scrollbar-thumb{background:#3a3a3c;border-radius:3px}.messages::-webkit-scrollbar-thumb:hover{background:#4a4a4c}.sessions-list::-webkit-scrollbar-thumb:hover{background:#4a4a4c}.dashboard{background:#000;min-height:100%;padding:24px;overflow-y:auto}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.stat-card{background:#1c1c1e;border-radius:16px;align-items:center;gap:16px;padding:20px;display:flex}.stat-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-icon svg{color:#fff;width:24px;height:24px}.stat-icon.blue{background:linear-gradient(135deg,#0a84ff,#5e5ce6)}.stat-icon.green{background:linear-gradient(135deg,#30d158,#34c759)}.stat-icon.orange{background:linear-gradient(135deg,#ff9f0a,#ff6b00)}.stat-icon.purple{background:linear-gradient(135deg,#bf5af2,#8944ab)}.stat-info{flex-direction:column;gap:4px;display:flex}.stat-value{color:#fff;font-size:28px;font-weight:700}.stat-label{color:#8e8e93;font-size:13px}.dashboard-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.chart-card,.suggestions-card,.activity-card,.actions-card,.platforms-card{background:#1c1c1e;border-radius:16px;padding:20px}.chart-card h3,.suggestions-card h3,.activity-card h3,.actions-card h3,.platforms-card h3{color:#fff;align-items:center;gap:8px;margin:0 0 16px;font-size:16px;font-weight:600;display:flex}.chart-card.wide{grid-column:span 2}.ai-badge{background:linear-gradient(135deg,#bf5af2,#0a84ff);border-radius:6px;padding:4px 8px;font-size:11px;font-weight:700}.suggestions-list{flex-direction:column;gap:12px;display:flex}.suggestion-item{background:#2c2c2e;border-radius:10px;padding:12px}.suggestion-content{align-items:center;gap:8px;margin-bottom:8px;display:flex}.suggestion-topic{color:#fff;flex:1;font-size:14px}.trending-badge{color:#000;text-transform:uppercase;background:#ff9f0a;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:700}.confidence-bar{background:#3a3a3c;border-radius:3px;height:6px;position:relative;overflow:hidden}.confidence-fill{background:linear-gradient(90deg,#0a84ff,#30d158);border-radius:3px;height:100%;transition:width .3s}.confidence-value{color:#8e8e93;font-size:11px;position:absolute;top:-18px;right:0}.generate-btn{color:#fff;cursor:pointer;background:#0a84ff;border:none;border-radius:10px;width:100%;margin-top:16px;padding:12px;font-size:14px;font-weight:600;transition:background .2s}.generate-btn:hover{background:#0077e6}.activity-list{flex-direction:column;gap:12px;display:flex}.activity-item{border-bottom:1px solid #2c2c2e;align-items:center;gap:12px;padding:10px 0;display:flex}.activity-item:last-child{border-bottom:none}.activity-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.activity-dot.create{background:#0a84ff}.activity-dot.approve{background:#30d158}.activity-dot.publish{background:#bf5af2}.activity-dot.feedback{background:#ff9f0a}.activity-content{flex-direction:column;flex:1;gap:2px;display:flex}.activity-action{color:#fff;font-size:14px}.activity-topic{color:#8e8e93;font-size:12px}.activity-time{color:#636366;font-size:12px}.quick-actions{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.action-btn{color:#fff;cursor:pointer;background:#2c2c2e;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:13px;font-weight:500;transition:background .2s;display:flex}.action-btn:hover{background:#3a3a3c}.action-btn.primary{background:#0a84ff;grid-column:span 2}.action-btn.primary:hover{background:#0077e6}.action-btn svg{width:18px;height:18px}.platforms-list{flex-direction:column;gap:12px;display:flex}.platform-item{background:#2c2c2e;border-radius:10px;align-items:center;gap:12px;padding:12px;display:flex}.platform-icon{color:#fff;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:700;display:flex}.platform-icon.linkedin{background:#0077b5}.platform-icon.twitter,.platform-icon.medium{background:#000;border:1px solid #3a3a3c}.platform-info{flex-direction:column;flex:1;gap:2px;display:flex}.platform-name{color:#fff;font-size:14px;font-weight:500}.platform-status{font-size:12px}.platform-status.connected{color:#30d158}.platform-status.pending{color:#8e8e93}.platform-posts{color:#8e8e93;font-size:13px}@media (width<=1200px){.stats-grid,.dashboard-grid{grid-template-columns:repeat(2,1fr)}.chart-card.wide{grid-column:span 2}}@media (width<=768px){.stats-grid,.dashboard-grid{grid-template-columns:1fr}.chart-card.wide{grid-column:span 1}}.approvals-container{background:#000;flex-direction:column;height:100%;display:flex}.approvals-header{background:#1c1c1e;border-bottom:1px solid #2c2c2e;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.filter-tabs{background:#2c2c2e;border-radius:10px;gap:4px;padding:3px;display:flex}.filter-btn{color:#8e8e93;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .2s}.filter-btn:hover{color:#fff}.filter-btn.active{color:#fff;background:#0a84ff}.sync-btn{color:#fff;cursor:pointer;background:#2c2c2e;border:none;border-radius:10px;padding:10px 16px;font-size:14px;font-weight:500;transition:background .2s}.sync-btn:hover:not(:disabled){background:#3a3a3c}.sync-btn:disabled{opacity:.5;cursor:not-allowed}.approvals-content{flex:1;display:flex;overflow:hidden}.posts-list{background:#1c1c1e;border-right:1px solid #2c2c2e;width:340px;padding:12px;overflow-y:auto}.no-posts{text-align:center;color:#636366;padding:40px 20px}.no-posts .hint{margin-top:8px;font-size:14px}.post-card{cursor:pointer;background:#2c2c2e;border:2px solid #0000;border-radius:12px;margin-bottom:8px;padding:14px;transition:all .2s}.post-card:hover{border-color:#0a84ff}.post-card.selected{background:#3a3a3c;border-color:#0a84ff}.post-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.post-id{color:#636366;font-family:SF Mono,Monaco,monospace;font-size:12px}.status-badge{color:#fff;text-transform:uppercase;letter-spacing:.3px;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:600}.post-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0 0 8px;font-size:15px;font-weight:600;overflow:hidden}.post-meta{color:#8e8e93;margin:0 0 4px;font-size:13px}.post-date{color:#636366;margin:0;font-size:12px}.post-detail{background:#000;flex:1;padding:24px;overflow-y:auto}.no-selection{color:#636366;justify-content:center;align-items:center;height:100%;font-size:15px;display:flex}.detail-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.detail-header h2{color:#fff;flex:1;margin:0;font-size:22px;font-weight:600;line-height:1.3}.detail-meta{color:#8e8e93;gap:20px;margin-bottom:20px;font-size:14px;display:flex}.detail-content{background:#1c1c1e;border-radius:12px;margin-bottom:20px;padding:16px}.detail-content h4{color:#8e8e93;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;font-size:13px;font-weight:600}.blog-preview{color:#fff;text-align:left;font-size:15px;line-height:1.7}.blog-preview p{text-align:left;margin:0 0 16px}.blog-preview h1,.blog-preview h2,.blog-preview h3,.blog-preview h4{color:#fff;text-align:left;margin:24px 0 12px;font-weight:600}.blog-preview h1:first-child,.blog-preview h2:first-child,.blog-preview h3:first-child{margin-top:0}.blog-preview h2{border-bottom:1px solid #3a3a3c;padding-bottom:8px;font-size:20px}.blog-preview h3{color:#0a84ff;font-size:17px}.blog-preview ul,.blog-preview ol{text-align:left;margin:12px 0;padding-left:24px}.blog-preview li{text-align:left;margin:8px 0}.blog-preview strong{color:#fff;font-weight:600}.blog-preview em{color:#8e8e93;font-style:italic}.blog-preview code{color:#ff9f0a;background:#3a3a3c;border-radius:4px;padding:2px 6px;font-family:SF Mono,Monaco,monospace;font-size:13px}.blog-preview pre{text-align:left;background:#000;border-radius:8px;margin:16px 0;padding:16px;overflow-x:auto}.blog-preview pre code{color:#fff;background:0 0;padding:0}.blog-preview blockquote{color:#8e8e93;text-align:left;background:#2c2c2e;border-left:4px solid #0a84ff;border-radius:0 8px 8px 0;margin:16px 0;padding:12px 16px}.blog-preview hr{border:none;border-top:1px solid #3a3a3c;margin:24px 0}.blog-preview a{color:#0a84ff;text-decoration:none}.blog-preview a:hover{text-decoration:underline}.blog-preview table{border-collapse:collapse;width:100%;margin:16px 0}.blog-preview th,.blog-preview td{text-align:left;border:1px solid #3a3a3c;padding:10px 12px}.blog-preview th{background:#2c2c2e;font-weight:600}.blog-preview tr:nth-child(2n){background:#ffffff05}.approval-form{background:#1c1c1e;border-radius:12px;padding:20px}.approval-form h4{color:#fff;margin:0 0 16px;font-size:16px;font-weight:600}.approval-form input,.approval-form textarea{color:#fff;background:#2c2c2e;border:1px solid #3a3a3c;border-radius:10px;width:100%;margin-bottom:12px;padding:12px 14px;font-family:inherit;font-size:15px}.approval-form input:focus,.approval-form textarea:focus{border-color:#0a84ff;outline:none}.approval-form textarea{resize:vertical;min-height:80px}.approval-actions{gap:12px;display:flex}.approve-btn,.reject-btn{cursor:pointer;border:none;border-radius:10px;flex:1;padding:14px;font-size:15px;font-weight:600;transition:opacity .2s}.approve-btn{color:#fff;background:#30d158}.approve-btn:hover:not(:disabled){opacity:.9}.reject-btn{color:#fff;background:#ff453a}.reject-btn:hover:not(:disabled){opacity:.9}.approve-btn:disabled,.reject-btn:disabled{opacity:.4;cursor:not-allowed}.publish-section{margin-top:16px}.publish-btn{color:#fff;cursor:pointer;background:#0a84ff;border:none;border-radius:12px;width:100%;padding:16px;font-size:16px;font-weight:600;transition:background .2s}.publish-btn:hover:not(:disabled){background:#0077e6}.publish-btn:disabled{opacity:.4;cursor:not-allowed}.posts-list::-webkit-scrollbar{width:6px}.post-detail::-webkit-scrollbar{width:6px}.posts-list::-webkit-scrollbar-track{background:0 0}.post-detail::-webkit-scrollbar-track{background:0 0}.posts-list::-webkit-scrollbar-thumb{background:#3a3a3c;border-radius:3px}.post-detail::-webkit-scrollbar-thumb{background:#3a3a3c;border-radius:3px}.templates-container{background:#000;min-height:100%;padding:24px;overflow-y:auto}.templates-header{margin-bottom:24px}.templates-header h2{color:#fff;margin:0 0 4px;font-size:24px;font-weight:700}.templates-header p{color:#8e8e93;margin:0 0 16px;font-size:15px}.category-filter{flex-wrap:wrap;gap:8px;display:flex}.category-btn{color:#8e8e93;cursor:pointer;background:#2c2c2e;border:none;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s}.category-btn:hover{color:#fff;background:#3a3a3c}.category-btn.active{color:#fff;background:#0a84ff}.templates-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.template-card{cursor:pointer;background:#1c1c1e;border:2px solid #0000;border-radius:16px;padding:20px;transition:all .2s;position:relative}.template-card:hover{border-color:#3a3a3c;transform:translateY(-2px)}.template-card.selected{border-color:#0a84ff}.popular-badge{color:#000;text-transform:uppercase;background:linear-gradient(135deg,#ff9f0a,#ff6b00);border-radius:12px;padding:4px 10px;font-size:11px;font-weight:700;position:absolute;top:12px;right:12px}.template-card h3{color:#fff;margin:0 0 8px;font-size:18px;font-weight:600}.template-desc{color:#8e8e93;margin:0 0 12px;font-size:14px;line-height:1.4}.template-meta{gap:16px;margin-bottom:12px;display:flex}.meta-item{color:#636366;align-items:center;gap:6px;font-size:12px;display:flex}.meta-item svg{opacity:.7}.template-preview{color:#8e8e93;background:#2c2c2e;border-radius:8px;margin:0 0 16px;padding:12px;font-size:13px;font-style:italic}.use-template-btn{color:#0a84ff;cursor:pointer;background:#2c2c2e;border:none;border-radius:10px;width:100%;padding:12px;font-size:14px;font-weight:600;transition:background .2s}.use-template-btn:hover{background:#3a3a3c}.template-modal-overlay{z-index:1000;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.template-modal{background:#1c1c1e;border-radius:20px;width:100%;max-width:500px;padding:32px;position:relative}.close-btn{color:#8e8e93;cursor:pointer;background:#2c2c2e;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:24px;line-height:1;display:flex;position:absolute;top:16px;right:16px}.close-btn:hover{color:#fff;background:#3a3a3c}.template-modal h2{color:#fff;margin:0 0 8px;font-size:24px;font-weight:700}.modal-desc{color:#8e8e93;margin:0 0 24px;font-size:15px}.modal-settings{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.setting-group{flex-direction:column;gap:8px;display:flex}.setting-group label{color:#8e8e93;font-size:13px;font-weight:600}.setting-group input,.setting-group select{color:#fff;background:#2c2c2e;border:1px solid #3a3a3c;border-radius:10px;padding:14px 16px;font-family:inherit;font-size:15px}.setting-group input:focus,.setting-group select:focus{border-color:#0a84ff;outline:none}.setting-group input::placeholder{color:#636366}.setting-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.modal-actions{gap:12px;display:flex}.cancel-btn:hover{background:#3a3a3c}.template-modal .generate-btn{color:#fff;cursor:pointer;background:#0a84ff;border:none;border-radius:10px;flex:2;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:15px;font-weight:600;display:flex}.template-modal .generate-btn:hover{background:#0077e6}.calendar-container{background:#000;min-height:100%;padding:24px;overflow-y:auto}.calendar-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.calendar-title h2{color:#fff;margin:0 0 4px;font-size:24px;font-weight:700}.calendar-title p{color:#8e8e93;margin:0;font-size:15px}.calendar-controls{align-items:center;gap:12px;display:flex}.view-toggle{background:#2c2c2e;border-radius:10px;padding:4px;display:flex}.view-toggle button{color:#8e8e93;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s}.view-toggle button.active{color:#fff;background:#0a84ff}.schedule-btn{color:#fff;cursor:pointer;background:#0a84ff;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:background .2s;display:flex}.schedule-btn:hover{background:#0077e6}.calendar-nav{justify-content:center;align-items:center;gap:24px;margin-bottom:20px;display:flex}.calendar-nav h3{color:#fff;text-align:center;min-width:200px;margin:0;font-size:20px;font-weight:600}.nav-btn{color:#fff;cursor:pointer;background:#2c2c2e;border:none;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s;display:flex}.nav-btn:hover{background:#3a3a3c}.nav-btn svg{width:24px;height:24px}.calendar-grid{background:#1c1c1e;border-radius:16px;margin-bottom:24px;overflow:hidden}.calendar-weekdays{background:#2c2c2e;grid-template-columns:repeat(7,1fr);display:grid}.weekday{text-align:center;color:#8e8e93;padding:12px;font-size:13px;font-weight:600}.calendar-days{grid-template-columns:repeat(7,1fr);display:grid}.calendar-day{border-bottom:1px solid #2c2c2e;border-right:1px solid #2c2c2e;min-height:100px;padding:8px;position:relative}.calendar-day:nth-child(7n){border-right:none}.calendar-day.empty{background:#141416}.calendar-day.today{background:#0a84ff1a}.calendar-day.today .day-number{color:#fff;background:#0a84ff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.day-number{color:#fff;margin-bottom:8px;font-size:14px;font-weight:600}.day-posts{flex-direction:column;gap:4px;display:flex}.day-post{border-radius:4px;flex-direction:column;gap:2px;padding:4px 6px;font-size:11px;display:flex}.day-post.scheduled{background:#0a84ff33;border-left:2px solid #0a84ff}.day-post.draft{background:#ff9f0a33;border-left:2px solid #ff9f0a}.post-time{color:#8e8e93;font-weight:600}.post-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.more-posts{color:#0a84ff;font-size:11px;font-weight:500}.upcoming-section{background:#1c1c1e;border-radius:16px;padding:20px}.upcoming-section h3{color:#fff;margin:0 0 16px;font-size:18px;font-weight:600}.upcoming-list{flex-direction:column;gap:12px;display:flex}.upcoming-item{background:#2c2c2e;border-radius:10px;align-items:center;gap:12px;padding:12px;display:flex}.platform-badge{color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.platform-badge.linkedin{background:#0077b5}.platform-badge.twitter,.platform-badge.medium{background:#000;border:1px solid #3a3a3c}.upcoming-info{flex-direction:column;flex:1;gap:4px;display:flex}.upcoming-title{color:#fff;font-size:14px;font-weight:500}.upcoming-date{color:#8e8e93;font-size:12px}.status-badge{text-transform:uppercase;border-radius:12px;padding:4px 10px;font-size:11px;font-weight:600}.status-badge.scheduled{color:#0a84ff;background:#0a84ff33}.status-badge.draft{color:#ff9f0a;background:#ff9f0a33}.edit-btn{color:#fff;cursor:pointer;background:0 0;border:1px solid #3a3a3c;border-radius:8px;padding:8px 16px;font-size:13px;transition:all .2s}.edit-btn:hover{background:#3a3a3c}.publish-now-btn{color:#fff;cursor:pointer;background:#30d158;border:none;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:600;transition:all .2s}.publish-now-btn:hover{background:#28b84d}.delete-btn{color:#fff;cursor:pointer;background:#ff453a;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:18px;display:flex}.delete-btn:hover{background:#e63c32}.no-scheduled{text-align:center;color:#8e8e93;padding:40px 20px}.no-scheduled .hint{margin-top:8px;font-size:13px}.modal-overlay{z-index:1000;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.schedule-modal{background:#1c1c1e;border-radius:20px;width:480px;max-width:90vw;padding:28px;position:relative}.schedule-modal .close-btn{color:#8e8e93;cursor:pointer;background:#2c2c2e;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;display:flex;position:absolute;top:16px;right:16px}.schedule-modal h2{color:#fff;margin:0 0 24px;font-size:22px;font-weight:700}.form-group select,.form-group input{color:#fff;background:#2c2c2e;border:1px solid #3a3a3c;border-radius:10px;width:100%;padding:14px 16px;font-family:inherit;font-size:15px}.form-group select:focus,.form-group input:focus{border-color:#0a84ff;outline:none}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.no-posts-msg{color:#ff9f0a;background:#ff9f0a1a;border-radius:8px;padding:12px;font-size:14px}.platform-options{gap:12px;display:flex}.platform-option{color:#fff;cursor:pointer;background:#2c2c2e;border:2px solid #3a3a3c;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:8px;padding:16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.platform-option:hover:not(.disabled){border-color:#0a84ff}.platform-option.selected{background:#0a84ff1a;border-color:#0a84ff}.platform-option.disabled{opacity:.5;cursor:not-allowed}.platform-option .platform-icon{color:#fff;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.platform-option .platform-icon.linkedin{background:#0077b5}.platform-option .platform-icon.twitter,.platform-option .platform-icon.medium{background:#000;border:1px solid #3a3a3c}.modal-actions{gap:12px;margin-top:24px;display:flex}.cancel-btn{color:#fff;cursor:pointer;background:#2c2c2e;border:none;border-radius:10px;flex:1;padding:14px;font-size:15px;font-weight:600}.confirm-btn{color:#fff;cursor:pointer;background:#0a84ff;border:none;border-radius:10px;flex:2;padding:14px;font-size:15px;font-weight:600}.confirm-btn:disabled{opacity:.5;cursor:not-allowed}.confirm-btn:hover:not(:disabled){background:#0077e6}.settings-container{background:#000;max-width:600px;min-height:100%;margin:0 auto;padding:32px}.settings-card{background:#1c1c1e;border-radius:16px;padding:24px}.settings-card h2{color:#fff;margin:0 0 20px;font-size:22px;font-weight:600}.config-status{background:#2c2c2e;border-radius:12px;margin-bottom:20px;padding:16px}.status-indicator{align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.status-indicator.configured{color:#30d158}.status-indicator.not-configured{color:#ff9f0a}.person-urn{color:#8e8e93;margin:8px 0 0;font-family:SF Mono,Monaco,monospace;font-size:13px}.config-form{margin-bottom:24px}.form-group{margin-bottom:16px}.form-group label{color:#8e8e93;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.form-group input{color:#fff;background:#2c2c2e;border:1px solid #3a3a3c;border-radius:10px;width:100%;padding:14px 16px;font-family:inherit;font-size:15px;transition:border-color .2s}.form-group input:focus{border-color:#0a84ff;outline:none}.form-group input::placeholder{color:#636366}.message{border-radius:10px;margin-bottom:16px;padding:14px 16px;font-size:14px;font-weight:500}.message.success{color:#30d158;background:#30d15826;border:1px solid #30d1584d}.message.error{color:#ff453a;background:#ff453a26;border:1px solid #ff453a4d}.save-btn{color:#fff;cursor:pointer;background:#0a84ff;border:none;border-radius:12px;width:100%;padding:16px;font-size:16px;font-weight:600;transition:background .2s}.save-btn:hover:not(:disabled){background:#0077e6}.save-btn:disabled{opacity:.4;cursor:not-allowed}.help-section{background:#2c2c2e;border-radius:12px;padding:20px}.help-section h3{color:#fff;margin:0 0 16px;font-size:16px;font-weight:600}.help-section ol{color:#8e8e93;margin:0;padding-left:20px;font-size:14px;line-height:2}.help-section a{color:#0a84ff;text-decoration:none}.help-section a:hover{text-decoration:underline}.help-section code{color:#ff9f0a;background:#3a3a3c;border-radius:4px;padding:2px 6px;font-family:SF Mono,Monaco,monospace;font-size:13px}.help-section .note{color:#8e8e93;background:#1c1c1e;border-radius:8px;margin:16px 0 0;padding:14px;font-size:13px;line-height:1.5}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0}body{color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.app{flex-direction:column;height:100vh;display:flex}.header{background:#1c1c1e;border-bottom:1px solid #2c2c2e;justify-content:space-between;align-items:center;height:56px;padding:0 20px;display:flex}.header-left{align-items:center;display:flex}.logo{align-items:center;gap:10px;display:flex}.logo-icon{color:#fff;background:linear-gradient(135deg,#0a84ff,#5e5ce6);border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;font-weight:700;display:flex}.logo-text{color:#fff;font-size:16px;font-weight:600}.tabs{background:#2c2c2e;border-radius:12px;gap:4px;padding:4px;display:flex}.tab{color:#8e8e93;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.tab svg{opacity:.7}.tab:hover{color:#fff}.tab:hover svg{opacity:1}.tab.active{color:#fff;background:#0a84ff}.tab.active svg{opacity:1}.header-right{align-items:center;gap:12px;display:flex}.user-avatar{color:#fff;background:linear-gradient(135deg,#30d158,#34c759);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:600;display:flex}.main{flex:1;overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#3a3a3c;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4a4a4c}