:root{font-family:Inter,system-ui,sans-serif;color:#18342e;background:#f5f6f2;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;border:1px solid #d4dfd7;border-radius:8px;padding:10px 16px;background:#fff;color:#18342e}button:hover{background:#e6eee6}button:disabled{opacity:.5;cursor:wait}input,textarea,select{padding:11px;border:1px solid #ccd7ce;border-radius:7px;background:white;width:100%;color:#18342e}label{display:block;margin:14px 0}label input,label textarea{margin-top:7px}a{color:#21694d}h1{font-size:30px;font-weight:550;margin:10px 0 22px}h2{font-size:20px}p{line-height:1.6}small,.muted{color:#74877d}.brand{font-size:26px;font-weight:750;letter-spacing:3px}.brand span{font-size:9px;display:block;letter-spacing:4px;margin-top:5px;color:#75877b}#login{min-height:100vh;display:grid;place-items:center}#signin{width:min(440px,92vw);padding:40px;background:white;border:1px solid #dee5db;border-radius:18px}#signin h1{margin-top:40px}#signin button,#approve{background:#204f3e;color:white;width:100%;margin-top:16px}aside{position:fixed;inset:0 auto 0 0;width:225px;padding:30px 22px;background:#173c30;color:white}aside .brand span{color:#a5c7b6}nav{display:grid;gap:10px;margin-top:60px}nav button{text-align:left;background:transparent;color:#d6e8de;border:0}nav button.active,nav button:hover{background:#305a48;color:white}footer{position:absolute;bottom:24px;font-size:11px}footer button{background:transparent;color:white}main{margin-left:225px;padding:36px 44px;max-width:1700px}header{display:flex;justify-content:space-between;align-items:center}header small{letter-spacing:2px;font-size:10px}#metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:12px 0 28px}.metric{background:white;padding:20px;border:1px solid #e1e6dc;border-radius:12px}.metric strong{display:block;font-size:30px;margin-top:8px}.toolbar{display:flex;gap:12px;margin-bottom:24px;align-items:center}.toolbar input:first-child{max-width:340px}.toolbar input[type=date]{width:170px}.toolbar span{margin-left:auto;color:#74877d;font-size:11px}#content{display:grid;gap:14px}.card{background:white;border:1px solid #dfe6dc;border-radius:12px;padding:20px;display:flex;gap:20px;align-items:flex-start}.thumb{width:90px;height:100px;object-fit:cover;border-radius:8px;background:#edf1e8}.info{flex:1;min-width:0}.info h2{margin:0 0 8px;font-size:17px}.info p{margin:6px 0;color:#6c7f74;font-size:12px}.badge{display:inline-block;font-size:10px;padding:5px 8px;border-radius:5px;background:#e8efe6;color:#37613f}.badge.warn{background:#fff1d4;color:#8a5b14}.listing{display:flex;gap:12px;align-items:center;margin-top:10px;flex-wrap:wrap}.listing button{padding:6px 12px}.source{display:grid;grid-template-columns:1fr 130px 2fr;gap:16px;align-items:center}.stores{display:flex;gap:12px;flex-wrap:wrap}.stores label{display:flex;align-items:center;gap:5px;margin:0}input[type=checkbox]{width:auto}.gallery{display:flex;flex-wrap:wrap;gap:10px}.gallery img{width:105px;height:110px;object-fit:contain}.gallery label{border:1px solid #ddd;padding:8px;border-radius:8px}.gallery input{display:block}dialog{border:0;border-radius:16px;padding:30px;width:min(750px,94vw);max-height:90vh}dialog::backdrop{background:#12332988}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px system-ui;background:#f3f5ee;padding:14px}fieldset{border:1px solid #ddd;border-radius:8px;margin-top:12px}#toast{position:fixed;bottom:24px;right:24px;background:#183f30;color:white;padding:15px 24px;border-radius:8px;display:none;max-width:450px}.empty{padding:60px;text-align:center;color:#74877d}#loginerror,#reviewerror{color:#9b3029}@media(max-width:800px){aside{position:static;width:100%;padding:18px}aside nav{display:flex;overflow:auto;margin-top:15px}footer{position:static}main{margin:0;padding:20px}#metrics{grid-template-columns:repeat(2,1fr)}.toolbar{flex-wrap:wrap}.card{gap:12px}.source{grid-template-columns:1fr}.thumb{width:65px;height:75px}}
