:root{--bg: #f6f7f9;--panel: #ffffff;--line: #dfe3e8;--line-strong: #b9c0c9;--ink: #1c2530;--ink-soft: #5a6673;--accent: #0f5b8c;--accent-soft: #e8f1f7;--ok: #1a7f4b;--warn: #a06a00;--bad: #b3261e;--radius: 6px;--font: "Noto Sans TC", "Microsoft JhengHei", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--font);font-size:14px;color:var(--ink);background:var(--bg)}a{color:var(--accent)}.app{display:flex;min-height:100vh}.sidebar{width:208px;flex-shrink:0;background:#12212e;color:#cfd8e0;padding:18px 0}.sidebar h1{font-size:15px;margin:0 18px 4px;color:#fff;letter-spacing:.5px}.sidebar .sub{font-size:11px;margin:0 18px 20px;color:#7e909f}.sidebar nav a{display:block;padding:9px 18px;color:#cfd8e0;text-decoration:none;border-left:3px solid transparent}.sidebar nav a:hover{background:#1a2f42}.sidebar nav a.active{background:#1a2f42;color:#fff;border-left-color:#4da3d8}.sidebar .group{font-size:11px;color:#64798a;margin:18px 18px 6px;letter-spacing:1px}.sidebar .who{margin:24px 18px 0;font-size:11px;color:#64798a;border-top:1px solid #23384b;padding-top:12px;word-break:break-all}.main{flex:1;padding:22px 26px 60px;min-width:0}.page-head{display:flex;align-items:baseline;gap:14px;margin-bottom:16px;flex-wrap:wrap}.page-head h2{margin:0;font-size:20px}.page-head .hint{color:var(--ink-soft);font-size:12px}.page-head .spacer{flex:1}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;margin-bottom:16px}.panel>h3{margin:0 0 12px;font-size:14px;padding-bottom:8px;border-bottom:1px solid var(--line)}.grid{display:grid;gap:12px}.grid.c2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.c3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.c4{grid-template-columns:repeat(4,minmax(0,1fr))}label.field{display:block}label.field>span{display:block;font-size:12px;color:var(--ink-soft);margin-bottom:4px}input,select,textarea,button{font-family:inherit;font-size:14px}input,select,textarea{width:100%;padding:6px 8px;border:1px solid var(--line-strong);border-radius:4px;background:#fff;color:var(--ink)}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}input[readonly]{background:#f1f3f5;color:var(--ink-soft)}textarea{min-height:66px;resize:vertical}button{padding:6px 14px;border:1px solid var(--line-strong);border-radius:4px;background:#fff;cursor:pointer}button:hover{background:#f0f2f4}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover{background:#0d4d76}button.danger{color:var(--bad);border-color:#e0b4b1}button:disabled{opacity:.5;cursor:not-allowed}.btn-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}table.data{width:100%;border-collapse:collapse;font-size:13px}table.data th,table.data td{border:1px solid var(--line);padding:6px 8px;text-align:left;vertical-align:middle}table.data th{background:#eef1f4;font-weight:600;white-space:nowrap}table.data td.num,table.data th.num{text-align:right;font-variant-numeric:tabular-nums}table.data tbody tr:hover{background:#fafbfc}table.data tfoot td{background:#eef1f4;font-weight:600}table.data input,table.data select{padding:4px 6px}.table-wrap{overflow-x:auto}.tag{display:inline-block;padding:1px 8px;border-radius:10px;font-size:12px;background:#eceff2;color:var(--ink-soft);white-space:nowrap}.tag.ok{background:#e3f3ea;color:var(--ok)}.tag.warn{background:#fdf1dc;color:var(--warn)}.tag.bad{background:#fbe6e5;color:var(--bad)}.tag.info{background:var(--accent-soft);color:var(--accent)}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}.stat .label{font-size:12px;color:var(--ink-soft)}.stat .value{font-size:26px;font-variant-numeric:tabular-nums;margin-top:4px}.stat .unit{font-size:13px;color:var(--ink-soft);margin-left:4px}.alert{padding:10px 14px;border-radius:var(--radius);margin-bottom:14px;border:1px solid}.alert.error{background:#fbe6e5;border-color:#e6b3b0;color:#7d1c17}.alert.warn{background:#fdf1dc;border-color:#e6cfa0;color:#6b4700}.alert.ok{background:#e3f3ea;border-color:#b4dcc4;color:#14603a}.empty{padding:28px;text-align:center;color:var(--ink-soft)}.diff-add{background:#e3f3ea}.diff-del{background:#fbe6e5;text-decoration:line-through;color:var(--ink-soft)}.print-doc{background:#fff;width:210mm;min-height:297mm;margin:0 auto 20px;padding:14mm 15mm;border:1px solid var(--line);font-size:12px;color:#000}.print-doc h1{font-size:18px;text-align:center;margin:0 0 2px;letter-spacing:2px}.print-doc .org{text-align:center;font-size:13px;margin-bottom:2px}.print-doc .en{text-align:center;font-size:11px;color:#555;margin-bottom:14px}.print-doc h2{font-size:13px;margin:14px 0 6px;padding:4px 8px;background:#eceff2;border-left:3px solid #333}.print-doc table{width:100%;border-collapse:collapse;font-size:11.5px}.print-doc th,.print-doc td{border:1px solid #666;padding:4px 6px;vertical-align:top}.print-doc th{background:#f2f4f6;font-weight:600;text-align:left}.print-doc td.num{text-align:right;font-variant-numeric:tabular-nums}.print-doc .terms{font-size:11px;line-height:1.7}.print-doc .sign-row td{height:62px;text-align:center;vertical-align:top}.print-doc .foot-note{font-size:10.5px;color:#444;margin-top:8px}@media print{body{background:#fff}.sidebar,.page-head,.no-print{display:none!important}.main{padding:0}.print-doc{border:none;margin:0;width:auto;padding:0}.print-doc+.print-doc{page-break-before:always;break-before:page}@page{size:A4;margin:12mm}}