:root{--bg-1:#f4f1ea;--bg-2:#e9e4d9;--paper:#fffdf7;--ink:#1d1f1b;--muted:#54564f;--line:#d5cebf;--accent:#1f6c5f;--accent-soft:#d8eee9;--warn:#9a6700;--danger:#b42318;--ok:#027a48;--shadow:0 24px 60px #201b1226}*{box-sizing:border-box}body{color:var(--ink);background:radial-gradient(circle at 8% 12%, #1f6c5f33, transparent 44%), radial-gradient(circle at 88% 92%, #bd892b33, transparent 38%), linear-gradient(135deg, var(--bg-1), var(--bg-2));min-height:100vh;margin:0;font-family:IBM Plex Sans,Segoe UI,Tahoma,sans-serif}#root{min-height:100vh}.dashboard-shell{border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:min(1160px,92vw);box-shadow:var(--shadow);background:#fffdf7d1;border-radius:18px;margin:2rem auto;padding:1.2rem}.topbar{justify-content:space-between;align-items:center;margin-bottom:.9rem;display:flex}.session-summary{justify-content:flex-end;align-items:center;gap:.65rem;display:flex}.session-user{justify-items:end;line-height:1.15;display:grid}.session-user strong{text-overflow:ellipsis;white-space:nowrap;max-width:18rem;overflow:hidden}.session-user span{color:var(--muted);font-size:.76rem}.tabs{flex-wrap:wrap;gap:.45rem;margin-bottom:.85rem;display:flex}.tab-link,.link-button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:999px;padding:.35rem .72rem;font-size:.86rem;text-decoration:none}.tab-link.active{background:var(--accent-soft);border-color:#8acbb9}.link-button{font-family:inherit}.hero-block{background:var(--paper);border:1px solid var(--line);border-radius:14px;grid-template-columns:1.4fr 1fr;gap:1rem;padding:1.2rem;display:grid}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:.78rem;font-weight:700}h1{margin:.3rem 0 .6rem;font-family:Space Grotesk,Segoe UI,sans-serif;font-size:clamp(1.8rem,3.4vw,3rem);line-height:1.05}.hero-copy{color:var(--muted);margin:0}.hero-chip-list{flex-wrap:wrap;align-content:flex-start;gap:.55rem;display:flex}.chip{border:1px solid var(--line);background:#fff;border-radius:999px;align-items:center;padding:.38rem .78rem;font-size:.82rem;font-weight:600;display:inline-flex}.chip-ok{background:var(--accent-soft);border-color:#8acbb9}.metrics-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem;margin-top:1rem;display:grid}.metric-card,.panel-card{border:1px solid var(--line);background:var(--paper);border-radius:12px;padding:1rem}.metric-label{color:var(--muted);margin:0;font-size:.86rem}.metric-value{margin:.5rem 0 .3rem;font-family:Space Grotesk,Segoe UI,sans-serif;font-size:clamp(1.4rem,2vw,2rem)}.metric-trend{margin:0;font-size:.86rem;font-weight:600}.tone-ok{color:var(--ok)}.tone-warn{color:var(--warn)}.tone-danger{color:var(--danger)}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:.75rem;display:grid}.panel-card h2{margin:0 0 .65rem;font-family:Space Grotesk,Segoe UI,sans-serif;font-size:1.2rem}.workflow-nav{z-index:10;border:1px solid var(--line);background:#fffdf7f0;border-radius:14px;flex-wrap:wrap;gap:.5rem;padding:.65rem;display:flex;position:sticky;top:.5rem;box-shadow:0 10px 24px #201b121a}.workflow-step-button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:.45rem;padding:.42rem .75rem;font-family:inherit;font-weight:700;display:inline-flex}.workflow-step-button span{background:var(--accent-soft);width:1.35rem;height:1.35rem;color:var(--accent);border-radius:999px;place-items:center;font-size:.78rem;display:inline-grid}.workflow-card{border-left-width:6px;scroll-margin-top:5.5rem}.workflow-card--search{border-left-color:#2e90fa}.workflow-card--details{border-left-color:#12b76a}.workflow-card--media{border-left-color:#f79009}.workflow-card--text,.workflow-card--variants{border-left-color:#7a5af8}.workflow-card--post{border-left-color:#f04438}.workflow-heading{align-items:flex-start;gap:.75rem;margin-bottom:.85rem;display:flex}.workflow-heading>span{color:#fff;background:var(--accent);letter-spacing:.02em;border-radius:999px;flex:none;padding:.25rem .65rem;font-size:.78rem;font-weight:800}.workflow-heading h2{margin-bottom:.2rem}.workflow-heading p{color:var(--muted);margin:0;font-size:.9rem}.workflow-next-actions{flex-wrap:wrap;gap:.5rem;margin-top:.9rem;display:flex}.simple-list{color:var(--muted);gap:.35rem;margin:0;padding-left:1.1rem;display:grid}.stat-list{gap:.45rem;margin:0;display:grid}.stat-list div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:.35rem 0;display:flex}.stat-list div:last-child{border-bottom:0}.stat-list dt{color:var(--muted);font-size:.9rem}.stat-list dd{margin:0;font-family:Space Grotesk,Segoe UI,sans-serif;font-weight:700}.line-chart{gap:.75rem;display:grid}.chart-legend,.chart-range{color:var(--muted);justify-content:space-between;align-items:center;gap:.75rem;font-size:.86rem;display:flex}.chart-legend{justify-content:flex-start;font-weight:700}.chart-range strong{color:var(--ink)}.line-chart svg{border:1px solid var(--line);background:#fff;border-radius:10px;width:100%;height:260px}.line-chart line{stroke:var(--line);stroke-width:1px}.line-chart polyline{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:4px}.line-likes,.legend-likes{color:var(--accent);stroke:var(--accent)}.line-views,.legend-views{color:var(--warn);stroke:var(--warn)}.line-reach,.legend-reach{color:#5f4bb6;stroke:#5f4bb6}.table-wrap{overflow-x:auto}.history-section-header{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.65rem;display:flex}.history-section-header p{color:var(--muted);margin:0;font-size:.86rem}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);padding:.52rem .3rem;font-size:.9rem}th{color:var(--muted);font-weight:600}.history-expand-button{border:1px solid var(--line);width:2rem;height:2rem;color:var(--ink);font:inherit;cursor:pointer;background:#fff;border-radius:8px;font-size:1.1rem;line-height:1}.history-post-cell{gap:.25rem;display:grid}.history-inline-note{color:var(--muted);font-size:.8rem}.history-expanded-row td{background:#d8eee947;padding:0}.history-expanded-panel{padding:.85rem .9rem 1rem}.history-expanded-toolbar{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.8rem;display:flex}.history-expanded-toolbar strong{margin-right:auto;font-size:.92rem}.history-expanded-toolbar label{color:var(--muted);align-items:center;gap:.45rem;font-size:.84rem;display:inline-flex}.history-expanded-toolbar select{border:1px solid var(--line);min-width:9rem;font:inherit;background:#fff;border-radius:8px;padding:.38rem .5rem}.history-subtable th,.history-subtable td{background:0 0}.history-empty-state{color:var(--muted);margin:0;font-size:.86rem}.history-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.9rem;display:flex}.history-pagination-summary{color:var(--muted);font-size:.84rem}.history-pagination-actions{gap:.55rem;display:inline-flex}.history-pagination-actions button{border:1px solid var(--line);font:inherit;cursor:pointer;background:#fff;border-radius:8px;padding:.45rem .7rem}.history-pagination-actions button:disabled{opacity:.5;cursor:not-allowed}.full-width{grid-column:1/-1}.full-width p{color:var(--muted);margin:0}.footer-note{text-align:right;color:var(--muted);margin:.85rem 0 0;font-size:.84rem}.login-shell{place-items:center;min-height:100vh;padding:1rem;display:grid}.login-card{border:1px solid var(--line);background:var(--paper);width:min(460px,96vw);box-shadow:var(--shadow);border-radius:14px;padding:1.2rem}.login-form{gap:.75rem;margin-top:1rem;display:grid}.login-form label{color:var(--muted);gap:.33rem;font-size:.86rem;display:grid}.login-form input,.login-form button{border:1px solid var(--line);font:inherit;border-radius:10px;padding:.62rem .7rem}.login-form button{background:var(--accent-soft);cursor:pointer;border-color:#8acbb9;margin-top:.25rem;font-weight:600}.error-text{color:var(--danger);margin:0;font-size:.85rem}.simple-form{gap:.7rem;display:grid}.simple-form label{color:var(--muted);gap:.35rem;font-size:.86rem;display:grid}.simple-form input,.simple-form textarea,.simple-form select,.simple-form button{border:1px solid var(--line);font:inherit;border-radius:10px;padding:.62rem .7rem}.simple-form button{background:var(--accent-soft);cursor:pointer;border-color:#8acbb9;font-weight:600}.status-pill{border:1px solid var(--line);white-space:nowrap;border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .55rem;font-size:.78rem;font-weight:700;line-height:1;display:inline-flex}.status-pill:before{content:"";border-radius:999px;width:8px;height:8px;display:inline-block}.status-ok{color:#106940;background:#ecfaf3;border-color:#93d6bd}.status-ok:before{background:#12b76a}.status-warn{color:#8a4b0f;background:#fff8eb;border-color:#f6cd88}.status-warn:before{background:#f79009}.status-error{color:#912018;background:#ffefef;border-color:#f7b0ab}.status-error:before{background:#f04438}.status-info{color:#155b75;background:#eff8fc;border-color:#9fd0e6}.status-info:before{background:#06aed4}.mono-text{word-break:break-word;font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace}.upload-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.upload-form{gap:.7rem;margin-top:.9rem;display:grid}.upload-form label{color:var(--muted);gap:.35rem;font-size:.86rem;display:grid}.upload-form input,.upload-form textarea,.upload-form select,.upload-form button{border:1px solid var(--line);font:inherit;border-radius:10px;padding:.62rem .7rem}.upload-form textarea{resize:vertical}.upload-form button{cursor:pointer;background:var(--accent-soft);border-color:#8acbb9;font-weight:600}.upload-form button:disabled{opacity:.6;cursor:not-allowed}.upload-type-hint{border:1px solid var(--line);background:#f8fbfa;border-radius:10px;justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem .75rem;font-size:.85rem;display:flex}.upload-type-hint>div{gap:.2rem;display:grid}.upload-type-hint span{color:var(--muted);text-align:right}.upload-capability-badge{white-space:nowrap;border:1px solid;border-radius:999px;flex-shrink:0;padding:.28rem .48rem;font-size:.72rem;font-weight:700}.upload-capability-active{background:var(--accent-soft);border-color:#8acbb9;color:#185f50!important}.upload-capability-preparation{background:#fff8e7;border-color:#e9c477;color:#7a4b00!important}.upload-capability-notice{color:#704600;background:#fff8e7;border:1px solid #e9c477;border-radius:10px;margin:0;padding:.6rem .7rem;font-size:.82rem}.upload-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.upload-preview-card{border:1px solid var(--line);background:#fff;border-radius:12px;min-width:0;overflow:hidden}.upload-preview-media{aspect-ratio:4/3;background:#e7efec;position:relative}.upload-preview-media img,.upload-preview-media video{object-fit:cover;width:100%;height:100%;display:block}.upload-order-badge{color:#fff;background:#143731d6;border-radius:999px;place-items:center;min-width:1.65rem;height:1.65rem;padding:0 .35rem;font-size:.78rem;font-weight:700;display:grid;position:absolute;top:.45rem;left:.45rem}.upload-preview-info{gap:.2rem;padding:.55rem .65rem .35rem;display:grid}.upload-preview-info strong{text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-size:.82rem;overflow:hidden}.upload-preview-info span{color:var(--muted);font-size:.76rem}.upload-form .upload-remove-file{color:#912018;background:#fff5f4;border-color:#efc0bb;width:calc(100% - 1.3rem);margin:.2rem .65rem .65rem;padding:.42rem .55rem;font-size:.78rem}.upload-schedule-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.upload-success-text{color:#185f50;background:var(--accent-soft);border:1px solid #8acbb9;border-radius:10px;margin:0;padding:.55rem .65rem;font-size:.86rem;font-weight:600}.upload-progress{background:var(--accent-soft);color:var(--ink);border:1px solid #8acbb9;border-radius:10px;align-items:center;gap:.5rem;padding:.48rem .62rem;font-size:.88rem;font-weight:600;display:inline-flex}.btn-busy-wrap{align-items:center;gap:.45rem;display:inline-flex}.upload-spinner{border:2px solid #1f6c5f40;border-top-color:var(--accent);border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.8s linear infinite upload-spin}@keyframes upload-spin{to{transform:rotate(360deg)}}.upload-list-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.helper-text{color:var(--muted);margin:0;font-size:.84rem}.panel-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.panel-actions input,.panel-actions select,.panel-actions button{border:1px solid var(--line);font:inherit;border-radius:10px;padding:.45rem .6rem}.panel-actions button{background:var(--accent-soft);cursor:pointer;border-color:#8acbb9}.panel-actions button:disabled{opacity:.6;cursor:not-allowed}.mono-text{font-family:IBM Plex Mono,Consolas,Courier New,monospace;font-size:.82rem}.last-published-card{border:1px dashed var(--line);color:var(--muted);background:#fff;border-radius:10px;gap:.3rem;padding:.6rem .75rem;font-size:.86rem;display:grid}.last-published-card strong{color:var(--ink)}.fresh-chip{color:#0b7a38;background:#e7f7ef;border:1px solid #8acbb9;border-radius:999px;width:fit-content;padding:.15rem .5rem;font-size:.78rem;font-weight:700}.toast-banner{z-index:20;border:1px solid var(--line);border-radius:10px;grid-column:1/-1;padding:.75rem .9rem;font-size:.9rem;font-weight:600;position:sticky;top:.5rem;box-shadow:0 8px 20px #1118271f}.toast-ok{color:#0b7a38;background:#e7f7ef;border-color:#8acbb9}.toast-warn{color:#9a6700;background:#fff6de;border-color:#e3c274}.toast-error{color:#9f1239;background:#fdecef;border-color:#efb3c2}@media (width<=980px){.hero-block{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.upload-grid{grid-template-columns:1fr}}@media (width<=580px){.dashboard-shell{width:95vw;margin:1rem auto;padding:.7rem}.metrics-grid{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start;gap:.45rem}.session-summary{justify-content:space-between;width:100%}.session-user{justify-items:start;min-width:0}.session-user strong{max-width:68vw}.upload-preview-grid,.upload-schedule-grid{grid-template-columns:1fr}.upload-type-hint{flex-direction:column;align-items:flex-start}.upload-type-hint span{text-align:left}}.upload-immediate-notice{color:var(--accent);background:var(--accent-soft);border:1px solid #8acbb9;border-radius:10px;margin:0;padding:.75rem .9rem;font-size:.88rem}.inbox-scrollbar::-webkit-scrollbar{width:6px}.inbox-scrollbar::-webkit-scrollbar-track{background:0 0}.inbox-scrollbar::-webkit-scrollbar-thumb{background:#d4d4d8;border-radius:999px}.inbox-scrollbar::-webkit-scrollbar-thumb:hover{background:#a1a1aa}.message-enter{animation:.18s messageFade}@keyframes messageFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.typing-dot{animation:1.2s infinite typingBlink}.typing-dot:nth-child(2){animation-delay:.15s}.typing-dot:nth-child(3){animation-delay:.3s}@keyframes typingBlink{0%{opacity:.2;transform:translateY(0)}20%{opacity:1;transform:translateY(-2px)}to{opacity:.2;transform:translateY(0)}}.online-indicator{position:relative}.online-indicator:after{content:"";background:#22c55e;border:2px solid #fff;border-radius:999px;width:12px;height:12px;position:absolute;bottom:0;right:0}.message-transition{transition:all .18s,transform .18s}@media (width<=768px){.inbox-mobile-hidden{display:none}.inbox-mobile-full{width:100%}}.inbox-readonly-notice{color:#52525b;text-align:center;background:#f4f4f5;margin:0;padding:.9rem 1rem;font-size:.875rem}
