@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&family=DM+Sans:wght@400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Syne:wght@600;700;800&family=DM+Sans:wght@300;400;500;600;700;800&display=swap";:root{--page-bg: #f0eefa;--surface-1: #ffffff;--surface-2: #f7f5fd;--surface-3: #ede9fe;--sidebar-bg: #ffffff;--sidebar-border: #ede9fe;--sidebar-width: 220px;--text-primary: #1a1038;--text-secondary: #6b6890;--text-tertiary: #a89fc4;--text-on-accent: #ffffff;--accent: #7c3aed;--accent-light: #ede9fe;--accent-mid: #c4b5fd;--accent-hover: #6d28d9;--accent-2: #818cf8;--accent-3: #c084fc;--gradient-accent: linear-gradient(135deg, #818cf8 0%, #c084fc 100%);--border: #ede9fe;--border-hover: #c4b5fd;--success-bg: #f0fdf4;--success-text: #16a34a;--success-border: #bbf7d0;--warning-bg: #fffbeb;--warning-text: #d97706;--warning-border: #fde68a;--danger-bg: #fef2f2;--danger-text: #dc2626;--danger-border: #fecaca;--info-bg: #eff6ff;--info-text: #2563eb;--info-border: #bfdbfe;--status-draft-bg: #f5f3ff;--status-draft-text: #7c3aed;--status-sched-bg: #eff6ff;--status-sched-text: #2563eb;--status-pub-bg: #f0fdf4;--status-pub-text: #16a34a;--shadow-sm: 0 1px 3px rgba(124,58,237,.06), 0 1px 2px rgba(124,58,237,.04);--shadow-md: 0 4px 16px rgba(124,58,237,.08), 0 2px 6px rgba(124,58,237,.04);--shadow-lg: 0 12px 32px rgba(124,58,237,.12), 0 4px 12px rgba(124,58,237,.06);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--font-display: "Plus Jakarta Sans", sans-serif;--font-body: "DM Sans", sans-serif;--transition: .15s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--modal-overlay: rgba(15, 5, 40, .45)}[data-theme=dark]{--page-bg: #0e0b1a;--surface-1: #17132a;--surface-2: #1e1935;--surface-3: #28213f;--sidebar-bg: #130f24;--sidebar-border: #2a2245;--text-primary: #ede9fe;--text-secondary: #9d93c0;--text-tertiary: #5a5280;--text-on-accent: #ffffff;--accent: #a78bfa;--accent-light: #2d2060;--accent-mid: #6d28d9;--accent-hover: #c4b5fd;--accent-2: #818cf8;--accent-3: #e879f9;--gradient-accent: linear-gradient(135deg, #818cf8 0%, #c084fc 100%);--border: #2a2245;--border-hover: #4c3d7a;--success-bg: #052e16;--success-text: #4ade80;--success-border: #166534;--warning-bg: #1c1400;--warning-text: #fbbf24;--warning-border: #854d0e;--danger-bg: #1c0505;--danger-text: #f87171;--danger-border: #991b1b;--info-bg: #0c1a3a;--info-text: #60a5fa;--info-border: #1e3a8a;--status-draft-bg: #2d2060;--status-draft-text: #c4b5fd;--status-sched-bg: #0c1a3a;--status-sched-text: #60a5fa;--status-pub-bg: #052e16;--status-pub-text: #4ade80;--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 16px rgba(0,0,0,.4);--shadow-lg: 0 12px 32px rgba(0,0,0,.5);--modal-overlay: rgba(0, 0, 0, .65)}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--page-bg);color:var(--text-primary);transition:background var(--transition-slow),color var(--transition-slow);min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.25;color:var(--text-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--accent-mid);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.sos-layout{display:flex;min-height:100vh}.sos-sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:100;transition:background var(--transition-slow),border-color var(--transition-slow)}.sos-sidebar-logo{padding:24px 20px 16px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border)}.sos-logo-mark{width:36px;height:36px;border-radius:10px;background:var(--gradient-accent);display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-display);font-weight:700;font-size:16px;flex-shrink:0}.sos-logo-text{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.sos-logo-text span{color:var(--accent)}.sos-sidebar-nav{flex:1;padding:12px;display:flex;flex-direction:column;gap:4px;overflow-y:auto}.sos-nav-section{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);padding:12px 8px 6px}.sos-nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-md);font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--transition);text-decoration:none;border:none;background:none;width:100%;text-align:left}.sos-nav-item:hover{background:var(--surface-2);color:var(--text-primary)}.sos-nav-item.active{background:var(--accent-light);color:var(--accent);font-weight:600}.sos-nav-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.sos-sidebar-footer{padding:16px 12px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:4px}.sos-user-chip{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--radius-md);background:var(--surface-2)}.sos-user-avatar{width:30px;height:30px;border-radius:50%;background:var(--gradient-accent);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}.sos-user-name{font-size:13px;font-weight:600;color:var(--text-primary)}.sos-user-role{font-size:11px;color:var(--text-tertiary)}.sos-main{margin-left:var(--sidebar-width);flex:1;min-height:100vh;display:flex;flex-direction:column}.sos-topbar{height:60px;background:var(--surface-1);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:50;transition:background var(--transition-slow)}.sos-page-title{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.sos-topbar-actions{display:flex;align-items:center;gap:10px}.sos-page-content{padding:28px;flex:1}.sos-mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:56px;background:var(--surface-1);border-bottom:1px solid var(--border);align-items:center;justify-content:space-between;padding:0 16px;z-index:200}.sos-card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition),border-color var(--transition),background var(--transition-slow)}.sos-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-hover)}.sos-card-padded{padding:20px 24px}.sos-stat-card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 24px;box-shadow:var(--shadow-sm);transition:all var(--transition)}.sos-stat-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-hover);transform:translateY(-1px)}.sos-stat-card-icon{width:40px;height:40px;border-radius:var(--radius-md);background:var(--accent-light);display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:12px}.sos-stat-value{font-family:var(--font-display);font-size:32px;font-weight:700;color:var(--text-primary);letter-spacing:-.03em;line-height:1;margin-bottom:4px}.sos-stat-label{font-size:13px;color:var(--text-secondary);font-weight:500}.sos-stat-bar{height:6px;border-radius:3px;background:var(--surface-3);margin-top:12px;overflow:hidden}.sos-stat-bar-fill{height:100%;border-radius:3px;background:var(--gradient-accent);transition:width .6s ease}.sos-account-card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:all var(--transition);box-shadow:var(--shadow-sm);text-decoration:none}.sos-account-card:hover{border-color:var(--accent-mid);box-shadow:var(--shadow-md);transform:translateY(-2px)}.sos-account-emoji{width:48px;height:48px;border-radius:var(--radius-md);background:var(--accent-light);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.sos-account-info{flex:1;min-width:0}.sos-account-name{font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sos-account-meta{font-size:12px;color:var(--text-secondary);margin-top:2px}.sos-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 18px;border-radius:var(--radius-md);font-family:var(--font-body);font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all var(--transition);white-space:nowrap;line-height:1;text-decoration:none}.sos-btn:active{transform:scale(.97)}.sos-btn:disabled{opacity:.5;cursor:not-allowed}.sos-btn-primary{background:var(--gradient-accent);color:var(--text-on-accent);box-shadow:0 2px 8px #7c3aed40}.sos-btn-primary:hover:not(:disabled){box-shadow:0 4px 16px #7c3aed59;transform:translateY(-1px)}.sos-btn-secondary{background:var(--surface-2);color:var(--text-primary);border:1px solid var(--border)}.sos-btn-secondary:hover:not(:disabled){background:var(--surface-3);border-color:var(--border-hover)}.sos-btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.sos-btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text-primary)}.sos-btn-danger{background:var(--danger-bg);color:var(--danger-text);border:1px solid var(--danger-border)}.sos-btn-danger:hover:not(:disabled){filter:brightness(.95)}.sos-btn-sm{padding:6px 12px;font-size:12px;border-radius:var(--radius-sm)}.sos-btn-lg{padding:12px 24px;font-size:15px;border-radius:var(--radius-lg)}.sos-btn-icon{padding:8px;border-radius:var(--radius-md)}.sos-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:600;letter-spacing:.02em}.sos-badge-draft{background:var(--status-draft-bg);color:var(--status-draft-text)}.sos-badge-scheduled{background:var(--status-sched-bg);color:var(--status-sched-text)}.sos-badge-published{background:var(--status-pub-bg);color:var(--status-pub-text)}.sos-badge-warning{background:var(--warning-bg);color:var(--warning-text)}.sos-badge-danger{background:var(--danger-bg);color:var(--danger-text)}.sos-badge-info{background:var(--info-bg);color:var(--info-text)}.sos-badge-accent{background:var(--accent-light);color:var(--accent)}.sos-tabs{display:flex;gap:2px;background:var(--surface-2);border-radius:var(--radius-md);padding:4px;border:1px solid var(--border)}.sos-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--transition);border:none;background:none;white-space:nowrap}.sos-tab:hover{color:var(--text-primary);background:var(--surface-1)}.sos-tab.active{background:var(--surface-1);color:var(--accent);font-weight:700;box-shadow:var(--shadow-sm)}.sos-input{width:100%;background:var(--surface-2);border:1.5px solid var(--border);border-radius:var(--radius-md);padding:10px 14px;font-family:var(--font-body);font-size:14px;color:var(--text-primary);outline:none;transition:all var(--transition)}.sos-input::placeholder{color:var(--text-tertiary)}.sos-input:focus{border-color:var(--accent);background:var(--surface-1);box-shadow:0 0 0 3px #7c3aed1f}.sos-textarea{resize:vertical;min-height:100px;line-height:1.6}.sos-label{display:block;font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:6px}.sos-label-hint{font-size:12px;font-weight:400;color:var(--text-secondary);margin-left:6px}.sos-field{margin-bottom:16px}.sos-toggle{position:relative;display:inline-block;width:42px;height:24px;flex-shrink:0}.sos-toggle input{opacity:0;width:0;height:0}.sos-toggle-track{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--surface-3);border-radius:12px;transition:background var(--transition);cursor:pointer;border:1.5px solid var(--border)}.sos-toggle input:checked+.sos-toggle-track{background:var(--accent);border-color:var(--accent)}.sos-toggle-track:before{content:"";position:absolute;width:16px;height:16px;background:#fff;border-radius:50%;top:50%;left:3px;transform:translateY(-50%);transition:left var(--transition);box-shadow:0 1px 3px #0003}.sos-toggle input:checked+.sos-toggle-track:before{left:19px}.sos-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--modal-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .15s ease}.sos-modal{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;max-width:560px;max-height:90vh;overflow-y:auto;animation:slideUp .2s cubic-bezier(.34,1.56,.64,1)}.sos-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px 20px;border-bottom:1px solid var(--border)}.sos-modal-title{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--text-primary)}.sos-modal-body{padding:24px 28px}.sos-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 28px 24px;border-top:1px solid var(--border)}.sos-close-btn{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;color:var(--text-secondary);transition:all var(--transition);line-height:1}.sos-close-btn:hover{background:var(--surface-3);color:var(--text-primary)}.sos-post-card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 20px;display:flex;align-items:flex-start;gap:14px;transition:all var(--transition);box-shadow:var(--shadow-sm)}.sos-post-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}.sos-post-thumb{width:52px;height:52px;border-radius:var(--radius-md);background:var(--surface-3);flex-shrink:0;overflow:hidden;object-fit:cover}.sos-post-body{flex:1;min-width:0}.sos-post-caption{font-size:14px;color:var(--text-primary);line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:6px}.sos-post-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sos-post-time{font-size:12px;color:var(--text-secondary);display:flex;align-items:center;gap:4px}.sos-platform-dot{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;font-size:10px;font-weight:700;color:#fff;flex-shrink:0}.plat-instagram{background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.plat-facebook{background:#1877f2}.plat-twitter{background:#000}.plat-linkedin{background:#0a66c2}.plat-tiktok{background:#000}.plat-youtube{background:red}.sos-theme-toggle{width:36px;height:36px;border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition);font-size:16px;color:var(--text-secondary)}.sos-theme-toggle:hover{background:var(--surface-3);border-color:var(--border-hover);color:var(--text-primary)}.sos-login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--page-bg);padding:24px;position:relative;overflow:hidden}.sos-login-page:before{content:"";position:absolute;top:-20%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(129,140,248,.15) 0%,transparent 70%);pointer-events:none}.sos-login-page:after{content:"";position:absolute;bottom:-10%;left:-5%;width:400px;height:400px;background:radial-gradient(circle,rgba(192,132,252,.12) 0%,transparent 70%);pointer-events:none}.sos-login-card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:48px 44px;width:100%;max-width:440px;position:relative;z-index:1;animation:slideUp .3s cubic-bezier(.34,1.56,.64,1)}.sos-login-logo{display:flex;align-items:center;gap:10px;margin-bottom:36px}.sos-login-title{font-family:var(--font-display);font-size:26px;font-weight:700;color:var(--text-primary);margin-bottom:8px;letter-spacing:-.03em}.sos-login-subtitle{font-size:14px;color:var(--text-secondary);margin-bottom:28px;line-height:1.5}.sos-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.sos-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.sos-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.sos-flex{display:flex}.sos-flex-center{display:flex;align-items:center}.sos-flex-between{display:flex;align-items:center;justify-content:space-between}.sos-gap-2{gap:8px}.sos-gap-3{gap:12px}.sos-gap-4{gap:16px}.sos-section-title{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:12px}.sos-divider{border:none;border-top:1px solid var(--border);margin:20px 0}.sos-empty-state{text-align:center;padding:48px 24px;color:var(--text-secondary)}.sos-empty-icon{font-size:40px;margin-bottom:12px;opacity:.6}.sos-empty-title{font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:6px}.sos-empty-desc{font-size:14px;color:var(--text-secondary);margin-bottom:20px;line-height:1.5}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.sos-skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}@media (max-width: 768px){.sos-sidebar{display:none}.sos-main{margin-left:0;padding-top:56px}.sos-mobile-header{display:flex}.sos-topbar{display:none}.sos-page-content{padding:16px}.sos-grid-2,.sos-grid-3,.sos-grid-4{grid-template-columns:1fr}.sos-login-card{padding:32px 24px}}@media (max-width: 480px){:root{--sidebar-width: 0px}}#root{background:var(--page-bg);min-height:100vh;transition:background var(--transition-slow)}.sos-main,.sos-page-content,#root{background:var(--page-bg)!important;color:var(--text-primary)}:root:not([data-theme=dark]) .sos-page-content div[style*="background:#0"],:root:not([data-theme=dark]) .sos-page-content div[style*="background: #0"],:root:not([data-theme=dark]) .sos-page-content div[style*="background:#1"],:root:not([data-theme=dark]) .sos-page-content div[style*="background: #1"]{background:var(--surface-1)!important;color:var(--text-primary)!important;border-color:var(--border)!important}:root:not([data-theme=dark]) .sos-page-content input[style*="background:#0"],:root:not([data-theme=dark]) .sos-page-content input[style*="background: #0"],:root:not([data-theme=dark]) .sos-page-content textarea[style*="background:#0"],:root:not([data-theme=dark]) .sos-page-content select[style*="background:#0"]{background:var(--surface-2)!important;color:var(--text-primary)!important;border-color:var(--border)!important}:root:not([data-theme=dark]) .sos-page-content button[style*="background:#0"],:root:not([data-theme=dark]) .sos-page-content button[style*="background: #0"]{background:var(--surface-2)!important;color:var(--text-primary)!important;border-color:var(--border)!important}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;background:#080808;color:#fff;font-family:DM Sans,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}input,select,textarea,button{font-family:inherit;outline:none}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:2px}input::placeholder,textarea::placeholder{color:#333}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}*{box-sizing:border-box}html,body{overflow-x:hidden;max-width:100%}