:root{color:#172026;background:#f3f1ec;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;background:#e7e1d7;border:0;border-radius:10px;padding:.7rem .9rem}button:hover{filter:brightness(.97)}.primary{color:#fff;background:#1f3d2b}.secondary{background:#fff}.danger{color:#7a1d13;background:#f7d7d2}.topbar{background:#fff;border-bottom:1px solid #ddd;justify-content:space-between;gap:1rem;padding:1.3rem 1.6rem;display:flex}.topbar h1{margin:0;font-size:1.4rem}.topbar p{color:#667;margin:.2rem 0 0}.top-actions{align-items:center;gap:.6rem;display:flex}.layout{grid-template-columns:390px 1fr;gap:1rem;padding:1rem;display:grid}.panel{background:#fff;border:1px solid #ddd;border-radius:18px;padding:1rem;box-shadow:0 8px 22px #0000000a}.toolbar{gap:.5rem;display:grid}.toolbar input,.toolbar select,.grid-form input,.grid-form select,.grid-form textarea,.photo-form input,.photo-form select{box-sizing:border-box;background:#fff;border:1px solid #ccc;border-radius:10px;width:100%;padding:.75rem}.full{width:100%;margin:.8rem 0}.summary{color:#667;margin:.5rem 0;font-size:.9rem}.item-list{gap:.55rem;max-height:calc(100vh - 270px);display:grid;overflow:auto}.item-card{text-align:left;background:#faf9f6;border:1px solid #e1ddd5;grid-template-columns:72px 1fr;gap:.7rem;display:grid}.item-card.active{outline:3px solid #1f3d2b}.item-card span,.item-card small{display:block}.item-card small{color:#667;margin-top:.25rem}.thumb{color:#777;background:#ddd 50%/cover no-repeat;border-radius:8px;place-items:center;height:62px;font-size:.75rem;display:grid}.detail-head{border-bottom:1px solid #eee;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;display:flex}.detail h2{margin:0}.detail p{color:#667;margin:.25rem 0}.grid-form{grid-template-columns:repeat(2,minmax(220px,1fr));gap:.8rem;display:grid}.grid-form label{color:#333;font-weight:700}.grid-form label input,.grid-form label select,.grid-form label textarea{margin-top:.35rem;font-weight:400}.wide{grid-column:1/-1}.grid-form textarea{min-height:90px}.photos{margin-top:1.5rem}.photo-form{grid-template-columns:1fr 160px 1fr auto;gap:.6rem;display:grid}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.8rem;margin-top:1rem;display:grid}.photo{background:#fafafa;border:1px solid #ddd;border-radius:14px;margin:0;overflow:hidden}.photo-img{background:#eee;place-items:center;height:170px;display:grid}.photo img{object-fit:cover;width:100%;height:100%}.photo figcaption{padding:.65rem;font-size:.9rem}.photo button{margin:.65rem}.login{place-items:center;min-height:100vh;padding:1rem;display:grid}.login-card{background:#fff;border-radius:22px;max-width:440px;padding:2rem;box-shadow:0 16px 40px #00000014}.login-card form{gap:.8rem;display:grid}.login-card input{box-sizing:border-box;border:1px solid #ccc;border-radius:10px;width:100%;margin-top:.3rem;padding:.8rem}.empty{color:#778}.toast{color:#fff;background:#1f3d2b;border-radius:12px;padding:.8rem 1rem;position:fixed;bottom:1rem;right:1rem;box-shadow:0 10px 30px #0003}.toast.error{background:#8a261a}@media (width<=850px){.layout{grid-template-columns:1fr}.item-list{max-height:none}.grid-form,.photo-form{grid-template-columns:1fr}.topbar{display:block}.top-actions{margin-top:1rem}}