:root{color:#172033;background:#f4f7fb;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f4f7fb}button,input,select{font:inherit}button{cursor:pointer}.login-shell{min-height:100vh;display:grid;place-items:center;padding:20px}.login-panel,.panel,.order-card,.profile-card{border:1px solid #e1e8f2;border-radius:8px;background:#fff;box-shadow:0 12px 30px #1f2c4714}.login-panel{width:min(420px,100%);padding:24px}.app-shell{width:min(520px,100%);min-height:100vh;margin:0 auto;padding:16px 12px 86px}.mobile-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:4px 0 14px}.eyebrow{margin:0 0 4px;color:#5d6d84;font-size:12px;font-weight:800}h1,h2,h3,p{margin:0}h1{color:#0f172a;font-size:25px;line-height:1.16;letter-spacing:0}h2{color:#172033;font-size:17px}h3{color:#18233a;font-size:16px;line-height:1.35;overflow-wrap:anywhere}label{display:block;margin:12px 0 7px;color:#334155;font-size:13px;font-weight:800}input,select{width:100%;min-height:44px;padding:0 12px;border:1px solid #cfd8e6;border-radius:8px;outline:none;color:#0f172a;background:#fbfcff;font-size:15px}input:focus,select:focus{border-color:#3864e8;box-shadow:0 0 0 3px #3864e821}.muted{margin-top:8px;color:#66758d;font-size:13px;line-height:1.55}.notice{margin:0 0 12px;padding:11px 12px;border-radius:8px;font-size:14px;font-weight:800}.notice.success{border:1px solid #b7ebc6;background:#effcf3;color:#166534}.notice.error{border:1px solid #fecaca;background:#fff1f2;color:#b91c1c}.primary-button{width:100%;min-height:44px;margin-top:14px;border:0;border-radius:8px;background:#3864e8;color:#fff;font-size:15px;font-weight:900}.primary-button:disabled{background:#94a3b8}.ghost-button{min-height:36px;padding:7px 12px;border:1px solid #d8e0ec;border-radius:8px;background:#fff;color:#475569;font-size:13px;font-weight:800}.content-stack{display:grid;gap:12px}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.metric{min-height:70px;padding:12px;border:1px solid #e1e8f2;border-radius:8px;background:#fff}.metric span{color:#64748b;font-size:12px;font-weight:800}.metric strong{display:block;margin-top:8px;color:#0f172a;font-size:24px}.panel{padding:15px}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.section-head p{margin-top:4px;color:#64748b;font-size:13px;line-height:1.45}.select{margin-bottom:2px}.empty-state{min-height:110px;display:grid;place-items:center;padding:18px;border:1px dashed #cbd5e1;border-radius:8px;background:#f8fafc;color:#64748b;text-align:center;font-weight:800}.order-card{display:grid;gap:12px;padding:14px}.order-card p{margin-top:5px;color:#64748b;font-size:13px;line-height:1.45;overflow-wrap:anywhere}.status-badge{display:inline-flex;align-items:center;min-height:24px;margin-bottom:8px;padding:3px 8px;border-radius:999px;background:#edf3ff;color:#3156c8;font-size:12px;font-weight:900}.status-badge.COMPLETED{background:#ecfdf3;color:#15803d}.status-badge.RETURNED{background:#fff7ed;color:#9a3412}.meta-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.meta-row span{display:inline-flex;min-height:23px;align-items:center;padding:3px 8px;border-radius:999px;background:#eef2f7;color:#506078;font-size:12px;font-weight:800}.action-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.action-row button{min-height:38px;border:0;border-radius:8px;background:#3864e8;color:#fff;font-size:13px;font-weight:900}.action-row .danger{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa}.form-panel{box-shadow:none}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.profile-card{display:grid;gap:5px;padding:13px}.profile-card strong{color:#172033;font-size:16px}.profile-card span,.profile-card small{color:#64748b;font-size:13px}.bottom-tabs{position:fixed;left:50%;bottom:0;z-index:20;width:min(520px,100%);transform:translate(-50%);display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid #e1e8f2;background:#fffffff5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.bottom-tabs button{min-height:58px;border:0;background:transparent;color:#64748b;font-size:13px;font-weight:900}.bottom-tabs button.active{color:#3864e8}@media(max-width:380px){.app-shell{padding-left:10px;padding-right:10px}.action-row{grid-template-columns:1fr}.stats-grid{gap:6px}}