*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;font-family:Arial,"Microsoft JhengHei",sans-serif;background:#f4f6f8;color:#1f2937}.topbar{height:58px;background:#173b57;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 22px;position:relative;z-index:1002}.brand-wrap,.user-area{display:flex;align-items:center}.brand-wrap{gap:12px}.brand small{opacity:.78;margin-left:5px}.user-area{gap:18px}.topbar a{color:#fff;text-decoration:none}.menu-toggle{display:none;background:transparent;border:0;color:#fff;font-size:28px;line-height:1;padding:4px 8px;cursor:pointer}.main-nav{background:#fff;padding:0 22px;border-bottom:1px solid #ddd;display:flex;align-items:center;gap:6px;min-height:50px;position:relative;z-index:1001}.main-nav a{text-decoration:none;color:#173b57;font-weight:700;padding:15px 16px;border-bottom:3px solid transparent}.main-nav a:hover,.main-nav a.active{background:#f3f7fa;border-bottom-color:#1769aa;color:#1769aa}.nav-overlay{display:none}main{padding:22px;min-height:calc(100vh - 150px)}footer{text-align:center;padding:18px;color:#6b7280}.card{background:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 8px #0001;margin-bottom:18px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.kpi{font-size:30px;font-weight:700;color:#173b57}.btn{background:#1769aa;color:#fff;border:0;border-radius:6px;padding:10px 16px;cursor:pointer;text-decoration:none;display:inline-block}.btn.gray{background:#6b7280}.btn.green{background:#16803c}input,select{padding:10px;border:1px solid #cbd5e1;border-radius:6px;font-size:16px}label{font-weight:700;display:block;margin:10px 0 6px}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;background:#fff}th,td{border-bottom:1px solid #e5e7eb;padding:10px;white-space:nowrap;text-align:left}th{background:#edf2f7;position:sticky;top:0}.check{font-size:23px;color:#14833b;text-align:center}.msg{padding:12px;border-radius:6px;margin:10px 0}.ok{background:#dcfce7;color:#166534}.err{background:#fee2e2;color:#991b1b}.warn{background:#fef3c7;color:#92400e}.scanbox{font-size:26px;width:100%;max-width:620px;padding:16px}.result{font-size:20px;line-height:1.8}
@media(max-width:768px){.topbar{padding:0 12px}.menu-toggle{display:inline-flex;align-items:center;justify-content:center}.brand{font-size:15px}.brand small{display:none}.user-area{gap:10px;font-size:14px}.main-nav{position:fixed;top:58px;left:0;width:260px;max-width:82vw;height:calc(100vh - 58px);padding:10px 0;display:block;border:0;box-shadow:4px 0 16px #0003;transform:translateX(-105%);transition:transform .2s ease;z-index:1001;overflow-y:auto}.main-nav.open{transform:translateX(0)}.main-nav a{display:block;padding:15px 20px;border-bottom:1px solid #e5e7eb;border-left:4px solid transparent}.main-nav a:hover,.main-nav a.active{border-bottom-color:#e5e7eb;border-left-color:#1769aa}.nav-overlay:not([hidden]){display:block;position:fixed;inset:58px 0 0;background:#0006;z-index:1000}main{padding:12px}th,td{padding:8px;font-size:13px}}
.inline{display:inline}.btn.small{padding:6px 10px;font-size:13px}.btn.danger{background:#b42318}textarea{width:100%;min-height:90px;padding:10px;border:1px solid #cbd5e1;border-radius:6px;font-size:16px}select#recipient{min-width:320px;max-width:100%}