:root{--red:#d9253a;--ink:#1c2733;--muted:#657180;--line:#dce2e8;--soft:#f5f7f9;--green:#157a55;--amber:#b36b00}*{box-sizing:border-box}body{margin:0;font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;color:var(--ink);background:#eef1f4}.topbar{min-height:68px;background:#111820;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:12px max(20px,calc((100% - 1120px)/2));gap:20px}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:18px}.brand b{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--red);font-size:21px}.topbar nav{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.topbar nav a{color:#fff;text-decoration:none;border-bottom:2px solid transparent}.topbar nav a:hover{border-color:var(--red)}.container{max-width:1120px;margin:auto;padding:28px 20px 60px}.page-title{display:flex;justify-content:space-between;align-items:center;gap:16px}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;margin:16px 0;box-shadow:0 5px 18px #1722300b}.login-card{max-width:520px;margin:30px auto}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.full{grid-column:1/-1}label{display:grid;gap:7px;font-weight:700}input,select,textarea{width:100%;border:1px solid #b9c3cd;border-radius:8px;padding:11px 12px;font:inherit;background:#fff}button,.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px;padding:11px 17px;font:inherit;font-weight:800;text-decoration:none;cursor:pointer;background:var(--red);color:#fff}.secondary{background:#fff;color:var(--ink);border:1px solid #9aa6b2}.error,.flash,.notice{padding:13px 15px;border-radius:8px;margin:12px 0}.error{background:#fff0f1;color:#a30018}.flash{background:#e9f8f1;color:#075c3b}.notice{background:#fff8e5;color:#805100}.status{display:inline-block;border-radius:999px;padding:5px 10px;font-size:14px;font-weight:800;background:#e8edf2}.status-received{background:#e8f0ff;color:#2456a6}.status-preparing,.status-preparing_shortage,.status-preparing_scheduled{background:#fff2cf;color:#8d5900}.status-shipped{background:#e7f5ff;color:#00658f}.status-completed{background:#e6f7ee;color:#097247}.status-cancelled{background:#eee;color:#606060}.orders{width:100%;border-collapse:collapse}.orders th,.orders td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.order-card{display:grid;grid-template-columns:1fr auto;gap:12px}.muted,small{color:var(--muted)}.items{display:grid;gap:12px}.item-row{display:grid;grid-template-columns:1fr 1fr 1.6fr 90px auto;gap:10px;align-items:end;padding:14px;background:var(--soft);border-radius:10px}.item-row button{background:#606a74}.timeline{display:grid;gap:10px}.timeline>div{border-left:4px solid var(--red);padding:8px 12px;background:var(--soft)}footer{text-align:center;padding:24px;color:var(--muted)}@media(max-width:720px){.topbar{align-items:flex-start;flex-direction:column}.topbar nav{width:100%}.form-grid{grid-template-columns:1fr}.item-row{grid-template-columns:1fr 1fr}.item-row label:nth-child(3){grid-column:1/-1}.orders thead{display:none}.orders,.orders tbody,.orders tr,.orders td{display:block}.orders tr{background:#fff;margin:12px 0;padding:12px;border-radius:10px}.orders td{border:0;padding:5px}.order-card{grid-template-columns:1fr}}