:root{font:16px system-ui,sans-serif;color:#203045;background:#f1f4f7}*{box-sizing:border-box}body{margin:0}header{background:#172638;color:white;padding:16px max(16px,calc((100vw - 1020px)/2));display:flex;align-items:center;justify-content:space-between}header small{font-weight:400;opacity:.65}main{max-width:1020px;margin:24px auto;padding:0 14px}.panel,dialog,.card{background:white;border:1px solid #dce2e8;border-radius:14px;padding:18px;margin-bottom:16px;box-shadow:0 2px 8px #00000008}dialog{width:min(94vw,530px);max-height:90vh;overflow:auto}dialog::backdrop{background:#162639a8}h1,h2{margin:0 0 18px}label{display:block;font-size:.92rem;font-weight:600;margin:10px 0}input,textarea,select{display:block;width:100%;padding:12px;border:1px solid #a9b7c8;border-radius:9px;font:inherit;margin:5px 0 13px;background:white;color:#21354a}button{border:0;background:#176b55;color:white;border-radius:9px;padding:12px 17px;font-size:1rem;font-weight:600;cursor:pointer}.secondary{background:#dfe7ee;color:#243547}.danger{background:#a93535}.actions{display:flex;gap:9px;flex-wrap:wrap;margin:12px 0 18px}.filters{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.filters label{min-width:190px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.card{margin:0;display:flex;flex-direction:column;gap:8px}.card img{max-width:100%;height:160px;width:100%;object-fit:contain;background:#f3f5f7;border-radius:8px}.card h3{margin:0}.muted{color:#65758a}.card p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.card .actions{margin-top:auto}.card button{padding:9px;font-size:.88rem}#message{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:#172638;color:white;padding:13px 20px;border-radius:9px;display:none;max-width:90vw}#camera{width:100%;max-height:300px;background:black;border-radius:10px}#photoPreview{max-width:200px;max-height:150px}#binsList>div{border-bottom:1px solid #ddd;padding:10px 0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}#binsList span{margin-right:auto}@media(max-width:530px){.actions>button{flex:1 1 auto}.cards{grid-template-columns:1fr}}

#photoCamera{width:100%;max-height:350px;background:#111;border-radius:10px}#photoPreview{display:block;max-width:min(100%,320px);max-height:240px;object-fit:contain;margin:10px 0}#photoPreview[hidden]{display:none}.photoTools{margin-top:12px}

.itemCamera{border:1px solid #cbd7e3;border-radius:12px;padding:10px;background:#f7fafc;margin-top:12px}.itemCameraHeader{display:flex;align-items:center;justify-content:space-between;gap:8px}.itemCameraHeader button{font-size:.85rem;padding:8px 10px}#itemCamera{width:100%;height:170px;object-fit:contain;background:#121b25;border-radius:9px}#itemCameraInfo{font-size:.83rem;line-height:1.4;color:#496078;margin:6px 0 0}.itemCamera .actions{margin:9px 0 0}.itemCamera label{margin:5px 0}.itemCamera select{margin-bottom:7px}