@import url('/fonts.css');
:root{--blue:#123cbe;--navy:#071d50;--yellow:#ffdb35;--ink:#172442;--muted:#647086;--line:#dfe5ef;--bg:#f3f5f9;--green:#147348;--red:#bd3543}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--bg);font-size:14px;line-height:1.6}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:var(--blue)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #526ff5;outline-offset:4px}button[hidden],[hidden]{display:none!important}.skip{position:fixed;top:-100px;left:16px;background:white;padding:12px;z-index:99}.skip:focus{top:12px}.admin-shell{display:grid;grid-template-columns:242px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--navy);color:#fff;padding:38px 23px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.admin-brand{display:flex;gap:12px;align-items:center;color:white;text-decoration:none;font-size:14px;letter-spacing:1px;line-height:1.25}.admin-brand img{object-fit:contain}.admin-brand b{color:var(--yellow)}.nav-label{font-size:9px;letter-spacing:2px;color:#aab9dc;margin:52px 12px 17px}.sidebar nav{display:grid;gap:6px}.sidebar nav button{min-height:52px;border:0;border-radius:8px;color:#c5cde0;background:none;text-align:left;padding:12px;font-size:13px;font-weight:600}.sidebar nav button span{font-size:10px;margin-right:13px;opacity:.65}.sidebar nav button.active{background:var(--yellow);color:var(--navy)}.sidebar nav button:hover:not(.active){background:#ffffff12}.sidebar-bottom{margin-top:auto;padding:24px 12px 0;font-size:11px}.sidebar-bottom p{color:#9daccc;max-width:160px;line-height:1.7}.sidebar-bottom a{display:block;color:white;margin-top:23px}.connection-dot,.online-dot{width:6px;height:6px;background:#81ca9c;border-radius:50%;display:inline-block;margin-right:7px}.admin-body{min-width:0}.admin-topbar{min-height:78px;padding:16px 42px;display:flex;gap:16px;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);background:#fff;font-size:10px;letter-spacing:1.2px}.account{display:flex;gap:20px;align-items:center;letter-spacing:0;font-size:11px}.account span{overflow-wrap:anywhere;color:var(--muted)}#workspace{padding:42px;max-width:1560px;margin:auto}.workspace-heading{display:flex;justify-content:space-between;gap:28px;align-items:center;margin-bottom:32px}.kicker{font-size:10px;letter-spacing:1.5px;font-weight:700;color:var(--blue);margin:0 0 12px}h1{font-size:clamp(30px,3.3vw,46px);line-height:1.1;letter-spacing:-1.7px;margin:0 0 12px;color:var(--navy)}.workspace-heading p:last-child{color:var(--muted);margin:0;font-size:13px}.btn{border:1px solid var(--line);background:white;color:var(--navy);border-radius:7px;min-height:44px;padding:11px 17px;font-weight:650;font-size:12px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn.primary{background:var(--blue);color:white;border-color:var(--blue)}.btn.yellow{background:var(--yellow);border-color:var(--yellow)}.btn.danger{color:var(--red)}.btn:hover{filter:brightness(.96)}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:24px}.metric{padding:21px 24px;background:#fff;border:1px solid var(--line);border-radius:10px;display:flex;justify-content:space-between;align-items:center}.metric strong{font-size:29px;line-height:1;letter-spacing:-1px;color:var(--navy)}.metric span{color:var(--muted);font-size:12px}.metric small{display:block;color:var(--muted);font-size:10px}.metric:first-child{border-top:3px solid var(--blue)}.metric:nth-child(2){border-top:3px solid var(--yellow)}.metric:nth-child(3){border-top:3px solid #90a4bc}.panel{border:1px solid var(--line);border-radius:12px;background:white;overflow:hidden}.panel-head{padding:21px 24px;border-bottom:1px solid var(--line);display:flex;gap:15px;align-items:center;justify-content:space-between}.panel-head h2{font-size:15px;letter-spacing:-.2px;margin:0}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.toolbar input{min-width:180px}.toolbar select{max-width:180px}input,select,textarea{background:#fff;border:1px solid #ccd5e4;border-radius:6px;padding:11px 12px;color:var(--ink);min-height:44px;max-width:100%}textarea{width:100%;resize:vertical;line-height:1.8;min-height:260px}input::placeholder,textarea::placeholder{color:#8b94a7}.story-row{display:grid;grid-template-columns:70px minmax(0,1fr) 96px 96px;align-items:center;gap:20px;padding:19px 24px;border-bottom:1px solid #edf0f5}.story-row:last-child{border-bottom:0}.story-thumb{width:70px;height:64px;object-fit:cover;border-radius:7px;background:var(--bg)}.story-copy h3{margin:4px 0;font-size:14px;font-weight:650;line-height:1.45}.story-copy small{font-size:10px;color:var(--muted)}.story-copy .category{font-size:9px;letter-spacing:.9px;text-transform:uppercase;color:var(--blue);font-weight:650}.story-date{font-size:10px;color:var(--muted)}.pill{display:inline-flex;width:fit-content;border-radius:5px;padding:3px 8px;line-height:1.5;font-size:10px;font-weight:650;background:#edf1f7;color:#637084}.pill.published,.pill.sent,.pill.finished{color:var(--green);background:#e6f5ed}.pill.draft{color:#8b651c;background:#fff5d3}.pill.live{color:var(--red);background:#fbecef}.pill.failed,.pill.unknown{color:var(--red);background:#fbecef}.story-actions{display:flex;flex-direction:column;align-items:flex-end;gap:7px}.story-actions button{font-size:11px;min-height:40px;padding:8px 11px}.empty{padding:55px 24px;text-align:center;color:var(--muted)}.loading-state{padding:80px;text-align:center;color:var(--muted)}.notice{margin-bottom:22px;padding:14px 18px;border-radius:8px;background:#e6f5ed;color:var(--green);border:1px solid #b4ddc7;font-size:13px}.notice.error{color:#a52938;background:#fff0f1;border-color:#edb7bd}.editor-top{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:22px}.editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:24px}.editor-main,.editor-aside{padding:26px}.editor-main label,.editor-aside label,.connection-form label,.team-form label{display:block;font-size:11px;font-weight:650;margin-bottom:20px}.editor-main label>input,.editor-aside label>input,.editor-main label>select,.editor-aside label>select,.connection-form label>input,.team-form label>input{display:block;width:100%;margin-top:7px}.field-help{display:block;color:var(--muted);font-size:10px;font-weight:400;margin:6px 0 0;line-height:1.7}.title-input{font-size:22px!important;line-height:1.4}.editor-aside h2{font-size:13px;margin:0 0 20px}.cover-preview{width:100%;max-height:220px;object-fit:cover;border-radius:7px;margin-bottom:15px}.editor-actions{display:flex;flex-wrap:wrap;gap:10px;padding-top:20px;margin-top:5px;border-top:1px solid var(--line)}.editor-actions .btn{flex:1;white-space:nowrap}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.score-input{font-size:40px!important;text-align:center;font-weight:800;color:var(--blue);height:90px}.check{display:flex!important;gap:10px;align-items:flex-start;font-weight:400!important}.check input{min-height:20px;width:18px!important;flex:0 0 18px;margin:1px 0!important;accent-color:var(--blue)}.editor-aside .muted{font-size:11px}.muted{color:var(--muted)}.hint-box{padding:16px;background:#f4f6fc;border-radius:8px;color:var(--muted);font-size:11px;line-height:1.8;margin-top:20px}.channel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:28px}.channel-card{padding:25px}.channel-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:#edf2ff;color:var(--blue);font-weight:800;font-size:20px;margin-bottom:20px}.channel-card h2{font-size:19px;margin:0 0 10px}.channel-card p{font-size:12px;color:var(--muted)}.channel-card .btn{width:100%;margin-top:10px}.channel-card details{margin-top:18px}.channel-card summary{font-size:12px;font-weight:650;cursor:pointer;min-height:40px}.connection-form label{margin-bottom:13px}.connection-form label input{font-size:11px}.connection-guide{font-size:11px;color:var(--muted);padding-left:17px;line-height:1.8}.delivery{display:grid;grid-template-columns:minmax(0,1fr) 110px 80px;gap:18px;padding:18px 24px;border-bottom:1px solid var(--line)}.delivery strong{font-size:12px}.delivery p{margin:3px 0;font-size:11px;color:var(--muted)}.delivery small{font-size:10px;color:var(--muted)}.quickshare{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.preview-dialog{border:1px solid var(--line);border-radius:12px;max-width:760px;width:calc(100% - 32px);max-height:90vh;padding:28px}.preview-dialog::backdrop{background:#071d50b3}.preview-dialog h2{font-size:30px;line-height:1.25}.preview-dialog img{width:100%;max-height:360px;object-fit:cover;border-radius:8px}.preview-dialog p{white-space:pre-wrap}.preview-dialog .close-preview{float:right}.admin-footer{padding:25px 42px;border-top:1px solid var(--line);font-size:9px;letter-spacing:1px;color:#647086;display:flex;justify-content:space-between;gap:20px;margin-top:30px}.login{min-height:100vh;display:grid;place-items:center;background:var(--navy);padding:24px}.login-card{max-width:560px;margin:8vh auto;background:white;padding:54px;border-radius:16px}.login-card h1{font-size:56px;margin:20px 0}.login-card h1 em{color:var(--blue);font-style:normal}.login-card .btn{margin:18px 0}.login-card .muted{font-size:11px}.team-form{display:flex;gap:15px;align-items:end;padding:24px}.team-form label{flex:1;margin:0}.team-member{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:17px 24px;border-top:1px solid var(--line);overflow-wrap:anywhere}.history-list{padding-left:18px;font-size:10px;color:var(--muted)}
@media(min-width:1400px){#workspace{padding:52px 60px}.story-row{padding-top:23px;padding-bottom:23px}}@media(max-width:1100px){.admin-shell{grid-template-columns:200px minmax(0,1fr)}.sidebar{padding:30px 14px}#workspace{padding:30px 24px}.admin-topbar{padding:17px 24px}.channel-grid{grid-template-columns:1fr}.channel-card{display:block}.editor-grid{grid-template-columns:minmax(0,1fr) 250px}.story-row{grid-template-columns:58px minmax(0,1fr) 82px;gap:14px;padding:18px}.story-thumb{width:58px;height:60px}.story-date{display:none}.panel-head{flex-wrap:wrap}.toolbar{width:100%}.toolbar input{flex:1;min-width:130px}}@media(max-width:760px){.admin-shell{display:block}.sidebar{position:relative;height:auto;padding:18px 20px 12px}.admin-brand{font-size:12px}.admin-brand img{width:36px;height:36px}.sidebar nav{display:flex;gap:4px;overflow-x:auto;margin-top:18px}.sidebar nav button{flex-shrink:0;padding:9px 13px;min-height:44px;font-size:11px}.sidebar nav button span,.nav-label,.sidebar-bottom{display:none}.admin-topbar{padding:12px 20px;min-height:52px;font-size:8px}.account{font-size:10px;gap:12px}#workspace{padding:27px 18px}.workspace-heading{align-items:flex-start;gap:17px;flex-direction:column;margin-bottom:24px}.workspace-heading h1{font-size:34px}.workspace-heading .btn{width:100%}.kicker{font-size:8px}.metrics{gap:8px}.metric{padding:16px 12px;display:block}.metric strong{display:block;margin-top:9px;font-size:26px}.metric span{font-size:10px}.editor-grid{grid-template-columns:1fr}.editor-main,.editor-aside{padding:20px}.story-row{grid-template-columns:50px minmax(0,1fr) 70px;gap:11px;padding:16px 12px}.story-thumb{width:50px;height:58px}.story-copy h3{font-size:12px}.story-copy small{font-size:9px}.story-copy .category{font-size:8px}.story-actions .btn{padding:8px;font-size:10px}.pill{font-size:8px}.panel-head{padding:18px 14px}.toolbar input{width:130px}.toolbar select{max-width:145px;font-size:11px}.admin-footer{padding:22px 18px;font-size:8px}.admin-footer span{max-width:160px;text-align:right}.editor-top{align-items:flex-start}.editor-top span{font-size:10px}.editor-top .btn{padding:9px 12px;font-size:10px}.field-pair{gap:12px}.delivery{grid-template-columns:minmax(0,1fr) 65px;gap:10px;padding:16px}.delivery>small{display:none}.login-card{padding:32px;max-width:100%;margin:0}.login-card h1{font-size:46px}.team-form{flex-direction:column;align-items:stretch;padding:18px}.team-member{font-size:11px;padding:18px}.editor-actions{position:sticky;bottom:0;background:white;padding:16px 0 5px;z-index:2}}
@media(prefers-reduced-motion:no-preference){.panel,.metric{animation:enter .3s ease both}.btn{transition:filter .15s,transform .15s}.btn:active{transform:translateY(1px)}@keyframes enter{from{opacity:.5;transform:translateY(7px)}to{opacity:1;transform:none}}}
.sidebar .nav-guide{display:block;padding:14px 12px;color:#c5cde0;text-decoration:none;font-size:13px;font-weight:600;min-height:48px}.nav-guide span{margin-right:15px;font-size:11px}.nav-guide:hover{color:var(--yellow)}@media(max-width:760px){.sidebar .nav-guide{font-size:11px;white-space:nowrap;flex-shrink:0;padding:11px;min-height:44px}.nav-guide span{display:none}}

/* Native accounts: a compact form and controls that wrap on small screens. */
@media(max-width:760px){.sidebar nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.sidebar nav button{white-space:normal}.sidebar nav .nav-guide{grid-column:1/-1;margin:0;min-height:40px}}
.login-card{width:100%;max-width:510px;margin:20px auto;padding:42px}.login-card h1{font-size:48px}.login-field,.password-dialog label{display:block;font-size:12px;font-weight:650;margin:18px 0}.login-field input,.password-dialog label input{display:block;width:100%;margin-top:6px}.login-links{display:flex;justify-content:space-between;gap:18px;font-size:12px;margin-top:26px}.login-card .btn{width:100%;margin:12px 0}.login-card .check{font-size:12px;margin-top:18px}.login-card .notice{font-size:12px}.account-button{border:0;background:none;color:var(--blue);font-size:11px;padding:8px 0;min-height:44px;white-space:nowrap}.account{flex-wrap:wrap;justify-content:flex-end;gap:6px 18px}.account span{min-width:0}.password-dialog{max-width:460px}.password-dialog h2{font-size:26px}.password-dialog #password-error{color:var(--red);font-size:12px}.team-intro{padding:0 24px}.member-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.team-member>span{min-width:0}.invitation{margin:0 24px 24px;padding:20px;background:#edf3ff;border:1px solid #bbcffa;border-radius:8px}.invitation h3{margin-top:0}.invitation label{display:block;font-size:12px}.invitation input{width:100%;display:block;margin:8px 0 14px}.invitation p{overflow-wrap:anywhere}@media(max-width:760px){.admin-topbar{align-items:flex-start;flex-wrap:wrap;gap:0}.account{width:100%;justify-content:flex-start}.account span{flex-basis:100%;font-size:11px}.team-member{flex-wrap:wrap;gap:10px}.member-actions{justify-content:flex-start}.invitation{margin:0 18px 18px;padding:16px}.login{padding:18px}.login-card{padding:28px;max-width:430px}.login-card h1{font-size:40px}.login-links{flex-wrap:wrap}.password-dialog{padding:22px}}

.login-field input[readonly]{background:#f3f5f9;font-size:14px}
.login-card [hidden]{display:none!important}
.team-panel{font-size:16px}.team-panel .panel-head h2{font-size:18px}.team-panel .team-member{padding:24px;font-size:16px}.team-panel .pill{font-size:13px;flex-shrink:0}.own-member{border-top:0;background:#f8faff}.member-role{margin:4px 0 0;color:var(--blue);font-size:14px;font-weight:600}.team-panel strong{font-weight:600;overflow-wrap:anywhere}.invited-member{display:grid;grid-template-columns:minmax(180px,1fr) minmax(260px,1fr);gap:18px 28px}.member-identity{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.role-form{min-width:0}.role-form label{display:block;font-size:14px;font-weight:600;margin-bottom:6px}.role-controls{display:flex;gap:8px}.role-controls input{width:100%;min-width:0;font-size:16px}.team-panel .btn{font-size:14px;white-space:nowrap}.invited-member .member-actions{grid-column:1/-1;justify-content:flex-start}.team-add{border-top:1px solid var(--line);padding:24px}.team-add h3{margin:0 0 6px;font-size:18px}.team-add>p{margin:0 0 20px;font-size:14px}.team-add .team-form{padding:0;flex-wrap:wrap}.team-add .team-form label{font-size:14px;min-width:180px}.team-add .team-form input{font-size:16px}.team-add .invitation{margin:24px 0 0}.team-add .field-help{font-size:13px}@media(max-width:960px){.invited-member{grid-template-columns:minmax(0,1fr)}.team-add .team-form label{flex-basis:100%}}@media(max-width:760px){.team-panel .team-member,.team-add{padding:20px 18px}.team-add .team-form label{min-width:0}.role-controls{flex-wrap:wrap}.role-controls .btn{width:100%}.team-panel .member-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.team-panel .member-actions .btn{white-space:normal;padding:10px}}