html,body{margin:0;padding:0;background:#eceae5}*{box-sizing:border-box}body{font-family:Noto Sans TC,system-ui,sans-serif;color:#1b1f24}a{color:var(--brand-primary, #0f5c4e)}a:hover{color:#127864}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#cfccc4;border-radius:8px}button{font-family:inherit;color:inherit}.mono{font-family:IBM Plex Mono,monospace}.app{display:flex;height:100vh;min-height:720px;background:#eceae5;overflow:hidden}.sidebar{width:236px;flex:none;background:var(--brand-sidebar, #14211e);color:#d9ded9;display:flex;flex-direction:column;padding:20px 14px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;font-size:13.5px;cursor:pointer;color:#9daba5;background:transparent;border:none;width:100%;text-align:left;font-family:inherit}.nav-item:hover,.nav-item.active{background:#1e2f2b;color:#fff}.nav-mark{font-size:15px;width:18px;text-align:center;font-family:IBM Plex Mono,monospace}.nav-badge{font-size:11px;font-family:IBM Plex Mono,monospace;background:#2b3b36;color:#a9d6c9;padding:1px 6px;border-radius:20px}.main{flex:1;display:flex;flex-direction:column;overflow:hidden}.topbar{height:60px;flex:none;background:#fff;border-bottom:1px solid #ddd9d1;display:flex;align-items:center;gap:16px;padding:0 24px}.topbar-search{display:flex;align-items:center;gap:8px;background:#f3f1ec;border:1px solid #e2ded6;border-radius:8px;padding:7px 12px;width:260px}.topbar-search input{border:none;background:transparent;outline:none;font-family:inherit;font-size:12.5px;width:100%;color:#1b1f24}.content{flex:1;overflow:auto;padding:22px 24px 40px}.card{background:#fff;border:1px solid #e3dfd7;border-radius:12px;padding:20px}.card-flush{padding:0;overflow:hidden}.card-title{font-size:13.5px;font-weight:700}.card-hover:hover{border-color:#c9c3b7}.stack{display:flex;flex-direction:column}.muted{color:#8a8880}.btn{border-radius:8px;font-size:12.5px;padding:8px 14px;cursor:pointer;font-family:inherit;border:1px solid transparent;white-space:nowrap}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--brand-primary, #0f5c4e);color:#fff;padding:8px 16px}.btn-primary:hover:not(:disabled){background:var(--brand-primary-dark, #0b4a3f)}.btn-ghost{border:1px solid #d7d2c8;background:#fff;color:#1b1f24}.btn-ghost:hover:not(:disabled){background:#f5f3ee}.btn-lg{font-size:13px;padding:10px 20px}.btn-icon{border:1px solid #e2ded6;border-radius:6px;padding:3px 9px;cursor:pointer;background:#fff;color:#4c534f;font-size:12px;font-family:inherit}.btn-icon:hover{background:#f5f3ee}.link{color:var(--brand-primary, #0f5c4e);cursor:pointer;background:none;border:none;padding:0;font-family:inherit;font-size:inherit}.link:hover:not(:disabled){color:#127864}.link:disabled{opacity:.55;cursor:not-allowed}.chip{font-size:11.5px;padding:3px 10px;border-radius:20px;display:inline-block;white-space:nowrap}.filter-chip{font-size:12.5px;padding:6px 14px;border-radius:20px;cursor:pointer;background:#fff;color:#4c534f;border:1px solid #ddd9d1;font-family:inherit}.filter-chip:hover{border-color:#9dc4b7}.filter-chip.active{background:var(--brand-sidebar, #14211e);color:#fff;border-color:var(--brand-sidebar, #14211e)}.tab{font-size:13px;padding:8px 16px;border-radius:8px;cursor:pointer;border:1px solid #ddd9d1;background:#fff;color:#4c534f;font-family:inherit}.tab:hover:not(:disabled){border-color:#9dc4b7}.tab:disabled{opacity:.55;cursor:not-allowed}.tab.active{background:var(--brand-sidebar, #14211e);color:#fff;border-color:var(--brand-sidebar, #14211e)}.suggest-chip{font-size:12px;border:1px solid #d7d2c8;border-radius:20px;padding:4px 12px;cursor:pointer;background:#fff;font-family:inherit}.suggest-chip:hover:not(:disabled){background:#eef4f1;border-color:#9dc4b7}.table-scroll{overflow-x:auto;overscroll-behavior-x:contain}.table-head{padding:11px 18px;background:#f7f5f0;border-bottom:1px solid #e8e4dc;font-size:11.5px;color:#8a8880;letter-spacing:.04em}.table-row{border-bottom:1px solid #f0ede6;font-size:12.5px;align-items:center;cursor:pointer;background:none;border-left:none;border-right:none;border-top:none;width:100%;text-align:left;font-family:inherit;color:inherit}.row-hover:hover{background:#f9f8f4}.input,.textarea,.select{width:100%;font-family:inherit;font-size:13.5px;padding:9px 12px;border-radius:8px;outline:none;color:#1b1f24;border:1px solid #e2ded6;background:#fff}.input:focus,.textarea:focus,.select:focus{border-color:#9dc4b7}.textarea{line-height:1.7;padding:10px 12px;resize:none}.field-label{font-size:11.5px;color:#8a8880}.field-value{font-size:13.5px;margin-top:3px}.field-box{border-bottom:1px solid #f2efe8;padding-bottom:8px}.msg{border-radius:8px;padding:10px 14px;font-size:12.5px;line-height:1.6}.msg-ok{background:#eef4f1;border:1px solid #cfe2da;color:var(--brand-primary, #0f5c4e)}.msg-err{background:#fdeee9;border:1px solid #f0d5cc;color:#b4442a}.msg-warn{background:#fdf6e8;border:1px solid #ecd9a8;color:#8a6215}.state-box{padding:40px 20px;text-align:center;font-size:13px;color:#8a8880}.login-wrap{min-height:100vh;display:grid;place-items:center;background:#eceae5;padding:24px}.login-card{width:380px;background:#fff;border:1px solid #e3dfd7;border-radius:14px;padding:30px 32px 26px}.viewer{border-radius:10px;overflow:auto;background:#efece6;height:560px;display:flex}.viewer>*{margin:auto}.ocr-box{position:absolute;padding:0;border:1px solid rgba(15,92,78,.28);border-radius:2px;background:#0f5c4e0d;transition:background .1s ease,border-color .1s ease}.ocr-box:hover{border-color:var(--brand-primary, #0f5c4e);background:#0f5c4e38}.ocr-box:focus-visible{outline:2px solid var(--brand-primary, #0f5c4e);outline-offset:1px}.dropzone{border:1.5px dashed #cfc9bd;border-radius:10px;background:#faf9f6;height:560px;display:grid;place-items:center;text-align:center;padding:24px;cursor:pointer}.dropzone.over{border-color:var(--brand-primary, #0f5c4e);background:#eef4f1}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#14211e70;display:flex;align-items:center;justify-content:center;padding:24px}.modal{width:100%;max-width:560px;max-height:calc(100vh - 48px);background:#fff;border:1px solid #e3dfd7;border-radius:14px;display:flex;flex-direction:column;outline:none}.modal-head{flex:none;display:flex;align-items:center;gap:10px;padding:18px 20px 14px;border-bottom:1px solid #f2efe8}.modal-body{flex:1;overflow:auto;padding:18px 20px;display:flex;flex-direction:column;gap:16px}.modal-foot{flex:none;display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:14px 20px 18px;border-top:1px solid #f2efe8}.modal-close{border:none;background:none;cursor:pointer;color:#8a8880;font-size:16px;line-height:1;padding:4px 6px;border-radius:6px;font-family:inherit}.modal-close:hover:not(:disabled){background:#f5f3ee;color:#1b1f24}.modal-close:disabled{opacity:.4;cursor:not-allowed}.dropzone-sm{border:1.5px dashed #cfc9bd;border-radius:10px;background:#faf9f6;min-height:140px;display:grid;place-items:center;text-align:center;padding:20px;cursor:pointer}.dropzone-sm:hover{border-color:#9dc4b7}.dropzone-sm.over{border-color:var(--brand-primary, #0f5c4e);background:#eef4f1}.provider-option{display:flex;gap:10px;align-items:flex-start;width:100%;text-align:left;padding:10px 12px;border:1px solid #e2ded6;border-radius:10px;background:#fff;cursor:pointer;font-family:inherit;color:inherit}.provider-option:hover:not(:disabled){border-color:#9dc4b7}.provider-option.active{border-color:var(--brand-primary, #0f5c4e);background:#f7faf8}.provider-option:disabled{cursor:not-allowed;background:#faf9f6;color:#8a8880}.radio-dot{flex:none;width:14px;height:14px;margin-top:2px;border-radius:50%;border:1px solid #cfc9bd;display:grid;place-items:center}.provider-option.active .radio-dot{border-color:var(--brand-primary, #0f5c4e)}.provider-option.active .radio-dot:after{content:"";width:7px;height:7px;border-radius:50%;background:var(--brand-primary, #0f5c4e)}