:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#25163d;background:#f7f5fb}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}.login{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,#eee5ff,#f8f7fb 48%)}.login form{width:min(440px,100%);padding:40px;background:#fff;border:1px solid #e8e0f2;border-radius:20px;box-shadow:0 20px 60px #4d188a12}.brand{font-size:21px;font-weight:800;letter-spacing:-.04em}.brand span{color:#8a52dc}.login h1{margin:36px 0 8px;font-size:26px}.login p{color:#746981;line-height:1.6;font-size:14px}.login label{display:grid;gap:8px;margin-top:20px;font-weight:650;font-size:14px}input,select,textarea{border:1px solid #ddd4e8;border-radius:10px;padding:12px 14px;background:#fff}.login .primary{width:100%;margin-top:28px}.auth-links{display:flex;justify-content:space-between;margin-top:18px}.auth-links button{border:0;background:transparent;color:#7138bf;cursor:pointer;padding:4px 0;font-size:13px}.mfa-qr{display:grid;justify-items:center;gap:10px;margin:22px 0 4px;padding:18px;border:1px solid #e8e0f2;border-radius:14px;background:#faf8fd}.mfa-qr img{width:min(240px,100%);height:auto;border-radius:8px;background:#fff}.mfa-qr p{margin:0;text-align:center}.mfa-qr-placeholder{display:grid;place-items:center;width:min(240px,100%);aspect-ratio:1;padding:20px;text-align:center;color:#746981;background:#fff;border-radius:8px}.primary{border:0;border-radius:10px;padding:12px 18px;color:#fff;background:#7138bf;font-weight:700;cursor:pointer}.shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.shell aside{padding:28px 20px;color:#fff;background:#211632;display:flex;flex-direction:column}.shell nav{display:grid;gap:8px;margin-top:50px}.shell nav button{padding:12px 14px;text-align:left;color:#cfc4dc;background:transparent;border:0;border-radius:9px}.shell nav .active{color:#fff;background:#ffffff16}.logout{margin-top:auto;border:0;background:transparent;color:#cfc4dc;text-align:left;padding:12px}.shell main{padding:44px}.shell header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.eyebrow{color:#8654c6;font-size:13px;font-weight:750;margin:0 0 6px}.shell h1{margin:0}.card{background:#fff;border:1px solid #e8e2ef;border-radius:16px;overflow:hidden}.toolbar{display:flex;gap:12px;padding:20px;border-bottom:1px solid #eee8f3}.toolbar input{flex:1}table{width:100%;border-collapse:collapse}th,td{padding:16px 20px;text-align:left;border-bottom:1px solid #f0ebf4}td small{display:block;color:#8b8194;margin-top:4px}.status{padding:5px 9px;border-radius:999px;font-size:12px;font-weight:700}.status.draft{color:#765c20;background:#fff4d6}.link{border:0;color:#7138bf;background:transparent;cursor:pointer;font-weight:700}.loading,.empty{padding:60px;text-align:center;color:#746981}.notice,.error{padding:12px 14px;border-radius:9px;margin-bottom:16px;font-size:14px}.notice{background:#ede7f7;color:#5a318e}.error{background:#ffe7e7;color:#9b2929}.editor{padding:24px}.tabs{display:flex;gap:6px;border-bottom:1px solid #ece6f1;margin:-4px -4px 24px}.tabs button{border:0;border-bottom:2px solid transparent;background:transparent;padding:12px 18px}.tabs .active{color:#7138bf;border-color:#7138bf}.form-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px}.fields,.meta{display:grid;align-content:start;gap:18px}.editor label{display:grid;gap:8px;color:#594e65;font-size:14px;font-weight:700}.editor textarea{resize:vertical;line-height:1.6}.editor .check{display:flex;align-items:center}.editor .check input{width:auto}.actions{display:flex;justify-content:flex-end;gap:12px;margin-top:28px;padding-top:20px;border-top:1px solid #eee8f3}.secondary{border:1px solid #ddd4e8;border-radius:10px;padding:11px 18px;background:#fff}.row-actions{display:flex;flex-wrap:wrap;gap:8px}.danger-link{border:0;color:#b33b3b;background:transparent;cursor:pointer;font-weight:700}.status.in_review{color:#295b89;background:#e1f0ff}.status.published{color:#256b44;background:#def5e7}.status.offline{color:#665b6f;background:#eeeaf1}.status.trashed{color:#8a3a3a;background:#f8e4e4}.media-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:28px;align-items:start}.upload-card{padding:22px;display:grid;gap:16px}.upload-card h2,.media-section h2{margin:0;font-size:18px}.upload-card p{margin:-8px 0 0;color:#7b7084;font-size:13px}.upload-card label{display:grid;gap:7px;font-size:13px;font-weight:700}.file-picker{border:1px dashed #bba8d2;background:#faf7fe;color:#7138bf;padding:18px;border-radius:10px;cursor:pointer;text-align:center;overflow-wrap:anywhere}.file-picker input{position:absolute;opacity:0;pointer-events:none}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-title span{color:#807587;font-size:13px}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px}.media-card{overflow:hidden;background:#fff;border:1px solid #e8e2ef;border-radius:13px}.media-card img{width:100%;aspect-ratio:4 / 3;object-fit:cover;background:#eeeaf2}.media-card>div{display:grid;gap:7px;padding:13px}.media-card strong,.media-card p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-card p{margin:0;color:#716678;font-size:13px}.media-card small{color:#998f9f}.media-card .danger-link{justify-self:start;padding:4px 0}.cover-preview{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:9px;border:1px solid #e5ddec}.inline-upload{display:grid;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid #ece5f2}.inline-upload>strong{font-size:13px;color:#594e65}.inline-upload>small,.editor fieldset>small{color:#817687;line-height:1.5}.inline-upload .file-picker{padding:12px;font-weight:700}.inline-upload .secondary{justify-self:start}.inline-alt-fields{display:grid;gap:10px}.inline-alt-fields label{font-size:12px}.inline-upload button:disabled,.file-picker:has(input:disabled){cursor:not-allowed;opacity:.55}.page-media-editor{margin:24px 22px 0;padding-bottom:20px}.page-media-editor>fieldset{display:grid;grid-template-columns:minmax(120px,180px) minmax(240px,1fr);gap:14px;align-items:start;margin:18px 20px;border:1px solid #e6ddec;border-radius:11px;padding:14px}.page-media-editor>fieldset>img{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:8px;background:#eeeaf2}.page-media-editor>fieldset>label,.page-media-editor select{width:100%}.page-media-editor .inline-upload{grid-column:1 / -1}.content-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px;border-bottom:1px solid #eee8f3}.content-header h2{margin:0}.content-header p{margin:6px 0 0;color:#817687;font-size:13px}.editor fieldset{border:1px solid #e6ddec;border-radius:11px;padding:14px}.editor legend{color:#594e65;font-size:13px;font-weight:750;padding:0 5px}.metric-row{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;margin-bottom:8px}.metric-row .danger-link{padding:0 8px}.page-editor{padding-bottom:24px}.page-editor>.error{margin:20px}.page-fields{display:grid;gap:16px;padding:22px}.page-fields fieldset{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border:1px solid #e6ddec;border-radius:12px;padding:14px}.page-fields legend{color:#7138bf;font-weight:750;padding:0 6px}.page-fields label{display:grid;gap:7px;color:#594e65;font-size:13px;font-weight:700}.page-fields textarea{resize:vertical;line-height:1.5}.version-panel{padding:24px}.version-header{display:flex;justify-content:space-between;gap:20px;align-items:start;padding-bottom:20px;border-bottom:1px solid #eee8f3}.version-header h2{margin:0}.version-header p{color:#817687;margin:6px 0 0}.version-list{display:grid;gap:12px;padding-top:18px}.version-list article{padding:16px;border:1px solid #ece5f2;border-radius:11px}.version-list article>div{display:flex;justify-content:space-between;align-items:center}.version-list p{margin:10px 0}.version-list small{color:#827889}.contact-inbox{display:grid;gap:14px}.contact-message{padding:20px}.contact-message header{display:flex;align-items:start;justify-content:space-between;gap:20px;margin:0}.contact-message header div{display:grid;gap:5px}.contact-message header small{color:#8b8194}.contact-message p{white-space:pre-wrap;line-height:1.65;color:#594e65}.contact-message footer{display:flex;flex-wrap:wrap;gap:10px 18px;padding-top:14px;border-top:1px solid #eee8f3}.contact-message a{color:#7138bf;font-weight:700}@media(max-width:900px){.media-layout{grid-template-columns:1fr}}@media(max-width:760px){.shell{grid-template-columns:1fr}.shell aside{display:none}.shell main{padding:24px}.shell header{align-items:flex-start;gap:16px}.card{overflow-x:auto}.form-grid,.page-fields fieldset{grid-template-columns:1fr}}
