:root{--ink:#142e2b;--deep:#082522;--mint:#c9f3d8;--lime:#dff45f;--coral:#ff745c;--paper:#f6f3eb;--white:#fffefa;--line:rgba(20,46,43,.18);--sans:"DM Sans",sans-serif;--display:"Manrope",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);line-height:1.5}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.admin-header{height:86px;padding:0 clamp(20px,5vw,75px);display:flex;align-items:center;justify-content:space-between;color:white;background:var(--deep)}.admin-brand{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.admin-brand img{width:70px;filter:brightness(0) invert(1)}.admin-brand span{padding-left:12px;border-left:1px solid rgba(255,255,255,.4)}.admin-header nav{display:flex;gap:27px;font-size:12px;font-weight:600}.admin-hero{padding:clamp(80px,10vw,145px) clamp(20px,7vw,110px);display:grid;grid-template-columns:1.3fr .7fr;gap:8vw;align-items:end;color:white;background:var(--deep)}.admin-hero p:first-child,.section-label{margin:0 0 24px;font-size:9px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.admin-hero h1,.composer-form h2,.approval h2,.social-preview h2,.integration h2{margin:0;font-family:var(--display);font-size:clamp(46px,7vw,94px);font-weight:500;line-height:.95;letter-spacing:-.06em}.admin-hero h1 em{color:var(--lime);font-family:Georgia,serif;font-weight:400}.admin-hero>p{max-width:500px;color:rgba(255,255,255,.65);font-size:18px}.workflow{display:grid;grid-template-columns:repeat(4,1fr);background:var(--coral)}.workflow article{min-height:220px;padding:27px;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.3)}.workflow span{font-size:9px;opacity:.55}.workflow strong{margin:auto 0 8px;font-family:var(--display);font-size:28px}.workflow p{margin:0;font-size:12px;opacity:.7}.event-composer,.approval,.social-preview,.integration{padding:clamp(75px,9vw,135px) clamp(20px,7vw,110px)}.event-composer{display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;background:var(--white)}.composer-form h2,.approval h2,.social-preview h2,.integration h2{font-size:clamp(38px,5vw,68px)}#event-form{margin-top:45px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid label{display:flex;flex-direction:column;gap:7px;font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.form-grid .wide{grid-column:1/-1}.form-grid input,.form-grid textarea,.form-grid select{width:100%;padding:13px;border:1px solid var(--line);outline:0;background:var(--paper);text-transform:none}.poster-field span{font-size:9px;font-weight:400;letter-spacing:0;opacity:.55}.rights{margin:22px 0;display:flex;gap:9px;font-size:11px}#event-form>button{padding:15px 18px;border:0;color:var(--deep);background:var(--lime);font-weight:700;cursor:pointer}.form-status{min-height:20px;font-size:12px}.live-preview{position:sticky;top:25px;align-self:start}.poster-preview{aspect-ratio:4/5;display:grid;place-items:center;color:rgba(255,255,255,.7);background:linear-gradient(145deg,var(--deep),#19564f);background-position:center;background-size:cover}.poster-preview.has-image span{display:none}.preview-copy{padding:22px;color:white;background:var(--deep)}.preview-copy small{color:var(--lime);font-size:8px;letter-spacing:.12em}.preview-copy h3{margin:8px 0 5px;font-family:var(--display);font-size:27px}.preview-copy p{margin:0;opacity:.6}.approval{background:var(--mint)}.approval-heading{display:flex;justify-content:space-between;align-items:end}.queue-stats{display:flex;gap:10px}.queue-stats span{padding:10px 14px;border:1px solid var(--line);border-radius:100px;font-size:10px}.queue-list{margin-top:45px;display:flex;flex-direction:column;gap:10px}.queue-empty{padding:45px;text-align:center;background:rgba(255,255,255,.55)}.queue-item{padding:18px;display:grid;grid-template-columns:70px 1fr auto;gap:18px;align-items:center;background:var(--white)}.queue-thumb{width:70px;aspect-ratio:4/5;background:var(--deep) center/cover}.queue-info{display:flex;flex-direction:column}.queue-info small{font-size:9px;opacity:.55}.queue-actions{display:flex;gap:6px}.queue-actions button{padding:9px 11px;border:1px solid var(--line);background:none;font-size:9px;font-weight:700;cursor:pointer}.queue-actions .approve{border-color:var(--lime);background:var(--lime)}.status-pill{width:max-content;margin-top:6px;padding:4px 8px;border-radius:100px;background:#eee;font-size:8px;font-weight:700;text-transform:uppercase}.status-pill.approved{background:var(--mint)}.social-preview{display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw;background:var(--paper)}.social-preview>div:first-child>p:last-child{max-width:480px;opacity:.65}.channel-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.channel-cards article{align-self:start;background:white;box-shadow:0 15px 50px rgba(8,37,34,.12);font-size:11px}.channel-cards header{padding:13px;display:flex;align-items:center;gap:9px}.channel-cards header b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:white;background:var(--ink)}.channel-cards header span{display:flex;flex-direction:column}.channel-cards header small{opacity:.5}.instagram-card header i{margin-left:auto}.social-image{aspect-ratio:4/5;background:linear-gradient(145deg,var(--deep),#19564f) center/cover}.channel-cards p{padding:0 13px}.channel-cards footer{padding:12px;border-top:1px solid #eee;opacity:.55}.integration{display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw;color:white;background:var(--deep)}.integration-list article{padding:20px 0;display:grid;grid-template-columns:40px 1fr;gap:15px;border-bottom:1px solid rgba(255,255,255,.16)}.integration-list>article>span{display:grid;place-items:center;width:32px;height:32px;border:1px solid rgba(255,255,255,.3);border-radius:50%;font-size:10px}.integration-list strong{color:var(--lime)}.integration-list p{margin:5px 0 0;color:rgba(255,255,255,.56);font-size:12px}.integration-note{grid-column:1/-1;margin:0;padding-top:25px;border-top:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.5);font-size:10px}
.share-launcher{position:fixed;z-index:89;left:20px;bottom:20px;padding:13px 17px;display:flex;gap:8px;align-items:center;border:1px solid rgba(255,255,255,.25);border-radius:100px;color:white;background:var(--deep);box-shadow:0 12px 35px rgba(0,0,0,.18);cursor:pointer}.share-launcher svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.share-panel{position:fixed;z-index:108;left:20px;bottom:76px;width:220px;padding:16px;display:flex;flex-direction:column;gap:5px;background:var(--white);box-shadow:0 18px 55px rgba(0,0,0,.25);visibility:hidden;opacity:0;transform:translateY(8px);transition:.2s}.share-panel.open{visibility:visible;opacity:1;transform:none}.share-panel>strong{margin-bottom:6px;font-family:var(--display)}.share-panel a,.share-panel button{padding:9px 10px;border:0;color:var(--ink);background:var(--paper);text-align:left;font-size:10px;cursor:pointer}.share-status{min-height:14px;color:var(--coral)}
@media(max-width:850px){.admin-header nav{display:none}.admin-hero,.event-composer,.social-preview,.integration{grid-template-columns:1fr}.workflow{grid-template-columns:1fr 1fr}.live-preview{position:static}.channel-cards{max-width:680px}.approval-heading{align-items:flex-start;flex-direction:column;gap:20px}}@media(max-width:560px){.workflow{grid-template-columns:1fr}.form-grid,.channel-cards{grid-template-columns:1fr}.queue-item{grid-template-columns:55px 1fr}.queue-thumb{width:55px}.queue-actions{grid-column:1/-1}.admin-hero h1{font-size:54px}}
