:root { --blue:#1D5F8F; --amber:#D9902F; --ink:#1c2733; --muted:#5d6b78; --line:#d8dfe5; --bg:#f4f6f8; --card:#fff; --urgent:#fdeeee; --red:#a32020; --green:#1c7a43; }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--ink); font:16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif; }
header { display:flex; flex-wrap:wrap; align-items:center; gap:16px; padding:12px 16px; background:var(--blue); color:#fff; border-bottom:4px solid var(--amber); }
header a { color:#fff; text-decoration:none; } .brand { font-weight:700; font-size:20px; }
nav { display:flex; flex-wrap:wrap; gap:14px; flex:1; } .logout { display:flex; align-items:center; gap:10px; font-size:14px; }
main { max-width:1100px; margin:0 auto; padding:16px; } h1 { margin:8px 0 16px; font-size:26px; } h2 { margin:0 0 8px; font-size:18px; color:var(--blue); }
.card { background:var(--card); border:1px solid var(--line); border-radius:8px; padding:16px; margin-bottom:16px; } .narrow { max-width:380px; margin:48px auto; }
.stack { display:flex; flex-direction:column; gap:10px; max-width:520px; margin-top:10px; } label { display:flex; flex-direction:column; gap:4px; font-weight:600; font-size:14px; }
input,select,textarea { font:inherit; padding:8px; border:1px solid var(--line); border-radius:6px; width:100%; }
.check { flex-direction:row; align-items:center; gap:8px; margin:8px 0; } .check input { width:auto; }
input[type=file] { border:0; padding:0; }
button,.button { font:inherit; padding:8px 14px; border:1px solid var(--blue); border-radius:6px; background:#fff; color:var(--blue); cursor:pointer; text-decoration:none; display:inline-block; }
.primary { background:var(--blue); color:#fff; } .logout button { padding:4px 10px; font-size:14px; }
.actions { display:flex; flex-wrap:wrap; gap:10px; }
.scroll { overflow-x:auto; } table { width:100%; border-collapse:collapse; background:var(--card); border:1px solid var(--line); }
th,td { padding:8px 10px; text-align:left; border-bottom:1px solid var(--line); font-size:14px; } th { background:#eaf0f5; }
tr.urgent { background:var(--urgent); } .tabs { display:flex; flex-wrap:wrap; gap:12px; } .tabs .on { font-weight:700; text-decoration:underline; }
dl { display:grid; grid-template-columns:120px 1fr; gap:6px 12px; margin:0; } dt { font-weight:600; } dd { margin:0; overflow-wrap:anywhere; }
blockquote { margin:0 0 8px; padding:10px 14px; border-left:4px solid var(--amber); background:#fdf6ec; overflow-wrap:anywhere; }
pre { white-space:pre-wrap; overflow-wrap:anywhere; background:#f4f6f8; padding:10px; border-radius:6px; font-size:14px; max-height:320px; overflow:auto; }
.muted { color:var(--muted); font-size:14px; } .error { color:var(--red); } .ok { color:var(--green); }
.crisis { background:var(--urgent); border:1px solid var(--red); border-radius:6px; padding:10px 14px; overflow-wrap:anywhere; }