@media(max-width:650px){.topbar{padding:24px}.content{width:calc(100% - 32px);margin-top:18px}.filters{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-info{padding:12px}.upload-form{display:grid;padding:8px 12px 12px}.photo-box{aspect-ratio:1}.product-card h2{font-size:.9rem}.login-shell{padding:30px 24px}}
.photo-box{height:clamp(220px,25vw,300px)!important;aspect-ratio:auto!important;overflow:hidden!important}.photo-box img{width:100%!important;height:100%!important;max-width:100%;max-height:100%;object-fit:contain!important;object-position:center!important}.upload-message{grid-column:1/-1;min-height:1.1em;color:var(--muted);font-size:.72rem}
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
.photo-box{aspect-ratio:1 / 1!important;overflow:hidden}.photo-box img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.image-views{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.view-link{padding:11px 14px;border:1px solid var(--line);border-radius:8px;background:var(--white);color:var(--green);font-size:.82rem;font-weight:700;text-decoration:none}.view-link.active{background:var(--green);border-color:var(--green);color:var(--white)}
:root{--ink:#1e2b26;--muted:#718078;--paper:#f6f7f1;--line:#dfe5dc;--green:#174f3d;--mint:#dcefe3;--coral:#ed765d;--white:#fff}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}h1,h2,p{margin:0}h1{font:700 clamp(1.5rem,3vw,2.35rem) 'Space Grotesk',sans-serif;letter-spacing:0}h2{font:600 1rem 'Space Grotesk',sans-serif;line-height:1.25}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.7rem;font-weight:700;color:var(--coral)}.muted{color:var(--muted);line-height:1.5}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 20%,#e6f2e7 0 14%,transparent 38%),var(--paper)}.login-shell{width:min(100%,410px);padding:42px;background:var(--white);border:1px solid var(--line);box-shadow:0 20px 60px #174f3d13}.brand-mark{width:48px;height:48px;display:grid;place-items:center;margin-bottom:28px;background:var(--green);color:var(--white);font:700 1rem 'Space Grotesk';border-radius:14px}.login-shell h1{margin:7px 0 10px}.login-form{display:grid;gap:18px;margin-top:30px}label{display:grid;gap:7px;font-size:.78rem;font-weight:700;color:var(--muted)}input,select{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:8px;background:var(--white);color:var(--ink);font:inherit;font-weight:400;outline:none}input:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 3px var(--mint)}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px;padding:12px 17px;font:700 .82rem 'DM Sans';cursor:pointer;text-decoration:none}.primary{background:var(--green);color:var(--white)}.ghost{color:var(--green);border:1px solid var(--line);background:var(--white)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px max(24px,calc((100vw - 1240px)/2));background:var(--white);border-bottom:1px solid var(--line)}.content{width:min(1240px,calc(100% - 48px));margin:28px auto 60px}.filters{display:grid;grid-template-columns:minmax(220px,1fr) minmax(190px,280px) auto;align-items:end;gap:12px;padding:18px;background:var(--white);border:1px solid var(--line);border-radius:12px}.summary{margin:22px 0 14px;color:var(--muted);font-size:.86rem}.summary strong{color:var(--ink)}.summary span{margin:0 7px;color:var(--coral)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:16px}.product-card{display:flex;flex-direction:column;min-width:0;background:var(--white);border:1px solid var(--line);border-radius:12px;overflow:hidden}.photo-box{display:grid;place-items:center;aspect-ratio:1.35;background:#edf1eb;color:var(--muted);font-size:.8rem}.photo-box img{width:100%;height:100%;object-fit:contain}.product-info{padding:15px 16px 8px}.code{font-size:.7rem;color:var(--coral);font-weight:700}.product-info h2{margin:5px 0 10px;min-height:2.5em}.status{font-size:.7rem;font-weight:700}.ready{color:#31815d}.pending{color:#ae735c}.upload-form{display:flex;gap:8px;padding:8px 16px 16px}.file-picker{display:flex;align-items:center;justify-content:center;min-width:0;flex:1;padding:10px;border:1px dashed var(--line);border-radius:8px;color:var(--muted);cursor:pointer;text-align:center}.file-picker input{display:none}.upload{padding:10px 12px;background:var(--coral);color:var(--white);white-space:nowrap}.alert{padding:12px 15px;margin-bottom:16px;border-radius:8px;font-size:.85rem}.error{background:#fff0ed;color:#9c493d}.success{background:var(--mint);color:#236044}.empty{padding:50px;text-align:center;background:var(--white);border:1px solid var(--line);border-radius:12px;color:var(--muted)}@media(max-width:650px){.topbar{padding:24px}.content{width:calc(100% - 32px);margin-top:18px}.filters{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-info{padding:12px}.upload-form{display:grid;padding:8px 12px 12px}.photo-box{aspect-ratio:1}.product-card h2{font-size:.9rem}.login-shell{padding:30px 24px}}