:root{font-family:system-ui,-apple-system,PingFang SC,sans-serif;color:#173d28;background:#f2f7f3}*{box-sizing:border-box}body{margin:0}main{width:min(1180px,calc(100% - 40px));margin:40px auto;padding:32px}h1{margin:0 0 8px;font-size:32px}#status{margin:0 0 24px;color:#557062}#app{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}#app>button{width:max-content}section{min-width:0;padding:22px;background:#fff;border:1px solid #dce8df;border-radius:16px;box-shadow:0 8px 24px #173d2810}section h2{margin:0 0 16px;font-size:21px}article{margin:12px 0;padding:16px;background:#f7faf8;border-radius:12px}article h3,article p{margin:0 0 10px}button{min-height:42px;border:0;border-radius:9px;background:#2f7d4a;color:#fff;padding:0 18px;margin:8px 8px 0 0;font-weight:600;cursor:pointer}button:hover{background:#25663c}button.secondary{background:#80612c}button.secondary:hover{background:#684c1f}input,select{width:min(100%,360px);min-height:44px;border:1px solid #b7cabe;border-radius:9px;padding:0 12px;font-size:17px;background:#fff}form{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.item-management{grid-column:1 / -1}.item-controls,.item-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.item-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}.item-card{margin:0;border:1px solid #e2ece5}.item-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.status{flex:0 0 auto;padding:4px 9px;border-radius:999px;background:#e5efe8;color:#285b3a;font-size:13px;font-weight:700}.status-pending_review{background:#fff0c9;color:#745300}.status-rejected,.status-offline{background:#ecefed;color:#59645d}.status-reserved{background:#dfeaff;color:#31598d}.status-exchanged{background:#e8ddf6;color:#61408a}.moderation-reason{padding:10px 12px;border-left:3px solid #80612c;background:#fff8e8;color:#61491e}.images{display:flex;gap:10px;overflow:auto;margin:12px 0}.images a,.images img,.image-placeholder{flex:0 0 112px;width:112px;height:112px;border-radius:10px}.images img{display:block;object-fit:cover}.image-placeholder{display:grid;place-items:center;background:#e8f0ea;color:#688072;font-size:13px}.item-actions input{flex:1 1 240px}@media (max-width: 760px){main{width:min(100% - 24px,640px);margin:20px auto;padding:0}#app,.item-list{grid-template-columns:1fr}h1{font-size:27px}section{padding:18px}}
