:root{color-scheme:dark;font:16px system-ui,sans-serif;background:#0f172a;color:#e5e7eb}*{box-sizing:border-box}body{margin:0}header{display:flex;gap:24px;align-items:center;padding:20px 32px;border-bottom:1px solid #334155}header strong{font-size:22px;margin-right:auto}main{max-width:1400px;margin:auto;padding:24px}button,input,select{font:inherit;border-radius:6px;padding:10px;border:1px solid #64748b}button{cursor:pointer;background:#1e3a5f;color:white}button:disabled{opacity:.5;cursor:not-allowed}input,select{background:#111827;color:#fff;max-width:100%}label{display:grid;gap:6px;margin-bottom:14px}form{max-width:500px}nav,.toolbar,.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}nav{margin-bottom:24px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #334155;vertical-align:top}th{color:#b5c9e1}.table-wrap{overflow:auto}dialog{max-width:850px;width:90%;max-height:85vh;overflow:auto;background:#111827;color:#e5e7eb;border:1px solid #64748b;border-radius:10px;padding:24px}dialog::backdrop{background:#000a}#message,#form-error,#archive-error{color:#fbbf24;white-space:pre-wrap}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}details{max-width:600px}summary{cursor:pointer}#login{max-width:500px;margin:60px auto}[hidden]{display:none!important}:focus-visible{outline:3px solid #60a5fa;outline-offset:3px}