:root{font-family:Inter,"Microsoft YaHei","PingFang SC",sans-serif;color:#1c2a36;background:#f3f6f8;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #cbd7df;border-radius:10px;background:#fff;color:#244052;padding:.65rem 1rem;font-weight:650}button:hover{border-color:#287f88;color:#086973}button:disabled{opacity:.55;cursor:not-allowed}.primary{border-color:#087d83;background:#087d83;color:#fff}.primary:hover{background:#076b70;color:#fff}.quiet{background:transparent}.topbar{height:76px;background:#fff;border-bottom:1px solid #e2e9ed;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1260px)/2))}.brand{display:flex;align-items:center;gap:13px}.brand strong{display:block;font-size:1.08rem}.brand small{display:block;color:#73848e;font-size:.74rem}.brand-mark{width:40px;height:40px;border-radius:12px;background:#d9f2ef;color:#087d83;display:grid;place-items:center;font-weight:800;font-size:1.35rem}.who{display:flex;align-items:center;gap:10px;color:#526773;font-size:.9rem}.who button{padding:.35rem .65rem}main{max-width:1260px;margin:0 auto;padding:30px 24px 70px}.hidden{display:none!important}.eyebrow{color:#087d83;font-weight:800;letter-spacing:.12em;font-size:.72rem;margin:0 0 .3rem}.heading{display:flex;justify-content:space-between;align-items:end;gap:16px;margin:10px 0 20px}.heading h1,.login-card h1{font-size:1.9rem;letter-spacing:-.03em;margin:.15rem 0 .35rem}.muted{color:#6c7f89;margin:.2rem 0}.banner{background:#fff7dd;border:1px solid #e9d58d;padding:11px 15px;border-radius:12px;margin-bottom:20px;color:#765a14}.tabs{display:flex;gap:8px;overflow-x:auto;margin-bottom:18px}.tabs button{white-space:nowrap;background:transparent;border:0;border-radius:9px;color:#62737f}.tabs button.active{background:#ddf1ee;color:#056c70}.layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.7fr);gap:20px}.content-column,.side-column{display:grid;align-content:start;gap:20px}.panel{background:#fff;border:1px solid #e3e9ec;border-radius:16px;box-shadow:0 5px 24px #1b31410a;padding:20px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.panel-head h2{font-size:1.08rem;margin:0}.panel-head span{color:#82919a;font-size:.8rem}.grid-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.grid-form .full{grid-column:1/-1}.stack{display:grid;gap:14px}.stack.compact{gap:9px;margin-bottom:18px}.stack h3{font-size:.94rem;margin:6px 0 0}.grid-form label,.stack label,.action-form label{display:grid;gap:5px;color:#49606d;font-size:.85rem;font-weight:650}input,select,textarea{width:100%;background:#fff;border:1px solid #cbd7df;border-radius:9px;padding:10px;color:#1c2a36;outline:none}input:focus,select:focus,textarea:focus{border-color:#087d83;box-shadow:0 0 0 3px #087d8320}textarea{resize:vertical}.actions,.button-row{display:flex;flex-wrap:wrap;gap:9px}.orders{display:grid;gap:10px}.order-card{display:block;width:100%;text-align:left;border:1px solid #e1e9ed;background:#fff;padding:16px;border-radius:12px}.order-card:hover{background:#f8fcfb;border-color:#88c4bd}.order-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.order-number{font-weight:780;color:#233d4a}.status{display:inline-block;padding:3px 9px;border-radius:20px;background:#e9f2fd;color:#26568b;font-size:.76rem;font-weight:800}.status.pending{background:#fff0df;color:#94601a}.status.working{background:#e0f4f2;color:#06727a}.status.done{background:#edf0f3;color:#506572}.order-main{font-size:1.02rem;font-weight:700;margin:10px 0 2px}.order-sub,.order-time{color:#6a7c86;font-size:.83rem;margin:3px 0}.empty{padding:28px 10px;text-align:center;color:#82919a}.inbox{display:grid;gap:10px;max-height:540px;overflow:auto}.message{padding:11px 12px;background:#f7fafb;border-radius:10px;border-left:3px solid #9bb6c1}.message.unread{background:#edf8f6;border-left-color:#087d83}.message strong{display:block;font-size:.84rem}.message p{font-size:.83rem;margin:4px 0;color:#435967}.message small{color:#82919a}.login-card{max-width:440px;margin:8vh auto;background:#fff;border:1px solid #e4ebef;border-radius:20px;padding:32px;box-shadow:0 18px 70px #2b485219}.login-card .stack{margin-top:24px}.demo{border-top:1px solid #edf0f1;margin-top:24px;padding-top:15px}.demo p{font-size:.82rem;color:#71818d}.demo button{font-size:.78rem}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#143a42;color:#fff;padding:12px 18px;border-radius:10px;box-shadow:0 12px 34px #132d3950;z-index:20;max-width:min(90vw,620px)}.toast.error{background:#9e393b}.overlay{position:fixed;inset:0;background:#162b38a0;z-index:10;display:flex;justify-content:flex-end}.drawer{height:100%;width:min(660px,100%);background:#fff;overflow:auto;padding:22px 26px 50px;box-shadow:-12px 0 40px #172c3960}.drawer-head{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid #edf0f2;padding-bottom:12px;margin-bottom:20px}.drawer-head h2{margin:0}.icon-button{border:0;font-size:1.7rem;padding:0 8px}.detail-block{border-bottom:1px solid #edf0f2;padding:12px 0}.detail-block h3{font-size:.95rem;margin:0 0 10px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field{font-size:.87rem}.field small{display:block;color:#82919a}.field strong{display:block;font-weight:600;white-space:pre-wrap}.photo{max-width:100%;max-height:280px;border-radius:9px;object-fit:contain;background:#f1f4f5}.timeline{padding-left:20px;margin:0}.timeline li{margin-bottom:12px}.timeline small{display:block;color:#81909a}.action-form{display:grid;gap:10px;margin-top:12px}.action-form .row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.notice{font-size:.82rem;color:#6d7f89}.pill-note{font-size:.75rem;border-radius:14px;background:#f2f5f6;padding:3px 9px}@media(max-width:860px){.layout{grid-template-columns:1fr}.topbar{padding:0 18px}main{padding:20px 14px 50px}.side-column{grid-row:auto}.heading h1{font-size:1.55rem}.drawer{padding:20px 17px 40px}}@media(max-width:520px){.grid-form,.detail-grid,.action-form .row{grid-template-columns:1fr}.grid-form .full{grid-column:auto}.heading{align-items:start}.heading button{font-size:.8rem}.panel{padding:16px}.brand small{display:none}}
