:root{font-family:Arial,Apple SD Gothic Neo,sans-serif;color:#20252c;background:#f5f6f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0;background:#276ef1;color:#fff;border-radius:9px;padding:11px 16px;font-weight:700}button:disabled{opacity:.55}a{text-decoration:none;color:inherit}.wrap{max-width:1120px;margin:auto;padding:0 20px}header{background:#fff;border-bottom:1px solid #e8e9ed}.head{height:72px;display:flex;align-items:center;justify-content:space-between;gap:12px}.logo{font-size:21px;font-weight:900}.logo span{font-size:11px;color:#276ef1;letter-spacing:2px}.ghost{background:#eef2f8;color:#303b4c;margin-left:6px}.danger{background:#fff0f0;color:#bc2929;margin-left:6px}.hero{padding:52px 0 38px}.eyebrow{font-size:12px;font-weight:800;color:#276ef1;letter-spacing:2px}.hero h1{font-size:38px;letter-spacing:-1px;margin:12px 0}.hero p{color:#667080;line-height:1.6}.toolbar{display:flex;gap:16px;justify-content:space-between;align-items:center;flex-wrap:wrap}.toolbar input{max-width:340px;width:100%}.tabs{display:flex;gap:7px;flex-wrap:wrap}.tab{background:#fff;color:#576273;border:1px solid #e1e5eb}.tab.active{background:#276ef1;color:#fff}.count{margin:25px 0 15px;font-size:14px;color:#687386}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.item{background:#fff;border:1px solid #e6e8ed;border-radius:14px;overflow:hidden}.photo{aspect-ratio:1;background:#e8edf3;display:flex;align-items:center;justify-content:center;color:#929baa;font-size:13px}.photo img{width:100%;height:100%;object-fit:contain}.detail{padding:16px}.meta{font-size:12px;color:#7c8795}.detail h3{font-size:17px;margin:9px 0 12px;overflow-wrap:anywhere}.price{font-size:17px;font-weight:800}.status{display:inline-block;margin-top:12px;border-radius:20px;background:#f1f2f5;color:#697381;font-size:12px;padding:5px 9px}.status.on{background:#e9f8ed;color:#188247}.desc{color:#6b7582;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.contact{display:block;text-align:center;background:#276ef1;color:#fff;padding:11px;border-radius:8px;margin-top:14px;font-weight:700}.empty{grid-column:1/-1;text-align:center;padding:70px 0;color:#8a93a1}.panel{background:#fff;border:1px solid #e5e7ec;padding:26px;border-radius:14px;margin-bottom:24px}.panel h2{margin-top:0}.panel p{color:#657080}.panel label{display:block;font-size:13px;font-weight:700;margin:14px 0}.panel input,.panel textarea,.panel select,.toolbar input{border:1px solid #d9dfe7;border-radius:9px;padding:12px;background:#fff;color:#1f2937;width:100%;margin-top:7px}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.actions{display:flex;gap:8px}.message{color:#c33!important}.manage-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eee;padding:14px 0;gap:12px}.manage-row small{display:block;color:#7a8491;margin-top:6px}footer{text-align:center;color:#9aa2ae;font-size:12px;padding:55px 12px}@media(max-width:850px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.grid{gap:10px}.detail{padding:12px}.hero h1{font-size:30px}.fields{grid-template-columns:1fr}.panel{padding:18px}.logo{font-size:16px}.head{padding:0 12px}.ghost{padding:9px}.manage-row{align-items:flex-start}.manage-row button{padding:8px}.toolbar input{max-width:none}}
