:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#13263d;background:#eef4f7}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:4px solid #66d1e0;outline-offset:2px}.shell{max-width:1200px;margin:auto;padding:22px}.top{display:flex;justify-content:space-between;align-items:center;gap:16px}.eyebrow{font-size:13px;font-weight:800;letter-spacing:.15em;color:#167a7c}h1{font-size:clamp(30px,4vw,48px);margin:6px 0}p{margin:8px 0}.logo{font-size:60px}.search{width:100%;border:3px solid #c9dbe3;border-radius:18px;padding:21px 24px;font-size:25px;background:white}.searchwrap{position:relative;margin:24px 0 14px}.suggest{position:absolute;z-index:3;background:white;box-shadow:0 12px 30px #16354b25;width:100%;border-radius:15px;overflow:hidden;max-height:300px;overflow:auto}.suggest button{display:block;width:100%;padding:16px 20px;border:0;border-bottom:1px solid #e5edf1;text-align:left;background:white;font-size:20px}.suggest button:hover{background:#eef8fb}.bins{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:22px}.bin{border:0;border-radius:18px;color:white;min-height:185px;padding:20px 10px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;font-weight:900;font-size:clamp(13px,1.7vw,20px);text-align:center;box-shadow:0 5px 0 #0002}.bin .emoji{font-size:54px}.szklo{background:#08862b}.plastik{background:#e7b600;color:#1b2530}.papier{background:#126cc0}.zmieszane{background:#30343b}.kaucja{background:#00a7b7}.status{font-size:13px;color:#53687b}.panel{background:white;border-radius:20px;padding:26px;margin:20px 0;box-shadow:0 8px 30px #2343 10}.panel h2{margin-top:0}.result{display:flex;align-items:center;gap:18px;border-radius:16px;padding:24px;color:white}.result .big{font-size:56px}.result h2{font-size:clamp(24px,3vw,38px);margin:0}.result.plastik{color:#1b2530}.back{border:0;border-radius:12px;padding:12px 22px;background:#dcebf2;font-weight:700}.detail{display:grid;grid-template-columns:1fr 1fr;gap:16px}.list{font-size:19px;line-height:1.8}.hidden{display:none!important}.hint{color:#53687b}.footer{display:flex;justify-content:space-between;margin-top:22px;font-size:13px;color:#53687b}.adminbody{max-width:1100px;margin:auto;padding:25px}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.field input,.field select,.field textarea{padding:12px;border:1px solid #a7bdc9;border-radius:9px;width:100%}.primary{background:#087e92;color:white;border:0;border-radius:10px;padding:13px 20px;font-weight:800}.danger{background:#b62b36;color:white;border:0;border-radius:8px;padding:8px}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%}td,th{padding:11px;border-bottom:1px solid #dde7ed;text-align:left}td button{margin:2px}.adminrow{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}@media(max-width:850px){.bins{grid-template-columns:repeat(3,1fr)}.bin{min-height:140px}.bin .emoji{font-size:38px}}@media(max-width:550px){.bins{grid-template-columns:repeat(2,1fr)}.shell{padding:12px}.detail,.adminrow{grid-template-columns:1fr}.logo{font-size:35px}.search{font-size:18px}}
