:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#211b22;background:#f5f2f4}
*{box-sizing:border-box} body{margin:0}
header{background:#241d25;color:#fff;padding:28px max(5vw,24px);display:flex;justify-content:space-between;align-items:end}
header h1{margin:6px 0 2px;font-size:32px}.eyebrow{font-size:11px;letter-spacing:2px;color:#d7bdca}
header p{margin:0;color:#d9d3d7}.mode{font-size:12px;background:#3a303b;padding:10px 14px;border-radius:999px}
main{max-width:1180px;margin:28px auto;padding:0 18px;display:grid;grid-template-columns:2fr 1fr;gap:20px}
.card{background:white;border:1px solid #e5dde2;border-radius:18px;padding:24px;box-shadow:0 12px 30px rgba(40,20,35,.05)}
.history{grid-column:1/-1}h2{margin-top:0}h3{margin-top:24px}
.upload{display:block;border:2px dashed #c9b8c1;border-radius:14px;padding:24px;text-align:center;cursor:pointer}
.upload span{display:block;font-size:13px;color:#746b70;margin:7px}.upload input{margin-top:12px}
.preview{display:flex;gap:10px;overflow:auto;margin:16px 0}.preview figure{margin:0;min-width:110px}
.preview img,.preview video{width:110px;height:110px;object-fit:cover;border-radius:10px}.preview figcaption{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:110px}
.fields{display:grid;gap:13px}label{font-weight:600;font-size:14px}
input,textarea{width:100%;margin-top:6px;border:1px solid #d9cfd5;border-radius:10px;padding:12px;font:inherit}
.destinations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.destination{display:flex;gap:9px;align-items:center;border:1px solid #e2d8de;border-radius:11px;padding:11px;font-size:13px}
.destination input{width:auto;margin:0}.actions{display:flex;gap:10px;align-items:center;margin-top:24px;flex-wrap:wrap}
button{border:0;border-radius:10px;background:#241d25;color:#fff;padding:12px 18px;font-weight:700;cursor:pointer}
button.secondary{background:#eee7eb;color:#241d25}.accounts .account{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #eee8eb}
.pending{font-size:12px;color:#9a6423}.note{font-size:12px;line-height:1.5;color:#746b70}
.section-title{display:flex;justify-content:space-between;align-items:center}.history-item{border-top:1px solid #eee7eb;padding:16px 0}
.pills{display:flex;gap:6px;flex-wrap:wrap}.pill{font-size:11px;padding:5px 8px;background:#f0e9ed;border-radius:999px}
.status{font-weight:700}.published{color:#287447}.failed,.partial_failure{color:#a83939}.scheduled{color:#846520}
#message{margin-top:15px;font-weight:600}
@media(max-width:800px){main{grid-template-columns:1fr}.history{grid-column:1}.destinations{grid-template-columns:1fr}header{align-items:start;gap:18px;flex-direction:column}}
.header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.logout{background:#fff;color:#241d25;padding:10px 14px}
.login-page{min-height:100vh;background:#241d25}
.login-wrap{min-height:100vh;display:grid;place-items:center;padding:22px}
.login-card{width:min(430px,100%);padding:34px}
.login-card form{display:grid;gap:16px}
.login-card button{width:100%}
.eyebrow.dark{color:#765d69}
.login-error{min-height:20px;color:#a83939;font-size:13px;font-weight:700}
.header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.logout{background:#fff;color:#241d25;padding:10px 14px}
.login-page{min-height:100vh;background:#241d25}
.login-wrap{min-height:100vh;display:grid;place-items:center;padding:22px}
.login-card{width:min(430px,100%);padding:34px}
.login-card form{display:grid;gap:16px}
.login-card button{width:100%}
.eyebrow.dark{color:#765d69}
.login-error{min-height:20px;color:#a83939;font-size:13px;font-weight:700}