*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:var(--font,16pt);background:#f3f4f6;color:#111}
header{display:flex;align-items:center;gap:24px;background:#1f2937;color:#fff;padding:10px 20px;flex-wrap:wrap}
header .logo{font-weight:700;font-size:1.2em}
header .logo small{font-weight:400;font-size:.55em;opacity:.7;margin-left:8px}
nav{display:flex;gap:6px;flex-wrap:wrap}
nav a{color:#fff;text-decoration:none;padding:10px 16px;border-radius:8px;background:#374151}
nav a.on,nav a:hover{background:#f5bc41;color:#111}
main{padding:20px;max-width:1500px;margin:0 auto}
h1{margin:0 0 16px;font-size:1.4em}
h2{font-size:1.1em;margin:24px 0 8px}
.msg{background:#fff4dc;border:1px solid #f5bc41;padding:10px 14px;border-radius:8px;margin-bottom:16px}
table{border-collapse:collapse;width:100%;background:#fff;border-radius:8px;overflow:hidden}
th,td{padding:8px 12px;border-bottom:1px solid #e5e7eb;text-align:left;vertical-align:middle;height:var(--row,50px)}
th{background:#e5e7eb;font-weight:600}
tr.done td{background:#ecfdf5;color:#666}
tr.pressed td{background:#eef2ff}
a.btn,button,input[type=submit]{display:inline-block;padding:10px 18px;border-radius:8px;border:0;background:#f5bc41;color:#111;font:inherit;cursor:pointer;text-decoration:none}
a.btn.sec,button.sec{background:#d1d5db}
a.btn.red,button.red{background:#fca5a5}
a.btn.sm,button.sm{padding:6px 12px;font-size:.85em}
input[type=text],input[type=password],input[type=number],select,textarea{font:inherit;padding:8px 10px;border:1px solid #9ca3af;border-radius:8px;background:#fff;min-width:120px}
form.inline{display:inline}
.row{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end;margin:10px 0}
.row label{display:flex;flex-direction:column;gap:4px;font-size:.85em}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.card{background:#fff;border-radius:10px;padding:10px;text-align:center;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.card img{max-width:100%;height:150px;object-fit:contain}
.card a{color:#111;text-decoration:none;font-weight:600}
.card small{display:block;color:#666}
.thumb{height:60px;width:auto;max-width:100px;object-fit:contain}
.big{max-width:600px;max-height:600px}
.pill{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.8em;background:#e5e7eb}
.pill.ok{background:#bbf7d0}.pill.p{background:#c7d2fe}
.karton{margin:14px 0;border:2px solid #9ca3af;border-radius:10px;padding:10px;background:#fff}
.karton h3{margin:0 0 8px}
.check{width:28px;height:28px}
.dim{color:#777;font-size:.85em}
@media print{header,nav,.noprint{display:none!important}body{background:#fff;font-size:8pt}main{padding:0;max-width:none}.karton{page-break-inside:avoid;break-inside:avoid}}
header .logo{color:#fff;text-decoration:none}
.menuGlowne{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin:30px 0}
.kafel{display:block;background:#fff;border-radius:14px;padding:40px 24px;text-align:center;text-decoration:none;color:#111;box-shadow:0 2px 6px rgba(0,0,0,.1);border:3px solid transparent}
.kafel b{display:block;font-size:1.6em;margin-bottom:8px}.kafel small{color:#666;font-size:.8em}
.kafel:hover,.kafel.on{border-color:#f5bc41}.adminKafel{background:#e5e7eb}
.kartony3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.kartony3 .karton.done{background:#ecfdf5;border-color:#34d399}
label.duzy{font-size:1.2em;font-weight:600;display:flex;align-items:center;gap:10px}
tr.sel td{outline:2px solid #f5bc41;outline-offset:-2px}
@media(max-width:900px){.kartony3{grid-template-columns:1fr}}
.row img.big{max-width:45%;height:auto}