:root{--navy:#092a59;--blue:#0867e8;--blue2:#1477f5;--ink:#16243a;--muted:#697890;--line:#dbe5f2;--bg:#f4f8fd;--card:#fff;--green:#168a54;--orange:#b56d00;--shadow:0 7px 24px rgba(20,52,98,.07)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC",sans-serif}button,input,select,textarea{font:inherit}.app{display:grid;grid-template-columns:225px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#0a2c5c,#071f42);padding:25px 14px;color:#d9e8ff}.brand{font-size:21px;font-weight:850;color:#fff;padding:0 10px 25px;display:flex;align-items:center;gap:10px}.brand span{display:grid;place-items:center;width:31px;height:31px;border:2px solid #fff;border-radius:8px}.sidebar a{display:block;padding:12px 14px;border-radius:9px;margin:3px 0}.sidebar a.active{background:linear-gradient(90deg,#0e67e8,#2b80ef);color:#fff;font-weight:800}.nav-caption{font-size:11px;opacity:.55;letter-spacing:.13em;padding:17px 12px 7px}.topbar{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid var(--line);padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:25px}.topbar h1{font-size:25px;margin:0}.topbar p{margin:2px 0 0;color:var(--muted)}.flow{display:flex;align-items:center;gap:10px;color:#75839a}.flow b{background:#e8f2ff;color:#0757c7;padding:8px 12px;border-radius:20px}.flow i{font-style:normal}.content{padding:18px 20px 35px;max-width:1520px;margin:auto}.notice{border:1px solid #bdd6f5;background:#edf6ff;color:#174d85;padding:12px 15px;border-radius:10px;margin-bottom:15px}.card{background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);padding:19px;margin-bottom:16px}.section-title{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:17px}.section-title h2{font-size:21px;margin:0;color:#074b9f}.section-title p{margin:3px 0 0;color:var(--muted)}.button-row{display:flex;gap:8px;align-items:center}.btn{border:1px solid #c7d6ea;background:#fff;color:#0b4d9f;font-weight:750;border-radius:8px;padding:9px 14px;cursor:pointer}.btn.primary{background:linear-gradient(#1377f3,#075bd7);border-color:#075bd7;color:#fff}.btn.danger{color:#c33747}.btn:hover{filter:brightness(.98)}.filters{display:grid;grid-template-columns:1.5fr repeat(3,minmax(130px,.7fr)) auto;gap:12px;align-items:end;background:#f7faff;border:1px solid var(--line);border-radius:10px;padding:13px;margin-bottom:14px}.filters label,.field{display:grid;gap:6px}.filters span,.field>span{font-weight:750}.filters input,.filters select,.field input,.field select,.field textarea,#vendorSearch{width:100%;border:1px solid #c8d6e8;border-radius:7px;background:#fff;min-height:41px;padding:9px 11px;color:var(--ink);outline:0}.field textarea{min-height:90px;resize:vertical}.filters input:focus,.filters select:focus,.field input:focus,.field select:focus,.field textarea:focus,#vendorSearch:focus{border-color:#69a3ef;box-shadow:0 0 0 3px rgba(8,103,232,.1)}input[readonly]{background:#f0f4f9!important;color:#63748d}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:10px}table{width:100%;border-collapse:collapse;min-width:1000px}th{background:#eef4fb;color:#334761;font-size:13px;text-align:left;white-space:nowrap}th,td{padding:11px 10px;border-bottom:1px solid var(--line)}tr:last-child td{border-bottom:0}.status{display:inline-flex;padding:4px 9px;border-radius:18px;background:#e2f6eb;color:var(--green);font-weight:750}.status.off{background:#f4e7ea;color:#a43b4a}.star{color:#f1a800;font-size:18px}.row-actions{display:flex;gap:5px}.icon-btn{border:1px solid #cad8e9;background:#fff;color:#0758bd;border-radius:7px;padding:6px 9px;cursor:pointer}.tabs{display:flex;border-bottom:1px solid var(--line);margin:0 -19px 20px;padding:0 19px;gap:3px}.tabs button{border:0;background:#eef3f9;color:#526781;padding:11px 22px;border-radius:9px 9px 0 0;font-weight:750;cursor:pointer}.tabs button.active{background:#fff;color:#0863dc;border-bottom:3px solid #0870ed}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px 28px}.field.wide{grid-column:1/-1}.help{display:inline-grid;width:19px;height:19px;place-items:center;border:1px solid #7da8df;background:#fff;color:#0864d9;border-radius:50%;font-size:12px;font-weight:900;cursor:pointer;padding:0;vertical-align:1px}.choice-row{display:flex;gap:9px;flex-wrap:wrap}.choice-row label,.check-grid label{display:flex;align-items:center;gap:7px;border:1px solid #c9d7e8;background:#fff;border-radius:8px;padding:9px 12px;cursor:pointer}.choice-row label:has(input:checked),.check-grid label:has(input:checked){border-color:#4a91eb;background:#edf5ff;color:#0757c7;font-weight:750}.choice-row input,.check-grid input{accent-color:var(--blue)}.choice-row.vertical{display:grid}.inline{display:flex;align-items:center;gap:8px}.inline span{white-space:nowrap}.calculator{display:grid;grid-template-columns:1fr 220px 300px;gap:20px;align-items:center;margin-top:20px;background:linear-gradient(115deg,#eef7ff,#f8fbff);border:1px solid #bfd8f6;border-radius:12px;padding:17px}.calculator h3{margin:0 0 3px;color:#0752b3}.calculator p{margin:0;color:var(--muted)}.calculator label{display:grid;gap:6px;font-weight:750}.calculator input{border:1px solid #c4d5e9;border-radius:7px;padding:9px}.calc-result{border-left:3px solid #1689ed;padding-left:15px}.calc-result small,.calc-result span{display:block;color:var(--muted)}.calc-result strong{display:block;font-size:22px;color:#084f9f;margin:3px 0}.special-note,.rule-box{margin-top:17px;border:1px solid #efce89;background:#fff8e8;color:#6d4c10;border-radius:9px;padding:12px 14px}.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.subcard{border:1px solid var(--line);border-radius:11px;padding:17px;background:#fbfdff}.subcard h3{margin:0 0 4px;color:#174878}.subcard p{color:var(--muted);margin:4px 0 14px}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.toggle-row{display:flex;align-items:center;gap:8px;font-weight:750}.back-link{border:0;background:transparent;color:#075dcc;font-weight:750;padding:0;margin-bottom:4px;cursor:pointer}.draft-badge{background:#fff0cc;color:#966100;border-radius:20px;padding:7px 12px;font-weight:750}.integration-card{display:flex;align-items:center;justify-content:center;gap:22px}.integration-card>div{display:grid;grid-template-columns:36px auto;column-gap:9px;align-items:center}.integration-card small{grid-column:2;color:var(--muted)}.integration-card>i{font-size:22px;color:#8ba1bd;font-style:normal}.step-icon{grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;background:#e6f1ff;color:#075ccc;border-radius:50%;font-weight:850}.modal-backdrop{position:fixed;inset:0;background:rgba(5,22,48,.48);z-index:30;display:grid;place-items:center;padding:20px}.modal{background:#fff;width:min(540px,100%);border-radius:13px;padding:22px;box-shadow:0 25px 65px rgba(0,0,0,.25)}.modal h3{margin:0 0 12px;color:#0a4e9f}.modal p{font-size:15px;color:#40546f}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.toast{position:fixed;right:24px;bottom:24px;background:#10375f;color:#fff;border-radius:9px;padding:12px 17px;box-shadow:0 10px 30px #0003;z-index:50}.hidden{display:none!important}
@media(max-width:1050px){.flow{display:none}.filters{grid-template-columns:1fr 1fr}.form-grid,.split-grid{grid-template-columns:1fr}.field.wide{grid-column:auto}.calculator{grid-template-columns:1fr}.calc-result{border-left:0;border-top:3px solid #1689ed;padding:12px 0 0}.integration-card{align-items:stretch}.integration-card>i{align-self:center}}
@media(max-width:740px){.app{display:block}.sidebar{display:none}.topbar{padding:13px 15px}.topbar h1{font-size:21px}.content{padding:12px}.section-title{display:block}.button-row{margin-top:12px}.filters{grid-template-columns:1fr}.tabs{overflow:auto}.tabs button{white-space:nowrap}.choice-row{display:grid}.integration-card{display:grid}.integration-card>i{transform:rotate(90deg);text-align:center}}