:root{--ink:#211d1b;--muted:#796f69;--line:#e7ded7;--paper:#fffdfa;--cream:#f5efe9;--accent:#191614;--pink:#d9b8ad}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Noto Sans TC",sans-serif}.login-card{width:min(430px,calc(100% - 32px));margin:10vh auto;background:var(--paper);padding:44px;border:1px solid var(--line);box-shadow:0 20px 60px #6d54421c}.brand{font-family:Georgia,serif;font-size:58px;font-style:italic;line-height:1}.brand.small{font-size:38px}.eyebrow{margin:10px 0 5px;color:#a18479;font-size:11px;letter-spacing:.18em}.login-card h1{font-family:Georgia,"Noto Serif TC",serif;font-weight:500;margin:6px 0 28px}label{display:grid;gap:7px;color:var(--muted);font-size:13px}input,select,textarea{width:100%;border:1px solid #d9cec6;background:white;padding:12px 13px;border-radius:2px;font:inherit;color:var(--ink)}button{border:1px solid var(--accent);background:var(--accent);color:white;padding:11px 18px;font:inherit;cursor:pointer}.login-card button{width:100%;margin-top:8px}.ghost{background:transparent;color:var(--ink);border-color:#bcaea5}.error{min-height:20px;color:#ad433b;font-size:13px}main{max-width:1500px;margin:auto;padding:28px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}header>div{display:flex;align-items:center;gap:20px}header h1{font-family:Georgia,"Noto Serif TC",serif;font-weight:500;margin:0}.toolbar{display:flex;align-items:end;gap:12px;flex-wrap:wrap;background:var(--paper);border:1px solid var(--line);padding:18px;margin-bottom:16px}.toolbar label{min-width:150px}.summary{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:16px}.summary article{background:var(--paper);border:1px solid var(--line);padding:20px}.summary span{display:block;color:var(--muted);font-size:12px;margin-bottom:8px}.summary strong{font-family:Georgia,"Noto Serif TC",serif;font-size:24px}.panel{background:var(--paper);border:1px solid var(--line);padding:22px;margin-bottom:16px}.panel-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:16px}.panel-title h2{font-family:Georgia,"Noto Serif TC",serif;font-weight:500;margin:0}.panel-title>span{color:var(--muted);font-size:13px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{text-align:left;padding:13px 10px;border-bottom:1px solid #eee6e0;font-size:13px}th{color:var(--muted);font-weight:500;font-size:11px;letter-spacing:.06em}.num{text-align:right}.product-cell{display:flex;align-items:center;gap:10px}.product-cell img{width:42px;height:52px;object-fit:cover;background:#eee}.row-actions{display:flex;gap:6px}.row-actions button{padding:6px 9px;font-size:12px}.danger{background:transparent;color:#a33f39;border-color:#d8aaa6}.empty{text-align:center;padding:45px;color:var(--muted)}dialog{width:min(650px,calc(100% - 24px));border:0;padding:0;box-shadow:0 25px 80px #2a211d55}dialog::backdrop{background:#2e272288}dialog form{padding:28px}.dialog-title{display:flex;justify-content:space-between;align-items:center}.dialog-title h2{font-family:Georgia,"Noto Serif TC",serif;font-weight:500}.icon{background:transparent;color:var(--ink);border:0;font-size:26px;padding:5px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.wide{grid-column:1/-1}.actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}#toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:#211d1b;color:white;padding:11px 18px;opacity:0;pointer-events:none;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:900px){.summary{grid-template-columns:repeat(2,1fr)}main{padding:16px}.panel{padding:14px}}@media(max-width:560px){.login-card{padding:28px}.summary{grid-template-columns:1fr 1fr}.summary article:last-child{grid-column:1/-1}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.toolbar>*{flex:1 1 140px}header h1{font-size:22px}}

th,td{vertical-align:top}.product-cell span,.product-cell small,td small{display:block}.product-cell small,td small{color:var(--muted);margin-top:4px}.wrap{white-space:normal;min-width:120px;max-width:210px}.sold-out{color:#a33f39;font-weight:700}
.category-tabs{display:flex;gap:8px;margin:0 0 16px}.category-tabs button{min-width:100px;background:var(--paper);color:var(--ink);border-color:var(--line)}.category-tabs button.active{background:var(--ink);color:white;border-color:var(--ink)}.panel-actions{display:flex;align-items:center;gap:12px}.panel-actions span{color:var(--muted);font-size:13px}.paid-badge{display:inline-block;padding:5px 9px;background:#e4eee5;color:#35613b}.unpaid-badge{display:inline-block;padding:5px 9px;background:#f5e3df;color:#974b43}@media(max-width:560px){.category-tabs{display:grid;grid-template-columns:1fr 1fr}.category-tabs button{min-width:0}.panel-title{align-items:flex-start}.panel-actions{flex-direction:column;align-items:flex-end}}
.category-divider td{padding:15px 14px;border-bottom:2px solid var(--line);background:#eee5dd;color:var(--ink);font-size:18px}.category-divider td strong{font-family:Georgia,"Noto Serif TC",serif}.category-divider td span{display:inline-block;margin-left:12px;color:var(--muted);font-size:12px;font-weight:400}.category-divider.category-men td{background:#e8ecef}.category-divider.category-women td{background:#f3e5e4}.category-divider.category-accessories td{background:#eee8dc}.summary{grid-template-columns:repeat(6,1fr)}.profit-positive{color:#28713d!important}.profit-negative{color:#b23d35!important}.result-card{border-width:2px!important}@media(max-width:1100px){.summary{grid-template-columns:repeat(3,1fr)}}@media(max-width:560px){.summary{grid-template-columns:1fr 1fr}}
.ordered-badge{display:inline-block;padding:5px 9px;background:#e1e9f3;color:#315c87}.pending-badge{display:inline-block;padding:5px 9px;background:#eeeae5;color:#75695f}
.preorder-items-field{display:grid;gap:9px}.field-label{color:var(--muted);font-size:13px}.preorder-item-row{display:grid;grid-template-columns:minmax(220px,2fr) minmax(100px,1fr) minmax(90px,1fr) 80px auto;gap:8px;align-items:end;padding:12px;background:var(--cream);border:1px solid var(--line)}.preorder-item-row button{padding:11px 12px}.preorder-lines{display:grid;gap:5px;white-space:normal;min-width:260px}.preorder-lines span{display:block}.preorder-lines small{display:inline;color:var(--muted)}@media(max-width:650px){.preorder-item-row{grid-template-columns:1fr 1fr}.preorder-item-row label:first-child{grid-column:1/-1}}
.order-summary-panel{border:2px solid #cdbdb1}.panel-help{margin:-5px 0 16px;color:var(--muted);font-size:13px}.size-totals{display:flex;gap:8px;flex-wrap:wrap}.size-totals span{padding:6px 10px;background:var(--cream);border:1px solid var(--line)}.purchase-qty{font-size:17px;white-space:nowrap}.order-summary-panel .panel-actions strong{font-size:18px}
.preorder-money-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 16px}.preorder-money-summary article{padding:15px;background:var(--cream);border:1px solid var(--line)}.preorder-money-summary span{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}.preorder-money-summary strong{font-size:20px}@media(max-width:650px){.preorder-money-summary{grid-template-columns:1fr}}
.shipped-panel{max-width:1500px;margin:0 auto 28px}.shipped-panel .panel-title>span{color:var(--muted)}
.shipped-action{background:#496a54;border-color:#496a54}
.summary{grid-template-columns:repeat(8,1fr)}@media(max-width:1100px){.summary{grid-template-columns:repeat(3,1fr)}}@media(max-width:560px){.summary{grid-template-columns:1fr 1fr}}