:root{font-family:-apple-system,BlinkMacSystemFont,"Noto Sans TC",sans-serif;color:#162532;background:#f2f5f6;--navy:#15324a;--blue:#176b87;--mint:#64ccc5;--red:#b42318}*{box-sizing:border-box}body{margin:0;padding-bottom:env(safe-area-inset-bottom)}.hidden{display:none!important}.auth{min-height:100vh;display:grid;place-content:center;padding:24px;background:linear-gradient(160deg,var(--navy),#245e71)}.brand{text-align:center;color:white}.brand>div{font-size:3rem}.brand h1{margin:8px 0}.panel{background:#fff;border-radius:16px;padding:18px;box-shadow:0 3px 18px #15324a18}.auth .panel{width:min(380px,90vw);display:grid;gap:12px}header{height:70px;padding:10px max(16px,calc((100% - 1000px)/2));background:var(--navy);color:white;display:flex;justify-content:space-between;align-items:center}header h1{font-size:1.2rem;margin:0}header small{color:#cde1e5}nav{position:sticky;top:0;z-index:3;display:flex;overflow:auto;background:#fff;border-bottom:1px solid #dce3e6;padding:0 max(8px,calc((100% - 1000px)/2))}nav button{border:0;background:white;padding:14px;white-space:nowrap;color:#52616c}nav button.active{color:var(--blue);border-bottom:3px solid var(--blue);font-weight:800}main{max-width:1000px;margin:auto;padding:18px 14px 60px}h2{margin:0 0 15px;color:var(--navy)}h3{margin:0 0 12px}button,input,select{font:inherit;font-size:16px;min-height:50px;border-radius:10px}input,select{width:100%;border:2px solid #ccd7dc;padding:0 12px;background:white}button{border:0;padding:0 16px;font-weight:750}.primary{background:var(--blue);color:white}.secondary{background:#e4f1f2;color:var(--navy)}.danger{width:100%;min-height:58px;background:#d4463f;color:white;margin-top:14px}.ghost{background:#ffffff18;color:white;min-height:42px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.stats article{background:white;border-radius:14px;padding:16px;text-align:center}.stats strong,.stats span{display:block}.stats strong{font-size:1.8rem;color:var(--blue)}.scan{display:grid;grid-template-columns:1fr auto;gap:8px}.product-card{margin-top:12px;padding:14px;border-left:5px solid var(--mint);background:#edf9f7;border-radius:10px}.product-card strong,.product-card span{display:block}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid label{font-weight:700}.form-grid input,.form-grid select{margin-top:5px}.wide{grid-column:1/-1}.title-row,.count-head{display:flex;justify-content:space-between;align-items:center}.badge{padding:7px 10px;border-radius:99px;background:#fff1be;color:#6b4900}.line{background:white;border-radius:12px;padding:13px;margin:10px 0;display:grid;grid-template-columns:1fr auto;gap:8px}.line h3{font-size:1rem}.numbers{display:flex;gap:12px;color:#65747e}.adjust{display:flex;align-items:center;gap:9px}.adjust button{min-width:48px;padding:0;background:#e6eef1;font-size:1.3rem}.adjust strong{min-width:30px;text-align:center}.ok,.error{padding:12px;border-radius:10px;margin:10px 0;font-weight:700}.ok{background:#e7f7f0;color:#087443}.error{background:#fff0ee;color:var(--red)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{text-align:left;padding:10px;border-bottom:1px solid #e1e7ea}th{color:#5f707a}.admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.admin-grid form,.admin-grid>div{display:grid;gap:10px;align-content:start}#import-report{font-size:.9rem;white-space:pre-wrap}@media(max-width:700px){.stats{grid-template-columns:1fr 1fr}.stats article:last-child{grid-column:1/-1}.scan,.form-grid,.admin-grid{grid-template-columns:1fr}.wide{grid-column:auto}.line{grid-template-columns:1fr}.adjust{justify-content:flex-end}main{padding-bottom:90px}nav{position:fixed;bottom:0;top:auto;width:100%;padding-bottom:env(safe-area-inset-bottom);justify-content:space-around}nav button{font-size:.8rem;padding:12px 8px}header{padding-top:max(10px,env(safe-area-inset-top));height:auto;min-height:70px}}