/* logowanie i administracja – wygląd „Raków ciemny” */
:root{--bg:#070b16;--surface:#0f1626;--surface2:#17213b;--text:#eef2ff;--muted:#93a0bf;--border:#24325a;--blue:#3f6bff;--red:#e8283c;--ok:#2ee59d;--bad:#ff6b7d;color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;color:var(--text);font:14.5px/1.5 Inter,system-ui,sans-serif;
  background:radial-gradient(1100px 480px at 85% -10%,rgba(63,107,255,.2),transparent 60%),radial-gradient(900px 420px at 0% 0%,rgba(232,40,60,.14),transparent 60%),var(--bg)}
.topbar{height:8px;background:repeating-linear-gradient(90deg,var(--red) 0 40px,#16348a 40px 80px)}
.wrap{max-width:1100px;margin:0 auto;padding:0 16px 48px}
h1,h2,h3{font-family:"Barlow Condensed",Inter,sans-serif;letter-spacing:.4px;margin:0;text-transform:uppercase}
.hero{display:flex;gap:16px;align-items:center;margin:18px 0;padding:18px 22px;border-radius:16px;background:linear-gradient(110deg,#12286e 0 58%,#b3172a 58.2% 100%)}
.hero img{height:72px}
.hero small{display:block;font:500 12.5px Inter,sans-serif;letter-spacing:1.4px;text-transform:uppercase;color:rgba(255,255,255,.75)}
.hero h1{font-size:clamp(26px,4vw,38px);color:#fff}
.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px;margin-bottom:16px}
label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted)}
input,select,button,.btn{font:inherit;font-size:14px;color:var(--text);background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:7px 11px}
button,.btn{cursor:pointer;text-decoration:none;display:inline-block}
.primary{background:var(--blue);border-color:transparent;color:#fff;font-weight:600}
.danger{border-color:var(--bad);color:var(--bad)}
.err{color:var(--bad);min-height:1.2em;margin:0}
.ok{color:var(--ok)}
.sub{color:var(--muted);font-size:12.5px}
table{border-collapse:collapse;width:100%;font-size:13.5px}
th,td{padding:8px 10px;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}
th{font-size:11.5px;text-transform:uppercase;letter-spacing:.5px;color:#fff;background:#12286e}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chips label{flex-direction:row;align-items:center;gap:6px;background:var(--surface2);border:1px solid var(--border);border-radius:999px;padding:3px 10px;color:var(--text)}
.row{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}
.tag{display:inline-block;font-size:11.5px;padding:1px 8px;border-radius:999px;border:1px solid var(--border);margin:1px}
.tag.y{border-color:var(--ok);color:var(--ok)}
.tablewrap{overflow-x:auto}