:root { --ink:#0b1020; --panel:#121a2e; --orange:#f26a2e; --paper:#f3f1eb; --muted:#6c7484; --line:#d9d7d0; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:Inter,system-ui,sans-serif; }
a { color:inherit; }
.admin-header { min-height:72px; display:flex; align-items:center; gap:28px; padding:0 28px; color:white; background:var(--ink); }
.admin-brand { display:flex; align-items:center; gap:10px; margin-right:auto; text-decoration:none; }
.admin-brand img { display:block; width:180px; height:60px; object-fit:contain; }
.admin-brand small { color:#7f8aa0; font-size:.6rem; font-weight:900; letter-spacing:.08em; }
.admin-header nav { display:flex; gap:20px; }
.admin-header nav a { color:#cbd2df; font-size:.78rem; font-weight:700; text-decoration:none; }
.admin-header button { padding:8px 12px; color:white; background:transparent; border:1px solid #394258; cursor:pointer; }
.admin-shell { width:min(1440px,calc(100% - 32px)); margin:0 auto; padding:48px 0 80px; }
.kicker { margin:0 0 8px; color:#c94815; font-size:.68rem; font-weight:900; letter-spacing:.13em; text-transform:uppercase; }
h1,h2 { font-family:Georgia,serif; font-weight:500; }
h1 { margin:0; font-size:clamp(2.2rem,5vw,4rem); }
.admin-heading { display:flex; justify-content:space-between; align-items:end; margin-bottom:32px; }
.role-badge { padding:7px 10px; color:#9d3b14; background:#ffe9df; font-size:.65rem; font-weight:900; text-transform:uppercase; }
.metrics-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.metrics-grid article,.admin-panel,.login-card,.separation-note { padding:26px; background:white; border:1px solid var(--line); }
.metrics-grid span,.metrics-grid small { display:block; color:var(--muted); font-size:.72rem; }
.metrics-grid strong { display:block; margin:12px 0; font-family:Georgia,serif; font-size:3rem; }
.separation-note { margin-top:20px; border-left:4px solid var(--orange); }
.separation-note h2 { margin-top:0; }
.login-card { width:min(480px,100%); margin:7vh auto 0; box-shadow:0 24px 70px rgba(11,16,32,.09); }
.login-card > p { color:var(--muted); }
.stack-form { display:grid; gap:16px; margin-top:24px; }
.stack-form label span { display:block; margin-bottom:6px; color:var(--muted); font-size:.7rem; font-weight:800; text-transform:uppercase; }
.stack-form input,.stack-form select,.stack-form textarea { width:100%; min-height:44px; padding:10px 12px; border:1px solid var(--line); background:#faf9f6; font:inherit; }
.stack-form button { min-height:44px; color:white; background:var(--ink); border:0; font-weight:800; cursor:pointer; }
.alert { padding:12px 14px; margin:18px 0; color:#8d2828; background:#fdeaea; border:1px solid #f3caca; font-size:.82rem; }
.alert.warning { color:#7a4a05; background:#fff2d7; border-color:#efd9aa; }
.admin-columns { display:grid; grid-template-columns:360px 1fr; gap:20px; align-items:start; }
.admin-panel h2 { margin-top:0; }
.profile-list { display:grid; }
.profile-list article { display:grid; grid-template-columns:42px 1fr auto auto; gap:12px; align-items:center; padding:14px 0; border-bottom:1px solid #ebe9e4; }
.avatar { display:grid; place-items:center; width:38px; height:38px; color:white; background:var(--orange); font-weight:900; }
.profile-list span { display:block; color:var(--muted); font-size:.75rem; }
.profile-list small { text-transform:capitalize; }
.profile-list i { font-size:.68rem; font-style:normal; font-weight:800; }
.profile-list i.active { color:#217a58; }.profile-list i.inactive { color:#a33; }
.profile-list a { text-decoration:none; }.profile-list a:hover { color:var(--orange); }
.profile-editor-grid { display:grid; grid-template-columns:minmax(0,720px) minmax(280px,1fr); gap:20px; align-items:start; }
.checkbox-label { display:flex!important; align-items:center; gap:10px; }.checkbox-label input { width:18px!important; min-height:18px!important; }.checkbox-label span { margin:0!important; }
.signature-preview { position:sticky; top:20px; text-align:center; }.signature-avatar { display:grid; place-items:center; width:72px; height:72px; margin:18px auto; color:white; background:var(--orange); border-radius:50%; font-family:Georgia,serif; font-size:2rem; }
.signature-preview h2 { margin:0 0 5px; font-size:2rem; }.signature-preview strong { color:var(--orange); font-size:.8rem; }.signature-preview p { color:var(--muted); line-height:1.7; }.muted { color:var(--muted); }
.primary-action { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:0 18px; color:white; background:var(--ink); border:0; font-weight:800; text-decoration:none; cursor:pointer; }
.secondary-action { display:inline-flex; align-items:center; justify-content:center; min-height:42px; padding:0 16px; color:var(--ink); background:white; border:1px solid var(--line); font-size:.78rem; font-weight:800; text-decoration:none; }
.heading-actions { display:flex; align-items:center; gap:16px; }
.dashboard-action { display:flex; align-items:center; gap:18px; margin-top:24px; }
.article-table-wrap { overflow-x:auto; }
.article-table { width:100%; border-collapse:collapse; }
.article-table th,.article-table td { padding:15px 12px; border-bottom:1px solid #ebe9e4; text-align:left; vertical-align:middle; font-size:.78rem; }
.article-table th { color:var(--muted); font-size:.66rem; letter-spacing:.08em; text-transform:uppercase; }
.article-table td:first-child { min-width:280px; }
.article-table td a { text-decoration:none; }
.article-table td small { display:block; margin-top:4px; color:var(--muted); }
.publication-status { display:inline-block; padding:5px 8px; background:#e8e6e0; font-size:.62rem; font-weight:900; text-transform:uppercase; }
.status-publie { color:#176145; background:#daf2e8; }.status-en_relecture { color:#7a4a05; background:#fff2d7; }.status-archive { color:#6b6570; background:#ece9ef; }
.empty-state { padding:48px 20px; text-align:center; }.empty-state h2 { margin:0; }.empty-state p { color:var(--muted); }
.article-editor { display:grid; grid-template-columns:minmax(0,1fr) 310px; gap:20px; align-items:start; }
.editor-main,.editor-side { display:grid; gap:20px; }
.editor-side { position:sticky; top:20px; }
.article-editor label span { display:block; margin-bottom:7px; color:var(--muted); font-size:.68rem; font-weight:900; letter-spacing:.05em; text-transform:uppercase; }
.article-editor input,.article-editor select,.article-editor textarea { width:100%; padding:11px 12px; color:var(--ink); background:#faf9f6; border:1px solid var(--line); font:inherit; }
.article-editor textarea { resize:vertical; line-height:1.6; }.article-content-input { min-height:430px; font-family:Georgia,serif!important; font-size:1.05rem!important; }
.article-editor label small,.editor-meta { display:block; margin-top:6px; color:var(--muted); font-size:.7rem; line-height:1.5; }
.editor-side h2 { margin:0; }.editor-save { width:100%; }.public-preview { text-align:center; font-size:.78rem; font-weight:800; }
.reading-toolbar { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:34px; padding-bottom:18px; border-bottom:1px solid var(--line); }
.reading-toolbar > div:last-child { display:flex; align-items:center; gap:18px; font-size:.78rem; font-weight:800; }
.reading-preview { width:min(900px,100%); margin:0 auto; padding:64px 72px 80px; background:white; border:1px solid var(--line); box-shadow:0 20px 60px rgba(11,16,32,.07); }
.reading-preview header { padding-bottom:34px; margin-bottom:38px; border-bottom:1px solid var(--line); }
.reading-domain { margin:0 0 18px; color:var(--orange); font-size:.7rem; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.reading-preview h1 { max-width:none; font-size:clamp(2.5rem,5vw,4.5rem); line-height:1.02; letter-spacing:-.04em; }
.reading-chapo { margin:28px 0 18px; color:#4e586a; font-family:Georgia,serif; font-size:1.3rem; line-height:1.65; }
.reading-signature { display:flex; align-items:center; gap:12px; }.reading-signature .signature-avatar { width:42px; height:42px; margin:0; font-size:1rem; }.reading-signature strong,.reading-signature span { display:block; }.reading-signature strong { font-size:.85rem; }.reading-signature span { color:var(--muted); font-size:.7rem; }
.reading-body { color:#20283a; white-space:pre-wrap; overflow-wrap:anywhere; font-family:Georgia,serif; font-size:1.2rem; line-height:1.9; }
@media(max-width:850px){.metrics-grid{grid-template-columns:1fr 1fr}.admin-columns{grid-template-columns:1fr}.admin-header nav{display:none}}
@media(max-width:900px){.article-editor,.profile-editor-grid{grid-template-columns:1fr}.editor-side,.signature-preview{position:static}.article-table{min-width:760px}}
@media(max-width:650px){.reading-preview{padding:34px 22px 50px}.reading-toolbar,.reading-toolbar>div:last-child,.heading-actions{align-items:flex-start;flex-direction:column}.reading-preview h1{font-size:2.5rem}}
@media(max-width:520px){.metrics-grid{grid-template-columns:1fr}.admin-header{padding:0 14px}.admin-brand img{width:145px;height:49px}.admin-brand small{display:none}.admin-heading{align-items:start;gap:16px;flex-direction:column}}