:root{--buncss-light: ;--buncss-dark:initial;color-scheme:dark;--bg:#0d1017;--bg-2:#141a26;--panel:#171e2b;--panel-2:#1f2736;--panel-3:#253043;--text:#e7edf7;--muted:#9aa6bd;--accent:#7fe7d9;--accent-strong:#38d6c2;--accent-2:#ffd166;--danger:#ff6b6b;--warning:#f9c74f;--success:#56d364;--border:#ffffff14;--shadow:0 18px 38px #03081480;--radius:16px;--radius-sm:10px;--gap:16px}*{box-sizing:border-box}body{color:var(--text);background:radial-gradient(circle at 0 0,#7fe7d91f,#0000 45%),radial-gradient(circle at 20% 20%,#ffd16614,#0000 45%),linear-gradient(#0b0f18 0%,#0e121b 40%,#0a0c14 100%);min-height:100vh;margin:0;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}h1,h2,h3,h4{letter-spacing:-.02em;margin:0;font-family:Space Grotesk,IBM Plex Sans,sans-serif}p{color:var(--muted);margin:0;line-height:1.55}button,input,textarea,select{font-family:inherit}.app-shell{display:flex;flex-direction:column;min-height:100vh}.topbar{display:flex;border-bottom:1px solid var(--border);backdrop-filter:blur(12px);position:sticky;z-index:20;background:#0f131dd9;justify-content:space-between;align-items: center;padding:20px 32px;top:0}.topbar-title{display:flex;flex-direction:column;gap:6px}.topbar-title h1{font-size:22px}.topbar-title span{color:var(--muted);font-size:13px}.topbar-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items: center;gap:12px}.topbar-field{min-width:220px}.main{display:grid;grid-template-columns:1fr;gap:24px;padding:24px 32px 40px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.panel-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items: center;gap:12px;margin-bottom:16px}.panel-title{display:flex;flex-direction:column;gap:6px}.panel-title h2{font-size:18px}.panel-title span{color:var(--muted);font-size:13px}.section{border-top:1px solid var(--border);margin-top:18px;padding-top:18px}.section:first-of-type{border-top:none;margin-top:0;padding-top:0}.section-title{display:flex;justify-content:space-between;align-items: center;margin-bottom:12px}.section-title-meta{display:flex;flex-direction:column;gap:4px}.section-title h3{font-size:16px}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.input{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);width:100%;padding:10px 12px;font-size:14px}.input::placeholder,textarea::placeholder{color:#9aa6bdb3}.textarea{resize:vertical;min-height:90px}.select{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);width:100%;padding:10px 12px;font-size:14px}.field{display:flex;flex-direction:column;gap:8px}.field label{color:var(--muted);font-size:13px}.helper{color:var(--muted);font-size:12px}.button{cursor:pointer;display:inline-flex;border:1px solid #0000;border-radius:999px;align-items: center;gap:6px;padding:8px 16px;transition:transform .15s,box-shadow .15s,background .15s;font-size:13px;font-weight:600}.button:disabled{opacity:.55;cursor:not-allowed}.button-primary{background:var(--accent);color:#0d1017;box-shadow:0 8px 18px #7fe7d959}.button-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 20px #7fe7d973}.button-secondary{background:var(--panel-2);color:var(--text);border-color:var(--border)}.button-ghost{color:var(--text);border:1px solid var(--border);background:0 0}.button-danger{color:#ffd7d7;background:#ff6b6b1f;border:1px solid #ff6b6b4d}.button-success{color:#c1f2cb;background:#56d3641f;border:1px solid #56d3644d}.button-warning{color:#ffebc2;background:#f9c74f1f;border:1px solid #f9c74f4d}.badge{text-transform:capitalize;color:var(--text);background:#ffffff14;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.badge.draft{color:#bdf4ec;background:#7fe7d91f}.badge.active{color:#c8f4d0;background:#56d36429}.badge.paused{color:#ffe2a1;background:#f9c74f29}.badge.stopped{color:#ffc3c3;background:#ff6b6b29}.table{display:grid;gap:12px}.table-group{display:grid;gap:12px;margin-bottom:16px}.table-group-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items: center;gap:12px}.table-group-title{display:flex;flex-direction:column;gap:4px}.collapse-toggle{padding:6px 14px}.table-header,.table-row{display:grid;grid-template-columns:1.2fr .8fr 1fr 1fr 1fr 1.4fr;align-items: center;gap:12px}.table-header{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.table-row{background:var(--panel-2);border-radius:var(--radius-sm);border:1px solid var(--border);padding:12px 14px}.table-row strong{font-weight:600}.posts-table{display:grid;gap:12px}.posts-table-header,.posts-table-row{display:grid;grid-template-columns:1.4fr 1.2fr 1fr .6fr .6fr .8fr .7fr .6fr .8fr repeat(var(--poll-columns,0),minmax(80px,.8fr));align-items: center;gap:12px}.posts-table-header{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.posts-table-row{background:var(--panel-2);border-radius:var(--radius-sm);border:1px solid var(--border);padding:12px 14px}.posts-table-row.posts-table-totals{background:var(--panel-3);border-color:#7fe7d933}.sort-button{display:inline-flex;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;background:0 0;border:none;align-items: center;gap:6px;padding:0;font-size:12px}.sort-button:hover{color:var(--text)}.sort-indicator{opacity:.5;font-size:10px}.sort-indicator.active{opacity:1;color:var(--text)}.posts-comments{grid-column:1/-1;border-radius:var(--radius-sm);background:var(--panel-3);border:1px solid var(--border);display:grid;gap:8px;margin-top:8px;padding:10px 12px}.comment-cell{color:var(--accent);cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-weight:600}.comment-cell:disabled{color:var(--muted);cursor:not-allowed}.posts-comments-list{display:grid;gap:6px;font-size:12px}.posts-comment{display:flex;justify-content:space-between;gap:10px}.comments-modal{display:grid;gap:16px;width:min(760px,92vw);max-height:86vh}.comments-modal-header{display:flex;justify-content:space-between;align-items: center;gap:12px}.comments-list{display:grid;overflow:auto;gap:12px;max-height:60vh;padding-right:4px}.comment-card{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-sm);display:grid;gap:10px;padding:12px}.comment-meta{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.comment-text{font-size:14px;line-height:1.5}.comment-media{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.comment-media img{object-fit:cover;border-radius:10px;width:100%}.comment-media-placeholder{color:var(--muted);text-align:center;background:#ffffff14;border-radius:10px;padding:12px;font-size:12px}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes selectionPulse{0%{transform:translateY(0)scale(.98);box-shadow:0 0 #7fe7d900}45%{transform:translateY(-1px)scale(1.02);box-shadow:0 12px 24px #7fe7d92e}to{transform:translateY(0)scale(1);box-shadow:0 0 #7fe7d900}}.poll-results{display:grid;gap:6px;font-size:12px}.poll-row{display:flex;justify-content:space-between;align-items: center;gap:8px}.row-actions,.tags{display:flex;flex-wrap:wrap;gap:8px}.tag{color:#bff6ef;display:inline-flex;background:#7fe7d91f;border-radius:999px;align-items: center;gap:6px;padding:6px 10px;font-size:12px}.tag button{color:inherit;cursor:pointer;background:0 0;border:none;font-size:12px}.selection-chip{color:var(--text);background:#7fe7d914;border:1px solid #7fe7d924;transition:border-color .18s,background .18s,transform .18s,box-shadow .18s}.selection-chip.is-selected,.tag-selected-group{color:#dffaf5;background:linear-gradient(#7fe7d92e,#38d6c224);border:1px solid #7fe7d957;box-shadow:0 10px 22px #0a141d3d}.selection-chip.is-recent,.tag-selected-group.is-recent{animation:selectionPulse .7s ease}.selection-chip-label{font-weight:600}.selection-chip-status{letter-spacing:.03em;text-transform:uppercase;background:#07121d57;border:1px solid #ffffff1f;border-radius:999px;padding:3px 8px;font-size:11px}.selection-chip-action{color:#dffaf5;letter-spacing:.04em;text-transform:uppercase;background:#7fe7d924;border:1px solid #7fe7d938;border-radius:999px;padding:4px 9px;transition:background .18s,border-color .18s,transform .18s;font-size:11px;font-weight:700}.selection-chip-action:hover{background:#7fe7d933;transform:translateY(-1px)}.selection-chip-action.is-selected{color:#f3fbfa;background:#ffffff14;border-color:#ffffff29}.notice{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--muted);background:#ffffff0a;padding:12px 14px;font-size:13px}.loading-pill{display:inline-flex;color:#bff6ef;background:#7fe7d91f;border-radius:999px;align-items: center;gap:8px;padding:6px 12px;font-size:12px}.loading-dot{background:var(--accent);animation:pulse 1.1s ease-in-out infinite;border-radius:999px;width:6px;height:6px}.loading-stack{display:grid;gap:16px}.skeleton-header{display:flex;align-items: center;gap:12px}.skeleton-table{display:grid;gap:12px}.skeleton-row{display:grid;grid-template-columns:repeat(var(--skeleton-columns,6),minmax(0,1fr));gap:12px}.skeleton-line{position:relative;overflow:hidden;background:#ffffff14;border-radius:999px;height:12px}.skeleton-line:after{content:"";position:absolute;animation:shimmer 1.6s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff2e,#0000);inset:0;transform:translate(-100%)}.skeleton-card{display:grid;gap:8px;min-height:72px}.notice strong{color:var(--text)}.flex{display:flex;flex-wrap:wrap;align-items: center;gap:10px}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.metric-card{background:var(--panel-2);border-radius:var(--radius-sm);border:1px solid var(--border);padding:12px}.metric-card h4{color:var(--muted);margin-bottom:6px;font-size:13px}.metric-card strong{font-size:18px}.chart{display:grid;gap:8px}.chart-row{display:grid;grid-template-columns:120px 1fr 80px;align-items: center;gap:10px;font-size:12px}.chart-bar{overflow:hidden;background:#7fe7d91f;border-radius:999px;height:8px}.chart-bar span{display:block;background:linear-gradient(90deg,#7fe7d9,#ffd166);border-radius:999px;height:100%}.modal-backdrop{position:fixed;display:flex;z-index:50;background:#04060ca6;justify-content:center;align-items: center;inset:0}.modal{background:var(--panel);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);width:min(520px,90vw);padding:24px}.modal h3{margin-bottom:8px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.login-shell{display:flex;justify-content:center;align-items: center;min-height:100vh;padding:32px}.login-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);width:min(520px,92vw);padding:28px}.login-card h1{margin-bottom:8px;font-size:24px}.login-card p{margin-bottom:18px}.login-stack{display:grid;gap:12px;margin-bottom:14px}.notice-error{color:#ffd1d1;background:#ff6b6b1f;border:1px solid #ff6b6b40}.notice-success{color:#c1f2cb;background:#56d3641f;border:1px solid #56d36440}.sticky-actions{position:sticky;display:flex;background:linear-gradient(#0f131d00 0%,#0f131de6 70%);justify-content:flex-end;gap:10px;padding-top:16px;bottom:16px}.upload-preview{display:flex;background:var(--panel-2);border-radius:var(--radius-sm);border:1px solid var(--border);align-items: center;gap:12px;padding:10px}.upload-preview img{object-fit:cover;border-radius:10px;width:64px;height:64px}.preview-media{background:#ffffff0a;flex-shrink:0}.preview-media-upload{object-fit:cover;border-radius:10px;width:64px;height:64px}.preview-media-card{object-fit:cover;border-radius:12px;width:72px;height:72px}.preview-media-fallback{display:flex;text-align:center;color:var(--muted);justify-content:center;align-items: center;padding:8px;font-size:11px;line-height:1.2}.upload-status{display:grid;border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffff0a;gap:8px;margin-top:8px;padding:10px 12px}.upload-status-row{display:flex;color:var(--muted);justify-content:space-between;align-items: center;gap:12px;font-size:12px}.upload-status-row strong{color:var(--text);font-size:13px}.upload-progress{overflow:hidden;background:#ffffff14;border-radius:999px;height:8px}.upload-progress span{display:block;background:linear-gradient(90deg,#7fe7d9,#38d6c2);border-radius:999px;height:100%;transition:width .18s}.image-preview-card{display:flex;background:var(--panel-2);border-radius:var(--radius-sm);border:1px solid var(--border);align-items: center;gap:12px;min-height:84px;padding:10px}.brand-card{display:grid;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--panel-2);gap:12px;padding:14px}.brand-card-header{display:flex;justify-content:space-between;align-items: center;gap:12px}.brand-card-icon,.brand-preview-icon{object-fit:cover;border:1px solid var(--border);background:#ffffff0f;border-radius:12px;width:48px;height:48px}.brand-preview-card{display:flex;border-radius:var(--radius-sm);background:linear-gradient(#7fe7d914,#7fe7d908);border:1px solid #7fe7d926;align-items: center;gap:12px;padding:12px}.delivery-section-title{align-items: flex-start;gap:12px;margin-bottom:14px}.delivery-section-heading{display:grid;gap:6px}.delivery-guide-shell{position:relative;flex-shrink:0}.delivery-guide-button{padding:6px 12px}.delivery-guide-popover{position:absolute;z-index:6;border-radius:var(--radius);background:linear-gradient(#141a26fa,#0a0e16fa);border:1px solid #7fe7d92e;width:min(760px,100vw - 96px);padding:16px;top:calc(100% + 10px);right:0;box-shadow:0 22px 48px #03081494}.delivery-guide-header{display:flex;justify-content:space-between;align-items: flex-start;gap:12px;margin-bottom:12px}.delivery-guide-header strong{display:block;color:var(--text);font-size:14px}.delivery-guide-header p{margin-top:4px;font-size:12px}.delivery-guide-close{white-space:nowrap;padding:6px 12px}.delivery-guide-table-wrap{overflow-x:auto}.delivery-guide-table{border-collapse:collapse;width:100%;min-width:860px}.delivery-guide-table th,.delivery-guide-table td{text-align:left;vertical-align:top;border-bottom:1px solid #ffffff14;padding:10px 12px}.delivery-guide-table th{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.delivery-guide-table td{font-size:13px;line-height:1.45}.delivery-guide-table tbody tr:last-child td{border-bottom:none}.delivery-guide-footnote{margin-top:12px;font-size:12px;line-height:1.5}.delivery-card{display:grid;border-radius:var(--radius);background:linear-gradient(#7fe7d914,#121927f0);border:1px solid #7fe7d929;gap:16px;padding:16px;box-shadow:inset 0 1px #ffffff0a}.delivery-explainer{display:grid;gap:10px;margin-top:4px}.delivery-explainer-item{display:grid;border-radius:var(--radius-sm);background:#070b1361;border:1px solid #ffffff14;gap:3px;padding:12px}.delivery-explainer-item strong{color:var(--text);font-size:13px}.delivery-explainer-item span{color:var(--muted);font-size:12px}.delivery-toggle-card{display:grid;border-radius:var(--radius-sm);background:#7fe7d914;border:1px solid #7fe7d938;gap:8px;padding:14px}.delivery-toggle-label{display:flex;color:var(--text);align-items: flex-start;gap:10px;font-size:14px}.delivery-toggle-label input{margin-top:2px}.inline-code{background:#ffffff14;border-radius:6px;padding:2px 6px;font-family:Space Grotesk,IBM Plex Sans,sans-serif}@media (max-width:960px){.topbar{padding:16px 20px}.main{padding:20px}.table-header,.table-row,.posts-table-header,.posts-table-row,.skeleton-row{grid-template-columns:1fr}.row-actions{justify-content:flex-start}.chart-row{grid-template-columns:1fr}.delivery-section-title{flex-direction:column}.delivery-guide-shell{width:100%}.delivery-guide-popover{width:min(100%,760px);left:0;right:auto}}@media (max-width:720px){.topbar{flex-direction:column;align-items:stretch;gap:16px}.topbar-actions{justify-content:flex-start;width:100%}}@media (max-width:520px){.topbar{padding:14px 16px}.topbar-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.topbar-field{grid-column:1/-1;width:100%;min-width:0}.topbar-actions .button{justify-content:center;width:100%}.main{padding:16px 14px 24px}.delivery-guide-popover{width:min(100vw - 28px,100%);padding:14px}.delivery-guide-header{flex-direction:column}}
