@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap";:root{--color-background: #09090b;--color-surface: #18181b;--color-surface-highlight: #27272a;--color-border: #2e2e36;--color-primary: #22c55e;--color-primary-hover: #16a34a;--color-primary-glow: rgba(34, 197, 94, .2);--color-secondary: #ec4899;--color-accent: #6366f1;--color-text: #fafafa;--color-text-muted: #a1a1aa;--color-text-dim: #71717a;--status-upcoming: #6B7280;--status-pending: #F59E0B;--status-internal-review: #3B82F6;--status-client-review: #22C55E;--status-resubmit: #EF4444;--status-approved: #10B981;--status-posted: #14B8A6;--status-cancelled: #374151;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Space Grotesk", sans-serif;--sidebar-width: 256px;--header-height: 64px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{font-family:var(--font-sans);background-color:var(--color-background);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.01em;line-height:1.5}#app{height:100%}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;border:none;background:none;color:inherit;font-size:inherit}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;outline:none}::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.6;cursor:pointer}::-webkit-calendar-picker-indicator:hover{opacity:1}input[type=checkbox]{appearance:none;width:16px;height:16px;border:1px solid var(--color-border);border-radius:4px;background:var(--color-surface);cursor:pointer;position:relative;transition:all var(--transition-fast)}input[type=checkbox]:checked{background:var(--color-primary);border-color:var(--color-primary)}input[type=checkbox]:checked:after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:#3f3f46;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#52525b}.glass-panel{background:#18181bb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(34,197,94,.15)}.gradient-text{background:linear-gradient(to right,#86efac,#22c55e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.font-display{font-family:var(--font-display)}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;vertical-align:middle}.status-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:500;white-space:nowrap}.status-upcoming{background:#6b72801a;color:#9ca3af;border:1px solid rgba(107,114,128,.2)}.status-pending{background:#f59e0b1a;color:#fbbf24;border:1px solid rgba(245,158,11,.2)}.status-pending_internal_review{background:#3b82f61a;color:#60a5fa;border:1px solid rgba(59,130,246,.2)}.status-pending_client_review{background:#22c55e1a;color:#86efac;border:1px solid rgba(34,197,94,.2)}.status-resubmit{background:#ef44441a;color:#f87171;border:1px solid rgba(239,68,68,.2)}.status-client_approved{background:#10b9811a;color:#34d399;border:1px solid rgba(16,185,129,.2)}.status-partially_posted{background:#eab3081a;color:#facc15;border:1px solid rgba(234,179,8,.2)}.status-posted{background:#14b8a61a;color:#2dd4bf;border:1px solid rgba(20,184,166,.2)}.status-cancelled{background:#3741511a;color:#6b7280;border:1px solid rgba(55,65,81,.2);text-decoration:line-through}.platform-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px;font-weight:600;box-shadow:0 0 0 2px var(--color-surface)}.platform-instagram{background:linear-gradient(135deg,#833ab4,#e1306c,#f77737)}.platform-youtube{background:red}.platform-linkedin{background:#0077b5}.platform-x,.platform-threads{background:#000;border:1px solid #333}.input{width:100%;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:8px 12px;font-size:14px;color:var(--color-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input::placeholder{color:#52525b}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.input-with-icon{position:relative}.input-with-icon .input{padding-left:40px}.input-with-icon .icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-text-muted);font-size:20px;pointer-events:none;transition:color var(--transition-fast)}.input-with-icon:focus-within .icon{color:var(--color-primary)}.btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:var(--radius-md);font-size:14px;font-weight:500;transition:all var(--transition-fast);white-space:nowrap}.btn-primary{background:var(--color-primary);color:#09090b;box-shadow:0 4px 14px #22c55e40}.btn-primary:hover{background:var(--color-primary-hover)}.btn-surface{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-muted)}.btn-surface:hover{color:var(--color-text);border-color:#52525b}.btn-ghost{color:var(--color-text-muted);padding:8px;border-radius:var(--radius-md)}.btn-ghost:hover{background:var(--color-surface-highlight);color:var(--color-text)}.btn-danger{background:#ef44441a;color:#f87171;border:1px solid rgba(239,68,68,.2)}.btn-danger:hover{background:#ef444433}.btn-success{background:#10b9811a;color:#34d399;border:1px solid rgba(16,185,129,.2)}.btn-success:hover{background:#10b98133}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--color-surface) 25%,var(--color-surface-highlight) 50%,var(--color-surface) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:8px}.toast{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:12px 16px;display:flex;align-items:center;gap:10px;min-width:300px;box-shadow:0 8px 32px #0006;animation:toast-slide-in .3s ease}@keyframes toast-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-exit{animation:toast-slide-out .3s ease forwards}@keyframes toast-slide-out{to{transform:translate(100%);opacity:0}}.overlay{position:fixed;inset:0;background:#0009;z-index:100;display:flex;align-items:center;justify-content:center}.modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:24px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.slide-over-backdrop{position:fixed;inset:0;background:#00000080;z-index:200}.slide-over{position:fixed;top:0;right:0;bottom:0;width:560px;max-width:100%;background:var(--color-surface);border-left:1px solid var(--color-border);z-index:201;overflow-y:auto;animation:slide-in-right .3s ease}@keyframes slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}.select{appearance:none;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:8px 32px 8px 12px;font-size:14px;color:var(--color-text);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23a1a1aa' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;transition:border-color var(--transition-fast)}.select:focus{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}@media(max-width:767px){:root{--sidebar-width: 0px}}.toast-container[data-v-33c461b5]{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:12px;pointer-events:none}@media(max-width:768px){.toast-container[data-v-33c461b5]{bottom:80px;right:16px;left:16px}}.toast[data-v-33c461b5]{pointer-events:auto;background:var(--color-surface);border:1px solid var(--color-border);color:#fff;padding:16px;border-radius:var(--radius-lg);box-shadow:0 12px 24px #0006;display:flex;align-items:center;gap:12px;min-width:300px}.toast-success[data-v-33c461b5]{border-left:4px solid #10b981}.toast-success .toast-icon[data-v-33c461b5]{color:#10b981}.toast-info[data-v-33c461b5]{border-left:4px solid var(--color-primary)}.toast-info .toast-icon[data-v-33c461b5]{color:var(--color-primary)}.toast-message[data-v-33c461b5]{flex:1;font-size:14px;font-weight:500}.close-btn[data-v-33c461b5]{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:4px;display:flex;border-radius:4px}.close-btn[data-v-33c461b5]:hover{background:var(--color-surface-highlight);color:#fff}.close-btn .material-symbols-outlined[data-v-33c461b5]{font-size:16px}.toast-enter-active[data-v-33c461b5],.toast-leave-active[data-v-33c461b5]{transition:all .3s cubic-bezier(.16,1,.3,1)}.toast-enter-from[data-v-33c461b5],.toast-leave-to[data-v-33c461b5]{opacity:0;transform:translate(40px) scale(.95)}.app-layout[data-v-25b235f1]{display:flex;height:100vh;overflow:hidden}.sidebar[data-v-25b235f1]{width:var(--sidebar-width);background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;flex-shrink:0;transition:width var(--transition-slow);position:relative;z-index:20}.sidebar.collapsed[data-v-25b235f1]{width:72px}.sidebar-header[data-v-25b235f1]{height:var(--header-height);display:flex;align-items:center;padding:0 20px;border-bottom:1px solid var(--color-border)}.logo[data-v-25b235f1]{display:flex;align-items:center;gap:12px}.logo-icon[data-v-25b235f1]{width:32px;height:32px;border-radius:var(--radius-md);background:#22c55e26;border:1px solid rgba(34,197,94,.3);display:flex;align-items:center;justify-content:center;color:var(--color-primary);flex-shrink:0}.logo-icon .material-symbols-outlined[data-v-25b235f1]{font-size:20px;transform:rotate(-45deg)}.logo-text[data-v-25b235f1]{font-weight:700;font-size:18px;letter-spacing:.02em}.sidebar-nav[data-v-25b235f1]{flex:1;overflow-y:auto;padding:24px 12px;display:flex;flex-direction:column;gap:4px}.nav-item[data-v-25b235f1]{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-md);color:var(--color-text-muted);font-size:14px;font-weight:500;transition:all var(--transition-fast);text-decoration:none}.nav-item[data-v-25b235f1]:hover{background:var(--color-surface-highlight);color:var(--color-text)}.nav-item.active[data-v-25b235f1]{background:#22c55e1a;color:var(--color-primary);border:1px solid rgba(34,197,94,.2)}.nav-icon[data-v-25b235f1]{font-size:20px;flex-shrink:0}.sidebar-footer[data-v-25b235f1]{padding:16px;border-top:1px solid var(--color-border);position:relative}.user-btn[data-v-25b235f1]{display:flex;align-items:center;gap:12px;width:100%;padding:8px;border-radius:var(--radius-md);transition:background var(--transition-fast);text-align:left}.user-btn[data-v-25b235f1]:hover{background:var(--color-surface-highlight)}.user-avatar[data-v-25b235f1]{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0;color:#fff}.user-info[data-v-25b235f1]{flex:1;min-width:0}.user-name[data-v-25b235f1]{font-size:14px;font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role[data-v-25b235f1]{font-size:12px;color:var(--color-text-muted);text-transform:capitalize}.user-settings[data-v-25b235f1]{color:var(--color-text-muted);font-size:20px;transition:color var(--transition-fast)}.user-btn:hover .user-settings[data-v-25b235f1]{color:var(--color-text)}.user-menu[data-v-25b235f1]{position:absolute;bottom:100%;left:16px;right:16px;background:var(--color-surface-highlight);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:4px;margin-bottom:8px;box-shadow:0 8px 24px #0006}.user-menu-item[data-v-25b235f1]{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:14px;color:var(--color-text-muted);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.user-menu-item[data-v-25b235f1]:hover{background:var(--color-surface);color:var(--color-text)}.user-menu-item .material-symbols-outlined[data-v-25b235f1]{font-size:18px}.main-content[data-v-25b235f1]{flex:1;display:flex;flex-direction:column;background:var(--color-background);position:relative;overflow:hidden}.ambient-glow[data-v-25b235f1]{position:absolute;top:0;left:0;width:100%;height:384px;background:#22c55e08;filter:blur(60px);pointer-events:none}.mobile-tabs[data-v-25b235f1]{display:flex;background:var(--color-surface);border-top:1px solid var(--color-border);padding:8px 0;padding-bottom:calc(8px + env(safe-area-inset-bottom));position:fixed;bottom:0;left:0;right:0;z-index:50}.mobile-tab[data-v-25b235f1]{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px;color:var(--color-text-muted);text-decoration:none;font-size:10px;transition:color var(--transition-fast)}.mobile-tab.active[data-v-25b235f1]{color:var(--color-primary)}.mobile-tab .material-symbols-outlined[data-v-25b235f1]{font-size:22px}.fade-enter-active[data-v-25b235f1],.fade-leave-active[data-v-25b235f1]{transition:opacity .15s ease}.fade-enter-from[data-v-25b235f1],.fade-leave-to[data-v-25b235f1]{opacity:0}.global-loader{height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-background)}.global-loader .global-spinner{width:48px;height:48px;border:3px solid rgba(34,197,94,.2);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}