@font-face{font-family:Bernier;src:url('/assets/Bernier-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Montserrat;src:url('/assets/Montserrat-Variable.ttf') format('truetype');font-weight:400 800;font-display:swap}
:root{--navy:#042742;--blue:#008ee8;--yellow:#f9ed2e;--white:#fff;--black:#000;--bg:#f4f7fa;--ink:#142c3f;--muted:#4f6171;--line:#dce5eb;--pale:#e9f4fb;--blueink:#005c97;--green:#176349;--greenbg:#e3f5ee;--red:#a42d39;--redbg:#fbecef;--amber:#785300;--amberbg:#fff2cb;--radius:12px;--shadow:0 2px 9px #04274207;font:500 14px/1.55 Montserrat,Arial,sans-serif;color:var(--ink);background:var(--bg)}
*{box-sizing:border-box}
body{margin:0;min-width:300px}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
a{color:var(--blueink);text-underline-offset:3px}
svg{flex:none;vertical-align:middle}
h1,h2,h3,p{margin:0}
h1{font:400 clamp(43px,5vw,70px)/.98 Bernier,Impact,sans-serif;letter-spacing:.005em;text-transform:lowercase}
h2{font-size:19px;line-height:1.25;letter-spacing:-.025em;font-weight:800}
h3{font-size:15px;line-height:1.35;font-weight:750}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
[hidden]{display:none!important}
.skip{position:fixed;top:-70px;left:15px;z-index:30;padding:10px;background:white}.skip:focus{top:12px}
.layout{display:grid;grid-template-columns:235px minmax(0,1fr);min-height:100vh}
.sidebar{background:white;border-right:1px solid var(--line);height:100vh;position:sticky;top:0;display:flex;flex-direction:column;padding:24px 17px 16px;z-index:5}
.brand{display:block;padding:4px 13px 17px;color:var(--navy);text-decoration:none}
.brand img{display:block;width:148px;max-width:100%;height:auto}
.brand span{display:block;margin:10px 0 0 2px;font-weight:800;font-size:10px;letter-spacing:.18em;text-transform:uppercase}
.nav-label,.eyebrow{font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:800}
.nav-label{margin:15px 13px 8px;color:var(--muted)}
.nav{display:grid;gap:3px}
.nav a,.signout{border:0;display:flex;align-items:center;gap:11px;min-height:43px;padding:8px 11px;text-decoration:none;color:var(--muted);border-radius:8px;background:transparent;font-weight:650;text-align:left;white-space:nowrap}
.nav a:hover,.signout:hover{background:var(--bg);color:var(--navy)}
.nav a[aria-current=page]{background:#e7f3fb;color:#075a91;font-weight:800;box-shadow:inset 3px 0 var(--blue)}
.nav .nav-count{margin-left:auto;background:white;border:1px solid #cfe1ec;padding:0 6px;min-width:21px;text-align:center;border-radius:5px;font-size:10px}
.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:13px}
.signout{width:100%}
.workspace{min-width:0}
.topbar{height:65px;position:sticky;top:0;z-index:4;border-bottom:1px solid var(--line);background:#fffffffa;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 28px}
.top-title{font-weight:750;color:var(--navy)}
.top-right{display:flex;align-items:center;gap:15px}
.mode{display:inline-flex;align-items:center;gap:6px;background:#fff8c6;color:#4b4000;padding:4px 8px;border-radius:5px;font-size:10px;font-weight:800;white-space:nowrap}
.account{display:flex;align-items:center;gap:9px}
.avatar{display:grid;place-items:center;border-radius:8px;background:var(--pale);color:var(--blueink);width:35px;height:35px;font-size:11px;font-weight:800}
.account b,.account small{display:block;line-height:1.3}
.account b{font-size:12px}.account small{font-size:10px;color:var(--muted);text-transform:capitalize}
.button.mobile-menu{display:none}
main.content{max-width:1500px;margin:auto;padding:26px 28px 45px}
.hero{position:relative;isolation:isolate;overflow:hidden;border-radius:15px;color:white;background:var(--navy);padding:29px 30px 28px;display:flex;align-items:end;justify-content:space-between;gap:18px;min-height:177px}
.hero::before,.hero::after{content:'';position:absolute;pointer-events:none;z-index:-1;transform:skewX(-26deg)}
.hero::before{right:4%;top:-36%;height:180%;width:24%;background:#0b3859}
.hero::after{right:-4%;top:-28%;height:170%;width:12%;background:#065484}
.hero .eyebrow{color:#b7dcf1;margin-bottom:9px;display:flex;align-items:center;gap:8px}
.hero .eyebrow::before{content:'';width:17px;height:3px;background:var(--yellow)}
.hero p{margin-top:10px;color:#d9eaf5;font-size:13px}
.button{border:1px solid transparent;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 12px;min-height:39px;font-size:12px;font-weight:750;line-height:1.3;text-decoration:none;text-align:center;background:white;color:var(--navy);white-space:nowrap}
.button:hover{filter:brightness(.96)}.button:disabled{opacity:.55;cursor:default}
.button.primary{background:var(--navy);color:white}.button.yellow{background:var(--yellow);color:var(--navy)}
.button.secondary{border-color:var(--line)}.button.danger{border-color:#e9bac2;color:var(--red);background:white}
.button.icon{padding:7px;min-width:37px}.button.link{padding:5px 0;min-height:34px;color:var(--blueink);background:transparent}
.dashboard-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0 25px}
.stat{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:15px;box-shadow:var(--shadow);text-decoration:none;color:var(--ink);display:grid;grid-template-columns:1fr auto;gap:3px 6px}
.stat:hover{border-color:#88b6d5}
.stat-icon{grid-column:2;grid-row:1 / 3;background:var(--pale);color:var(--blueink);border-radius:8px;display:grid;place-items:center;width:35px;height:35px}
.stat-icon.amber{color:var(--amber);background:var(--amberbg)}.stat-icon.green{color:var(--green);background:var(--greenbg)}.stat-icon.red{color:var(--red);background:var(--redbg)}
.stat b{font-weight:800;color:var(--navy);font-size:26px;line-height:1.1}.stat small{font-weight:700;font-size:11px}.stat span.meta{grid-column:1/-1}
.meta{font-size:11px;color:var(--muted)}
.dash-grid{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(255px,1fr);align-items:start;gap:17px}
.section-head,.panel-head,.page-head,.card-top,.card-bottom,.tool-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.section-head{margin:0 0 12px}
.section-head p,.panel-head p{margin-top:3px}
.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.dash-grid .story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.story-card,.panel,.asset-card{background:white;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:var(--radius);min-width:0}
.story-card{overflow:hidden;display:flex;flex-direction:column}
.story-cover{display:block;width:100%;aspect-ratio:1.95;background:#e4f1f8;object-fit:cover}
.cover-placeholder{display:grid;place-items:center;color:#27719e;background:repeating-linear-gradient(130deg,#e5f1f9 0 36px,#eaf5fb 36px 70px)}
.story-info{padding:13px 14px 12px;display:grid;gap:7px;flex:1;align-content:start}
.story-info h3 a{color:var(--navy);text-decoration:none}
.story-info h3 a:hover{text-decoration:underline}
.story-info p{font-size:11px;color:var(--muted)}
.story-card .card-bottom{padding:10px 14px;border-top:1px solid #edf2f5}
.badge{display:inline-flex;align-items:center;gap:4px;width:max-content;max-width:100%;font-size:10px;font-weight:800;padding:3px 7px;border-radius:5px;background:#edf2f6;color:#344c5d;line-height:1.35}
.badge.approved,.badge.published,.badge.already_shared{background:var(--greenbg);color:var(--green)}
.badge.pending,.badge.update_required,.badge.review_required,.badge.rejected{background:var(--amberbg);color:var(--amber)}
.badge.failed,.badge.withdrawn{background:var(--redbg);color:var(--red)}
.badge.scheduled{background:var(--pale);color:var(--blueink)}
.panel{padding:17px}
.panel + .panel{margin-top:15px}
.panel-head{margin-bottom:10px}
.status-list{display:grid;gap:0}
.status-line{display:flex;justify-content:space-between;align-items:center;gap:9px;padding:11px 0;border-bottom:1px solid #edf2f5;font-size:12px}
.status-line:last-child{border:0}
.status-name{display:flex;gap:8px;align-items:center;font-weight:700}
.mini-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:6px;background:var(--pale);color:var(--blueink)}
.mini-icon.alert{color:var(--red);background:var(--redbg)}
.page-head{align-items:end;margin:7px 0 20px}
.page-head h1{font-size:clamp(42px,5vw,60px)}
.page-head .eyebrow{margin-bottom:7px;color:var(--blueink)}
.page-head p{margin-top:8px;color:var(--muted)}
.tool-row{margin-bottom:15px;justify-content:flex-start;flex-wrap:wrap}
.tool-row input[type=search]{width:min(100%,330px)}
.tool-row.pager{justify-content:space-between;align-items:center}
.tool-row select{min-width:160px}
.withdraw-asset{margin-top:12px;padding-top:12px;border-top:1px solid #edf2f5}
.asset-card .button.danger{margin-top:6px}
.field,.checkset{display:grid;gap:5px;min-width:0}
.field>span,.field>label,fieldset legend{font-size:12px;font-weight:800;color:var(--navy)}
input:not([type=checkbox]),textarea,select{width:100%;min-height:39px;padding:8px 10px;border:1px solid #bccbd6;border-radius:7px;background:white;color:var(--ink)}
textarea{resize:vertical;min-height:95px}
input[type=checkbox]{width:16px;height:16px;accent-color:var(--blueink)}
select{width:auto;max-width:100%}
fieldset{margin:0;padding:9px 11px 11px;border:1px solid var(--line);border-radius:8px}
.checks{display:flex;flex-wrap:wrap;gap:6px 13px}
.checks label{display:inline-flex;gap:5px;align-items:center;font-size:12px;font-weight:650}
.form-grid,.two-col{display:grid;gap:13px;grid-template-columns:repeat(2,minmax(0,1fr))}
.stack{display:grid;gap:12px}.stack>.panel{margin:0}
.flow{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.spread{justify-content:space-between}
.field-help{color:var(--muted);font-size:11px}
.notice{border:1px solid #dce8f0;border-left:3px solid var(--blue);background:#f0f7fc;padding:10px 12px;border-radius:7px;font-size:12px}
.notice.warning{border-color:#f0dfab;border-left-color:#b67a00;background:#fff7df}
.notice.error{border-color:#edc4cb;border-left-color:var(--red);background:var(--redbg);color:var(--red)}
.empty{padding:25px 17px;border:1px dashed #aabfcc;border-radius:9px;color:var(--muted);background:#fafcfe;text-align:center;font-size:13px}
.table-scroll{overflow:auto}
table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}
th,td{padding:10px;border-bottom:1px solid var(--line);vertical-align:middle}
th{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;background:#f5f8fb;white-space:nowrap}
tbody tr:last-child td{border-bottom:0}
table a{font-weight:700}
.asset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.asset-card{overflow:hidden}
.asset-card img,.asset-card video{display:block;width:100%;aspect-ratio:1.8;object-fit:cover;background:var(--navy)}
.asset-card div{padding:10px;overflow-wrap:anywhere}
.drop{display:grid;gap:7px;place-items:center;text-align:center;border:1px dashed #91adbf;border-radius:8px;padding:16px;background:#f3f9fd;color:var(--navy);cursor:pointer;font-size:12px}
.drop.dragging{background:#dfeff9;border-color:var(--blue)}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap}
dialog{border:1px solid var(--line);border-radius:13px;padding:0;width:min(850px,calc(100% - 26px));max-height:90dvh;color:var(--ink);box-shadow:0 20px 70px #04182944}
dialog::backdrop{background:#04274286}
.dialog-head{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 19px;border-bottom:1px solid var(--line);background:white}
.dialog-body{padding:17px 19px}
.dialog-body details{border:1px solid var(--line);border-radius:7px;padding:7px 10px}
.dialog-body details summary{cursor:pointer;font-weight:700}
.story-copy{white-space:pre-wrap;overflow-wrap:anywhere}
#toast{position:fixed;right:18px;bottom:17px;z-index:20;padding:11px 15px;background:var(--navy);color:white;border-radius:8px;box-shadow:0 4px 20px #0002;max-width:calc(100% - 36px)}
.login-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:white}
.login-hero{display:grid;align-content:center;gap:20px;padding:clamp(24px,7vw,95px);background:var(--navy);color:white}
.login-hero .eyebrow{color:var(--yellow)}
.login-hero p{color:#d9eaf5;max-width:360px}
.login-main{display:grid;place-items:center;padding:28px}
.login-form{width:min(100%,380px);display:grid;gap:13px}.login-form img{width:158px;margin-bottom:10px}
.login-form button{width:100%}.loading{padding:35px}
.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}
.calendar-day{min-height:77px;padding:5px;border:1px solid var(--line);border-radius:5px;background:#fafcfe;font-size:11px;overflow-wrap:anywhere}
.calendar-day.current{background:#eaf6fe;border-color:#8bbfe0}
.calendar-day a{display:block;margin-top:4px;background:var(--pale);border-radius:4px;padding:3px;font-weight:750}
.calendar-label{font-size:10px;color:var(--muted);text-align:center}
@media(max-width:1140px){.layout{grid-template-columns:203px minmax(0,1fr)}.dash-grid{grid-template-columns:minmax(0,1.65fr) minmax(233px,1fr)}.topbar{padding:0 20px}main.content{padding:22px 20px 35px}}
@media(max-width:930px){.dash-grid{grid-template-columns:1fr}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.layout{grid-template-columns:173px minmax(0,1fr)}.sidebar{padding-left:10px;padding-right:10px}.brand img{width:125px}.nav a{padding:8px;font-size:12px}}
@media(max-width:660px){.layout{display:block}.sidebar{position:fixed;top:57px;left:0;width:212px;height:calc(100dvh - 57px);box-shadow:4px 0 20px #04274220;display:none}.layout.menu-open .sidebar{display:flex}.topbar{height:57px;padding:0 12px}.button.mobile-menu{display:inline-flex}.top-title{font-size:12px}.account .identity{display:none}.top-right{gap:7px}main.content{padding:15px 12px 30px}.hero{padding:20px 15px;align-items:start;flex-direction:column;min-height:0}.hero p{font-size:12px}.dashboard-stats{gap:8px;margin:12px 0 21px}.stat{padding:10px}.stat-icon{width:28px;height:28px}.stat b{font-size:22px}.story-grid,.dash-grid .story-grid{gap:9px}.story-info{padding:9px;gap:5px}.story-card .card-bottom{padding:7px 9px}.story-info h3{font-size:13px}.story-info p{font-size:10px}.page-head{flex-wrap:wrap}.form-grid,.two-col{grid-template-columns:1fr}.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{padding:12px}.login-shell{grid-template-columns:1fr}.login-hero{padding:27px 22px}.login-hero h1{font-size:46px}.login-hero p{display:none}.login-main{padding:20px 16px 28px}.calendar-day{min-height:56px;padding:3px;font-size:9px}.calendar-day a{font-size:8px;padding:2px}.calendar-label{font-size:8px}}
@media(max-width:350px){.story-grid,.dash-grid .story-grid,.asset-grid{grid-template-columns:1fr}.avatar{display:none}.mode{font-size:9px}}
.dashboard-activity{margin-top:17px}
.withdraw-asset{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}
.story-card .card-bottom a{font-size:11px;font-weight:750;white-space:nowrap}
.drop:focus-within{outline:3px solid var(--blue);outline-offset:3px}