:root{--green:#15805d;--blue:#dff2fb;--bg:#f7faf9;--card:#fff;--text:#18312b;--muted:#65756f;--border:#dfe9e5;--danger:#b42318}body.dark{--bg:#0f1715;--card:#17211e;--text:#eaf4f0;--muted:#a9bab3;--border:#2b3c37;--blue:#162e38}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}.topbar{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--card);border-bottom:1px solid var(--border);position:sticky;top:0}.brand{color:var(--green);font-weight:700;text-decoration:none}.actions,.form-actions,.dashboard-head{display:flex;gap:10px;justify-content:space-between;align-items:center;flex-wrap:wrap}.icon-button,.close-button{border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:999px;padding:9px 12px;cursor:pointer}.menu-panel{position:fixed;inset:0 0 0 auto;width:min(320px,85vw);background:var(--card);border-left:1px solid var(--border);padding:28px;transform:translateX(100%);transition:.25s;z-index:10;display:flex;flex-direction:column;gap:18px}.menu-panel.open{transform:translateX(0)}.menu-panel a{color:var(--text);text-decoration:none;font-size:1.1rem}.close-button{align-self:flex-end}main{max-width:980px;margin:auto;padding:24px}.panel{background:var(--card);border:1px solid var(--border);border-radius:24px;padding:24px}.eyebrow{color:var(--green);font-weight:700}form,.editor{display:grid;gap:14px}label{display:grid;gap:6px}input,select,textarea{width:100%;padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--card);color:var(--text)}button{background:var(--green);color:white;border:0;border-radius:999px;padding:10px 14px;cursor:pointer}#logoutButton,#resetForm{background:var(--blue);color:var(--text);border:1px solid var(--border)}.delete-button{background:var(--danger)}.form-message{color:var(--green);min-height:24px}.article-list{display:grid;gap:12px;margin-top:22px}.row{border:1px solid var(--border);border-radius:16px;padding:14px;display:grid;gap:10px}.row-actions{display:flex;gap:8px;flex-wrap:wrap}.hidden{display:none!important}.skeleton-panel{min-height:480px;background:linear-gradient(90deg,var(--card),var(--border),var(--card));background-size:200% 100%;animation:shimmer 1.2s infinite}@keyframes shimmer{to{background-position:-200% 0}}