:root{--bg-0:#09090b;--bg-1:#111114;--bg-2:#18181b;--bg-3:#1f1f23;--bg-4:#27272a;--bg-hover:#2a2a2f;--bg-active:#323238;--border-0:#222228;--border-1:#2e2e36;--border-2:#3a3a44;--border-focus:#6366f1;--text-0:#fafafa;--text-1:#d4d4d8;--text-2:#a1a1aa;--text-3:#71717a;--text-4:#52525b;--accent:#6366f1;--accent-hover:#818cf8;--accent-muted:#6366f11f;--accent-glow:#6366f140;--success:#22c55e;--success-muted:#22c55e1f;--warning:#f59e0b;--warning-muted:#f59e0b1f;--danger:#ef4444;--danger-muted:#ef44441f;--c-instagram:#e4405f;--c-facebook:#1877f2;--c-x:#e4e4e7;--c-tiktok:#00f2ea;--c-youtube:red;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:18px;--r-full:9999px;--t-fast:.15s ease;--t-base:.2s ease;--t-slow:.35s cubic-bezier(.4, 0, .2, 1);--sidebar-w:68px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-0);color:var(--text-1);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;overflow-x:hidden}a{color:var(--accent-hover);text-decoration:none}a:hover{text-decoration:underline}.icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon svg{width:100%;height:100%}.platform-icon--instagram{color:var(--c-instagram)}.platform-icon--facebook{color:var(--c-facebook)}.platform-icon--x{color:var(--c-x)}.platform-icon--tiktok{color:var(--c-tiktok)}.platform-icon--youtube{color:var(--c-youtube)}.app{min-height:100vh}.sidebar{width:var(--sidebar-w);background:var(--bg-1);border-right:1px solid var(--border-0);z-index:100;flex-direction:column;align-items:center;gap:4px;height:100vh;padding:16px 0;display:flex;position:fixed;top:0;left:0}.sidebar__logo{background:var(--accent);border-radius:var(--r-md);color:#fff;letter-spacing:-.5px;place-items:center;width:42px;height:42px;margin-bottom:14px;font-size:13px;font-weight:900;display:grid}.sidebar__sep{background:var(--border-1);width:28px;height:1px;margin:6px 0}.sidebar__btn{border-radius:var(--r-md);width:42px;height:42px;color:var(--text-3);cursor:pointer;transition:var(--t-base);background:0 0;border:none;place-items:center;display:grid;position:relative}.sidebar__btn .icon{width:20px;height:20px}.sidebar__btn:hover{background:var(--bg-3);color:var(--text-1)}.sidebar__btn--active{background:var(--accent-muted);color:var(--accent-hover)}.sidebar__tip{background:var(--bg-3);color:var(--text-0);border-radius:var(--r-sm);white-space:nowrap;opacity:0;pointer-events:none;transition:var(--t-fast);border:1px solid var(--border-1);z-index:200;padding:5px 10px;font-size:11px;font-weight:600;position:absolute;left:calc(100% + 10px)}.sidebar__btn:hover .sidebar__tip{opacity:1}.sidebar__spacer{flex:1}.main{margin-left:var(--sidebar-w);padding:var(--space-8);max-width:1320px}.page-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:flex-end;gap:var(--space-4);flex-wrap:wrap;display:flex}.page-header__title{color:var(--text-0);letter-spacing:-.4px;font-size:22px;font-weight:800;line-height:1.2}.page-header__sub{color:var(--text-3);margin-top:3px;font-size:13px}.brand-bar{margin-bottom:var(--space-6);flex-wrap:wrap;gap:8px;display:flex}.brand-pill{border-radius:var(--r-full);border:1.5px solid var(--border-1);background:var(--bg-2);color:var(--text-2);cursor:pointer;transition:var(--t-base);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.brand-pill:hover{border-color:var(--border-2);background:var(--bg-3)}.brand-pill--active{color:#fff;border-color:#0000}.brand-pill__dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.brand-pill--all{border-color:var(--border-2);font-weight:700}.brand-pill--all.brand-pill--active{background:var(--accent);border-color:var(--accent)}.card{background:var(--bg-2);border:1px solid var(--border-0);border-radius:var(--r-lg);padding:var(--space-6)}.card__head{color:var(--text-0);margin-bottom:var(--space-5);align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.card__head .icon{color:var(--text-3)}.type-bar{margin-bottom:var(--space-5);background:var(--bg-1);border-radius:var(--r-md);gap:6px;padding:4px;display:flex}.type-btn{border-radius:var(--r-sm);color:var(--text-3);cursor:pointer;transition:var(--t-base);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:4px;padding:10px 8px;font-size:12px;font-weight:600;display:flex}.type-btn .icon{width:18px;height:18px}.type-btn:hover{color:var(--text-1)}.type-btn--active{background:var(--bg-3);color:var(--accent-hover);box-shadow:0 1px 3px #0000004d}.dropzone{border:2px dashed var(--border-1);border-radius:var(--r-lg);text-align:center;cursor:pointer;transition:var(--t-base);margin-bottom:var(--space-5);padding:36px 20px;position:relative}.dropzone:hover,.dropzone--drag{border-color:var(--accent);background:var(--accent-muted)}.dropzone__icon{background:var(--bg-3);width:44px;height:44px;color:var(--accent-hover);border-radius:50%;place-items:center;margin:0 auto 10px;display:grid}.dropzone__icon .icon{width:22px;height:22px}.dropzone__title{color:var(--text-1);font-size:14px;font-weight:600}.dropzone__sub{color:var(--text-3);margin-top:3px;font-size:12px}.dropzone__browse{color:var(--accent-hover);cursor:pointer;font-weight:600;text-decoration:underline}.dropzone input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}.file-list{margin-bottom:var(--space-5);flex-direction:column;gap:6px;max-height:180px;display:flex;overflow-y:auto}.file-item{background:var(--bg-1);border-radius:var(--r-sm);border:1px solid var(--border-0);align-items:center;gap:10px;padding:8px 10px;animation:.2s slideUp;display:flex}@keyframes slideUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.file-item__thumb{border-radius:var(--r-sm);object-fit:cover;background:var(--bg-3);flex-shrink:0;width:38px;height:38px}.file-item__info{flex:1;min-width:0}.file-item__name{color:var(--text-1);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.file-item__size{color:var(--text-4);font-size:11px}.file-item__remove{background:var(--danger-muted);width:26px;height:26px;color:var(--danger);cursor:pointer;transition:var(--t-fast);border:none;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.file-item__remove:hover{background:var(--danger);color:#fff}.file-item__remove .icon{width:14px;height:14px}.field{margin-bottom:var(--space-4)}.field__label{color:var(--text-2);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.input,.textarea,.select{background:var(--bg-1);border:1px solid var(--border-0);border-radius:var(--r-md);width:100%;color:var(--text-0);transition:var(--t-base);padding:10px 14px;font-family:inherit;font-size:13px}.input:focus,.textarea:focus,.select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted);outline:none}.textarea{resize:vertical;min-height:90px;line-height:1.5}.textarea::placeholder{color:var(--text-4)}.input--search{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");background-position:12px;background-repeat:no-repeat;padding-left:36px}.select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.select option{background:var(--bg-2)}.platform-grid{flex-wrap:wrap;gap:6px;display:flex}.plat-chip{border-radius:var(--r-full);border:1.5px solid var(--border-1);background:var(--bg-1);color:var(--text-2);cursor:pointer;transition:var(--t-base);-webkit-user-select:none;user-select:none;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:600;display:inline-flex}.plat-chip .icon{width:16px;height:16px}.plat-chip:hover{border-color:var(--border-2);background:var(--bg-3)}.plat-chip--active{border-color:var(--accent);background:var(--accent-muted);color:var(--text-0)}.plat-chip--disabled{opacity:.3;pointer-events:none}.plat-select-all{color:var(--accent-hover);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:4px;margin-bottom:8px;font-size:11px;font-weight:600;display:flex}.plat-select-all .icon{width:14px;height:14px}.plat-select-all:hover{text-decoration:underline}.toggle-row{cursor:pointer;-webkit-user-select:none;user-select:none;margin-bottom:var(--space-3);align-items:center;gap:10px;display:flex}.toggle{background:var(--bg-4);width:38px;height:20px;transition:var(--t-base);border-radius:10px;flex-shrink:0;position:relative}.toggle:after{content:"";background:var(--text-2);width:16px;height:16px;transition:var(--t-base);border-radius:50%;position:absolute;top:2px;left:2px}.toggle--on{background:var(--accent)}.toggle--on:after{background:#fff;left:20px}.toggle-row__label{color:var(--text-1);font-size:13px;font-weight:600}.btn{border-radius:var(--r-md);cursor:pointer;transition:var(--t-base);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:6px;padding:9px 16px;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex}.btn .icon{width:16px;height:16px}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover{background:var(--accent-hover)}.btn--primary:disabled{opacity:.4;cursor:not-allowed}.btn--ghost{background:var(--bg-3);color:var(--text-1);border:1px solid var(--border-1)}.btn--ghost:hover{background:var(--bg-4);border-color:var(--border-2)}.btn--danger{background:var(--danger-muted);color:var(--danger)}.btn--danger:hover{background:var(--danger);color:#fff}.btn--sm{border-radius:var(--r-sm);padding:6px 10px;font-size:11px}.btn-publish{border-radius:var(--r-md);background:var(--accent);color:#fff;cursor:pointer;width:100%;transition:var(--t-base);margin-top:var(--space-4);border:none;justify-content:center;align-items:center;gap:8px;padding:14px;font-family:inherit;font-size:14px;font-weight:700;display:flex;position:relative;overflow:hidden}.btn-publish:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 6px 20px var(--accent-glow);transform:translateY(-1px)}.btn-publish:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.btn-publish .icon{width:18px;height:18px}.publish-grid{gap:var(--space-6);grid-template-columns:1fr 360px;align-items:start;display:grid}.summary__section{margin-bottom:var(--space-5)}.summary__label{text-transform:uppercase;letter-spacing:1.2px;color:var(--text-4);margin-bottom:8px;font-size:10px;font-weight:700}.summary__tags{flex-wrap:wrap;gap:5px;display:flex}.summary__tag{border-radius:var(--r-full);color:#fff;padding:4px 10px;font-size:11px;font-weight:700}.summary__tag--plat{background:var(--bg-3);color:var(--text-1);align-items:center;gap:4px;display:flex}.summary__tag--plat .icon{width:13px;height:13px}.summary__row{border-bottom:1px solid var(--border-0);justify-content:space-between;align-items:center;padding:9px 0;font-size:13px;display:flex}.summary__row:last-child{border-bottom:none}.summary__row-key{color:var(--text-3)}.summary__row-val{color:var(--text-0);font-weight:600}.summary__total{background:var(--accent-muted);border-radius:var(--r-md);margin-top:var(--space-4);justify-content:center;align-items:center;gap:6px;padding:12px;display:flex}.summary__total-num{color:var(--accent-hover);letter-spacing:-1px;font-size:28px;font-weight:900}.summary__total-label{color:var(--text-3);font-size:12px;font-weight:600}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th{text-align:left;text-transform:uppercase;letter-spacing:1px;color:var(--text-4);border-bottom:1px solid var(--border-0);padding:10px 14px;font-size:10px;font-weight:700}.table td{border-bottom:1px solid var(--border-0);color:var(--text-1);padding:12px 14px;font-size:13px}.table tbody tr{transition:var(--t-fast)}.table tbody tr:hover td{background:var(--bg-hover)}.badge{border-radius:var(--r-full);text-transform:uppercase;letter-spacing:.3px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.badge--success{background:var(--success-muted);color:var(--success)}.badge--warning{background:var(--warning-muted);color:var(--warning)}.badge--danger{background:var(--danger-muted);color:var(--danger)}.badge--info{background:var(--accent-muted);color:var(--accent-hover)}.stats-grid{margin-bottom:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;display:grid}.stat-card{background:var(--bg-2);border:1px solid var(--border-0);border-radius:var(--r-lg);padding:var(--space-5);transition:var(--t-base)}.stat-card:hover{border-color:var(--border-1);transform:translateY(-1px)}.stat-card__label{color:var(--text-3);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;margin-bottom:8px;font-size:11px;font-weight:600;display:flex}.stat-card__label .icon{width:14px;height:14px}.stat-card__value{color:var(--text-0);letter-spacing:-1px;font-size:26px;font-weight:900}.schedule-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;display:grid}.sched-card{background:var(--bg-2);border:1px solid var(--border-0);border-radius:var(--r-lg);padding:var(--space-5)}.sched-card__head{justify-content:space-between;align-items:start;margin-bottom:10px;display:flex}.sched-card__title{color:var(--text-0);text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:13px;font-weight:700;overflow:hidden}.sched-card__date{color:var(--accent-hover);background:var(--accent-muted);border-radius:var(--r-full);padding:3px 8px;font-size:11px;font-weight:700}.sched-card__platforms{gap:4px;margin-bottom:12px;display:flex}.sched-card__plat-icon{background:var(--bg-3);border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.sched-card__plat-icon .icon{width:14px;height:14px}.empty{text-align:center;padding:50px 20px}.empty__icon{width:48px;height:48px;color:var(--text-4);opacity:.5;margin:0 auto 14px}.empty__icon .icon{width:100%;height:100%}.empty__title{color:var(--text-2);margin-bottom:4px;font-size:15px;font-weight:700}.empty__sub{color:var(--text-4);font-size:13px}.toast-container{z-index:10000;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;top:16px;right:16px}.toast{border-radius:var(--r-md);pointer-events:all;opacity:0;min-width:280px;max-width:420px;transition:var(--t-slow);border:1px solid;align-items:center;gap:8px;padding:12px 16px;font-size:13px;font-weight:600;display:flex;transform:translate(40px);box-shadow:0 8px 30px #00000080}.toast--visible{opacity:1;transform:translate(0)}.toast--success{color:var(--success);background:#0a1f0f;border-color:#166534}.toast--error{color:var(--danger);background:#1f0a0a;border-color:#7f1d1d}.toast--info{color:var(--accent-hover);background:#0a0a1f;border-color:#3730a3}.toast__icon .icon{width:18px;height:18px}.toast__msg{color:var(--text-1);flex:1}.toast__close{color:var(--text-3);cursor:pointer;background:0 0;border:none;place-items:center;padding:2px;display:grid}.toast__close:hover{color:var(--text-0)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9000;background:#000000bf;place-items:center;display:none;position:fixed;inset:0}.modal-overlay--open{display:grid}.modal{background:var(--bg-2);border:1px solid var(--border-1);border-radius:var(--r-xl);padding:var(--space-8);width:90%;max-width:480px;animation:.25s modalIn}@keyframes modalIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal__title{color:var(--text-0);margin-bottom:12px;font-size:18px;font-weight:800}.modal__body{color:var(--text-2);margin-bottom:var(--space-6);font-size:13px;line-height:1.6}.modal__body strong{color:var(--text-0)}.modal__actions{justify-content:flex-end;gap:8px;display:flex}.settings-section{max-width:780px}.settings-section .card+.card{margin-top:var(--space-5)}.api-key-row{flex-wrap:wrap;gap:8px;display:flex}.api-key-row .input{flex:1;min-width:200px}.profile-list{flex-direction:column;gap:12px;display:flex}.profile-card{background:var(--bg-1);border:1px solid var(--border-0);border-radius:var(--r-md);padding:16px}.profile-card__head{align-items:center;gap:12px;margin-bottom:14px;display:flex}.profile-card__avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:40px;height:40px}.profile-card__avatar-placeholder{color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:16px;font-weight:800;display:grid}.profile-card__name{color:var(--text-0);font-size:15px;font-weight:700}.profile-card__date{color:var(--text-4);font-size:11px}.profile-card__platforms{flex-wrap:wrap;gap:6px;display:flex}.profile-plat{background:var(--bg-2);border:1px solid var(--border-0);border-radius:var(--r-sm);color:var(--text-3);opacity:.5;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:600;display:flex}.profile-plat--on{opacity:1;border-color:var(--border-1);color:var(--text-1)}.profile-plat .icon{width:14px;height:14px}.profile-plat__status{color:var(--success);font-size:10px;font-weight:700}.profile-plat__status--off{color:var(--text-4)}.brand-edit-list{flex-direction:column;gap:10px;display:flex}.brand-edit{background:var(--bg-1);border-radius:var(--r-md);border:1px solid var(--border-0);grid-template-columns:36px 1fr repeat(5,1fr) 32px;align-items:center;gap:6px;padding:12px;display:grid}.brand-edit input[type=color]{border-radius:var(--r-sm);cursor:pointer;background:0 0;border:none;width:32px;height:32px;padding:0}.brand-edit input[type=text]{background:var(--bg-2);border:1px solid var(--border-0);border-radius:var(--r-sm);color:var(--text-0);padding:7px 10px;font-family:inherit;font-size:12px}.brand-edit input[type=text]:focus{border-color:var(--accent);outline:none}.brand-edit__remove{background:var(--danger-muted);width:28px;height:28px;color:var(--danger);cursor:pointer;border:none;border-radius:50%;place-items:center;display:grid}.brand-edit__remove:hover{background:var(--danger);color:#fff}.brand-edit__remove .icon{width:14px;height:14px}.spinner{border:2px solid #fff3;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.imp-bar-row{border-bottom:1px solid var(--border-0);align-items:center;gap:12px;padding:10px 0;display:flex}.imp-bar-row:last-child{border-bottom:none}.imp-bar-label{width:100px;color:var(--text-2);flex-shrink:0;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.imp-bar-label .icon{width:16px;height:16px}.imp-bar-track{background:var(--bg-1);border-radius:4px;flex:1;height:8px;overflow:hidden}.imp-bar-fill{border-radius:4px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.imp-bar-value{color:var(--text-0);text-align:right;min-width:50px;font-size:12px;font-weight:700}.page-view{animation:.25s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-1);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-2)}.login-page{background:var(--bg-0);min-height:100vh;padding:var(--space-4);place-items:center;display:grid}.login-card{background:var(--bg-2);border:1px solid var(--border-0);border-radius:var(--r-xl);text-align:center;width:100%;max-width:380px;padding:40px}.login-logo{background:var(--accent);border-radius:var(--r-lg);color:#fff;place-items:center;width:56px;height:56px;margin:0 auto 16px;font-size:18px;font-weight:900;display:grid}.login-title{color:var(--text-0);margin-bottom:4px;font-size:22px;font-weight:800}.login-sub{color:var(--text-3);margin-bottom:24px;font-size:13px}@media (width<=1060px){.publish-grid{grid-template-columns:1fr}}@media (width<=768px){:root{--sidebar-w:0px}.sidebar{border-right:none;border-top:1px solid var(--border-0);flex-direction:row;justify-content:center;gap:2px;width:100%;height:58px;padding:0 6px;position:fixed;inset:auto 0 0}.sidebar__logo,.sidebar__sep,.sidebar__spacer{display:none}.sidebar__btn{width:48px;height:48px}.sidebar__tip{display:none}.main{padding:var(--space-4);margin-bottom:60px;margin-left:0}.brand-edit{grid-template-columns:36px 1fr 1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}