:root{--bg:#0f1117;--surface:#16181f;--surface2:#1e2029;--border:hsla(0,0%,100%,.07);--border-active:hsla(0,0%,100%,.15);--text:#e8eaf0;--text-muted:#8b90a0;--text-dim:#5a5f70;--primary:#4f46e5;--primary-hover:#4338ca;--primary-dim:rgba(79,70,229,.15);--error:#ef4444;--success:#22c55e;--warning:#f59e0b;--sidebar-w:220px;--topbar-h:56px;--accent:#6366f1;--sidebar-bg:#0f0f1a}[data-theme=light]{--bg:#f4f5fa;--surface:#fff;--surface2:#eef0f6;--border:rgba(0,0,0,.08);--border-active:rgba(0,0,0,.18);--text:#1b1e2e;--text-muted:#5a6172;--text-dim:#9097ab;--primary:#4f46e5;--primary-hover:#4338ca;--primary-dim:rgba(79,70,229,.1);--error:#dc2626;--success:#16a34a;--warning:#d97706;--accent:#6366f1}[data-theme=light] .dashboard-sidebar{background:#1a1c2e!important;border-right-color:hsla(0,0%,100%,.06)!important}[data-theme=light] .mobile-topbar{background:#fff;border-bottom-color:rgba(0,0,0,.08)}[data-theme=light] .desktop-theme-toggle button{background:#eef0f6;border-color:rgba(0,0,0,.15);color:#1b1e2e}[data-theme=light] body{background:var(--bg);color:var(--text)}[data-theme=light] .surface{background:var(--surface);border-color:var(--border)}[data-theme=light] .input{background:var(--surface2);border-color:var(--border);color:var(--text)}[data-theme=light] .btn-ghost{background:transparent;color:var(--text-muted);border-color:var(--border)}[data-theme=light] .btn-ghost:hover:not(:disabled){background:var(--surface2)}*{box-sizing:border-box;margin:0;padding:0}body,html{overflow-x:hidden}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:var(--border-active);border-radius:3px}::selection{background:var(--primary-dim);color:var(--text)}.surface{background:var(--surface);border:1px solid var(--border);border-radius:12px}.surface2{background:var(--surface2)}.btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;border:none;transition:all .15s;text-decoration:none;white-space:nowrap;min-height:44px;touch-action:manipulation}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-ghost{background:transparent;color:var(--text-muted);border:1px solid var(--border)}.btn-ghost:hover:not(:disabled){background:var(--surface2);color:var(--text);border-color:var(--border-active)}.btn-sm{padding:6px 12px;font-size:13px;min-height:36px}.btn-danger{background:rgba(239,68,68,.12);color:var(--error);border:1px solid rgba(239,68,68,.2)}.btn-danger:hover:not(:disabled){background:rgba(239,68,68,.2)}.input{background:var(--surface2);border:1px solid var(--border);color:var(--text);padding:10px 14px;border-radius:8px;width:100%;font-size:16px;outline:none;transition:border-color .15s;font-family:inherit;min-height:44px}.input:focus{border-color:var(--primary)}.input::placeholder{color:var(--text-dim)}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:20px;font-size:12px;font-weight:500}.badge-draft{background:rgba(99,102,241,.12);color:#818cf8}.badge-published{background:rgba(34,197,94,.12);color:#4ade80}.badge-scheduled{background:rgba(245,158,11,.12);color:#fbbf24}.badge-archived{background:hsla(220,9%,46%,.12);color:#9ca3af}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.spinner{width:24px;height:24px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}.fade-in{animation:fadeIn .25s ease}.dashboard-root{background:var(--bg);width:100%}.dashboard-root,.dashboard-sidebar{display:flex;min-height:100vh;overflow-x:hidden}.dashboard-sidebar{width:var(--sidebar-w);background:var(--sidebar-bg,#0f0f1a);border-right:1px solid hsla(0,0%,100%,.06);flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:200;transition:transform .25s ease,width .25s ease;overflow-y:auto;transform:translateX(0)}.sidebar-collapsed{width:64px!important}.sidebar-collapsed+.dashboard-main,.sidebar-collapsed~.dashboard-main{margin-left:64px!important;max-width:calc(100vw - 64px)!important}.dashboard-main{margin-left:var(--sidebar-w);flex:1;padding:32px 36px;min-width:0;max-width:calc(100vw - var(--sidebar-w));overflow-x:hidden;transition:margin-left .25s ease,max-width .25s ease}.main-sidebar-collapsed{margin-left:64px!important;max-width:calc(100vw - 64px)!important}.desktop-theme-toggle{position:fixed;top:16px;right:20px;z-index:300;display:flex}@media (max-width:768px){.desktop-theme-toggle{display:none}}.mobile-topbar{display:none;position:fixed;top:0;left:0;right:0;height:56px;background:var(--surface);border-bottom:1px solid var(--border);align-items:center;justify-content:space-between;padding:0 16px;z-index:100}.hamburger-btn{background:none;border:none;color:var(--text);cursor:pointer;padding:10px;border-radius:8px;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;touch-action:manipulation}.hamburger-btn:hover{background:var(--surface2)}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:150;backdrop-filter:blur(2px)}.sidebar-overlay.open{display:block}.page-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px;flex-wrap:wrap}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.conn-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.create-layout{display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:start}.platform-grid{gap:10px}.board-counters,.platform-grid{display:grid;grid-template-columns:repeat(3,1fr)}.board-counters{gap:14px;margin-bottom:28px}.board-layout{display:grid;grid-template-columns:260px 1fr;gap:16px}.connections-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-main{padding:28px 24px}.create-layout{grid-template-columns:1fr 280px}.board-counters{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.mobile-topbar{display:flex}.dashboard-sidebar{transform:translateX(-100%);box-shadow:4px 0 24px rgba(0,0,0,.4)}.dashboard-sidebar.open{transform:translateX(0);animation:slideIn .25s ease}.dashboard-main{margin-left:0!important;max-width:100vw!important;width:100%!important;padding:72px 16px 32px!important;overflow-x:hidden!important}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.conn-grid,.connections-grid{grid-template-columns:1fr}.page-header{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.page-header .btn{width:100%;justify-content:center}.page-header h1,.page-header h2{font-size:20px!important}.create-layout{grid-template-columns:1fr!important}.board-counters,.platform-grid{grid-template-columns:repeat(2,1fr)!important}.board-counters{gap:10px!important;margin-bottom:20px!important}.board-layout{grid-template-columns:1fr!important}.input,select,textarea{font-size:16px!important}}@media (max-width:480px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.board-counters,.platform-grid{grid-template-columns:repeat(2,1fr)!important}.board-counters{gap:8px!important}.dashboard-main{padding:68px 12px 24px!important}}.cal-layout{display:grid;grid-template-columns:1fr 300px;gap:24px;align-items:start}.cal-main{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px;overflow:hidden}.cal-month-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.cal-month-title{font-size:18px;font-weight:700;color:var(--text)}.cal-nav-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--surface2);border:1px solid var(--border);border-radius:8px;color:var(--text-muted);cursor:pointer;transition:all .15s;flex-shrink:0}.cal-nav-btn:hover{background:var(--primary-dim);color:var(--primary);border-color:var(--primary)}.cal-week-header{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:4px}.cal-weekday{text-align:center;font-size:12px;font-weight:600;color:var(--text-dim);padding:6px 0;text-transform:uppercase;letter-spacing:.05em}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.cal-cell{min-height:100px;border-radius:10px;padding:8px;background:var(--surface2);border:1px solid transparent;cursor:pointer;transition:all .15s;overflow:hidden;display:flex;flex-direction:column;gap:4px}.cal-cell:hover{border-color:var(--border-active);background:#1a1c26}.cal-cell-empty{background:transparent!important;border:none!important;cursor:default!important;min-height:100px}.cal-cell-today{background:var(--primary-dim)!important}.cal-cell-selected,.cal-cell-today{border-color:var(--primary)!important}.cal-cell-selected{box-shadow:0 0 0 2px rgba(79,70,229,.3)}.cal-day-num{font-size:13px;font-weight:500;color:var(--text-muted);line-height:1;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;flex-shrink:0}.cal-day-today-badge{background:var(--primary);color:#fff!important;font-weight:700}.cal-events-list{display:flex;flex-direction:column;gap:2px;flex:1;min-height:0;overflow:hidden}.cal-event-chip{display:flex;align-items:center;gap:3px;font-size:11px;font-weight:500;padding:2px 6px;border-radius:4px;overflow:hidden;white-space:nowrap;line-height:1.4}.cal-event-chip.status-draft{background:rgba(99,102,241,.12);color:#818cf8}.cal-event-chip.status-scheduled{background:rgba(245,158,11,.12);color:#fbbf24}.cal-event-chip.status-published{background:rgba(34,197,94,.12);color:#4ade80}.cal-event-chip.status-archived{background:hsla(220,9%,46%,.12);color:#9ca3af}.cal-event-icon{flex-shrink:0;font-size:10px}.cal-event-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.cal-event-more{font-size:10px;color:var(--text-dim);padding:1px 0}.cal-sidebar{gap:0;position:sticky;top:24px}.cal-loading,.cal-sidebar{display:flex;flex-direction:column}.cal-loading{align-items:center;justify-content:center;min-height:400px}@media (max-width:900px){.cal-layout{grid-template-columns:1fr}.cal-sidebar{position:static}}@media (max-width:640px){.cal-main{padding:16px 12px}.cal-cell{min-height:60px;padding:5px}.cal-event-chip{display:none}.cal-cell-has-events .cal-day-num:after{content:"";display:block;width:4px;height:4px;background:var(--primary);border-radius:50%;margin:2px auto 0}.cal-month-title{font-size:16px}.cal-weekday{font-size:10px;padding:4px 0}}.dashboard-main--fullscreen,.dashboard-root--app{height:100dvh;overflow:hidden}.dashboard-main--fullscreen{padding:0!important;display:flex;flex-direction:column;min-height:0}@media (min-width:769px) and (max-width:1280px){.dashboard-main--fullscreen{max-width:calc(100vw - var(--sidebar-w))}}@media (max-width:768px){.dashboard-main--fullscreen{height:calc(100dvh - var(--topbar-h))!important;margin-top:var(--topbar-h)!important;margin-left:0!important;max-width:100vw!important;padding:0!important}}.create-studio{display:flex;flex-direction:column;height:100%;overflow:hidden;background:var(--bg)}.create-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;min-height:52px}.create-header,.create-tabs{border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0}.create-tabs{display:none}.create-body{flex:1;display:flex;flex-direction:row;overflow:hidden;min-height:0}.create-chat-panel{flex:1;min-width:0;overflow:hidden;border-right:1px solid var(--border);background:var(--bg)}.create-studio-panel{width:clamp(300px,38%,440px);flex-shrink:0;overflow:hidden;background:var(--surface)}@media (max-width:640px){.create-tabs{display:flex}.create-chat-panel,.create-studio-panel{width:100%!important;border-right:none!important}.create-body{position:relative}}.create-input-wrap:focus-within{border-color:rgba(139,92,246,.5)!important;box-shadow:0 0 0 3px rgba(139,92,246,.08),0 4px 20px rgba(0,0,0,.3)!important}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.1);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.18)}@keyframes typing-dot{0%,60%,to{opacity:.15;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}@keyframes glow-focus{0%{box-shadow:0 0 0 2px rgba(99,102,241,.15),0 4px 24px rgba(0,0,0,.3)}50%{box-shadow:0 0 0 3px rgba(99,102,241,.25),0 8px 32px rgba(0,0,0,.35)}to{box-shadow:0 0 0 2px rgba(99,102,241,.15),0 4px 24px rgba(0,0,0,.3)}}@keyframes float-gentle{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-8px) rotate(1deg)}66%{transform:translateY(-4px) rotate(-.5deg)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}@keyframes tab-slide{0%{opacity:0;transform:translateX(-6px)}to{opacity:1;transform:translateX(0)}}@keyframes border-rotate{0%{--angle:0deg}to{--angle:360deg}}.create-input-wrap:focus-within{border-color:rgba(99,102,241,.55)!important;box-shadow:0 0 0 3px rgba(99,102,241,.1),0 0 0 1px rgba(99,102,241,.2),0 8px 32px rgba(0,0,0,.4)!important;animation:glow-focus 3s ease infinite}.chat-bubble-ai{background:linear-gradient(135deg,rgba(30,33,50,.9),rgba(20,22,36,.95));border:1px solid rgba(99,102,241,.12);border-left:2px solid rgba(99,102,241,.45)!important;box-shadow:0 2px 12px rgba(0,0,0,.25),inset 0 1px 0 hsla(0,0%,100%,.03)}.chat-bubble-user{background:linear-gradient(135deg,#3730a3,#312e81);border:1px solid rgba(99,102,241,.3);box-shadow:0 4px 16px rgba(55,48,163,.3)}.platform-tab{transition:all .18s cubic-bezier(.4,0,.2,1)!important;animation:tab-slide .2s ease}.platform-tab:hover{transform:translateY(-1px)}.skeleton{background:linear-gradient(90deg,hsla(0,0%,100%,.03) 25%,hsla(0,0%,100%,.07) 50%,hsla(0,0%,100%,.03) 75%);background-size:400px 100%;animation:shimmer 1.5s infinite;border-radius:6px}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#22c55e;animation:live-pulse 2s ease infinite;box-shadow:0 0 6px rgba(34,197,94,.6)}.studio-divider{width:1px;background:linear-gradient(180deg,transparent,rgba(99,102,241,.15) 30%,rgba(99,102,241,.08) 70%,transparent)}.empty-hero-float{animation:float-gentle 5s ease-in-out infinite}.gradient-text{background:linear-gradient(135deg,#a5b4fc,#c4b5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.studio-action-btn{transition:all .15s ease!important}.studio-action-btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.1)}.input-hint{display:flex;align-items:center;gap:4px;font-size:10px;color:hsla(0,0%,100%,.2);font-family:ui-monospace,JetBrains Mono,monospace}.input-hint kbd{background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.1);border-radius:4px;padding:1px 5px;font-family:inherit;font-size:9px;color:hsla(0,0%,100%,.3)}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-2%,-3%)}20%{transform:translate(3%,2%)}30%{transform:translate(-1%,4%)}40%{transform:translate(4%,-1%)}50%{transform:translate(-3%,3%)}60%{transform:translate(2%,-4%)}70%{transform:translate(-4%,2%)}80%{transform:translate(3%,-2%)}90%{transform:translate(-2%,3%)}}@keyframes btn-neon-pulse{0%,to{box-shadow:0 0 0 0 rgba(99,102,241,0)}50%{box-shadow:0 0 16px 2px rgba(99,102,241,.22)}}@keyframes msg-appear{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}body{background:radial-gradient(ellipse 80% 50% at 20% 0,rgba(79,70,229,.06) 0,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 100%,rgba(139,92,246,.04) 0,transparent 60%),#080a10!important}.glass-card{background:hsla(0,0%,100%,.03);backdrop-filter:blur(24px) saturate(1.5);-webkit-backdrop-filter:blur(24px) saturate(1.5);border:1px solid hsla(0,0%,100%,.07);border-top-color:hsla(0,0%,100%,.12)}.chat-bubble-ai{background:linear-gradient(145deg,rgba(22,25,42,.95),rgba(15,17,30,.98))!important;border:1px solid rgba(99,102,241,.14)!important;border-left:2px solid rgba(99,102,241,.5)!important;box-shadow:0 2px 16px rgba(0,0,0,.3),0 0 0 0 rgba(99,102,241,0),inset 0 1px 0 hsla(0,0%,100%,.04)!important}.chat-bubble-user{background:linear-gradient(135deg,#4338ca,#3730a3 50%,#312e81)!important;border:1px solid rgba(99,102,241,.4)!important;box-shadow:0 4px 20px rgba(67,56,202,.35),inset 0 1px 0 hsla(0,0%,100%,.12)!important}.msg-item{animation:msg-appear .22s cubic-bezier(.34,1.56,.64,1) forwards}.send-btn-active{animation:btn-neon-pulse 2.5s ease infinite;transition:all .2s cubic-bezier(.4,0,.2,1)!important}.send-btn-active:hover{transform:scale(1.06)!important;box-shadow:0 0 24px rgba(99,102,241,.5)!important}.platform-item:hover{background:hsla(0,0%,100%,.04)!important;border-color:hsla(0,0%,100%,.1)!important;transform:translateX(2px)}.platform-item{transition:all .16s cubic-bezier(.4,0,.2,1)!important}.platform-item.active{transform:translateX(2px)}.post-card{transition:all .18s cubic-bezier(.4,0,.2,1)!important}.post-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(0,0,0,.4)!important}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(99,102,241,.3),rgba(139,92,246,.2))!important;border-radius:4px!important}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(99,102,241,.5),rgba(139,92,246,.4))!important}.chat-header-gradient{background:linear-gradient(180deg,rgba(8,10,16,.98),rgba(10,12,20,.95));backdrop-filter:blur(8px);border-bottom:1px solid rgba(99,102,241,.1)!important;box-shadow:0 4px 24px rgba(0,0,0,.3)}.chat-textarea{caret-color:#818cf8;transition:all .2s ease}.chat-textarea::placeholder{background:linear-gradient(90deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,.12));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.create-input-wrap:focus-within{border-color:rgba(99,102,241,.6)!important;background:rgba(99,102,241,.04)!important;box-shadow:0 0 0 3px rgba(99,102,241,.08),0 0 0 1px rgba(99,102,241,.25),0 8px 40px rgba(0,0,0,.5),inset 0 1px 0 rgba(99,102,241,.1)!important}