:root{
  --navy:#082a57;--blue:#0d4d92;--teal:#147d7a;--gold:#d8a329;--red:#c7222b;--cream:#f8f4e9;
  --ink:#172033;--muted:#6b7280;--line:#e6e9ef;--panel:#fff;--bg:#f5f7fb;--success:#138a5b;--warning:#c17b16;
  --shadow:0 12px 35px rgba(27,39,70,.08);--radius:20px
}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink)}
button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#082a57 0%,#0a356e 64%,#0b406e 100%);padding:24px 18px;color:#fff;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;padding:4px 8px 28px}.brand-mark{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-weight:800;background:linear-gradient(135deg,#f1cd62,#d8a329);color:#082a57;box-shadow:0 6px 20px rgba(0,0,0,.12)}.brand-title{font-weight:800}.brand-sub{font-size:12px;color:#b8c8dd;margin-top:3px}.nav{display:grid;gap:8px}.nav-item{width:100%;border:0;background:transparent;color:#dce7f4;border-radius:12px;padding:12px 13px;text-align:left;font-weight:600;display:flex;gap:10px;align-items:center}.nav-item:hover,.nav-item.active{background:rgba(255,255,255,.12);color:#fff}.sidebar-card{margin-top:auto;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1);padding:16px;border-radius:16px}.sidebar-card p{font-size:12px;line-height:1.5;color:#d6e1ef;margin-bottom:0}.tiny-label,.eyebrow{font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:#ffe194}.sidebar-footer{font-size:11px;color:#9fb6d2;text-align:center;margin-top:18px}.main{min-width:0}.topbar{height:96px;padding:20px 32px;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:15}.topbar-left{display:flex;gap:12px;align-items:center}.topbar h1{font-size:22px;margin:0}.topbar p{font-size:13px;color:var(--muted);margin:5px 0 0}.top-actions,.hero-actions,.copy-actions,.form-actions,.toolbar,.stack-actions{display:flex;gap:10px;align-items:center}.view{display:none;padding:28px 32px 42px}.view.active{display:block}.panel{background:var(--panel);border:1px solid #edf0f5;border-radius:var(--radius);box-shadow:var(--shadow)}.hero{min-height:242px;padding:34px 38px;background:radial-gradient(circle at 75% 10%,rgba(255,255,255,.2),transparent 24%),linear-gradient(120deg,#082a57 0%,#0e4b91 68%,#147d7a 100%);color:#fff;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;width:260px;height:260px;border:46px solid rgba(255,255,255,.06);border-radius:50%;right:-40px;bottom:-150px}.hero h2{font-family:"Playfair Display",serif;font-size:38px;margin:9px 0 8px}.hero p{margin:0 0 24px;color:#dbeafe}.hero-badge{position:relative;z-index:1;width:210px;height:176px;border-radius:50% 46% 52% 48%;background:#fff9e9;color:#0b3c78;border:6px solid #e3b848;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-3deg);box-shadow:0 14px 36px rgba(0,0,0,.18)}.hero-badge span{font-weight:800;font-size:13px;letter-spacing:.12em}.hero-badge strong{font-size:48px;line-height:1}.hero-badge small{font-weight:700}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:18px 0}.stat-card{background:#fff;border:1px solid #edf0f5;border-radius:16px;padding:20px;display:flex;align-items:center;gap:14px;box-shadow:0 8px 26px rgba(27,39,70,.05)}.stat-icon{width:46px;height:46px;border-radius:14px;background:#eef5ff;display:grid;place-items:center;font-size:21px}.stat-card span{display:block;color:var(--muted);font-size:12px;font-weight:600}.stat-card strong{display:block;font-size:28px;margin-top:4px}.dashboard-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.queue-card,.copy-card,.recent-card,.poster-card,.form-card,.poster-large-card,.backup-card{padding:22px}.poster-card{grid-row:span 2}.poster-card img,.poster-large-card img{width:100%;border-radius:14px;display:block;object-fit:cover}.poster-card img{max-height:570px;object-position:top}.poster-large-card img{max-height:720px;object-position:top}.section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.section-head.wrap{flex-wrap:wrap}.section-head h3{margin:4px 0 0;font-size:18px}.eyebrow.dark{color:var(--blue)}.btn{border:0;border-radius:11px;padding:11px 14px;font-weight:700;font-size:13px;transition:.18s}.btn:hover{transform:translateY(-1px)}.btn.primary{background:var(--blue);color:#fff;box-shadow:0 6px 16px rgba(13,77,146,.2)}.btn.secondary{background:#f1f5f9;color:#24324a;border:1px solid #e2e8f0}.btn.light{background:#fff;color:#0b3c78}.btn.glass{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.22)}.btn.small{padding:9px 12px}.btn.danger-outline{background:#fff;border:1px solid #f3c4c7;color:#b61f2b}.icon-btn{width:38px;height:38px;border:0;border-radius:10px;background:#eef2f7;display:grid;place-items:center}.link-btn{border:0;background:none;color:var(--blue);font-weight:700}.next-group{border:1px dashed #cbd5e1;background:#f8fafc;border-radius:15px;padding:17px;display:flex;gap:14px;align-items:center}.next-group-icon{width:44px;height:44px;border-radius:12px;background:#e8f1fb;display:grid;place-items:center}.next-group-copy strong{display:block}.next-group-copy span{font-size:12px;color:var(--muted);display:block;margin-top:4px}.queue-progress{height:9px;border-radius:999px;background:#e9edf3;overflow:hidden;margin-top:18px}.queue-progress>div{height:100%;width:0;background:linear-gradient(90deg,#0d4d92,#147d7a);transition:.25s}.queue-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin-top:8px}.copy-preview{font-size:13px;line-height:1.62;color:#334155;white-space:pre-wrap;max-height:240px;overflow:auto;background:#fafbfc;border:1px solid var(--line);border-radius:13px;padding:16px}.copy-actions{margin-top:14px;flex-wrap:wrap}.activity-list{display:grid;gap:10px}.activity-item{padding:12px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.activity-item:last-child{border-bottom:0}.activity-item strong{font-size:13px}.activity-item span{display:block;font-size:11px;color:var(--muted);margin-top:3px}.activity-tag{font-size:10px;font-weight:800;color:var(--success);background:#eaf8f1;padding:5px 8px;border-radius:999px}.two-col{display:grid;grid-template-columns:1.05fr .95fr;gap:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label,.modal label{font-size:12px;font-weight:700;color:#344054;display:grid;gap:7px}.form-grid .full{grid-column:1/-1}input,textarea,select{width:100%;border:1px solid #dce2ea;border-radius:10px;padding:11px 12px;background:#fff;color:var(--ink);outline:none}input:focus,textarea:focus,select:focus{border-color:#80a8d5;box-shadow:0 0 0 3px rgba(13,77,146,.08)}textarea{resize:vertical;line-height:1.5}.form-actions{margin-top:18px}.status{font-size:10px;font-weight:800;padding:6px 9px;border-radius:999px}.status.active,.status.posted{background:#e8f7ef;color:#10734d}.status.pending{background:#fff6df;color:#9d6615}.status.skipped{background:#f1f5f9;color:#667085}.helper{font-size:12px;color:var(--muted);line-height:1.6}.toolbar{flex-wrap:wrap}.search{width:220px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px 12px;border-bottom:1px solid var(--line);vertical-align:middle}th{font-size:11px;color:#667085;text-transform:uppercase;letter-spacing:.06em}td{font-size:13px}.table-wrap{overflow:auto}.group-name strong{display:block}.group-name small{display:block;color:var(--muted);margin-top:4px;max-width:350px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.actions{display:flex;gap:7px;flex-wrap:wrap}.action-btn{border:1px solid #dce2ea;background:#fff;padding:7px 9px;border-radius:8px;font-size:11px;font-weight:700;color:#334155}.action-btn.primary{background:#eef5ff;color:#0d4d92;border-color:#d6e6fa}.action-btn.success{background:#eaf8f1;color:#10734d;border-color:#cdeedc}.action-btn.danger{color:#b42318;background:#fff5f5;border-color:#fed7d7}.empty{text-align:center;color:var(--muted);padding:34px 10px}.toggle-row{display:flex!important;align-items:center;justify-content:space-between;border:1px solid var(--line);padding:13px;border-radius:12px}.toggle-row small{display:block;color:var(--muted);margin-top:4px;font-weight:400}.toggle-row input{width:18px;height:18px}.stack-actions{flex-direction:column;align-items:stretch}.file-btn{display:block;text-align:center;cursor:pointer}.file-btn input{display:none}.notice{margin-top:18px;background:#eef7ff;border:1px solid #d9ebfb;border-radius:12px;padding:14px;font-size:12px;line-height:1.55;color:#35516f}.toast{position:fixed;right:26px;bottom:26px;background:#172033;color:#fff;padding:12px 16px;border-radius:12px;box-shadow:var(--shadow);font-size:13px;font-weight:700;opacity:0;transform:translateY(15px);pointer-events:none;transition:.2s;z-index:99}.toast.show{opacity:1;transform:none}.modal-backdrop{position:fixed;inset:0;background:rgba(10,22,42,.54);display:grid;place-items:center;padding:20px;z-index:100}.modal-backdrop[hidden]{display:none}.modal{background:#fff;width:min(520px,100%);border-radius:18px;padding:22px;box-shadow:0 22px 70px rgba(0,0,0,.25)}.modal.large{width:min(760px,100%)}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.modal-head h3{margin:0}.modal form{display:grid;gap:14px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.mobile-only{display:none}
@media(max-width:1100px){.app-shell{grid-template-columns:220px 1fr}.dashboard-grid,.two-col{grid-template-columns:1fr}.poster-card{grid-row:auto}.stats-grid{grid-template-columns:repeat(2,1fr)}.hero-badge{width:175px;height:150px}.hero-badge strong{font-size:40px}}
@media(max-width:780px){.app-shell{display:block}.sidebar{position:fixed;left:-280px;width:260px;transition:.22s}.sidebar.open{left:0}.mobile-only{display:grid}.topbar{height:auto;min-height:88px;padding:16px 18px;align-items:flex-start}.top-actions{display:none}.view{padding:18px}.hero{padding:28px 22px;align-items:flex-start}.hero h2{font-size:30px}.hero-badge{display:none}.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:15px}.dashboard-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.toolbar{width:100%}.search{width:100%}.queue-meta{gap:10px}.section-head.wrap{align-items:flex-start}th,td{white-space:nowrap}}
@media(max-width:480px){.stats-grid{grid-template-columns:1fr}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{width:100%}.copy-actions{display:grid;grid-template-columns:1fr 1fr}.copy-actions .btn:first-child{grid-column:1/-1}}