:root{--navy:#00334e;--navy-600:#013b5c;--orange:#f19a33;--orange-600:#db8826;--bg:#f4f1ea;--card:#ffffff;--ink:#0e2a3f;--muted:#6b7e8d;--border:#e6e0d2;--green:#2e7d4f;--green-600:#266a43;--red:#c0392b;--shadow:0 1px 3px rgba(0,51,78,0.08),0 6px 20px rgba(0,51,78,0.06);--radius:14px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}.app-header{position:-webkit-sticky;position:sticky;top:0;z-index:20;gap:14px;height:60px;padding:0 20px;background:var(--navy);box-shadow:0 2px 12px rgba(0,51,78,.18)}.app-header,.app-header .brand{display:flex;align-items:center}.app-header .brand img{height:34px;width:auto;display:block}.app-header .header-title{color:rgba(255,255,255,.65);font-size:14px;font-weight:500;letter-spacing:.04em;padding-left:14px;border-left:1px solid rgba(255,255,255,.18)}.container{max-width:1080px;margin:0 auto;padding:28px 24px 64px}h1.page-title{font-size:30px;margin:0;letter-spacing:-.01em}.subtle{color:var(--muted)}.tabs{display:flex;gap:8px;margin:22px 0 4px;overflow-x:auto;padding-bottom:6px;-webkit-overflow-scrolling:touch}.tab{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 16px;border-radius:999px;border:1px solid var(--border);background:var(--card);color:var(--ink);text-decoration:none;font-size:14px;font-weight:600;white-space:nowrap;transition:all .15s ease}.tab.active,.tab:hover{border-color:var(--navy)}.tab.active{background:var(--navy);color:#fff}.tab .pill{background:rgba(0,51,78,.08);color:var(--navy);border-radius:999px;padding:1px 9px;font-size:12px;font-weight:700}.tab.active .pill{background:rgba(255,255,255,.22);color:#fff}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));grid-gap:18px;gap:18px;margin-top:22px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;text-decoration:none;color:inherit;box-shadow:var(--shadow);transition:transform .16s ease,box-shadow .16s ease;display:block}.card:hover{transform:translateY(-3px);box-shadow:0 8px 28px rgba(0,51,78,.14)}.card .thumb{width:100%;aspect-ratio:4/5;display:block;background:var(--navy);object-fit:cover}.card .card-body{padding:14px 15px 16px}.card .preview{margin:10px 0 0;font-size:13px;color:var(--muted);line-height:1.45;max-height:75px;overflow:hidden}.card .note{margin:10px 0 0;font-size:12px;color:var(--red)}.tagrow{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.tag{display:inline-block;background:var(--navy);color:#fff;border-radius:6px;padding:3px 9px;font-size:11px;font-weight:700;letter-spacing:.03em}.tag.muted{background:#5b7184}.tag.orange{background:var(--orange)}.sb{display:inline-block;border-radius:999px;padding:3px 11px;font-size:12px;font-weight:700}.sb.pending_approval{background:#fdeccf;color:#9a5e02}.sb.approved{background:#dcefe2;color:var(--green-600)}.sb.rejected{background:#f3dcd8;color:var(--red)}.sb.needs_attention{background:#f7ddd6;color:#a4361f}.sb.scheduled{background:#d8e6ef;color:var(--navy)}.sb.published{background:#1f7a3d;color:#fff}.live-note{margin:8px 0 0;font-size:12px;color:var(--green-600);line-height:1.5;word-break:break-all}.empty,.live-id{color:var(--muted)}.empty{padding:40px 0;text-align:center}.backlink{display:inline-block;color:var(--muted);font-size:14px;text-decoration:none;margin-bottom:14px}.backlink:hover{color:var(--navy)}.detail-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.detail-head h1{font-size:25px;margin:0}.detail-meta{color:var(--muted);font-size:13px;margin:6px 0 0}.detail-grid{display:grid;grid-template-columns:minmax(280px,360px) 1fr;grid-gap:30px;gap:30px;margin-top:22px;align-items:start}.visual-col{position:-webkit-sticky;position:sticky;top:80px}.platform-block{margin-bottom:22px}.platform-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin:0 0 8px}.platform-label .sz{color:#9aa7b2;font-weight:600}.carousel-frame,.visual-card{border-radius:var(--radius);background:var(--navy);border:1px solid var(--border);display:block}.visual-card{width:100%;height:auto}.visual-textonly{width:100%;box-sizing:border-box;border-radius:var(--radius);border:1px dashed var(--border);background:#fff;padding:26px;text-align:center;color:var(--muted);font-size:14px;line-height:1.5}.carousel-strip{display:flex;gap:10px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.carousel-frame{flex:0 0 80%;max-width:320px;height:auto;scroll-snap-align:start}.field{display:block;margin-bottom:18px}.field .label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.field textarea{width:100%;margin-top:7px;padding:13px;border-radius:10px;border:1px solid var(--border);background:#fff;font-family:inherit;font-size:14px;line-height:1.55;color:var(--ink);resize:vertical}.field textarea:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 3px rgba(241,154,51,.18)}.timeline{list-style:none;padding:0;margin:8px 0 0}.timeline li{display:flex;gap:12px;padding:9px 0;border-bottom:1px dashed var(--border)}.timeline li:last-child{border-bottom:none}.timeline .dot{width:9px;height:9px;border-radius:50%;margin-top:6px;flex:0 0 auto;background:var(--navy)}.timeline .dot.approved{background:var(--green)}.timeline .dot.rejected{background:var(--red)}.timeline .dot.edited{background:var(--orange)}.timeline .ev{font-weight:700;font-size:14px}.timeline .det{color:var(--muted);font-size:13px}.timeline .time{margin-left:auto;color:var(--muted);font-size:12px;white-space:nowrap}.panel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:18px 18px 6px;box-shadow:var(--shadow);margin-top:22px}.panel h3{margin:0 0 6px;font-size:15px}.actionbar{display:flex;gap:12px;margin-top:18px;position:-webkit-sticky;position:sticky;bottom:0;background:linear-gradient(180deg,rgba(244,241,234,0) 0,var(--bg) 26%);padding:14px 0 6px}.actionbar,.btn{align-items:center}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;border-radius:11px;min-height:50px;padding:0 24px;font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;transition:all .15s ease;display:inline-flex;justify-content:center;gap:8px}.btn:disabled{opacity:.45;cursor:default}.btn-approve{background:var(--green);color:#fff;box-shadow:0 4px 14px rgba(46,125,79,.28)}.btn-approve:not(:disabled):hover{background:var(--green-600)}.btn-primary{background:var(--orange);color:#fff}.btn-primary:not(:disabled):hover{background:var(--orange-600)}.btn-secondary{background:#fff;color:var(--navy);border-color:var(--navy)}.btn-secondary:not(:disabled):hover{background:var(--navy);color:#fff}.btn-ghost{background:transparent;color:var(--muted);border-color:var(--border)}.btn-ghost:not(:disabled):hover{color:var(--red);border-color:var(--red);background:#fbeeec}.regen-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:4px;padding:12px 0;border-top:1px solid var(--border)}.regen-label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-right:4px}.btn-mini{min-height:38px;padding:0 16px;border-radius:9px;font-size:13px;font-weight:700;background:#fff;color:var(--navy);border:1px solid var(--navy);cursor:pointer}.btn-mini:not(:disabled):hover{background:var(--navy);color:#fff}.btn-mini:disabled{opacity:.45;cursor:default}.regen-spin{width:16px;height:16px;border-radius:50%;border:2px solid var(--border);border-top-color:var(--orange);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.publish-log{margin-top:16px;border:1px solid var(--border);border-radius:var(--radius);background:#fff;padding:14px 16px}.publish-head{margin:0 0 10px;font-size:13px;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:8px}.publish-row{display:flex;gap:12px;padding:10px 0;border-top:1px dashed var(--border)}.publish-plat{flex:0 0 78px;font-weight:700;text-transform:capitalize;font-size:13px}.publish-detail{font-size:12.5px;color:#3a536a;line-height:1.55}.publish-detail b{color:var(--ink)}.sched-list{margin-top:22px;display:flex;flex-direction:column;gap:16px}.sched-day{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.sched-day-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 16px;background:rgba(0,51,78,.04);border-bottom:1px solid var(--border)}.sched-date{font-weight:700;font-size:14px;color:var(--navy)}.sched-title{font-size:13px;color:var(--muted);text-decoration:none}.sched-title:hover{color:var(--navy);text-decoration:underline}.sched-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:11px 16px;border-bottom:1px dashed var(--border)}.sched-row:last-child{border-bottom:none}.sched-time{font-size:13px;color:var(--ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sched-err{font-size:12px;color:var(--red)}.plat-chip{display:inline-block;min-width:78px;text-align:center;border-radius:6px;padding:3px 9px;font-size:11px;font-weight:700;color:#fff;text-transform:capitalize}.plat-facebook{background:#1877f2}.plat-linkedin{background:#0a66c2}.plat-instagram{background:#c13584}.st{display:inline-block;border-radius:999px;padding:2px 10px;font-size:11px;font-weight:700;text-transform:capitalize}.st.planned{background:#d8e6ef;color:var(--navy)}.st.pushed{background:#dcefe2;color:var(--green-600)}.st.failed{background:#f3dcd8;color:var(--red)}.st.paused{background:#fdeccf;color:#9a5e02}.st.skipped{background:#e7e2d6;color:#6b6353}.sched-reschedule,.sched-row-controls{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.chip-btn{background:#fff;color:var(--navy);border:1px solid var(--border);border-radius:7px;padding:5px 11px;font-size:12px;font-weight:700;cursor:pointer}.chip-btn:hover:not(:disabled){border-color:var(--navy)}.chip-btn:disabled{opacity:.5;cursor:default}.chip-btn.danger:hover:not(:disabled){border-color:var(--red);color:var(--red)}.sched-reschedule input[type=date]{border:1px solid var(--border);border-radius:7px;padding:4px 8px;font-family:inherit;font-size:12px}.status-note{margin-left:auto;font-size:12px;color:var(--muted)}.saved-msg{color:var(--green-600);font-size:13px;margin:0 0 8px}.modal-overlay{position:fixed;inset:0;background:rgba(0,51,78,.45);display:flex;align-items:center;justify-content:center;z-index:50;padding:20px}.modal{background:#fff;border-radius:16px;max-width:420px;width:100%;padding:26px;box-shadow:0 20px 60px rgba(0,0,0,.3)}.modal h3{margin:0 0 8px;font-size:20px}.modal p{margin:0 0 20px;color:var(--muted);line-height:1.5;font-size:14px}.modal .modal-actions{display:flex;gap:10px;justify-content:flex-end}@media (max-width:760px){.container{padding:18px 16px 80px}h1.page-title{font-size:24px}.detail-grid{grid-template-columns:1fr;gap:22px}.visual-col{position:static}.visual-col img{max-width:380px}.grid{grid-template-columns:1fr;gap:16px}.actionbar{flex-direction:column;align-items:stretch}.actionbar .btn{width:100%}.status-note{margin:4px 0 0;text-align:center}.modal .modal-actions{flex-direction:column-reverse}.modal .modal-actions .btn{width:100%}}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/space-grotesk-vietnamese-400-normal.ae00ba54.woff2) format("woff2"),url(/_next/static/media/space-grotesk-vietnamese-400-normal.3e018f61.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/space-grotesk-latin-ext-400-normal.f44744fa.woff2) format("woff2"),url(/_next/static/media/space-grotesk-latin-ext-400-normal.9154b20d.woff) format("woff");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/space-grotesk-latin-400-normal.5977941d.woff2) format("woff2"),url(/_next/static/media/space-grotesk-latin-400-normal.73004868.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/_next/static/media/space-grotesk-vietnamese-500-normal.0a6bc1c8.woff2) format("woff2"),url(/_next/static/media/space-grotesk-vietnamese-500-normal.6189c43d.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/_next/static/media/space-grotesk-latin-ext-500-normal.f605b0d2.woff2) format("woff2"),url(/_next/static/media/space-grotesk-latin-ext-500-normal.644f7a23.woff) format("woff");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/_next/static/media/space-grotesk-latin-500-normal.31250b26.woff2) format("woff2"),url(/_next/static/media/space-grotesk-latin-500-normal.3d793272.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/_next/static/media/space-grotesk-vietnamese-700-normal.7d37a5c3.woff2) format("woff2"),url(/_next/static/media/space-grotesk-vietnamese-700-normal.2f27545a.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/_next/static/media/space-grotesk-latin-ext-700-normal.ad18a16f.woff2) format("woff2"),url(/_next/static/media/space-grotesk-latin-ext-700-normal.34f2bf2c.woff) format("woff");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/_next/static/media/space-grotesk-latin-700-normal.46d978a2.woff2) format("woff2"),url(/_next/static/media/space-grotesk-latin-700-normal.f67e63c9.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}