*{box-sizing:border-box}body{margin:0;font-family:-apple-system,PingFang TC,Microsoft JhengHei,Noto Sans TC,sans-serif;background:#f5f6f8;color:#222}h1,h2,h3{margin:0 0 12px}.container{max-width:1100px;margin:0 auto;padding:20px}.topbar{background:#1e3a5f;color:#fff;padding:12px 20px;display:flex;justify-content:space-between;align-items:center}.topbar .title{font-weight:700;font-size:16px}.topbar button{background:transparent;border:1px solid #ffffff88;color:#fff}.card{background:#fff;border-radius:10px;padding:18px;margin-bottom:16px;box-shadow:0 1px 3px #00000014}button{background:#1e3a5f;color:#fff;border:none;border-radius:6px;padding:8px 14px;font-size:14px;cursor:pointer}button:hover{opacity:.88}button:disabled{background:#aaa;cursor:not-allowed}button.secondary{background:#fff;color:#1e3a5f;border:1px solid #1e3a5f}button.small{padding:4px 10px;font-size:12.5px}button.danger{background:#a33}input,select,textarea{border:1px solid #ccc;border-radius:6px;padding:8px 10px;font-size:14px;width:100%;font-family:inherit}label{font-size:12.5px;color:#555;display:block;margin-bottom:4px}table{width:100%;border-collapse:collapse;font-size:13.5px}th{text-align:left;background:#f0f2f5;padding:8px;border-bottom:2px solid #ddd;white-space:nowrap}td{padding:8px;border-bottom:1px solid #eee;vertical-align:top}tr.clickable:hover{background:#f6f9ff;cursor:pointer}.row{display:flex;gap:12px;flex-wrap:wrap}.row>*{flex:1;min-width:140px}.badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:12px;background:#e8eef5;color:#1e3a5f;white-space:nowrap}.badge.quoting{background:#fff3cd;color:#8a6d00}.badge.quoted{background:#e2e8f5;color:#1e3a5f}.badge.paid{background:#d4edda;color:#1e6b30}.badge.ordered,.badge.arrived{background:#d1e7f5;color:#10557a}.badge.received{background:#d4edda;color:#1e6b30}.badge.cancelled{background:#f8d7da;color:#842029}.doc-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:1000;overflow:auto;padding:24px}.doc-toolbar{max-width:820px;margin:0 auto 12px;display:flex;gap:8px;justify-content:flex-end}.doc-sheet{--accent: #1e3a5f;--accent-soft: #eef2f8;--ink: #1a1a1a;background:#fff;max-width:820px;margin:0 auto;padding:46px 52px;color:var(--ink);font-size:13px;line-height:1.5;box-shadow:0 8px 30px #0003}.doc-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.doc-cname{font-size:21px;font-weight:800;color:var(--accent);letter-spacing:.5px}.doc-cname-en{font-size:12px;color:#555;margin-top:2px}.doc-badge{font-size:12px;font-weight:700;letter-spacing:3px;color:var(--accent);border:1.5px solid var(--accent);border-radius:4px;padding:4px 10px;white-space:nowrap}.doc-contact{font-size:10.5px;color:#666;margin-top:6px}.doc-title{margin:18px 0 4px;font-size:22px;font-weight:800;letter-spacing:2px;color:var(--ink)}.doc-title span{font-size:14px;color:#888;letter-spacing:1px}.doc-prelim{display:inline-block;background:#fff8e1;color:#8a6d00;border-radius:4px;padding:2px 10px;font-size:11px;margin-bottom:6px}.doc-meta{display:flex;justify-content:space-between;gap:20px;margin:12px 0 4px;font-size:12px}.doc-meta>div>div{margin-bottom:3px}.doc-meta span{display:inline-block;min-width:96px;color:#888}.doc-table{width:100%;border-collapse:collapse;margin-top:12px}.doc-table th,.doc-table td{padding:8px 10px;font-size:12.5px;border-bottom:1px solid #e3e3e3}.doc-table thead th{background:var(--accent-soft);color:var(--accent);text-align:left;border-bottom:2px solid var(--accent);font-size:11.5px}.doc-table td.c,.doc-table th:nth-child(3){text-align:center}.doc-table td.r,.doc-table th:nth-child(4),.doc-table th:nth-child(5){text-align:right}.doc-table tr.doc-total td{border-top:2px solid var(--accent);border-bottom:none;font-weight:800;font-size:14px;color:var(--accent);padding-top:10px}.doc-terms{margin-top:16px;font-size:11.5px}.doc-terms ol{margin:6px 0 0 18px;padding:0}.doc-terms li{margin-bottom:3px}.doc-remark{font-size:12px;margin-top:10px}.doc-note{margin-top:14px;font-size:12.5px}.doc-foot{margin-top:22px;padding-top:10px;border-top:1px dashed #ccc;font-size:10.5px;color:#999}.doc-modern{--accent: #0f766e;--accent-soft: #e6f4f2}.doc-modern .doc-head{border-bottom:4px solid var(--accent);padding-bottom:10px}.doc-modern .doc-title{background:var(--accent);color:#fff;padding:8px 14px;border-radius:6px}.doc-modern .doc-title span{color:#cfeae6}.doc-minimal{--accent: #222;--accent-soft: #f5f5f5}.doc-minimal .doc-cname{letter-spacing:2px}.doc-minimal .doc-badge{border-color:#999;color:#444}.doc-minimal .doc-title{border-bottom:1px solid #222;padding-bottom:6px}@media print{body *{visibility:hidden}.doc-overlay,.doc-overlay *{visibility:visible}.doc-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;padding:0;overflow:visible}.doc-sheet{box-shadow:none;max-width:100%;padding:8px 12px}.no-print{display:none!important}}.tabs{display:flex;gap:6px;margin-bottom:16px;flex-wrap:wrap}.tabs button{background:#fff;color:#444;border:1px solid #ddd}.tabs button.active{background:#1e3a5f;color:#fff;border-color:#1e3a5f}.error{color:#a33;font-size:13.5px;margin:8px 0}.hint{color:#777;font-size:12.5px}.total{font-size:18px;font-weight:700;color:#1e3a5f}.notice{background:#fff8e1;border:1px solid #f0d47a;color:#8a6d00;border-radius:8px;padding:10px 14px;font-size:13px;margin:10px 0}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-box{width:360px}