:root { color-scheme: light; --ink:#17202a; --muted:#667085; --line:#d9dee7; --accent:#175cd3; --danger:#b42318; --surface:#fff; --canvas:#f6f8fb; }
* { box-sizing:border-box; }
body { margin:0; background:var(--canvas); color:var(--ink); font:15px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif; }
a { color:var(--accent); text-decoration:none; } a:hover { text-decoration:underline; }
.topbar { min-height:60px; padding:0 4vw; display:flex; align-items:center; justify-content:space-between; background:#101828; color:#fff; }
.topbar a,.link-button { color:#fff; } .brand { font-weight:700; } .topbar nav { display:flex; align-items:center; gap:20px; }
.inline { display:inline; }.link-button { border:0; padding:0; background:none; cursor:pointer; font:inherit; }
main { max-width:1180px; margin:32px auto; padding:0 24px; }
.feed-header { display:flex; align-items:end; justify-content:space-between; margin-bottom:20px; }.feed-header h1 { margin-bottom:0; }.feed-header p { margin-top:2px; color:var(--muted); }
article { background:var(--surface); border:1px solid var(--line); border-radius:10px; padding:18px 20px; margin-bottom:12px; }
article h2 { margin:8px 0; font-size:19px; line-height:1.35; } article p { margin:8px 0 0; color:#344054; }
.meta { display:flex; gap:12px; color:var(--muted); font-size:13px; }.source { text-transform:uppercase; font-weight:700; color:#475467; }
button { border:0; border-radius:7px; padding:9px 14px; background:var(--accent); color:white; cursor:pointer; }
input,select { display:block; margin-top:5px; border:1px solid #98a2b3; border-radius:7px; padding:9px 10px; background:#fff; }
.pagination { display:flex; justify-content:center; gap:24px; padding:20px; }
section { margin:28px 0; } table { width:100%; border-collapse:collapse; background:#fff; font-size:13px; } th,td { padding:10px; border:1px solid var(--line); text-align:left; vertical-align:top; } th { background:#eef2f7; }
.error-cell { max-width:280px; overflow-wrap:anywhere; }.error { color:var(--danger); }.success { color:#027a48; }
.row-form { display:flex; align-items:end; gap:12px; }.danger-box { margin-top:14px; border:2px solid var(--danger); background:#fff4f2; padding:16px; }.danger { background:var(--danger); margin-top:12px; }
.login-page { display:grid; min-height:100vh; place-items:center; }.login-card { width:min(420px,92vw); margin:0; padding:30px; background:#fff; border:1px solid var(--line); border-radius:12px; box-shadow:0 12px 30px #10182818; }.login-card label { display:block; margin:16px 0; }.login-card input { width:100%; }
@media (max-width:800px) { main { padding:0 12px; } .feed-header { align-items:start; flex-direction:column; } table { display:block; overflow-x:auto; } }