:root { --bg:#0e0a06; --panel:#1a140d; --line:rgba(212,175,55,.24); --gold:#d4af37; --text:#f7f1e8; --muted:#c7bcae; --danger:#ff9b8b; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; background:radial-gradient(circle at top right,#3c2c15,transparent 35%),var(--bg); color:var(--text); font:16px/1.5 Arial,sans-serif; }
button,input,select { font:inherit; }
.shell { width:min(1120px,calc(100% - 32px)); margin:0 auto; padding:56px 0; }
.login-card { width:min(440px,100%); margin:8vh auto; padding:36px; background:rgba(26,20,13,.9); border:1px solid var(--line); box-shadow:0 24px 80px #0008; }
.eyebrow { margin:0 0 8px; color:var(--gold); font-size:.72rem; font-weight:bold; letter-spacing:.18em; text-transform:uppercase; }
h1,h2 { font-family:Georgia,serif; margin:0; } h1 { font-size:2rem; } h2 { font-size:1.35rem; } .muted { color:var(--muted); }
.stack { display:grid; gap:16px; margin-top:28px; } label { display:grid; gap:6px; color:var(--muted); font-size:.92rem; }
input,select,textarea { width:100%; color:var(--text); background:#0e0a06; border:1px solid var(--line); border-radius:3px; padding:11px 12px; }
textarea { min-height:120px; resize:vertical; } input:focus,select:focus,textarea:focus { outline:2px solid var(--gold); outline-offset:1px; }
button { border:1px solid var(--gold); border-radius:3px; padding:11px 16px; cursor:pointer; color:#0e0a06; background:var(--gold); font-weight:700; } button:hover { filter:brightness(1.08); } button.ghost { color:var(--gold); background:transparent; }
.header,.filters,.detail-head { display:flex; gap:16px; align-items:center; justify-content:space-between; }.filters { margin:30px 0 18px; justify-content:flex-start; }.filters input { max-width:370px; }.filters select { max-width:190px; }
.table-wrap { overflow:auto; border:1px solid var(--line); background:#110d09; } table { width:100%; border-collapse:collapse; min-width:700px; } th,td { padding:15px; text-align:left; border-bottom:1px solid rgba(212,175,55,.12); } th { color:var(--gold); font-size:.72rem; letter-spacing:.1em; text-transform:uppercase; } td { color:var(--muted); } td strong { color:var(--text); display:block; }
.status { display:inline-block; padding:3px 8px; color:var(--gold); border:1px solid var(--line); border-radius:999px; font-size:.78rem; }.empty,.error { color:var(--muted); }.error { min-height:1.2em; color:var(--danger); }
dialog { width:min(760px,calc(100% - 28px)); max-height:88vh; overflow:auto; color:var(--text); background:var(--panel); border:1px solid var(--line); padding:32px; box-shadow:0 24px 90px #000b; } dialog::backdrop { background:#000b; }.close { position:absolute; top:10px; right:10px; width:36px; height:36px; padding:0; color:var(--gold); background:transparent; border:0; font-size:28px; }.detail-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; margin:24px 0; }.detail-grid p { margin:0; }.detail-grid span { color:var(--muted); font-size:.8rem; display:block; }.attachments a { color:var(--gold); }.save-row { display:flex; justify-content:flex-end; margin-top:16px; }
@media (max-width:650px) { .shell { padding:28px 0; }.header,.filters { align-items:stretch; flex-direction:column; }.filters input,.filters select { max-width:none; }.detail-grid { grid-template-columns:1fr; }.login-card { margin:4vh auto; padding:26px; } }