: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}button.danger{background:#fff7f5;color:#a3413d;border:1px solid #ead0c9}button.danger:hover{background:#fce9e4}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}.policy-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.policy-form label{display:block;min-width:0;overflow-wrap:anywhere}.policy-form input:not([type=checkbox]),.policy-form textarea{display:block;width:100%;margin-top:8px}.policy-form input[type=checkbox]{width:20px;min-height:20px;vertical-align:middle;margin-right:8px}.policy-form textarea{min-height:140px}@media (max-width: 640px){.policy-form{grid-template-columns:1fr}}.item-management{grid-column:1 / -1}.item-management textarea{display:block;width:100%;min-height:120px;padding:12px;border:1px solid #b7cabe;border-radius:9px;font:inherit;line-height:1.6;resize:vertical}.item-management p{white-space:pre-wrap;overflow-wrap:anywhere}.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}}body{background:linear-gradient(155deg,#e3f0e7,#f6f9f7 48%);min-height:100vh;line-height:1.6}main{padding:12px 0 48px}h1{letter-spacing:-.8px}#app{padding:0;border:0;background:none;box-shadow:none}.toolbar,.overview{grid-column:1 / -1;display:flex;gap:16px;align-items:center}.toolbar h2{flex:1;margin:0;font-size:20px}.toolbar button{margin:0}.overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.overview>div{padding:20px 24px;border:1px solid #d6e6dc;border-radius:18px;background:#edf6f0}.overview strong,.overview span{display:block}.overview strong{font-size:32px;color:#246744;line-height:1.2}.overview span{margin-top:8px;color:#557062;font-size:14px}article,p,h3,span{overflow-wrap:anywhere}article p{white-space:pre-wrap}button{min-height:46px;transition:background .15s}button:disabled{cursor:wait;opacity:.55}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #64a780;outline-offset:3px}input,select{min-width:0;min-height:48px}input{flex:1}.item-heading h3{min-width:0;font-size:20px}.images img{object-fit:contain;background:#e9efeb}.config-row{display:flex;justify-content:space-between;gap:16px;align-items:center}.config-row button{margin:0;flex-shrink:0;background:#e5eee8;color:#365b43}.pair-panel{grid-column:1 / -1;width:min(100%,640px);margin:36px auto;padding:40px}.pair-panel>span{color:#387751;font-size:13px;letter-spacing:2px}.pair-panel h2{font-size:30px;margin:12px 0}.pair-panel p{color:#617568}.pair-panel form{margin:28px 0}.pair-panel form input{letter-spacing:2px}.pair-panel form button{margin:0}#status[role=alert]{background:#fff1d6;color:#795620;padding:12px 16px;border-radius:10px}@media (max-width: 760px){.overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.overview>div{padding:16px}.toolbar{flex-wrap:wrap;gap:8px}.toolbar h2{flex-basis:100%}.pair-panel{margin:12px auto;padding:24px}.pair-panel form{align-items:stretch;flex-direction:column}.pair-panel input{width:100%}.item-heading{flex-wrap:wrap}}.section-nav{grid-column:1 / -1;display:flex;gap:10px;flex-wrap:wrap}.section-nav a{color:#316746;background:#e3eee6;border-radius:999px;text-decoration:none;padding:8px 16px;font-size:14px}.section-nav a:hover{background:#cfe2d5}section{scroll-margin-top:20px}#membership article{display:block}#membership h3{flex-basis:100%}#membership input{flex:1 1 220px}#membership button{margin:0}.login-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.login-tabs button{margin:0;background:#edf4ef;color:#365b43}.login-tabs button[aria-pressed=true]{background:#2f7d4a;color:#fff}.password-form{flex-direction:column;align-items:stretch}.password-form input{flex:none;width:100%;max-width:none;letter-spacing:normal!important}.qr-display{display:grid;justify-items:center;gap:12px;margin-top:20px;text-align:center}.qr-display img{width:min(100%,280px);height:auto;border:1px solid #e2ece5;border-radius:16px}.qr-display strong{letter-spacing:3px;font-size:22px;color:#246744}.item-order{margin-top:18px;padding-top:14px;border-top:1px solid #dce8df}.item-order label{display:flex;align-items:center;gap:10px}.item-order input{width:110px;flex:none}.item-order button{margin:0}.item-order span{flex-basis:100%;font-size:13px;color:#617568}.password-form .checkbox-field{display:flex;align-items:center;gap:12px;min-height:48px}.password-form .checkbox-field input{width:22px;height:22px;min-height:22px;flex:none;margin:0}
