:root { --navy:#1E3A5F; --bg:#f7f7f8; --card:#fff; --line:#dcdfe4; }
* { box-sizing:border-box; }
body { margin:0; font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; background:var(--bg); color:#1a1a1a; }
.wrap { max-width:720px; margin:0 auto; padding:16px; }
h1 { color:var(--navy); font-size:22px; }
h2 { color:var(--navy); font-size:17px; }
a { color:var(--navy); }
.card { background:var(--card); border:1px solid var(--line); border-radius:10px; padding:16px; display:flex; flex-direction:column; gap:12px; }
label { display:flex; flex-direction:column; gap:4px; font-size:14px; }
input,select,textarea,button { font-size:16px; padding:10px; border:1px solid var(--line); border-radius:8px; font-family:inherit; }
button { background:var(--navy); color:#fff; border:none; font-weight:600; cursor:pointer; }
button:hover { filter:brightness(1.12); }
.blad { color:#c0392b; }
.ok { color:#1e8449; font-weight:600; }
fieldset { border:1px solid var(--line); border-radius:8px; display:flex; flex-direction:column; gap:8px; }
legend { padding:0 6px; color:var(--navy); font-weight:600; }
.topbar { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:8px; }
table.lista { width:100%; border-collapse:collapse; }
table.lista th, table.lista td { border-bottom:1px solid var(--line); padding:8px; text-align:left; font-size:14px; }
.szukaj { display:flex; gap:8px; margin:12px 0; }
.szukaj input { flex:1; }
.ocena { flex-direction:row; align-items:center; justify-content:space-between; gap:8px; }
.urzadzenie { display:flex; gap:8px; }
.urzadzenie input { flex:1; }
.btn { display:inline-block; background:var(--navy); color:#fff; padding:8px 14px; border-radius:8px; text-decoration:none; font-weight:600; }
.meta { color:#555; margin:6px 0 12px; }
.podglad-pdf { display:block; width:100%; max-width:820px; aspect-ratio:210/297; margin:0 auto; border:1px solid var(--line); border-radius:8px; background:#fff; }