:root{--bg:#0b0f16;--card:#0f172a;--field:#0b1324;--border:#1f2937;--text:#e5e7eb;--muted:#94a3b8;--accent:#8ab4f8}
html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans";margin:0}
.app{min-height:100vh}.wrap{max-width:1100px;margin:0 auto;padding:16px}h1,h2,h3,th{color:#f1f5f9;margin:12px 0}
.card{background:var(--card);border:1px solid var(--border);padding:16px;border-radius:12px;margin:12px 0;box-shadow:0 4px 16px rgba(0,0,0,.25)}
input,select,button{width:100%;padding:10px;border-radius:10px;border:1px solid var(--border);background:var(--field);color:var(--text)}
button{cursor:pointer}.danger{background:#3a0d0d;border-color:#7f1d1d;color:#fca5a5}
::placeholder{color:#64748b}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media (max-width:900px){.grid{grid-template-columns:1fr}}
.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;table-layout:auto}
.table th,.table td{border-bottom:1px solid var(--border);padding:10px;text-align:left;color:var(--text);vertical-align:top}
.table td{white-space:normal;overflow-wrap:anywhere;word-break:break-word}
a{color:var(--accent);text-decoration:none}.link{color:var(--accent)}.pagination a,.pagination strong{margin:0 4px}
@media (max-width:640px){.wrap{padding:12px}h1{font-size:22px}.table th,.table td{padding:8px;font-size:14px}input,select,button{padding:9px}}
.badge{display:inline-block;padding:4px 8px;border:1px solid var(--border);border-radius:999px;background:#0b1324;color:#e5e7eb;font-size:12px}
.flex{display:flex;gap:8px;flex-wrap:wrap;align-items:center}