:root{font-family:PingFang SC,Microsoft YaHei,sans-serif;color:#242424;background:#f5f6f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}.login-page{min-height:100vh;background:linear-gradient(180deg,#c96c72 0,#c96c72 38%,#f5f6f8 38%);padding:70px 20px 30px}.brand{color:#fff;display:flex;align-items:center;gap:14px;max-width:420px;margin:0 auto 32px}.brand-mark{display:grid;place-items:center;width:58px;height:58px;background:#fff;color:#c96c72;font-size:34px;font-weight:800;border-radius:8px}.brand h1{font-size:27px;margin:0}.brand p{margin:4px 0 0;opacity:.86}.login-card{max-width:420px;margin:auto;background:#fff;padding:24px;border-radius:8px;box-shadow:0 14px 35px #8c55591c}.role-switch{display:grid;grid-template-columns:1fr 1fr;background:#f1f2f4;padding:4px;margin-bottom:22px;border-radius:6px}.role-switch button{border:0;padding:11px;background:transparent;color:#666;border-radius:4px}.role-switch .active{background:#fff;color:#c96c72;font-weight:700;box-shadow:0 2px 7px #00000012}label{display:block;font-size:14px;font-weight:600;margin:16px 0 7px}input,select,textarea{width:100%;border:1px solid #d9dce2;background:#fff;border-radius:5px;padding:12px;outline:0}input:focus,select:focus,textarea:focus{border-color:#c96c72}.code-row{display:flex;gap:8px}.code-row button{white-space:nowrap;border:1px solid #c96c72;color:#c96c72;background:#fff;border-radius:5px;padding:0 12px}.submit,.quick-order{border:0;background:#c96c72!important;color:#fff!important;border-radius:5px;padding:13px 18px;font-weight:700}.login-submit,.login-card>.submit{width:100%;margin-top:12px}.demo-tip{color:#9a6900;background:#fff7dc;padding:8px;font-size:13px}.error{color:#c96c72;font-size:13px}.app-shell{min-height:100vh;padding-bottom:72px}.topbar{height:64px;background:#c96c72;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 18px;position:sticky;top:0;z-index:5}.topbar b{display:block;font-size:19px}.topbar span{font-size:11px;opacity:.8}.topbar button{border:1px solid #ffffff77;background:transparent;color:#fff;border-radius:4px;padding:6px 11px}.content{max-width:680px;margin:auto;padding:18px}.welcome{background:#c96c72;color:#fff;padding:20px;border-radius:7px;margin-bottom:14px}.welcome p{font-size:22px;font-weight:700;margin:0 0 5px}.store-select{background:#fff;padding:14px;border-radius:7px;margin:0 0 12px}.store-select select{margin-top:7px}.quota{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border-radius:7px;margin:12px 0}.quota div{text-align:center;padding:18px 5px;border-right:1px solid #eee}.quota div:last-child{border:0}.quota span{display:block;color:#777;font-size:12px}.quota b{font-size:28px;color:#c96c72;margin:5px}.quota small{color:#777}.quick-order{width:100%;margin:0 0 18px}.order{background:#fff;border:1px solid #e8e8ea;border-radius:7px;padding:15px;margin:10px 0}.order>div:first-child{display:flex;justify-content:space-between;gap:8px}.order b{font-size:14px}.order p{margin:9px 0;color:#4b4b4b}.order small{color:#888}.status{font-size:12px;color:#c96c72;white-space:nowrap}.children{border-top:1px solid #eee;margin-top:12px;padding-top:8px}.children button{width:100%;border:0;background:#f7f7f8;display:flex;justify-content:space-between;padding:10px;margin-top:5px}.children button b{color:#c96c72}.form-page h2,.content>section>h2{font-size:21px}.form-page textarea{height:70px;background:#f0f1f3;color:#666}.hint{font-size:13px;color:#777}.form-page>.submit{width:100%;margin-top:12px}.review-btn{margin-top:12px;width:100%;border:1px solid #c96c72;background:#fff;color:#c96c72;padding:9px;border-radius:4px}.stats-card{background:#fff;border-radius:7px;padding:20px}.stats-card>p{color:#777}.stats-card>strong{font-size:38px;color:#c96c72}.stats-card small{font-size:14px}.bars{height:180px;display:flex;align-items:end;gap:12px;border-bottom:1px solid #ddd;margin-top:20px}.bars i{flex:1;background:#d88a8f;border-radius:3px 3px 0 0}.months{display:flex;justify-content:space-around;font-size:11px;color:#888;padding-top:8px}nav{position:fixed;bottom:0;left:0;right:0;height:62px;background:#fff;border-top:1px solid #ddd;display:flex;z-index:5}nav button{flex:1;border:0;background:#fff;color:#777}nav button.active{color:#c96c72;font-weight:700}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0008;display:grid;align-items:end;z-index:20}.modal>section{position:relative;background:#fff;border-radius:8px 8px 0 0;padding:24px;max-height:78vh;overflow:auto}.close{position:absolute;right:18px;top:14px;border:0;background:transparent;font-size:27px}.waybill{color:#777}.modal ol{list-style:none;padding:0 0 0 18px;border-left:2px solid #e9c9cc}.modal li{padding:0 0 20px 18px;position:relative}.modal li:before{content:"";position:absolute;left:-24px;top:4px;width:10px;height:10px;background:#c96c72;border-radius:50%}.modal time{font-size:12px;color:#999}.modal li p{margin:5px 0}.review-number{display:flex;justify-content:space-between;background:#f5f5f6;padding:12px;margin:8px 0}.modal textarea{height:80px}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.modal-actions button{border:1px solid #ccc;background:#fff;padding:11px;border-radius:5px}@media(min-width:700px){.modal{align-items:center;justify-items:center}.modal>section{width:480px;border-radius:8px}.login-page{padding-top:100px}}