:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#18352b;background:#f5f7f5;font-size:16px}*{box-sizing:border-box}body{margin:0}header{background:#104c38;color:white;padding:26px max(24px,calc((100vw - 1080px)/2));display:flex;justify-content:space-between;align-items:center;gap:20px}header small{color:#c6dccf;letter-spacing:2px}h1{font-size:26px;margin:8px 0 0}h2{font-size:19px;margin:24px 0 16px}p{line-height:1.7}main{max-width:1128px;margin:32px auto;padding:0 24px}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #cbd8cf;border-radius:8px;min-height:44px;background:white;color:#194c37;padding:10px 18px}button:hover{background:#e8f1e9}button:disabled{opacity:.5;cursor:default}button.primary{background:#176344;color:white;border-color:#176344;font-weight:600}.primary:hover{background:#104c38}input,select,textarea{width:100%;padding:12px;border:1px solid #cbd8cf;border-radius:8px;background:white;color:#18352b;min-height:46px}input:focus,textarea:focus,select:focus,button:focus-visible{outline:3px solid #a6c8af;outline-offset:2px}label{display:block;margin:18px 0;font-weight:500}label input,label select,label textarea{margin-top:8px}#login{max-width:440px;margin:70px auto;background:white;padding:24px 32px 32px;border-radius:14px}#login h2{font-size:25px;margin-top:0}#login p,.muted{color:#718176}#login button{width:100%}.tools{display:grid;grid-template-columns:1fr 180px auto;gap:12px}.list-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.list-heading small,#count{color:#718176;font-weight:400}.customer-row{width:100%;display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr auto;gap:16px;align-items:center;text-align:left;background:white;padding:22px 20px;border:0;border-bottom:1px solid #e6ece7;border-radius:0}.customer-row:first-child{border-radius:12px 12px 0 0}.customer-row:last-child{border-radius:0 0 12px 12px}.customer-row strong{font-size:18px}.customer-row small{display:block;margin-top:7px;color:#748278;font-size:13px}.badge{display:inline-block;width:fit-content;border-radius:5px;background:#edf3ed;color:#38644b;font-size:13px;padding:5px 9px}.badge.pending{background:#fff1df;color:#935b1c}.pagination{display:flex;justify-content:center;align-items:center;gap:22px;margin-top:24px}#detail{max-width:760px;margin:auto;background:white;padding:26px;border-radius:12px}.detail-title{display:flex;align-items:center;justify-content:space-between;margin-top:25px}.detail-title h2{font-size:28px;margin:0}.contact{display:flex;align-items:center;gap:16px;margin:18px 0}a{color:#176344}dl{display:grid;grid-template-columns:140px 1fr;margin:0}dt,dd{padding:12px 0;border-bottom:1px solid #edf1ed;line-height:1.6}dt{color:#718176}dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.note-item{border-bottom:1px solid #e6ece7;padding:16px 0;white-space:pre-wrap;overflow-wrap:anywhere}.note-item small{display:block;color:#718176;margin-top:8px}.empty{text-align:center;padding:70px 15px;color:#718176;background:white;border-radius:12px}#message{color:#9b4e18;background:#fff3df;border-radius:8px;padding:12px 16px}#message:empty{display:none}footer{text-align:center;color:#8a978c;font-size:12px;padding:32px}[hidden]{display:none!important}@media(max-width:640px){header{padding:20px}main{padding:0 16px;margin-top:20px}h1{font-size:24px}.tools{grid-template-columns:1fr auto}.tools input{grid-column:1/-1}.tools select{width:100%}.customer-row{grid-template-columns:1fr auto;padding:20px 16px;gap:10px}.customer-row .city{grid-column:1}.customer-row .submitted{grid-column:1;font-size:13px;color:#718176}.customer-row .badge{grid-column:2;grid-row:1}.customer-row .arrow{grid-column:2;grid-row:2/4}.list-heading small{font-size:11px}#detail{padding:20px 16px}dl{grid-template-columns:100px 1fr}#login{margin:35px auto;padding:24px}#update-form button{width:100%}}

.brand-logo{width:280px;height:74px;overflow:hidden;border-radius:8px;background:white}.brand-logo img{display:block;width:360px;max-width:none;height:120px;object-fit:contain;transform:translate(-40px,-23px)}.brand h1{margin-top:12px}@media(max-width:640px){.brand-logo{width:220px;height:60px}.brand-logo img{width:286px;height:95px;transform:translate(-33px,-18px)}header{gap:10px}header button{padding:8px 10px;font-size:14px}}