:root{color:#17212b;font-synthesis:none;letter-spacing:0;background:#f5f7f8;font-family:Inter,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{min-width:280px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit;letter-spacing:0}button{cursor:pointer}.shell{background:#f5f7f8;min-height:100vh;padding:18px}.centered{color:#5d6975;justify-content:center;align-items:center;gap:10px;display:flex}.header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.eyebrow{color:#6b7280;margin:0 0 2px;font-size:12px}h1{margin:0;font-size:22px;line-height:1.25}h2{margin:0;font-size:15px;line-height:1.35}.icon-button{color:#374151;background:#fff;border:1px solid #d8dde3;border-radius:6px;place-items:center;width:36px;height:36px;display:grid}.icon-button:hover{background:#eef1f3}.notice{border:1px solid;border-radius:6px;align-items:flex-start;gap:8px;margin-bottom:12px;padding:10px 12px;font-size:13px;line-height:1.45;display:flex}.notice.success{color:#146c43;background:#eaf7ef;border-color:#b9dfc8}.notice.error{color:#9f2d2d;background:#fff0ef;border-color:#f0c2be}.notice.info{color:#285a78;background:#eef7fb;border-color:#bfdde9}.customer-band{background:#fff;border:1px solid #dce2e7;border-radius:7px;padding:14px}.customer-main{align-items:center;gap:10px;display:flex}.customer-main p{color:#6b7280;margin:3px 0 0;font-size:13px}.avatar{color:#fff;background:#147d64;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;display:grid}dl{grid-template-columns:1fr 1fr;gap:8px;margin:14px 0 0;display:grid}dl div{border-top:1px solid #edf0f2;min-width:0;padding-top:10px}dt{color:#7b8490;font-size:11px}dd{overflow-wrap:anywhere;margin:3px 0 0;font-size:13px;font-weight:600}.form-section{gap:14px;margin-top:16px;display:grid}label{color:#374151;gap:6px;font-size:13px;font-weight:600;display:grid}label b{color:#c43d36}select,textarea,input{color:#17212b;background:#fff;border:1px solid #cfd6dc;border-radius:6px;outline:none;width:100%}select,input{min-height:38px;padding:0 10px}textarea{resize:vertical;min-height:112px;padding:10px;line-height:1.5}select:focus,textarea:focus,input:focus{border-color:#147d64;box-shadow:0 0 0 2px #147d641f}label small{color:#8b949e;justify-self:end;margin-top:-2px;font-weight:400}.input-with-icon{position:relative}.input-with-icon svg{color:#6b7280;pointer-events:none;position:absolute;top:10px;left:10px}.input-with-icon input{padding-left:34px}.actions{margin-top:18px}.actions p{color:#a23d36;margin:0 0 8px;font-size:12px}.primary-button{color:#fff;background:#147d64;border:0;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:42px;font-weight:700;display:flex}.primary-button:hover:not(:disabled){background:#106a55}.primary-button:disabled{cursor:not-allowed;background:#a8b5b1}.empty-state{color:#66717d;text-align:center;justify-items:center;gap:8px;margin-top:50px;display:grid}.empty-state p{max-width:240px;margin:0;font-size:13px;line-height:1.6}.spin{animation:1s linear infinite spin}.sr-only{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=340px){.shell{padding:14px}dl{grid-template-columns:1fr}}