:root { --bg:#0b0f14; --fg:#d9e1ee; --muted:#8a95a7; --card:#121826; --accent:#1f6feb; --ok:#2ea043; --bad:#d73a49; --br:16px; }
*{box-sizing:border-box} body{margin:0;background:var(--bg);color:var(--fg);font:14px/1.45 system-ui,Segoe UI,Roboto,Arial}
header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #223}
h1{margin:0;font-size:20px}
nav form, nav button{display:inline-flex;gap:8px;align-items:center;margin-right:8px}
label{display:inline-flex;gap:6px;align-items:center;margin-right:8px}
button{background:var(--accent);color:#fff;border:0;padding:8px 12px;border-radius:10px;cursor:pointer} 
button.secondary{background:#2b3342}
table{width:100%;border-collapse:collapse;background:var(--card);border-radius:var(--br);overflow:hidden}
th,td{padding:10px;border-bottom:1px solid #1d2433}
td code{color:var(--muted)}
.inline{display:inline-block}
section{padding:16px}
.logs{background:var(--card);border-radius:var(--br);padding:12px}
.logrow{display:grid;grid-template-columns:160px 160px 1fr;gap:12px;padding:6px 0;border-bottom:1px dashed #223}
.login{display:grid;place-items:center;min-height:100vh}
.card{background:var(--card);padding:24px;border-radius:16px;display:flex;flex-direction:column;gap:10px;width:min(100%,120vw)}
.card h1{margin:0 0 8px 0}
input,select{background:#0e1522;color:var(--fg);border:1px solid #223;border-radius:10px;padding:8px}
a{color:#9ecbff;text-decoration:none}
a:hover{text-decoration:underline}