:root { --bg:#0b0f14; --card:#11161d; --ink:#e6edf3; --muted:#a2b0bf; --acc:#4da3ff; --ok:#35c759; --warn:#ffd60a; --bad:#ff453a; --line:#1e2833; }
*{box-sizing:border-box} body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.4 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell}
header{padding:16px 24px;border-bottom:1px solid var(--line);display:flex;gap:16px;align-items:center}
header h1{font-size:18px;margin:0;font-weight:700}
header .pill{padding:4px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted)}
main{padding:20px;max-width:1200px;margin:0 auto}
.toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.toolbar input,.toolbar select{background:var(--card);color:var(--ink);border:1px solid var(--line);padding:8px 10px;border-radius:8px}
.toolbar button{background:var(--acc);color:#00172a;border:0;padding:8px 12px;border-radius:8px;cursor:pointer}
.toolbar button.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}
.grid{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden}
table{width:100%;border-collapse:collapse}
th,td{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
th{background:#0f141b;text-align:left;font-weight:600;color:var(--muted)}
tr:hover td{background:#0d131a}
.status{padding:2px 8px;border-radius:999px;border:1px solid var(--line);font-size:12px}
.s-open{background:#0e1b0f;color:#b9f6c3;border-color:#123d1a}
.s-pend{background:#1b1720;color:#ffde85;border-color:#3d2c12}
.s-bad{background:#2a1416;color:#ffb1a8;border-color:#4a1d1d}
.right{display:flex;gap:8px;align-items:center;margin-left:auto}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px}
.row{display:flex;gap:12px;flex-wrap:wrap}
.row>div{flex:1 1 240px}
input[type=text],input[type=date],textarea,select{width:100%;background:#0f141b;border:1px solid var(--line);border-radius:10px;color:var(--ink);padding:10px}
textarea{min-height:90px}
.muted{color:var(--muted)} .link{color:var(--acc)} .small{font-size:12px;color:var(--muted)} .danger{background:var(--bad);color:#140606}
.tabs{padding:10px 20px;border-bottom:1px solid var(--line);display:flex;gap:10px}
.docs{display:none}