:root{--color-brand-gold: #C9A96E;--color-ig: #E1306C;--color-fb: #1877F2;--color-tiktok: #00f2ea;--color-pillar-edu: #7C3AED;--color-pillar-showcase: #EA580C;--color-pillar-promo: #E11D74;--color-pillar-community: #0891B2;--color-status-posted: #16A34A;--color-status-approved: #4ADE80;--color-status-approved-tone: #DCFCE7;--color-status-approved-tone-hover: #BBF7D0;--color-status-draft: #6B7280;--color-status-cancelled: #DC2626;--color-bg: #f5f5f5;--color-surface: #ffffff;--color-surface-2: #f0f0f0;--color-surface-hover: #e8e8e8;--color-border: #e0e0e0;--color-text: #1a1a1a;--color-text-muted: #777;--color-text-dim: #bbb;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--transition: .2s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--color-bg);color:var(--color-text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}#app{min-height:100vh;display:flex;flex-direction:column}button{cursor:pointer;border:none;background:none;color:inherit;font:inherit}a{color:var(--color-brand-gold);text-decoration:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.truncate{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sidebar[data-v-5b04b02f]{width:220px;flex-shrink:0;background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;transition:width .2s ease}.sidebar.collapsed[data-v-5b04b02f]{width:56px}.brand[data-v-5b04b02f]{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--color-border);min-height:52px}.logo[data-v-5b04b02f]{width:28px;height:28px;border-radius:8px;background:var(--color-brand-gold);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.brand-name[data-v-5b04b02f]{font-weight:700;font-size:14px;color:var(--color-text-muted)}.accent[data-v-5b04b02f]{color:var(--color-brand-gold);font-style:normal}.toggle-btn[data-v-5b04b02f]{margin-left:auto;background:transparent;border:1px solid var(--color-border);border-radius:4px;width:22px;height:22px;font-size:14px;color:var(--color-text-muted);cursor:pointer;flex-shrink:0}.sidebar.collapsed .toggle-btn[data-v-5b04b02f]{margin-left:0}.nav[data-v-5b04b02f]{flex:1;overflow-y:auto;padding:8px 6px;display:flex;flex-direction:column;gap:14px}.group[data-v-5b04b02f]{display:flex;flex-direction:column;gap:2px}.group-label[data-v-5b04b02f]{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);padding:4px 10px 2px}.nav-item[data-v-5b04b02f]{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:var(--radius-sm);font-size:13px;color:var(--color-text);text-decoration:none;transition:background var(--transition)}.nav-item[data-v-5b04b02f]:hover{background:var(--color-surface-hover)}.nav-item.active[data-v-5b04b02f]{background:#fdf6e3;color:var(--color-brand-gold);font-weight:600}.icon[data-v-5b04b02f]{font-size:15px;width:20px;text-align:center;flex-shrink:0}.footer[data-v-5b04b02f]{border-top:1px solid var(--color-border);padding:10px 8px;display:flex;flex-direction:column;gap:6px;flex-shrink:0}.user-info[data-v-5b04b02f]{padding:4px 8px 2px;min-width:0}.user-name[data-v-5b04b02f]{font-size:12px;font-weight:600;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role[data-v-5b04b02f]{font-size:10px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.logout-btn[data-v-5b04b02f]{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);font-size:13px;cursor:pointer;font-family:inherit;transition:all var(--transition)}.logout-btn[data-v-5b04b02f]:hover{color:var(--color-status-cancelled, #b91c1c);border-color:var(--color-status-cancelled, #b91c1c);background:#fef2f2}.logout-icon[data-v-5b04b02f]{font-size:14px;width:20px;text-align:center;flex-shrink:0}.sidebar.collapsed .logout-btn[data-v-5b04b02f]{justify-content:center;padding:8px}@media (max-width: 768px){.sidebar[data-v-5b04b02f]{width:56px}.sidebar .brand-name[data-v-5b04b02f],.sidebar .group-label[data-v-5b04b02f],.sidebar .label[data-v-5b04b02f],.sidebar .user-info[data-v-5b04b02f],.sidebar .logout-label[data-v-5b04b02f]{display:none!important}.sidebar .toggle-btn[data-v-5b04b02f]{display:none}.sidebar .logout-btn[data-v-5b04b02f]{justify-content:center;padding:8px}}.topbar[data-v-a053e7aa]{height:52px;border-bottom:1px solid var(--color-border);background:var(--color-surface);display:flex;align-items:center;padding:0 16px;gap:16px}.title[data-v-a053e7aa]{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--color-text)}.title .icon[data-v-a053e7aa]{font-size:16px}.actions[data-v-a053e7aa]{margin-left:auto;display:flex;align-items:center;gap:12px}.user[data-v-a053e7aa]{display:flex;align-items:center;gap:6px;padding-left:12px;border-left:1px solid var(--color-border)}.name[data-v-a053e7aa]{font-size:13px;color:var(--color-text-muted);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout[data-v-a053e7aa]{background:transparent;border:1px solid var(--color-border);border-radius:6px;width:28px;height:28px;font-size:13px;cursor:pointer;color:var(--color-text-muted)}.logout[data-v-a053e7aa]:hover{color:var(--color-status-cancelled);border-color:var(--color-status-cancelled)}@media (max-width: 768px){.topbar[data-v-a053e7aa]{padding:0 12px;gap:8px}.name[data-v-a053e7aa]{display:none}}.shell[data-v-e0c7bf90]{display:flex;height:100vh;width:100%;overflow:hidden}.main-col[data-v-e0c7bf90]{flex:1;display:flex;flex-direction:column;min-width:0}.content[data-v-e0c7bf90]{flex:1;overflow-y:auto;padding:16px 20px;background:var(--color-bg)}.content.no-pad[data-v-e0c7bf90]{padding:0}.login-page[data-v-3b10b3c4]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:var(--color-bg)}.login-card[data-v-3b10b3c4]{width:100%;max-width:360px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);box-shadow:0 4px 20px #0000000a}.brand[data-v-3b10b3c4]{font-size:22px;font-weight:700;color:var(--color-text-muted);text-align:center}.accent[data-v-3b10b3c4]{color:var(--color-brand-gold)}.subtitle[data-v-3b10b3c4]{text-align:center;font-size:13px;color:var(--color-text-muted);margin-top:-8px}.field[data-v-3b10b3c4]{display:flex;flex-direction:column;gap:6px}.field label[data-v-3b10b3c4]{font-size:12px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.field input[data-v-3b10b3c4]{padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:14px;font-family:inherit;transition:border-color var(--transition)}.field input[data-v-3b10b3c4]:focus{outline:none;border-color:var(--color-brand-gold)}.field input[data-v-3b10b3c4]:disabled{background:var(--color-surface-2);cursor:not-allowed}.error-msg[data-v-3b10b3c4]{font-size:13px;color:var(--color-status-cancelled);background:#fff0f0;padding:8px 12px;border-radius:var(--radius-sm)}.submit-btn[data-v-3b10b3c4]{padding:12px 16px;background:var(--color-brand-gold);color:#fff;border-radius:var(--radius-md);font-size:14px;font-weight:600;transition:opacity var(--transition)}.submit-btn[data-v-3b10b3c4]:hover:not(:disabled){opacity:.9}.submit-btn[data-v-3b10b3c4]:disabled{opacity:.5;cursor:not-allowed}.toast-host[data-v-edb3946c]{position:fixed;bottom:24px;right:24px;z-index:1000;pointer-events:none}.toast-stack[data-v-edb3946c]{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.toast[data-v-edb3946c]{pointer-events:auto;padding:12px 18px;border-radius:8px;font-size:13px;color:#fff;box-shadow:0 8px 24px #0003;max-width:420px;cursor:pointer}.toast-success[data-v-edb3946c]{background:#2a5}.toast-error[data-v-edb3946c]{background:#c34}.toast-info[data-v-edb3946c]{background:#46c}.toast-enter-active[data-v-edb3946c],.toast-leave-active[data-v-edb3946c]{transition:all .25s ease}.toast-enter-from[data-v-edb3946c],.toast-leave-to[data-v-edb3946c]{opacity:0;transform:translateY(8px)}.toast-move[data-v-edb3946c]{transition:transform .25s ease}