:root{--primary: #5146e5;--primary-hover: #453ad9;--text: #202a3d;--muted: #71809a;--soft-text: #91a0b9;--border: #dce4ef;--surface: #ffffff;--background: #f6f8fb}.app-body{min-height:100vh;overflow-x:hidden;color:var(--text);background:var(--background);font-size:14px}.app-body svg:not(.logo-mark):not(.line-chart svg){fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.topbar{position:fixed;z-index:20;inset:0 0 auto 0;display:flex;height:64px;align-items:center;border-bottom:1px solid #dfe5ee;background:#fff}.topbar-logo{display:flex;width:256px;height:100%;flex:0 0 256px;align-items:center;padding:0 18px;text-decoration:none}.logo-mark{width:64px;height:38px;margin-right:7px;overflow:visible}.logo-wave{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:6}.logo-blue{stroke:#70a3f1}.logo-purple{stroke:#5144d3}.logo-green{stroke:#4bc39e}.logo-word{color:#4379da;font-size:25px;font-weight:800;letter-spacing:-.045em;white-space:nowrap}.logo-word em{color:#45ba94;font-style:normal}.page-tabs{display:flex;align-items:center;gap:10px;height:100%;padding-left:22px}.page-tab{height:35px;padding:0 10px;border:1px solid #d4dbe7;border-radius:8px;color:#91a0b7;background:#fff;font-size:14px;cursor:pointer}.page-tab.active{border-color:#675cf2;color:#675cf2;background:#fbfaff}.page-tab span{margin-left:3px;font-size:18px;font-weight:300;line-height:1;vertical-align:-1px}.topbar-tools{display:flex;align-items:center;gap:20px;margin-left:auto;padding-right:28px;color:#95a5bd}.icon-button{display:grid;padding:0;border:0;place-items:center;color:inherit;background:transparent;cursor:pointer}.icon-button svg{width:22px;height:22px}.sidebar{position:fixed;z-index:15;inset:64px auto 0 0;display:flex;width:256px;flex-direction:column;border-right:1px solid #dfe5ee;background:#fff}.side-nav{padding:4px 16px 0}.nav-item{display:flex;width:100%;height:50px;align-items:center;gap:13px;padding:0;border:0;color:#253144;background:transparent;font-size:16px;text-align:left;text-decoration:none;cursor:pointer}.nav-item:hover,.nav-item.active{color:var(--primary)}.nav-item>svg:first-child{width:17px;height:17px;color:#344154}.nav-item.active>svg:first-child{color:var(--primary)}.nav-parent .nav-arrow{width:16px;height:16px;margin-left:auto;transition:transform .2s ease}.nav-parent.expanded .nav-arrow{transform:rotate(180deg)}.nav-children{display:grid;overflow:hidden;margin:-1px 0 6px}.nav-children.collapsed{display:none}.nav-children a{height:40px;padding-left:26px;color:#334054;font-size:16px;line-height:40px;text-decoration:none}.nav-children a:hover{color:var(--primary)}.user-card{display:flex;align-items:center;gap:12px;margin-top:auto;padding:16px 16px 17px}.avatar{display:grid;width:40px;height:40px;flex:0 0 40px;place-items:center;border-radius:50%;color:#fff;background:#645af3;font-size:17px;font-weight:700}.user-meta{display:grid;min-width:0;gap:2px;color:#303b58}.user-meta strong{overflow:hidden;font-size:14px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.user-meta span{color:#34438b;font-size:11px}.logout-button{margin-left:auto;color:#a4afb9}.app-main{min-height:100vh;margin-left:256px;padding:96px 32px 48px}.page-heading{display:flex;width:100%;min-height:64px;align-items:center;justify-content:space-between;padding:0 23px;border:1px solid var(--border);border-radius:9px;background:#fff}.heading-title{display:flex;align-items:center;gap:20px}.heading-title h1{margin:0;font-size:21px;font-weight:600;letter-spacing:-.02em}.heading-title>span{padding:6px 14px;border:1px solid #e2e3ff;border-radius:999px;color:#5146e5;background:#f4f3ff;font-size:12px}.primary-button,.outline-button,.dark-button,.soft-button,.filter-button{display:inline-flex;height:37px;align-items:center;justify-content:center;border-radius:8px;font-size:14px;font-weight:600;white-space:nowrap;cursor:pointer}.primary-button{padding:0 21px;border:1px solid var(--primary);color:#fff;background:var(--primary);box-shadow:0 5px 12px #5146e51f;text-decoration:none}.primary-button:hover{border-color:var(--primary-hover);background:var(--primary-hover)}.upload-button{gap:9px;min-width:136px}.upload-button svg{width:16px;height:16px}.summary-grid{display:grid;grid-template-columns:minmax(270px,382px) minmax(270px,382px) minmax(520px,1fr);gap:24px;margin-top:32px}.summary-card{min-height:158px;padding:23px;border:1px solid var(--border);border-radius:11px;background:#fff}.summary-label{display:flex;align-items:center;justify-content:space-between;color:#566681;font-size:14px}.summary-icon{display:grid;width:33px;height:33px;place-items:center;border-radius:9px;font-size:18px}.summary-icon svg{width:18px;height:18px}.summary-icon.purple{color:#554cf1;background:#e0e1ff}.summary-icon.amber{color:#f09a00;background:#fff1c5}.summary-value{display:block;margin-top:13px;color:#1e273a;font-size:29px;line-height:1.2;letter-spacing:.01em}.summary-card p{margin:13px 0 0;font-size:12px;font-weight:600}.trend-up{color:#2b61f5}.trend-warning{color:#ef8100}.chart-card{min-width:0;padding:23px 22px 12px}.chart-title{margin-bottom:1px;color:#566681;font-size:14px}.line-chart{position:relative;height:103px;color:#78879b}.line-chart>svg{width:100%;height:83px;overflow:visible;fill:none;stroke:none;stroke-width:0}.chart-grid path{fill:none;stroke:#dbe3f0;stroke-dasharray:3 3;stroke-width:1}.chart-y-labels{fill:#78879b;font-size:10px}.chart-area{fill:url(#chartFill);stroke:none}.chart-line{fill:none;stroke:#574af0;stroke-width:2.6}.chart-dots circle{fill:#fff;stroke:#574af0;stroke-width:2}.chart-x-labels{display:flex;justify-content:space-between;margin:-1px 11px 0 44px;color:#8b94a2;font-size:10px}.invoice-panel{overflow:hidden;margin-top:32px;border:1px solid var(--border);border-radius:11px;background:#fff}.filter-bar{display:flex;min-height:86px;align-items:center;gap:10px;padding:0 23px}.search-box,.select-box{position:relative;display:flex;height:37px;align-items:center;border-radius:8px;color:#8ea0b8;background:#f1f4f8}.search-box{width:320px;flex:0 1 320px;padding:0 13px}.search-box svg{width:15px;height:15px;flex:0 0 auto}.search-box input{width:100%;min-width:0;margin-left:9px;border:0;outline:0;color:#324056;background:transparent;font-size:13px}.search-box input::placeholder{color:#9caabd}.select-box{width:136px;flex:0 0 136px}.select-box.wide-select{width:136px;flex-basis:136px}.select-box select,.page-size select{width:100%;height:100%;padding:0 34px 0 18px;border:0;outline:0;color:#8795aa;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;font-size:13px}.select-box>svg,.page-size>svg{position:absolute;right:12px;width:14px;height:14px;pointer-events:none}.filter-button{min-width:68px;padding:0 18px;border:0;color:#273248;background:#e9edf3}.scan-button{display:grid;width:34px;height:37px;padding:0;border:0;place-items:center;color:#8aa0bf;background:transparent;cursor:pointer}.scan-button span{position:relative;width:18px;height:15px;border:2px solid currentColor}.scan-button span:before{position:absolute;top:3px;right:3px;bottom:3px;left:3px;border:1.5px solid currentColor;border-left-color:transparent;border-radius:50%;content:""}.filter-spacer{min-width:10px;flex:1}.dark-button,.soft-button{min-width:98px;padding:0 18px}.dark-button{border:1px solid #202b3e;color:#fff;background:#202b3e}.soft-button{border:0;color:#344158;background:#f0f3f7}.table-wrap{overflow-x:auto}.invoice-table{width:100%;min-width:1420px;border-collapse:collapse;table-layout:auto;font-size:13px}.invoice-table th{height:50px;padding:0 13px;color:#596b86;background:#f5f7fa;font-size:12px;font-weight:600;text-align:left;white-space:nowrap}.invoice-table td{height:70px;padding:0 13px;border-top:1px solid #e7ecf3;color:#233047;white-space:nowrap}.invoice-table .check-cell{width:55px;padding-left:23px}.invoice-table input[type=checkbox]{width:14px;height:14px;margin:0;accent-color:var(--primary);cursor:pointer}.invoice-summary{width:370px}.invoice-summary strong,.invoice-summary span{display:block}.invoice-summary strong{overflow:hidden;max-width:340px;margin-bottom:4px;font-size:14px;font-weight:600;text-overflow:ellipsis}.invoice-summary span{color:#62728b;font-size:11px}.mini-button{height:24px;padding:0 9px;border:0;border-radius:4px;color:#4c68e9;background:#edf0ff;font-size:12px;cursor:pointer}.muted-chip{display:inline-flex;height:24px;align-items:center;margin-left:5px;padding:0 8px;border-radius:4px;color:#a1a7b0;background:#f2f3f5;font-size:11px}.status-chip,.result-chip{display:inline-flex;height:22px;align-items:center;justify-content:center;border-radius:999px;font-size:11px;white-space:nowrap}.status-chip{min-width:57px;padding:0 10px}.status-chip.pending{color:#16785b;background:#cef5e5}.status-chip.used{color:#435069;background:#e5e9ef}button.status-chip-link,button.status-tag.status-chip-link{border:none;cursor:pointer;font-family:inherit;font-weight:inherit;transition:background .15s,color .15s;padding:0 10px}.status-chip.used.status-chip-link:hover,.status-tag.used.status-chip-link:hover{background:#c8d2e0;color:#1e3a5f;text-decoration:underline}.result-chip{height:22px;padding:0 8px;border:1px solid;border-radius:4px}.result-chip.match{border-color:#cde0ff;color:#205df0;background:#f0f6ff}.result-chip.mismatch{border-color:#ffcfd8;color:#ed335b;background:#fff0f3}.dot-indicator{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;white-space:nowrap}.dot-indicator i{display:block;width:8px;height:8px;border-radius:50%;font-style:normal}.dot-indicator.dot-match i{background:#22c55e}.dot-indicator.dot-match{color:#16785b}.dot-indicator.dot-mismatch i{background:#ed335b}.dot-indicator.dot-mismatch{color:#ed335b}.dot-indicator.dot-unmodified i{background:#3b82f6}.dot-indicator.dot-unmodified{color:#205df0}.dot-indicator.dot-modified i{background:#ed335b}.dot-indicator.dot-modified{color:#ed335b}.tiny-link{display:inline-block!important;width:15px;height:15px;margin-left:4px;color:#8fa0b8;vertical-align:-3px}.actions-cell{min-width:100px}.sticky-col-right{position:sticky;right:0;background:#fff;z-index:2;box-shadow:-2px 0 6px #141e300f}thead .sticky-col-right{background:#f3f5f9;z-index:3}.actions-cell a{color:#5146e5;text-decoration:none;cursor:pointer}.actions-cell button{display:inline-grid;margin-left:12px;padding:0;border:0;place-items:center;color:#8ba0bb;background:transparent;vertical-align:middle;cursor:pointer}.actions-cell svg{width:16px;height:16px}.table-footer{display:flex;min-height:80px;align-items:center;justify-content:space-between;padding:0 23px;border-top:1px solid #e7ecf3;color:#566681}.pagination{display:flex;align-items:center;gap:8px}.pagination>button,.page-size{position:relative;display:inline-flex;height:33px;align-items:center;justify-content:center;border:1px solid #dce4ef;border-radius:5px;color:#52627b;background:#fff;cursor:pointer}.pagination>button{min-width:33px}.pagination>button.current{border-color:#c4c9ff;color:var(--primary);background:#f1f2ff}.page-size{width:89px;margin-left:2px}.page-size select{color:#334159;font-size:12px}.page-size>svg{right:8px;width:12px;height:12px}.heading-actions{display:flex;align-items:center;gap:11px}.outline-button{min-width:60px;padding:0 14px;border:1px solid var(--border);color:#344158;background:#fff;font-weight:500;text-decoration:none}.add-main{padding-bottom:26px}.invoice-workspace{display:grid;grid-template-columns:minmax(440px,592px) minmax(520px,592px);justify-content:center;gap:26px;margin-top:32px}.upload-column{display:grid;min-width:0;grid-template-rows:263px 1fr;gap:24px}.invoice-dropzone{position:relative;display:flex;min-height:263px;align-items:center;justify-content:center;flex-direction:column;border:2px dashed #b9c8ff;border-radius:14px;color:#687a98;background:#f3f5ff;cursor:pointer;transition:border-color .2s ease,background .2s ease}.invoice-dropzone:hover,.invoice-dropzone.dragging{border-color:#7267f2;background:#eeefff}.invoice-dropzone input,.voucher-upload input{position:absolute;width:1px;height:1px;top:0;left:0;opacity:0;overflow:hidden}.upload-round{display:grid;width:64px;height:64px;margin-bottom:18px;place-items:center;border-radius:50%;color:#5146e5;background:#fff}.upload-round svg{width:27px;height:27px}.invoice-dropzone strong{margin-bottom:9px;color:#233047;font-size:17px}.invoice-dropzone>span:not(.upload-round){font-size:14px}.invoice-dropzone small{margin-top:7px;font-size:13px}.invoice-preview{display:grid;min-height:576px;place-items:center;overflow:hidden;border:1px solid var(--border);border-radius:14px;background:#fff}.empty-preview{display:grid;justify-items:center;gap:16px;color:#92a3bc;font-size:16px}.empty-preview svg{width:62px;height:62px;color:#c9d3e1;stroke-width:1.5!important}.file-preview-card{display:grid;width:calc(100% - 48px);min-height:320px;padding:48px;place-items:center;border:1px solid #e2e7ee;border-radius:8px;color:#5d6d85;background:linear-gradient(#fff,#fff) padding-box,repeating-linear-gradient(0deg,#f5f7fa 0 1px,transparent 1px 28px);box-shadow:0 12px 35px #2d394e14;text-align:center}.file-preview-card svg{width:72px;height:72px;margin-bottom:18px;color:#7b72ec}.file-preview-card strong{display:block;max-width:390px;overflow:hidden;color:#273248;font-size:16px;text-overflow:ellipsis;white-space:nowrap}.file-preview-card span{margin-top:7px;font-size:12px}.ocr-panel{min-width:0;min-height:861px;overflow:hidden;border:1px solid var(--border);border-radius:14px;background:#fff}.ocr-header{display:flex;height:73px;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid #e8edf3}.ocr-header h2{margin:0;font-size:17px;font-weight:600}.ocr-header>span{display:inline-flex;min-width:95px;height:26px;align-items:center;justify-content:center;padding:0 10px;border:1px solid #dde3ff;border-radius:5px;color:#5549e7;background:#f2f3ff;font-size:11px}.ocr-header b{margin-left:3px}.ocr-form{padding:32px 30px 28px}.form-grid{display:grid;gap:23px 26px}.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.three-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:23px}.field{display:grid;min-width:0;gap:10px}.field>span:first-child,.voucher-field>span:first-child{color:#52637e;font-size:12px;font-weight:600}.field i{margin-left:3px;color:#ed5d66;font-style:normal}.field>input,.field>select,.field-control,.field textarea{width:100%;border:1px solid #d8e1ed;border-radius:8px;outline:0;color:#273248;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.field>input,.field>select{height:44px;padding:0 15px;font-size:14px}.field>select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2393a5bd' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px;cursor:pointer}.field>select:focus{border-color:#756bf0;box-shadow:0 0 0 3px #5146e514}.field>input:focus,.field-control:focus-within,.field textarea:focus{border-color:#756bf0;box-shadow:0 0 0 3px #5146e514}.field input::placeholder,.field textarea::placeholder{color:#9babbe}.field-control{position:relative;display:flex;height:44px;align-items:center}.field-control select{width:100%;height:100%;padding:0 40px 0 15px;border:0;outline:0;color:#9babbe;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;font-size:14px}.field-control>svg{position:absolute;right:13px;width:15px;height:15px;color:#93a5bd;pointer-events:none}.date-control input,.money-control input{width:100%;min-width:0;height:100%;border:0;outline:0;color:#273248;background:transparent;font-size:14px}.date-control input{padding:0 40px 0 15px}.money-control b{padding-left:12px;color:#8ea0b8;font-weight:400}.money-control input{padding:0 12px 0 6px}.note-field{margin-top:23px}.field textarea{height:63px;padding:11px 15px;resize:vertical;font-size:14px}.voucher-field{display:grid;justify-items:start;margin-top:28px;gap:13px}.voucher-upload{display:grid;width:82px;height:80px;place-items:center;border:2px dashed #cbd7e7;border-radius:8px;color:#8da0ba;background:#fbfcfe;cursor:pointer}.voucher-upload svg{width:30px;height:30px}.voucher-field small{color:#60718d;font-size:11px}.app-toast{position:fixed;z-index:9999;top:20px;left:50%;transform:translate(-50%) translateY(-8px);display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:8px;background:#fff;box-shadow:0 6px 16px #0000001f,0 3px 6px #00000014,0 0 0 1px #0000000d;font-size:14px;color:#000000e0;white-space:nowrap;max-width:calc(100vw - 48px);white-space:normal;word-break:break-word;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.app-toast.show{opacity:1;transform:translate(-50%) translateY(0)}.app-toast-icon{flex-shrink:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.app-toast-icon svg{width:16px;height:16px}.app-toast.toast-error .app-toast-icon svg{color:#ff4d4f}.app-toast.toast-success .app-toast-icon svg{color:#52c41a}.app-toast.toast-warning .app-toast-icon svg{color:#faad14}.app-toast.toast-info .app-toast-icon svg{color:#1677ff}.mobile-upload-actions{display:none;gap:10px;margin-top:10px}.mobile-camera-btn,.mobile-file-btn{display:flex;flex:1;align-items:center;justify-content:center;gap:8px;height:48px;border:1.5px solid #e0e5ef;border-radius:12px;background:#fff;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:border-color .2s,background .2s}.mobile-camera-btn:active,.mobile-file-btn:active{background:#f0f4ff;border-color:#a5b4fc}.mobile-camera-btn svg,.mobile-file-btn svg{width:20px;height:20px;color:#5146e5}.mobile-menu-btn{display:none;width:40px;height:40px;align-items:center;justify-content:center;padding:0;border:0;background:transparent;color:#374151;cursor:pointer;margin-left:12px;flex-shrink:0}.mobile-menu-btn svg{width:22px;height:22px}.mobile-overlay{display:none}.admin-link-btn{font-size:12px;color:#5146e5;font-weight:600;width:auto;padding:0 10px;height:30px;border:1px solid #5146e5;border-radius:6px}@media(max-width:1550px){.filter-bar{flex-wrap:wrap;padding-top:16px;padding-bottom:16px}.filter-spacer{display:none}.summary-grid{grid-template-columns:1fr 1fr}.chart-card{grid-column:1 / -1}.invoice-workspace{grid-template-columns:minmax(400px,1fr) minmax(500px,1fr)}}@media(max-width:1120px){.topbar-logo{width:220px;flex-basis:220px}.sidebar{width:220px}.app-main{margin-left:220px;padding-right:22px;padding-left:22px}.invoice-workspace{grid-template-columns:1fr}.upload-column{grid-template-rows:240px 470px}.ocr-panel{min-height:auto}}@media(max-width:760px){.mobile-menu-btn{display:flex}.mobile-overlay{display:block;position:fixed;z-index:25;top:0;right:0;bottom:0;left:0;background:#00000059;animation:fadeIn .2s ease}.topbar{display:none}.topbar-logo{width:auto;flex-basis:auto;padding-left:4px}.logo-mark{width:44px}.logo-word{font-size:18px}.page-tabs{display:none}.topbar-tools{gap:12px;padding-right:14px}.admin-link-btn{font-size:11px;padding:0 8px;height:28px}.refresh-btn{display:none}.sidebar{position:fixed;z-index:30;inset:0 auto 0 0;width:260px;transform:translate(-100%);transition:transform .25s ease;border-right:1px solid var(--border)}.sidebar.sidebar-open{transform:translate(0)}.side-nav{display:flex;flex-direction:column;padding:16px;overflow-x:visible;overflow-y:auto}.nav-item{width:100%;height:48px;margin-right:0;font-size:15px}.nav-parent,.nav-children,.user-card{display:flex}.nav-children{flex-direction:column}.user-card{border-top:1px solid var(--border);padding-top:14px}.app-main{margin-left:0;padding:16px 16px 32px}.page-heading{min-height:auto;padding:14px 16px;flex-wrap:nowrap;gap:12px}.heading-title{gap:8px;min-width:0;flex:1}.heading-title h1{font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.heading-title>span{display:none}.heading-actions{gap:8px;flex-shrink:0}.heading-actions .primary-button,.heading-actions .outline-button{padding:0 14px;height:36px;font-size:13px;border-radius:8px}.primary-button,.outline-button,.dark-button,.soft-button,.filter-button{height:40px;border-radius:10px}.mini-button{height:30px;padding:0 10px;font-size:12px}.summary-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.summary-card{padding:14px}.chart-card{grid-column:1 / -1}.invoice-panel{margin-top:14px}.filter-bar{flex-wrap:wrap;gap:8px;padding:14px 4px}.search-box{width:100%;flex:1 0 100%;height:40px}.select-box,.select-box.wide-select{width:calc(50% - 4px);flex:1 0 calc(50% - 4px);font-size:13px;height:38px}.filter-spacer{display:none}.filter-button,.dark-button,.soft-button{flex:1;font-size:12px;height:34px}.table-wrap{margin:0 -16px;border-radius:0}.table-footer{align-items:flex-start;flex-direction:column;gap:12px;padding:14px 12px}.pagination{max-width:100%;overflow-x:auto}.invoice-workspace{gap:14px;margin-top:14px}.upload-column{grid-template-rows:200px 340px;gap:14px}.invoice-dropzone{min-height:200px}.upload-round{width:48px;height:48px;margin-bottom:10px}.ocr-header{padding:0 14px}.ocr-form{padding:18px 14px}.two-columns,.three-columns{grid-template-columns:1fr;gap:14px}.monitor-summary-grid{grid-template-columns:1fr 1fr;gap:10px}.monitor-charts-row{grid-template-columns:1fr;gap:14px}.donut-chart-area{flex-direction:column;align-items:center;gap:14px}.donut-legend{align-items:flex-start}.doc-charts-row{grid-template-columns:1fr;gap:14px}.modal-panel{width:96%;max-height:90vh;border-radius:12px}.modal-header{height:auto;padding:14px 16px;flex-wrap:nowrap;gap:12px}.modal-header h3{font-size:16px;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-header .heading-actions{flex-shrink:0;gap:8px}.modal-header .heading-actions .outline-button,.modal-header .heading-actions .primary-button{height:34px;padding:0 12px;font-size:13px;border-radius:8px}.invoice-link-modal{max-width:100%}.invoice-link-row{flex-wrap:wrap;gap:6px;padding:12px}.invoice-link-info{flex:1 0 60%}.invoice-link-amount,.invoice-link-paid,.invoice-link-dc{font-size:12px}.pdf-viewer-modal{width:100%;height:90vh;border-radius:12px 12px 0 0}.add-main{padding:0 0 120px!important}.form-section{padding:16px}.form-grid{grid-template-columns:1fr;gap:14px}.form-grid.two-col,.form-grid.three-col{grid-template-columns:1fr}.subtable-wrap{margin:0 -16px}.batch-workspace{grid-template-columns:1fr}.mobile-upload-actions{display:flex}.invoice-dropzone{min-height:140px}.invoice-dropzone strong{font-size:14px}.invoice-dropzone>span{font-size:12px}.ocr-result-card{padding:14px}.ocr-card-row.two-col,.ocr-card-row.three-col{grid-template-columns:1fr;gap:12px}.invoice-list-panel{max-height:260px}.app-toast{top:12px;font-size:13px}.user-card{padding:14px 16px}.avatar{width:36px;height:36px;flex:0 0 36px;font-size:14px}}.modal-overlay{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#141e3073;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-panel{position:relative;width:94%;max-height:85vh;overflow-y:auto;border-radius:14px;background:#fff;box-shadow:0 20px 60px #141e302e;animation:slideUp .2s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;height:62px;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid #e8edf3}.modal-header h3{margin:0;font-size:17px;font-weight:600}.modal-close{display:grid;width:32px;height:32px;padding:0;border:0;place-items:center;border-radius:6px;color:#6b7a8d;background:transparent;font-size:22px;cursor:pointer}.modal-close:hover{background:#f0f2f5}.preview-body{padding:24px 28px 32px}.preview-section{margin-bottom:24px}.preview-section:last-child{margin-bottom:0}.preview-section h4{margin:0 0 14px;padding-bottom:8px;border-bottom:1px solid #eef1f6;color:#3d4f69;font-size:13px;font-weight:600}.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px}.preview-item{display:grid;gap:4px}.preview-item span{color:#7b8a9e;font-size:12px}.preview-item strong{color:#1e2a3d;font-size:14px;font-weight:500;word-break:break-all}.preview-note,.preview-file{margin:0;color:#3d4f69;font-size:14px}.preview-modal{max-width:780px}.edit-invoice-modal{max-width:620px;display:flex;flex-direction:column;overflow:hidden}.edit-invoice-modal .modal-header{flex-shrink:0}.edit-invoice-modal .edit-invoice-body{flex:1;overflow-y:auto}.modal-header-actions{display:flex;align-items:center;gap:10px}.edit-invoice-body{padding:28px;display:grid;gap:20px}.edit-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.edit-form-grid.three{grid-template-columns:1fr 1fr 1fr}.edit-field input.field-invalid,.edit-field textarea.field-invalid,.edit-field .select-box.field-invalid,.edit-field .amount-input.field-invalid{border-color:#ed5d66!important;box-shadow:0 0 0 3px #ed5d661f}.edit-field{display:grid;gap:8px}.edit-field.full-width{grid-column:1 / -1}.edit-field label{display:flex;align-items:center;gap:4px;font-size:13px;color:#3d4f69;font-weight:500}.edit-field label i{color:#ed5d66;font-style:normal}.edit-field input,.edit-field textarea{width:100%;height:42px;padding:0 14px;border:1px solid #dde3eb;border-radius:8px;font-size:14px;color:#1e2a3d;background:#fff;outline:0;transition:border-color .15s ease}.edit-field textarea{height:auto;padding:12px 14px;resize:vertical;line-height:1.5}.edit-field input:focus,.edit-field textarea:focus{border-color:#756bf0;box-shadow:0 0 0 3px #5146e50f}.edit-field .select-box{height:42px}.edit-field .select-box select{height:42px;font-size:14px}.amount-input{display:flex;align-items:center;height:42px;border:1px solid #dde3eb;border-radius:8px;overflow:hidden;transition:border-color .15s ease}.amount-input:focus-within{border-color:#756bf0;box-shadow:0 0 0 3px #5146e50f}.amount-input span{display:grid;width:36px;height:100%;place-items:center;color:#7b8a9e;font-size:14px;background:#f8f9fb;border-right:1px solid #e8edf3}.amount-input input{flex:1;height:100%;border:0;padding:0 12px;font-size:14px;color:#1e2a3d;outline:0}.match-badge{display:inline-flex;align-items:center;gap:3px;margin-left:8px;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500}.match-badge.match{color:#16785b;background:#ecfdf5}.match-badge.mismatch{color:#d97706;background:#fffbeb}.field-hint{display:block;margin-top:4px;color:#8a9bb3;font-size:11px}.voucher-grid{display:flex;flex-wrap:wrap;gap:10px}.voucher-add-btn{display:grid;width:72px;height:72px;place-items:center;border:1.5px dashed #c4cdd9;border-radius:8px;background:#fafbfc;color:#7b8a9e;cursor:pointer;transition:all .15s ease}.voucher-add-btn:hover{border-color:#756bf0;color:#5146e5;background:#faf9ff}.voucher-thumb{position:relative;width:72px;height:72px;border-radius:8px;overflow:hidden;border:1px solid #e8edf3}.voucher-thumb img{width:100%;height:100%;object-fit:cover}.voucher-remove{position:absolute;top:2px;right:2px;width:18px;height:18px;display:grid;place-items:center;border:0;border-radius:50%;background:#1e2a3d99;color:#fff;font-size:12px;cursor:pointer;line-height:1}.voucher-remove:hover{background:#ed335b}.preview-file-area{border:1px solid #e8edf3;border-radius:10px;overflow:hidden;margin-bottom:24px}.preview-file-area.empty{display:grid;place-items:center;min-height:280px;background:#fafbfc}.preview-placeholder{text-align:center;color:#8a9bb3}.preview-placeholder svg{margin-bottom:12px;opacity:.5}.preview-placeholder p{margin:0 0 8px;font-size:14px}.preview-pdf{width:100%;height:500px;border:0}.preview-image{width:100%;height:auto;display:block}.preview-vouchers-section{margin-top:24px}.preview-vouchers-section h4{margin:0 0 14px;padding-bottom:8px;border-bottom:1px solid #eef1f6;color:#3d4f69;font-size:13px;font-weight:600}.preview-vouchers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.preview-voucher-item{border:1px solid #e8edf3;border-radius:10px;overflow:hidden}.preview-voucher-item img{width:100%;height:auto;display:block}.preview-info-fallback{padding:8px 0}.einvoice-preview{border:1px solid #d4dae3;border-radius:4px;background:#fff;font-size:13px;overflow:hidden}.einvoice-header{padding:20px 24px 16px;text-align:center;border-bottom:1px solid #e8edf3}.einvoice-title{margin-bottom:12px}.einvoice-type-label{display:inline-block;font-size:18px;font-weight:700;color:#1a2540;letter-spacing:1px}.einvoice-meta{display:flex;justify-content:space-between;color:#5c6b82;font-size:12px}.einvoice-body{padding:0}.einvoice-parties{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #e8edf3}.einvoice-party{padding:14px 20px}.einvoice-party:first-child{border-right:1px solid #e8edf3}.einvoice-party-label{font-size:11px;color:#7b8a9e;font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.einvoice-party-row{display:flex;gap:4px;margin-bottom:4px;font-size:12px;color:#3d4f69;line-height:1.6;word-break:break-all}.einvoice-party-row span{white-space:nowrap;color:#7b8a9e;flex-shrink:0}.einvoice-party-row strong{font-weight:500;color:#1e2a3d}.einvoice-table{width:100%;border-collapse:collapse}.einvoice-table th{height:36px;padding:0 16px;border-bottom:1px solid #e8edf3;border-top:1px solid #e8edf3;background:#f8f9fb;font-size:11px;font-weight:600;color:#5c6b82;text-align:left}.einvoice-table td{padding:10px 16px;border-bottom:1px solid #eef1f6;font-size:12px;color:#3d4f69}.einvoice-table tfoot td{padding:8px 16px;background:#fafbfc}.einvoice-table tfoot td strong{font-weight:600;color:#1e2a3d}.einvoice-total{font-size:15px;color:#1a2540}.einvoice-remark{padding:12px 20px;border-top:1px solid #eef1f6;font-size:12px;color:#5c6b82;background:#fafbfc}.einvoice-remark span{font-weight:600;color:#3d4f69}.einvoice-footer{display:flex;gap:24px;padding:12px 20px;border-top:1px solid #e8edf3;background:#f4f6f9;font-size:11px;color:#7b8a9e}.headers-page{padding-bottom:48px}.headers-description{margin:24px 0 32px;color:#566681;font-size:14px;line-height:1.8}.headers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:24px}.header-card{position:relative;padding:24px;border:1px solid var(--border);border-radius:12px;background:#fff;transition:box-shadow .2s ease}.header-card:hover{box-shadow:0 4px 20px #5146e50f}.header-card-top{display:flex;align-items:flex-start;gap:14px;margin-bottom:18px}.header-card-icon{display:grid;width:44px;height:44px;flex:0 0 44px;place-items:center;border-radius:10px;color:#5146e5;background:#f0efff}.header-card-icon svg{width:20px;height:20px}.header-card-title{min-width:0}.header-card-title strong{display:block;overflow:hidden;color:#1e2a3d;font-size:15px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.header-card-title span{display:block;margin-top:4px;color:#8a9bb3;font-size:12px}.header-card-info{display:grid;gap:10px;padding:16px;border-radius:8px;background:#f8f9fb}.header-card-info div{display:flex;justify-content:space-between;align-items:center;gap:12px}.header-card-info span:first-child{color:#7b8a9e;font-size:13px;flex:0 0 auto}.header-card-info span:last-child{color:#1e2a3d;font-size:13px;font-weight:500;text-align:right;word-break:break-all}.header-card-footer{display:flex;justify-content:flex-end;margin-top:14px}.header-remove-btn{display:inline-flex;align-items:center;gap:4px;padding:0;border:0;color:#8a9bb3;background:transparent;font-size:13px;cursor:pointer;transition:color .15s ease}.header-remove-btn:hover{color:#ed335b}.header-remove-btn svg{width:14px;height:14px}.header-add-card{display:flex;min-height:200px;align-items:center;justify-content:center;flex-direction:column;gap:12px;padding:24px;border:2px dashed #c8d3e3;border-radius:12px;color:#5146e5;background:#fbfcfe;cursor:pointer;transition:border-color .2s ease,background .2s ease}.header-add-card:hover{border-color:#8b82f0;background:#f5f4ff}.header-add-card svg{width:36px;height:36px;color:#7b72ec}.header-add-card span{font-size:14px;font-weight:500}.add-header-modal{max-width:820px;display:flex;flex-direction:column;overflow:hidden;max-height:82vh}.add-header-modal .modal-header{flex-shrink:0}.add-header-body{padding:0;flex:1;overflow-y:auto;min-height:0}.add-header-modal .modal-footer{flex-shrink:0}.add-header-table{width:100%;border-collapse:collapse}.add-header-table th{height:48px;padding:0 20px;color:#5146e5;background:#f8f9fb;font-size:13px;font-weight:600;text-align:left;white-space:nowrap}.add-header-table td{height:56px;padding:0 20px;border-top:1px solid #eef1f6;color:#233047;font-size:13px}.add-header-table .check-cell{width:48px;padding-left:20px}.add-header-table input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.add-header-table tr:hover td{background:#f8fafd}.modal-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-top:1px solid #eef1f6}.modal-footer-info{color:#5146e5;font-size:13px}.modal-footer-actions{display:flex;gap:10px}@media(max-width:760px){.preview-grid,.headers-grid{grid-template-columns:1fr}.add-header-modal{max-width:95%}}.documents-page{padding-bottom:48px}.doc-status{display:inline-flex;height:24px;align-items:center;padding:0 10px;border-radius:4px;font-size:12px;font-weight:500}.doc-status.status-draft{color:#e07800;background:#fff3e0}.doc-status.status-progress{color:#16785b;background:#cef5e5}.doc-status.status-completed{color:#205df0;background:#e8f0ff}.doc-status.status-rejected{color:#ed335b;background:#fff0f3}.type-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.type-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 16px;border:1px solid #e2e7ee;border-radius:10px;background:#fff;cursor:pointer;transition:all .15s ease}.type-card:hover{border-color:#b8b3f9;background:#fbfaff}.type-card.selected{border-color:var(--primary);border-width:2px;background:#fbfaff;box-shadow:0 0 0 3px #5146e514}.type-card-icon{display:grid;width:40px;height:40px;place-items:center;color:#6b64e8}.type-card-icon svg{width:28px;height:28px}.type-card span{color:#3d4f69;font-size:13px;font-weight:500}.doc-form-panel{margin-top:24px;border:1px solid var(--border);border-radius:12px;background:#fff;overflow:hidden}.doc-form-tabs{display:flex;gap:0;border-bottom:1px solid #e8edf3}.doc-tab{height:52px;padding:0 28px;border:0;border-bottom:2px solid transparent;color:#6b7a8d;background:transparent;font-size:14px;font-weight:500;cursor:pointer;transition:color .15s ease}.doc-tab.active{border-bottom-color:var(--primary);color:var(--primary)}.doc-form-section{padding:28px;border-bottom:1px solid #f0f3f7}.doc-form-section:last-child{border-bottom:0}.doc-section-header{display:flex;align-items:center;gap:8px;margin-bottom:22px;color:#3d4f69}.doc-section-header h3{margin:0;font-size:15px;font-weight:600}.linked-invoices{display:grid;gap:8px}.linked-invoice-item{display:flex;align-items:center;gap:16px;padding:12px 16px;border:1px solid #eef1f6;border-radius:8px;background:#f9fafb}.linked-invoice-item span{font-size:13px;color:#3d4f69}.linked-invoice-item span:first-child{flex:1;font-weight:500}.linked-invoice-item button{display:grid;padding:4px;border:0;place-items:center;color:#8ba0bb;background:transparent;border-radius:4px;cursor:pointer}.linked-invoice-item button:hover{color:#ed335b;background:#fff0f3}.detail-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px 24px}.detail-item{display:grid;gap:6px}.detail-item.full{grid-column:1 / -1}.detail-item span{color:#7b8a9e;font-size:12px}.detail-item strong{color:#1e2a3d;font-size:14px;font-weight:500;word-break:break-all}.workflow-logs{display:grid;gap:0}.workflow-log-item{display:flex;gap:14px;padding:18px 0;border-bottom:1px solid #f0f3f7}.workflow-log-item:last-child{border-bottom:0}.log-avatar{display:grid;width:36px;height:36px;flex:0 0 36px;place-items:center;border-radius:50%;color:#fff;background:#6b64e8;font-size:14px;font-weight:600}.log-content{flex:1;min-width:0}.log-actor{display:flex;align-items:center;gap:8px;margin-bottom:4px}.log-actor strong{font-size:14px;font-weight:600;color:#1e2a3d}.log-actor span{font-size:12px;color:#8a9bb3}.log-content p{margin:0;color:#3d4f69;font-size:13px}.log-receiver{display:block;margin-top:4px;color:#8a9bb3;font-size:12px}.log-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex:0 0 auto}.log-meta>span:first-child{color:#7b8a9e;font-size:12px}.log-result{color:#16785b;font-size:12px;font-weight:500}@media(max-width:760px){.type-grid{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr 1fr}}.subtable-wrap{overflow-x:auto;border:1px solid #e8edf3;border-radius:8px}.subtable{width:100%;min-width:1600px;border-collapse:collapse;font-size:12px}.subtable th{height:44px;padding:4px 6px;color:#52637e;background:#f8f9fb;font-size:11px;font-weight:600;text-align:center;white-space:nowrap;border-bottom:1px solid #e8edf3}.subtable th i{color:#ed5d66;font-style:normal}.subtable td{height:48px;padding:4px;border-bottom:1px solid #f0f3f7;text-align:center;vertical-align:middle}.subtable tbody tr{cursor:pointer;transition:background .12s}.subtable tbody tr:hover{background:#f8f9fc}.subtable tbody tr.subtable-row-selected{background:#f0f1ff;box-shadow:inset 3px 0 #5146e5}.subtable tbody tr.subtable-row-selected td{border-bottom-color:#e0e0ff}.subtable-seq{color:#7b8a9e;font-weight:500}.subtable td input{width:100%;min-width:60px;height:32px;padding:0 6px;border:1px solid transparent;border-radius:4px;outline:0;color:#273248;background:transparent;font-size:12px;text-align:center;transition:border-color .15s ease}.subtable td input:hover{border-color:#d8e1ed}.subtable td input:focus{border-color:#756bf0;background:#fff;box-shadow:0 0 0 2px #5146e50f}.subtable td input[type=date]{min-width:100px}.subtable td input[type=number]{min-width:55px}.subtable td select{width:100%;min-width:100px;height:32px;padding:0 24px 0 8px;border:1px solid #e0e7ef;border-radius:4px;outline:0;color:#273248;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center;background-size:14px;-moz-appearance:none;appearance:none;-webkit-appearance:none;font-size:12px;font-family:inherit;cursor:pointer;transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.subtable td select:hover{border-color:#b0bdd0}.subtable td select:focus{border-color:#756bf0;box-shadow:0 0 0 2px #5146e50f;background-color:#fff}.subtable td select:disabled{background-color:#f5f7fa;color:#9ca3af;border-color:#e9ecef;cursor:not-allowed}.subtable tfoot td{height:44px;padding:8px 12px;border-top:1px solid #e2e7ee;border-bottom:0;background:#fafbfc}.subtable-del-btn{display:grid;width:28px;height:28px;margin:0 auto;padding:0;border:0;place-items:center;border-radius:6px;color:#ed335b;background:transparent;cursor:pointer;transition:background .15s ease}.subtable-del-btn:hover{background:#fff0f3}.subtable-link-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border:0;border-radius:4px;color:#5146e5;background:transparent;font-size:11px;white-space:nowrap;cursor:pointer}.subtable-link-btn:hover{background:#f0efff}.subtable-link-btn:disabled{opacity:.5;cursor:not-allowed}.subtable-linked-label{font-size:11px;color:#16785b;background:#ecfdf5;border-radius:4px;padding:3px 6px;white-space:nowrap;border:1px solid transparent}.subtable-linked-label.clickable{cursor:pointer;transition:all .15s}.subtable-linked-label.clickable:hover{border-color:#16785b;background:#d1fae5}.date-error-input{border-color:#ed5d66!important;background:#fef2f2!important}.date-error-tip{display:block;font-size:10px;color:#ed5d66;margin-top:2px;white-space:nowrap}.subtable-actions-cell{display:flex;gap:4px;align-items:center;justify-content:center}.subtable .subtable-sticky-col{position:sticky;background:#fff;z-index:2}.subtable thead .subtable-sticky-col{background:#f3f5f9;z-index:3}.subtable .subtable-sticky-col:nth-last-child(2){right:80px;box-shadow:-2px 0 6px #141e300f}.subtable .subtable-sticky-last{right:0;box-shadow:-2px 0 6px #141e300f}.subtable tr.subtable-row-selected .subtable-sticky-col{background:#eef2ff}.subtable-copy-btn{width:28px;height:28px;border:0;border-radius:4px;color:#5146e5;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.subtable-copy-btn:hover{background:#f0efff}.invoice-link-modal{max-width:1100px;width:96%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.invoice-link-modal .modal-header,.invoice-link-modal .modal-footer{flex-shrink:0}.invoice-link-list{flex:1;min-height:0;padding:0;overflow-y:auto}.invoice-link-row{display:grid;grid-template-columns:28px 1fr auto 110px 100px 100px 50px 80px;align-items:center;gap:12px;padding:16px 24px;border-bottom:1px solid #edf0f7;cursor:pointer;transition:background .12s}.invoice-link-row:hover{background:#f8f9fc}.invoice-link-row.selected{background:#f0f1ff}.invoice-link-row.disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.invoice-link-row input[type=radio],.invoice-link-row input[type=checkbox]{width:16px;height:16px;accent-color:#5146e5;cursor:pointer}.invoice-link-info{display:flex;flex-direction:column;gap:4px;min-width:0}.invoice-link-info strong{font-size:14px;font-weight:600;color:#1e2a3d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.invoice-link-info span{font-size:12px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.invoice-link-badges{display:flex;gap:6px;align-items:center}.invoice-link-date{font-size:13px;color:#374151;white-space:nowrap}.invoice-link-amount,.invoice-link-paid{font-size:13px;font-weight:600;color:#1e2a3d;white-space:nowrap}.invoice-link-dc{font-size:12px;color:#6b7280;text-align:center}.invoice-link-status{text-align:right}.field-required{border-color:#f87171!important;background:#fef2f2!important}.plate-input-wrap{position:relative;display:flex;align-items:center;border:1px solid #dde3eb;border-radius:8px;background:#fff;height:42px;overflow:visible;transition:border-color .2s,box-shadow .2s}.plate-input-wrap:focus-within{border-color:#756bf0;box-shadow:0 0 0 3px #5146e514}.plate-input-wrap.field-required{border-color:#f87171;background:#fef2f2}.plate-input-wrap.plate-error{border-color:#f87171}.plate-province-trigger{display:flex;align-items:center;gap:4px;padding:0 10px;height:100%;font-size:15px;font-weight:600;color:#1e2a3d;cursor:pointer;border-right:1px solid #edf0f7;-webkit-user-select:none;user-select:none;min-width:44px;justify-content:center}.plate-province-trigger:hover{background:#f8f9fc}.plate-province-trigger svg{color:#8a9bb3}.plate-province-placeholder{font-size:13px;color:#9babbe;font-weight:400}.plate-rest-input{flex:1;border:none;outline:none;padding:0 12px;height:100%;font-size:15px;font-weight:600;letter-spacing:2px;color:#1e2a3d;background:transparent;text-transform:uppercase}.plate-rest-input::placeholder{font-weight:400;letter-spacing:1px;color:#9babbe}.plate-error-tip{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:11px;color:#dc2626;background:#fef2f2;padding:2px 6px;border-radius:4px;pointer-events:none}.plate-province-picker{position:absolute;top:calc(100% + 6px);left:0;z-index:100;background:#fff;border:1px solid #e5e9f2;border-radius:12px;box-shadow:0 8px 32px #0000001f;padding:12px;display:grid;grid-template-columns:repeat(8,1fr);gap:6px;width:320px;animation:fadeInDown .15s ease-out}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.plate-province-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid #e5e9f2;border-radius:6px;background:#fff;font-size:13px;font-weight:500;color:#374151;cursor:pointer;transition:all .12s}.plate-province-btn:hover{background:#f0f1ff;border-color:#c7c3f9;color:#5146e5}.plate-province-btn.active{background:#5146e5;border-color:#5146e5;color:#fff;font-weight:700}.preview-modal{max-width:900px;width:96%;max-height:88vh;display:flex;flex-direction:column;overflow:hidden}.preview-modal .modal-header{flex-shrink:0}.preview-modal .preview-body{flex:1;min-height:0;overflow-y:auto}.preview-content{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:20px}.preview-empty{text-align:center;padding:48px 0;color:#8a9bb3}.preview-row-card{border:1px solid #e5e9f2;border-radius:12px;overflow:hidden;background:#fff;transition:box-shadow .2s}.preview-row-card:hover{box-shadow:0 4px 16px #0000000d}.preview-row-header{display:flex;align-items:center;gap:12px;padding:14px 20px;background:#f8fafc;border-bottom:1px solid #edf0f7}.preview-row-index{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#5146e5;color:#fff;font-size:11px;font-weight:700;flex-shrink:0}.preview-row-header h4{margin:0;font-size:14px;font-weight:600;color:#1e2a3d}.preview-row-date{margin-left:auto;font-size:12px;color:#6b7280}.preview-row-body{padding:16px 20px}.preview-fields{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.preview-field-group{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.preview-field{display:flex;flex-direction:column;gap:3px}.preview-field label{font-size:11px;color:#6b7280}.preview-field span{font-size:13px;color:#1e2a3d}.preview-field.highlight span{font-size:15px;font-weight:700;color:#5146e5}.preview-invoice-detail{border:1px solid #dde3ff;border-radius:10px;overflow:hidden;background:#fafbff;max-height:360px;display:flex;flex-direction:column}.preview-invoice-header{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#f0f1ff;border-bottom:1px solid #dde3ff;font-size:12px;font-weight:600;color:#5146e5;flex-shrink:0}.preview-invoice-scroll{overflow-y:auto;flex:1}.preview-invoice-body{padding:14px 16px}.preview-invoice-body+.preview-invoice-body{border-top:1px solid #e8ebf5}.preview-invoice-info strong{display:block;font-size:14px;color:#1e2a3d;margin-bottom:4px}.preview-invoice-num{font-size:12px;color:#6b7280}.preview-invoice-type{font-size:11px;color:#5146e5;background:#f0f1ff;padding:2px 8px;border-radius:4px;margin-left:8px}.preview-invoice-amounts{display:flex;gap:24px;margin-top:12px}.preview-invoice-amounts>div{display:flex;flex-direction:column;gap:2px}.preview-invoice-amounts label{font-size:11px;color:#6b7280}.preview-invoice-amounts strong{font-size:14px;font-weight:700;color:#1e2a3d;display:inline}.preview-invoice-amounts span{font-size:13px;color:#374151}.preview-voucher-section{margin-top:14px;padding-top:14px;border-top:1px solid #edf0f7}.preview-voucher-section>label{font-size:12px;font-weight:500;color:#52637e;display:block;margin-bottom:10px}.preview-voucher-grid{display:flex;gap:10px;flex-wrap:wrap}.preview-voucher-img{width:80px;height:80px;object-fit:cover;border-radius:8px;border:1px solid #e5e7eb;cursor:pointer;transition:transform .2s,box-shadow .2s}.preview-voucher-img:hover{transform:scale(1.05);box-shadow:0 4px 12px #0000001f}.preview-no-invoice{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#f9fafb;border:1px dashed #d1d5db;border-radius:8px;color:#9ca3af;font-size:13px}.preview-summary{display:flex;gap:24px;padding:16px 20px;background:#f0f1ff;border-radius:10px;font-size:13px;font-weight:600;color:#3d4f69}.preview-summary span:last-child{margin-left:auto;color:#5146e5}.preview-split-modal{max-width:1200px;width:96%;height:88vh;display:grid;grid-template-columns:420px 1fr;overflow:hidden;background:#fff;border-radius:12px;box-shadow:0 12px 48px #00000038}.preview-split-left{display:flex;flex-direction:column;border-right:1px solid #e5e9f2;overflow:hidden}.preview-split-left .modal-header{flex-shrink:0}.preview-split-row-label{display:flex;align-items:center;gap:6px;padding:10px 20px;font-size:13px;font-weight:600;color:#3d4f69;background:#f8fafc;border-bottom:1px solid #edf0f7;flex-shrink:0}.preview-split-row-label svg{color:#5146e5}.preview-split-invoice-list{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:10px}.preview-split-empty{text-align:center;padding:40px 0;color:#8a9bb3;font-size:13px}.preview-split-inv-card{position:relative;border:2px solid #e5e9f2;border-radius:10px;padding:14px 16px;cursor:pointer;transition:all .15s;background:#fff}.preview-split-inv-card:hover{border-color:#c4c0f8;background:#fafbff}.preview-split-inv-card.active{border-color:#5146e5;background:#f5f4ff;box-shadow:0 2px 8px #5146e51a}.preview-split-inv-remove{position:absolute;top:8px;right:8px;width:22px;height:22px;border:0;border-radius:50%;background:#f1f3f7;color:#8a9bb3;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.preview-split-inv-remove:hover{background:#fee2e2;color:#dc2626}.preview-split-inv-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f0f1ff;border-radius:8px;color:#5146e5;margin-bottom:8px}.preview-split-inv-info{display:flex;flex-direction:column;gap:3px;margin-bottom:8px}.preview-split-inv-info strong{font-size:14px;color:#1e2a3d;font-weight:600}.preview-split-inv-info span{font-size:11px;color:#6b7280}.preview-split-inv-amount{font-size:13px;font-weight:600;color:#16785b;margin-bottom:8px}.preview-split-inv-badges{display:flex;flex-wrap:wrap;gap:4px}.mini-badge{font-size:10px;padding:2px 6px;border-radius:4px;font-weight:500}.mini-badge.success{background:#ecfdf5;color:#16785b}.mini-badge.danger{background:#fef2f2;color:#dc2626}.mini-badge.info{background:#f0f1ff;color:#5146e5}.mini-badge.muted{background:#f3f4f6;color:#6b7280}.preview-split-right{display:flex;flex-direction:column;overflow:hidden}.preview-split-right .modal-header{flex-shrink:0}.preview-split-viewer{flex:1;overflow-y:auto;display:flex;flex-direction:column;align-items:center;padding:20px;background:#f5f6f8}.preview-split-viewer-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#8a9bb3}.preview-split-viewer-empty p{font-size:13px}.preview-split-iframe{width:100%;flex:1;min-height:500px;border:0;border-radius:8px;background:#fff;box-shadow:0 2px 8px #0000000f}.preview-split-vouchers{width:100%;margin-top:16px;display:flex;flex-direction:column;gap:12px;align-items:center}.preview-split-voucher-img{max-width:100%;border-radius:8px;box-shadow:0 2px 8px #0000000f;background:#fff}@media(max-width:768px){.preview-split-modal{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.preview-split-left{border-right:0;border-bottom:1px solid #e5e9f2}}.pdf-viewer-modal{max-width:900px;width:96%;height:85vh;display:flex;flex-direction:column}.pdf-viewer-body{flex:1;overflow:hidden;border-radius:0 0 16px 16px}.pdf-viewer-body iframe{width:100%;height:100%;border:none;background:#f1f5f9}.company-selector{display:flex;align-items:center;position:relative;border:1px solid #dde3eb;border-radius:8px;background:#fff;cursor:pointer}.company-selector select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;padding:8px 32px 8px 14px;font-size:13px;color:#3d4f69;cursor:pointer;min-width:140px;outline:none}.company-selector svg{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#8a9bb3;pointer-events:none}.monitor-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:20px;margin-bottom:20px}.monitor-summary-grid .summary-card{padding:20px 22px}.summary-icon.blue-icon{color:#3b82f6;background:#eff6ff}.summary-icon.link-icon{color:#6366f1;background:#eef2ff}.summary-icon.red-icon{color:#ef4444;background:#fef2f2}.abnormal-value{color:#ef4444!important}.monitor-charts-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.monitor-chart-card{background:#fff;border:1px solid #e8edf3;border-radius:12px;padding:22px 24px}.monitor-chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.monitor-chart-header h3{margin:0;font-size:15px;font-weight:600;color:#1e2a3d}.monitor-chart-link{font-size:12px;color:#8a9bb3;cursor:pointer}.monitor-chart-link:hover{color:#5146e5}.donut-chart-area{display:flex;align-items:center;gap:20px}.donut-svg{width:160px;height:160px;flex-shrink:0}.donut-legend{display:grid;gap:10px}.donut-legend-item{display:flex;align-items:center;gap:8px;font-size:12px;color:#3d4f69}.legend-dot{display:block;width:10px;height:10px;border-radius:3px;flex-shrink:0;font-style:normal}.legend-label{flex:1;white-space:nowrap}.legend-count{font-weight:600;color:#1e2a3d;font-size:13px}.hbar-chart-area{display:grid;gap:14px}.hbar-row{display:flex;align-items:center;gap:12px}.hbar-name{width:44px;text-align:right;font-size:12px;color:#5c6b82;flex-shrink:0}.hbar-track{flex:1;height:20px;background:#f4f6f9;border-radius:4px;overflow:hidden;position:relative}.hbar-fill{height:100%;border-radius:4px;transition:width .5s ease}.hbar-value{width:40px;font-size:13px;font-weight:700;text-align:left;flex-shrink:0}.hbar-axis{display:flex;justify-content:space-between;padding-left:56px;padding-right:52px;margin-top:4px;font-size:10px;color:#a0aec0;border-top:1px solid #eef1f6;padding-top:8px}@media(max-width:1100px){.monitor-summary-grid{grid-template-columns:repeat(2,1fr)}.monitor-charts-row{grid-template-columns:1fr}}.summary-icon.orange-icon{color:#f97316;background:#fff7ed}.summary-icon.green-icon{color:#22c55e;background:#ecfdf5}.doc-charts-row{grid-template-columns:1.6fr 1fr}.chart-wide{min-width:0}.line-chart-container{display:flex;gap:8px;height:240px}.lc-y-axis{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;padding:10px 0 30px;font-size:11px;color:#a0aec0;width:60px;flex-shrink:0}.lc-main{flex:1;display:flex;flex-direction:column;min-width:0}.lc-svg{flex:1;width:100%}.lc-x-axis{display:flex;justify-content:space-between;padding:8px 10px 0;font-size:12px;color:#7b8a9e}.doc-status-chip{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:4px;font-size:12px;font-weight:500;white-space:nowrap}.doc-status-draft{color:#64748b;background:#f1f5f9}.doc-status-pending{color:#16a34a;background:#dcfce7}.doc-status-approved{color:#6d28d9;background:#f3f0ff}.doc-status-rejected{color:#dc2626;background:#fef2f2}.linked-invoice-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;font-size:12px;color:#3b82f6;background:#eff6ff;font-weight:500}@media(max-width:1100px){.doc-charts-row{grid-template-columns:1fr}}.batch-workspace{grid-template-columns:minmax(340px,440px) 1fr}.batch-workspace .upload-column{grid-template-rows:auto 1fr}.invoice-dropzone.compact{min-height:140px;padding:20px}.invoice-dropzone.compact .upload-round{width:44px;height:44px;margin-bottom:10px}.invoice-dropzone.compact .upload-round svg{width:20px;height:20px}.invoice-dropzone.compact strong{font-size:14px;margin-bottom:4px}.invoice-dropzone.compact>span:not(.upload-round){font-size:12px}.invoice-list-panel{border:1px solid var(--border);border-radius:14px;background:#fff;display:flex;flex-direction:column;overflow:hidden}.invoice-list-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #edf0f7}.invoice-list-header h3{margin:0;font-size:14px;font-weight:600;color:#1e2a3d}.invoice-list-total{font-size:13px;font-weight:600;color:#5146e5}.invoice-list-body{flex:1;overflow-y:auto;max-height:480px;padding:8px 0}.invoice-list-item{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;cursor:pointer;transition:background .15s;border-left:3px solid transparent}.invoice-list-item:hover{background:#f8fafc}.invoice-list-item.active{background:#f0f1ff;border-left-color:#5146e5}.invoice-list-item.error{background:#fef2f2}.invoice-list-item-info{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.invoice-list-item-info strong{font-size:13px;font-weight:600;color:#1e2a3d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.invoice-list-item-info span{font-size:12px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.invoice-list-item-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.preview-file-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;background:none;cursor:pointer;color:#6b7280;border-radius:4px;transition:color .15s,background .15s;padding:0}.preview-file-btn:hover{color:#2563eb;background:#eff6ff}.preview-file-btn svg{width:15px;height:15px}.file-preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:1200;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box}.file-preview-modal{background:#fff;border-radius:12px;display:flex;flex-direction:column;width:min(900px,100%);max-height:calc(100vh - 48px);overflow:hidden;box-shadow:0 20px 60px #00000040}.file-preview-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #e5e7eb;flex-shrink:0}.file-preview-name{font-size:14px;font-weight:500;color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 40px)}.file-preview-close{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;color:#6b7280;border-radius:6px;flex-shrink:0;padding:0;transition:background .15s,color .15s}.file-preview-close:hover{background:#f3f4f6;color:#111827}.file-preview-close svg{width:16px;height:16px}.file-preview-body{flex:1;overflow:auto;display:flex;align-items:center;justify-content:center;background:#f9fafb;min-height:0}.file-preview-iframe{width:100%;height:70vh;border:none;display:block}.file-preview-img{max-width:100%;max-height:70vh;object-fit:contain;display:block}.file-preview-unsupported{display:flex;flex-direction:column;align-items:center;gap:16px;padding:48px 24px;color:#6b7280}.file-preview-unsupported p{font-size:14px;margin:0}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.done{background:#22c55e}.status-dot.recognizing{background:#5146e5;animation:pulse 1s infinite}.status-dot.error{background:#dc2626}.status-dot.pending{background:#9ca3af}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.remove-btn{width:24px;height:24px;border:none;background:none;cursor:pointer;color:#9ca3af;padding:2px;border-radius:4px;transition:all .15s}.remove-btn:hover{background:#fee2e2;color:#dc2626}.remove-btn svg{width:14px;height:14px}.invoice-list-summary{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-top:1px solid #edf0f7;font-size:12px;color:#6b7280;background:#f9fafb}.ocr-results-column{display:flex;flex-direction:column;gap:20px;min-width:0}.ocr-results-column>.ocr-panel{min-height:400px;border:1px solid var(--border);border-radius:14px;background:#fff}.ocr-result-card{border:1px solid var(--border);border-radius:14px;background:#fff;overflow:hidden;transition:box-shadow .2s}.ocr-result-card:hover{box-shadow:0 4px 16px #0000000f}.ocr-card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid #edf0f7;background:#fafbfc}.ocr-card-title{display:flex;align-items:center;gap:12px;min-width:0}.ocr-card-index{display:flex;width:26px;height:26px;align-items:center;justify-content:center;border-radius:50%;background:#5146e5;color:#fff;font-size:12px;font-weight:700;flex-shrink:0}.ocr-card-title h3{margin:0;font-size:14px;font-weight:600;color:#1e2a3d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ocr-badge{display:inline-flex;height:24px;align-items:center;padding:0 10px;border-radius:12px;font-size:11px;font-weight:500;white-space:nowrap}.ocr-badge.done{background:#f0f1ff;color:#5146e5;border:1px solid #dde3ff}.ocr-badge.loading{background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe}.ocr-badge.error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.ocr-badge.pending{background:#f9fafb;color:#6b7280;border:1px solid #e5e7eb}.ocr-card-body{padding:24px 24px 20px}.ocr-card-row{margin-bottom:18px}.ocr-card-row:last-child{margin-bottom:0}.ocr-card-row.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ocr-card-row.three-col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}.ocr-field{display:flex;flex-direction:column;gap:6px}.ocr-field.full-width{width:100%}.ocr-field label{font-size:12px;font-weight:500;color:#52637e;cursor:default}.ocr-field label i{color:#ed5d66;font-style:normal;margin-left:2px}.ocr-field>span{font-size:14px;color:#1e2a3d;padding:10px 14px;background:#f8fafc;border:1px solid #d8e1ed;border-radius:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:42px;display:flex;align-items:center}.ocr-field>span.amount-value{font-weight:600}.ocr-field textarea{width:100%;min-height:72px;padding:10px 14px;border:1px solid #d8e1ed;border-radius:8px;font-size:14px;color:#1e2a3d;background:#fff;resize:vertical;outline:none;transition:border-color .2s}.ocr-field textarea:focus{border-color:#756bf0;box-shadow:0 0 0 3px #5146e514}.ocr-field textarea::placeholder{color:#9babbe}.voucher-row{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-start}.voucher-add-btn{position:relative;display:flex;width:64px;height:64px;align-items:center;justify-content:center;border:1.5px dashed #c4cfe0;border-radius:8px;cursor:pointer;transition:border-color .2s,background .2s;background:#fafbfc}.voucher-add-btn:hover{border-color:#5146e5;background:#f4f3ff}.voucher-add-btn input{position:absolute;width:1px;height:1px;top:0;left:0;opacity:0;overflow:hidden}.voucher-add-btn svg{width:24px;height:24px;color:#8ea0b8}.voucher-thumb-wrap{position:relative;width:64px;height:64px}.voucher-thumb{width:64px;height:64px;object-fit:cover;border-radius:8px;border:1px solid #e5e7eb}.voucher-remove{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;background:#1e2a3d;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.voucher-remove svg{width:10px;height:10px;color:#fff}.voucher-hint{display:block;margin-top:8px;font-size:12px;color:#5146e5}.ocr-editable-input,.ocr-editable-select{width:100%;height:42px;padding:0 14px;border:1px solid #d8e1ed;border-radius:8px;font-size:14px;color:#1e2a3d;background:#fff;outline:none;transition:border-color .2s,box-shadow .2s}.ocr-editable-input:focus,.ocr-editable-select:focus{border-color:#756bf0;box-shadow:0 0 0 3px #5146e514}.ocr-editable-input::placeholder{color:#9babbe}.ocr-editable-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2393a5bd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 9 5 5 5-5'/%3E%3C/svg%3E") no-repeat right 14px center;cursor:pointer}.ocr-result-card.card-duplicate{border-color:#fca5a5;background:#fefefe}.ocr-result-card.card-duplicate .ocr-card-header{background:#fef2f2;border-bottom-color:#fecaca}.duplicate-warning{display:flex;align-items:center;gap:10px;padding:12px 24px;background:#fef2f2;border-bottom:1px solid #fecaca;font-size:13px;color:#b91c1c}.duplicate-warning svg{width:18px;height:18px;color:#dc2626;flex-shrink:0}.ocr-field>span.duplicate-value{border-color:#fca5a5;background:#fef2f2;color:#b91c1c}.invoice-list-item.duplicate{background:#fef2f2;border-left-color:#dc2626}.invoice-list-item.duplicate .invoice-list-item-info span{color:#dc2626}.status-dot.duplicate{background:#f59e0b}.ocr-card-loading,.ocr-card-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;gap:12px}.ocr-card-loading p{margin:0;font-size:13px;color:#6b7280}.ocr-card-error svg{width:28px;height:28px}.ocr-card-error p{margin:0;font-size:13px;color:#dc2626}.ocr-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;color:#6b7280}.ocr-empty-state svg{width:56px;height:56px;color:#c9d3e1}.ocr-empty-state p{font-size:16px;color:#374151;margin:0}.ocr-empty-state span{font-size:13px;color:#9ca3af}.ocr-spinner{width:28px;height:28px;border:3px solid #e5e7eb;border-top-color:#5146e5;border-radius:50%;animation:spin .7s linear infinite}@media(max-width:1100px){.batch-workspace{grid-template-columns:1fr}}@media(max-width:480px){.summary-grid,.monitor-summary-grid{grid-template-columns:1fr;gap:8px}.heading-actions .primary-button,.heading-actions .outline-button{padding:0 10px;font-size:12px}.filter-bar{padding:10px;gap:6px}.select-box,.select-box.wide-select{width:100%;flex:1 0 100%}.modal-panel{width:100%;max-height:100vh;border-radius:0}.invoice-link-row{padding:10px}.invoice-link-badges .mini-button{font-size:11px}}.mobile-tab-bar,.mobile-home-view,.mobile-invoice-section,.mobile-docs-section,.mobile-page-header,.mobile-bottom-bar,.desktop-dashboard.desktop-only{display:none}@media(max-width:760px){.mobile-tab-bar{position:fixed;z-index:40;bottom:0;left:0;right:0;display:flex;height:60px;align-items:center;justify-content:space-around;background:#fff;border-top:1px solid #e8ecf2;padding-bottom:env(safe-area-inset-bottom,0px)}.tab-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;flex:1;height:100%;color:#8b99ae;text-decoration:none;font-size:11px;font-weight:500;transition:color .2s}.tab-item svg{width:24px;height:24px}.tab-item.active{color:var(--primary)}.tab-item.active svg{stroke-width:2.2}.app-main{padding-bottom:76px!important}.mobile-home-view{display:block}.mobile-home-view.hide,.desktop-dashboard{display:none}.mobile-invoice-section{display:block;margin-top:16px}.mobile-invoice-section .mobile-page-header{margin:0 -16px}.mobile-invoice-section .mobile-search-row{margin-top:16px}.mobile-page-header{display:flex;position:sticky;top:0;z-index:10;height:52px;align-items:center;justify-content:center;background:#fff;border-bottom:1px solid #edf1f7;margin:-16px -16px 16px;padding:0 16px}.mobile-page-header .back-btn{position:absolute;left:12px;display:flex;width:36px;height:36px;align-items:center;justify-content:center;border:none;background:none;color:var(--text);cursor:pointer}.mobile-page-header .back-btn svg{width:22px;height:22px}.mobile-page-header h1{margin:0;font-size:17px;font-weight:600;text-align:center}.mobile-page-header .header-action{position:absolute;right:12px;display:flex;align-items:center}.mobile-bottom-bar{position:fixed;bottom:60px;left:0;right:0;z-index:35;display:flex;gap:12px;padding:12px 20px;background:#fff;border-top:1px solid #edf1f7;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}.mobile-bottom-bar .outline-button,.mobile-bottom-bar .primary-button{flex:1;height:48px;font-size:16px;font-weight:600;border-radius:12px}.desktop-heading{display:none!important}.mobile-docs-section{display:block}.documents-page .invoice-panel{display:none}.mobile-dashboard-hero{display:block;margin:-16px -16px 0;padding:28px 20px 20px;background:linear-gradient(135deg,#5146e5,#6366f1,#7c3aed);border-radius:0 0 24px 24px;color:#fff}.mobile-hero-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.mobile-hero-greeting h2{margin:0 0 4px;font-size:22px;font-weight:700;color:#fff}.mobile-hero-greeting p{margin:0;font-size:13px;color:#ffffffbf}.mobile-hero-avatar{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#fff3;border:2px solid rgba(255,255,255,.5);color:#fff;font-size:18px;font-weight:700}.mobile-hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mobile-stat-card{padding:14px 16px;border-radius:12px;background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mobile-stat-card .stat-label{font-size:12px;color:#fffc;margin-bottom:6px}.mobile-stat-card .stat-value{font-size:20px;font-weight:700;color:#fff}.mobile-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;padding:0 4px}.mobile-shortcut-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 12px;background:#fff;border-radius:14px;border:1px solid #edf1f7;text-decoration:none;color:var(--text);transition:box-shadow .2s}.mobile-shortcut-card:active{box-shadow:0 2px 12px #5146e51f}.mobile-shortcut-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#eef2ff;color:var(--primary)}.mobile-shortcut-icon svg{width:24px;height:24px}.mobile-shortcut-card strong{font-size:14px;font-weight:600}.mobile-shortcut-card .shortcut-sub{font-size:12px;color:var(--muted)}.mobile-recent-section{margin-top:24px;padding:0 4px}.mobile-recent-section h3{margin:0 0 12px;font-size:16px;font-weight:600}.mobile-recent-item{display:flex;align-items:center;gap:12px;padding:14px 16px;margin-bottom:10px;background:#fff;border-radius:12px;border:1px solid #edf1f7}.mobile-recent-icon{width:40px;height:40px;flex-shrink:0;display:grid;place-items:center;border-radius:10px;background:#eef2ff;color:var(--primary)}.mobile-recent-icon svg{width:20px;height:20px}.mobile-recent-icon.green{background:#ecfdf5;color:#059669}.mobile-recent-info{flex:1;min-width:0}.mobile-recent-info strong{display:block;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-recent-info span{font-size:12px;color:var(--muted)}.mobile-recent-right{text-align:right;flex-shrink:0}.mobile-recent-right .amount{display:block;font-size:15px;font-weight:600;color:var(--text)}.mobile-recent-right .status-tag{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500;margin-top:4px}.status-tag.pending{background:#ecfdf5;color:#059669}.status-tag.used{background:#f1f5f9;color:#64748b}.status-tag.draft{background:#fffbeb;color:#d97706}.mobile-invoice-cards{display:flex;flex-direction:column;gap:12px}.mobile-invoice-card{padding:16px;background:#fff;border-radius:14px;border:1px solid #edf1f7}.mobile-invoice-card-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.mobile-invoice-card-header .status-tag{font-size:11px;padding:3px 8px;border-radius:4px;font-weight:600}.mobile-invoice-card-header .date{font-size:13px;color:var(--muted);flex:1}.mobile-invoice-card-header .card-actions{display:flex;gap:8px}.mobile-invoice-card-header .card-actions button{width:28px;height:28px;display:grid;place-items:center;border:none;background:none;color:var(--soft-text);cursor:pointer}.mobile-invoice-card-header .card-actions button svg{width:18px;height:18px}.mobile-invoice-card-body{display:flex;align-items:flex-start;gap:12px}.card-body-icon{width:44px;height:44px;flex-shrink:0;display:grid;place-items:center;border-radius:10px;background:#eef2ff;color:var(--primary)}.card-body-icon svg{width:22px;height:22px}.card-body-info{flex:1;min-width:0}.card-body-info .seller-name{font-size:15px;font-weight:600;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-body-info .invoice-meta{font-size:12px;color:var(--muted);margin-bottom:4px}.card-body-info .invoice-amount{font-size:17px;font-weight:700;color:var(--text)}.card-body-info .invoice-amount .sub-amount{font-size:12px;font-weight:400;color:var(--muted);margin-left:8px}.mobile-invoice-card-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;padding-top:10px;border-top:1px dashed #edf1f7}.mobile-invoice-card-badges .badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:500}.badge.green{background:#ecfdf5;color:#059669}.badge.red{background:#fef2f2;color:#dc2626}.mobile-tabs{display:flex;border-bottom:2px solid #edf1f7;margin:0 -16px;padding:0 16px}.mobile-tabs button{flex:1;height:44px;border:none;background:none;font-size:14px;font-weight:500;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .2s,border-color .2s}.mobile-tabs button.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.mobile-search-row{display:flex;gap:10px;margin:14px 0;align-items:center}.mobile-search-row .search-box{flex:1;height:44px;border-radius:22px;border:1px solid #e4e9f0;background:#f8f9fc}.mobile-search-row .filter-toggle{width:44px;height:44px;display:grid;place-items:center;border:1px solid #e4e9f0;border-radius:12px;background:#fff;color:var(--text);cursor:pointer;flex-shrink:0}.mobile-search-row .filter-toggle svg{width:20px;height:20px}.mobile-fab{position:fixed;right:20px;bottom:80px;z-index:30;width:56px;height:56px;display:none;place-items:center;border-radius:50%;background:var(--primary);color:#fff;border:none;box-shadow:0 4px 16px #5146e54d;cursor:pointer;transition:transform .2s,box-shadow .2s}.mobile-fab:active{transform:scale(.92)}.mobile-fab svg{width:24px;height:24px}.mobile-fab{display:grid}.desktop-only{display:none!important}}.page-shell{min-height:100vh;display:grid;place-items:center;padding:48px 28px;background:radial-gradient(circle at 75% 20%,rgba(92,205,174,.08),transparent 28%),radial-gradient(circle at 15% 85%,rgba(77,70,231,.08),transparent 30%),#f5f8fc}.login-card{display:grid;grid-template-columns:46% 54%;width:min(1200px,100%);min-height:700px;overflow:hidden;border:1px solid rgba(27,31,65,.04);border-radius:18px;background:#fff;box-shadow:0 32px 75px #2b334929}.intro-panel{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:88px 50px 46px;color:#fff;background:radial-gradient(circle at 15% 20%,rgba(124,117,255,.26),transparent 35%),linear-gradient(150deg,#34308b,#363387,#2e2d77)}.intro-panel:after{position:absolute;right:-90px;bottom:-120px;width:350px;height:350px;border:1px solid rgba(255,255,255,.07);border-radius:50%;content:""}.eyebrow{display:inline-block;margin-bottom:25px;color:#a9a7ed;font-size:11px;font-weight:700;letter-spacing:.18em}.intro-panel h1{margin:0;font-size:clamp(32px,3vw,42px);line-height:1.22;letter-spacing:.02em}.intro-copy{max-width:430px;margin:28px 0 38px;color:#ffffffd1;font-size:16px;line-height:1.85}.intro-copy strong{color:#fff}.feature-list{display:grid;gap:25px}.feature{display:flex;align-items:center;gap:16px}.feature-icon{display:grid;flex:0 0 44px;width:44px;height:44px;place-items:center;border-radius:10px;background:#ffffff2e;box-shadow:inset 0 1px #ffffff1f}.feature-icon svg{width:25px;fill:#fff}.feature-icon .icon-stroke{fill:none;stroke:#5551b7;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2}.feature h2{margin:0 0 4px;font-size:16px}.feature p{margin:0;color:#ffffffc7;font-size:14px}.version{z-index:1;margin:50px 0 0;color:#ffffffb3;font-size:13px}.form-panel{display:grid;place-items:center;padding:50px 72px}.form-wrap{width:min(505px,100%)}.brand{margin-bottom:38px;text-align:center}.brand-mark{width:73px;height:40px;margin-right:3px;overflow:visible;vertical-align:middle}.brand-mark .wave{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:6}.brand-mark .wave-blue{stroke:#69a2ef}.brand-mark .wave-purple{stroke:#5242cf}.brand-mark .wave-green{stroke:#48c49c}.brand-name{display:inline-block;color:#4172d6;font-size:30px;font-weight:700;letter-spacing:-.04em;vertical-align:middle}.brand-name span{color:#42b990}.brand p{margin:13px 0 0;color:#7b8091;font-size:15px}.tabs{display:grid;grid-template-columns:1fr 1fr;margin-bottom:32px;border-bottom:1px solid #e4e6ed}.tab{position:relative;padding:12px;border:0;color:#737889;background:transparent;font-size:16px}.tab:after{position:absolute;right:0;bottom:-1px;left:0;height:2px;background:transparent;content:""}.tab.active{color:#5146e5;font-weight:600}.tab.active:after{background:#5146e5}.tab-panel{animation:panel-in .28s ease both}.tab-panel label:not(.remember){display:block;margin-bottom:8px;color:#383b49;font-size:13px}.input-control{display:flex;height:46px;align-items:center;gap:11px;margin-bottom:20px;padding:0 13px;border:1px solid #cfd2db;border-radius:8px;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.input-control:focus-within{border-color:#6158e9;box-shadow:0 0 0 3px #5246e51a}.input-control>svg{width:17px;fill:none;stroke:#a9afbd;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.input-control input{min-width:0;flex:1;border:0;outline:0;color:#292c39;background:transparent;font-size:14px}.input-control input::placeholder{color:#b0b5c1}.password-toggle{display:grid;padding:4px;border:0;place-items:center;background:transparent}.password-toggle svg{width:18px;fill:none;stroke:#a9afbd;stroke-width:1.8}.form-options{display:flex;align-items:center;justify-content:space-between;margin-top:2px}.remember{display:inline-flex;align-items:center;gap:7px;color:#535766;font-size:14px}.remember input{width:15px;height:15px;margin:0;accent-color:#5146e5}.link-button{padding:0;border:0;color:#5146e5;background:transparent;font-size:13px}.slider{position:relative;height:52px;margin-top:29px;overflow:hidden;border-radius:8px;background:#f0f1f4;touch-action:none;-webkit-user-select:none;user-select:none}.slider p{position:relative;z-index:2;margin:0;color:#9da2ae;font-size:14px;line-height:52px;text-align:center;pointer-events:none}.slider-progress{position:absolute;inset:0 auto 0 0;width:52px;background:#5146e51f}.slider-handle{position:absolute;z-index:3;top:0;left:0;display:grid;width:53px;height:52px;padding:0;border:0;place-items:center;border-radius:8px;background:#fff;box-shadow:0 3px 12px #2a2f4429}.slider-handle svg{width:26px;fill:none;stroke:#9aabc2;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.slider[data-verified=true]{background:#ecf8f3}.slider[data-verified=true] p{color:#3ba77e}.slider[data-verified=true] .slider-progress{background:#3cb98f26}.form-message{min-height:20px;margin:8px 0 2px;color:#e1515b;font-size:13px;text-align:center}.form-message.success{color:#2e9c75}.submit-button{width:100%;height:47px;border:0;border-radius:8px;color:#fff;background:linear-gradient(90deg,#5145e8,#5248e8);box-shadow:0 8px 18px #5146e533;font-size:15px;font-weight:600;transition:transform .2s ease,box-shadow .2s ease}.submit-button:hover:not(:disabled){box-shadow:0 10px 24px #5146e54d;transform:translateY(-1px)}.submit-button:disabled{opacity:.7;cursor:not-allowed}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;background:#00000073;animation:fade-in .2s ease}.modal-box{width:min(400px,90%);padding:32px;border-radius:14px;background:#fff;box-shadow:0 20px 60px #0003;animation:panel-in .25s ease}.modal-box h3{margin:0 0 12px;font-size:18px;color:#303344}.modal-box p{margin:0 0 24px;color:#6b7082;font-size:14px;line-height:1.6}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.modal-btn{padding:10px 20px;border:0;border-radius:8px;font-size:14px;font-weight:500}.modal-btn.secondary{background:#f0f1f4;color:#535766}.modal-btn.primary{background:#5145e8;color:#fff}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.wechat-panel{padding:10px 0 40px;text-align:center}.qr-code{display:grid;width:205px;height:205px;margin:0 auto 24px;place-items:center;border:1px solid #eaebf0;border-radius:14px;box-shadow:0 10px 30px #272d4414}.qr-code svg{width:180px}.wechat-panel h2{margin:0 0 9px;font-size:16px}.wechat-panel p{margin:0;color:#8a8f9d;font-size:14px}.wechat-processing{padding:40px 0;display:flex;flex-direction:column;align-items:center;gap:12px}.wechat-spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;animation:spin-wechat .8s linear infinite}@keyframes spin-wechat{to{transform:rotate(360deg)}}.wechat-processing h2{font-size:16px;color:#1e2a3d;margin:8px 0 0}.wechat-processing p{font-size:13px;color:#6b7280}.wechat-disabled-state{padding:30px 0;display:flex;flex-direction:column;align-items:center;gap:12px}.wechat-disabled-state h2{font-size:15px;color:#6b7280}.wechat-disabled-state p{font-size:13px;color:#9ca3af;max-width:260px}.wechat-login-content{padding:20px 0}.wechat-qr-section{display:flex;flex-direction:column;align-items:center;gap:12px}.wechat-qr-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#eff6ff;border-radius:16px;margin-bottom:4px}.wechat-qr-section h2{font-size:16px;color:#1e2a3d;margin:0}.wechat-qr-section p{font-size:13px;color:#6b7280;margin:0}.wechat-qr-btn{margin-top:16px;display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:#2563eb;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s,transform .15s}.wechat-qr-btn:hover{background:#1d4ed8;transform:translateY(-1px)}.wechat-qr-btn:active{transform:translateY(0)}.wechat-hint{margin-top:20px;font-size:12px;color:#9ca3af;padding:8px 16px;background:#f8fafc;border-radius:6px}@keyframes panel-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.page-shell{align-items:start;padding:24px}.login-card{grid-template-columns:1fr}.intro-panel{min-height:auto;padding:48px}.intro-panel h1 br{display:none}.feature-list{grid-template-columns:1fr 1fr}.version{margin-top:35px}.form-panel{padding:55px 48px 65px}}@media(max-width:600px){.page-shell{padding:0}.login-card{min-height:100vh;border:0;border-radius:0;box-shadow:none}.intro-panel{padding:36px 25px 30px}.eyebrow{margin-bottom:15px}.intro-panel h1{font-size:29px}.intro-copy{margin:20px 0 27px;font-size:14px}.feature-list{grid-template-columns:1fr;gap:18px}.feature:nth-child(2){display:none}.version{display:none}.form-panel{padding:42px 24px 54px}.brand{margin-bottom:28px}}.react-flow{direction:ltr;--xy-edge-stroke-default: #b1b1b7;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #555;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #e2e2e2;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: transparent;--xy-background-pattern-dots-color-default: #91919a;--xy-background-pattern-lines-color-default: #eee;--xy-background-pattern-cross-color-default: #e2e2e2;background-color:var(--xy-background-color, var(--xy-background-color-default));--xy-node-color-default: inherit;--xy-node-border-default: 1px solid #1a192b;--xy-node-background-color-default: #fff;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #1a192b;--xy-node-border-radius-default: 3px;--xy-handle-background-color-default: #1a192b;--xy-handle-border-color-default: #fff;--xy-selection-background-color-default: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--xy-controls-button-background-color-default: #fefefe;--xy-controls-button-background-color-hover-default: #f4f4f4;--xy-controls-button-color-default: inherit;--xy-controls-button-color-hover-default: inherit;--xy-controls-button-border-color-default: #eee;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.react-flow.dark{--xy-edge-stroke-default: #3e3e3e;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #727272;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #2b2b2b;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: #141414;--xy-background-pattern-dots-color-default: #777;--xy-background-pattern-lines-color-default: #777;--xy-background-pattern-cross-color-default: #777;--xy-node-color-default: #f8f8f8;--xy-node-border-default: 1px solid #3c3c3c;--xy-node-background-color-default: #1e1e1e;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #999;--xy-handle-background-color-default: #bebebe;--xy-handle-border-color-default: #1e1e1e;--xy-selection-background-color-default: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--xy-controls-button-background-color-default: #2b2b2b;--xy-controls-button-background-color-hover-default: #3e3e3e;--xy-controls-button-color-default: #f8f8f8;--xy-controls-button-color-hover-default: #fff;--xy-controls-button-border-color-default: #5b5b5b;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #141414;--xy-edge-label-color-default: #f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;touch-action:none}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background-color:var(--xy-handle-background-color, var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));border-radius:100%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px) translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__minimap{background:var( --xy-minimap-background-color-props, var(--xy-minimap-background-color, var(--xy-minimap-background-color-default)) )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var( --xy-minimap-mask-background-color-props, var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default)) );stroke:var( --xy-minimap-mask-stroke-color-props, var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default)) );stroke-width:var( --xy-minimap-mask-stroke-width-props, var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default)) )}.react-flow__minimap-node{fill:var( --xy-minimap-node-background-color-props, var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default)) );stroke:var( --xy-minimap-node-stroke-color-props, var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default)) );stroke-width:var( --xy-minimap-node-stroke-width-props, var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default)) )}.react-flow__background-pattern.dots{fill:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default)) )}.react-flow__background-pattern.lines{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default)) )}.react-flow__background-pattern.cross{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default)) )}.react-flow__controls{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;color:var(--xy-node-color, var(--xy-node-color-default));text-align:center;border:var(--xy-node-border, var(--xy-node-border-default));background-color:var(--xy-node-background-color, var(--xy-node-background-color-default))}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color, var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color, var(--xy-selection-background-color-default));border:var(--xy-selection-border, var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var( --xy-controls-button-background-color-hover-props, var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default)) );color:var( --xy-controls-button-color-hover-props, var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default)) )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));translate:-50% -50%}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color, var(--xy-edge-label-color-default))}.admin-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.admin-topbar{display:none}.admin-menu-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;background:transparent;color:#374151;cursor:pointer}.admin-menu-btn svg{width:22px;height:22px}.admin-overlay{display:none}.admin-topbar-title{font-size:16px;font-weight:600;color:#1e2a3d}.admin-sidebar{display:flex;flex-direction:column;background:linear-gradient(180deg,#2e2d77,#34308b);color:#fff;padding:24px 0}.admin-sidebar-brand{display:flex;align-items:center;gap:10px;padding:0 24px 24px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:16px;font-size:16px;font-weight:600}.admin-nav{flex:1;display:flex;flex-direction:column;gap:4px;padding:0 12px}.admin-nav-link{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;color:#ffffffb3;text-decoration:none;font-size:14px;transition:all .15s ease}.admin-nav-link svg{width:18px;height:18px;flex-shrink:0}.admin-nav-link:hover{color:#fff;background:#ffffff1a}.admin-nav-link.active{color:#fff;background:#ffffff26;font-weight:500}.admin-sidebar-footer{padding:16px 20px 0;border-top:1px solid rgba(255,255,255,.1);margin-top:auto;display:flex;align-items:center;justify-content:space-between}.admin-user-info{display:flex;flex-direction:column;gap:2px}.admin-user-name{font-size:13px;font-weight:500}.admin-user-role{font-size:11px;color:#fff9}.admin-sign-out{padding:6px 12px;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:transparent;color:#fffc;font-size:12px;transition:all .15s ease}.admin-sign-out:hover{background:#ffffff1a;color:#fff}.admin-main{background:#f5f8fc;padding:32px;overflow-y:auto}.admin-page-title{margin:0 0 24px;font-size:24px;color:#303344}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-bottom:32px}.stat-card{padding:24px;background:#fff;border-radius:12px;border:1px solid #e8eaef}.stat-card-label{font-size:13px;color:#7b8091;margin-bottom:8px}.stat-card-value{font-size:28px;font-weight:700;color:#303344}.admin-card{background:#fff;border-radius:12px;border:1px solid #e8eaef;padding:24px;margin-bottom:24px}.admin-card-title{margin:0 0 16px;font-size:16px;font-weight:600;color:#303344}.admin-table{width:100%;border-collapse:collapse;font-size:13px}.admin-table th{text-align:left;padding:10px 12px;color:#7b8091;font-weight:500;border-bottom:1px solid #e8eaef;white-space:nowrap}.admin-table td{padding:12px;border-bottom:1px solid #f0f1f5;color:#303344}.admin-table tr:last-child td{border-bottom:0}.badge{display:inline-block;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:500}.badge-active{background:#ecf8f3;color:#2e9c75}.badge-disabled{background:#fef2f2;color:#dc2626}.badge-admin{background:#eef2ff;color:#4f46e5}.badge-super_admin{background:#fef3e2;color:#d97706}.badge-user{background:#f0f1f5;color:#535766}.badge-finance{background:#ecf8f3;color:#059669}.badge-custom{background:#fff7ed;color:#c2410c}.admin-toolbar{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.admin-search{flex:1;min-width:200px;max-width:320px;height:38px;padding:0 12px;border:1px solid #d0d3da;border-radius:8px;font-size:13px;color:#303344;background:#fff;outline:none;transition:border-color .15s ease}.admin-search:focus{border-color:#5146e5;box-shadow:0 0 0 3px #5146e514}.admin-select{height:38px;padding:0 12px;border:1px solid #d0d3da;border-radius:8px;font-size:13px;color:#303344;background:#fff;cursor:pointer}.admin-btn{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 16px;border:0;border-radius:8px;font-size:13px;font-weight:500;transition:all .15s ease}.admin-btn-primary{background:#5145e8;color:#fff}.admin-btn-primary:hover{background:#4338ca}.admin-btn-danger{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.admin-btn-danger:hover{background:#fee2e2}.admin-btn-ghost{background:transparent;color:#535766;border:1px solid #d0d3da}.admin-btn-ghost:hover{background:#f5f6f8}.admin-btn-secondary{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 16px;border:1px solid #d0d3da;border-radius:8px;font-size:13px;font-weight:500;background:#fff;color:#374151;cursor:pointer;transition:all .15s}.admin-btn-secondary:hover{background:#f5f6f8}.admin-btn-danger-sm{display:inline-flex;align-items:center;height:28px;padding:0 10px;border:1px solid #fecaca;border-radius:6px;font-size:12px;font-weight:500;background:#fef2f2;color:#dc2626;cursor:pointer;transition:all .15s}.admin-btn-danger-sm:hover{background:#fee2e2}.admin-btn-icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;color:#374151;cursor:pointer;transition:all .15s}.admin-btn-icon:hover{background:#f3f4f6;border-color:#d1d5db}.pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:20px}.pagination button{min-width:34px;height:34px;border:1px solid #d0d3da;border-radius:6px;background:#fff;color:#535766;font-size:13px}.pagination button.active{background:#5145e8;color:#fff;border-color:#5145e8}.pagination button:disabled{opacity:.4;cursor:not-allowed}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-size:13px;color:#383b49;font-weight:500}.form-group input,.form-group select{width:100%;height:40px;padding:0 12px;border:1px solid #d0d3da;border-radius:8px;font-size:14px;color:#303344;background:#fff}.form-group input:focus,.form-group select:focus{outline:none;border-color:#5146e5;box-shadow:0 0 0 3px #5146e514}.form-error{color:#dc2626;font-size:12px;margin-top:4px}.toast{position:fixed;top:24px;right:24px;z-index:2000;padding:14px 20px;border-radius:8px;font-size:14px;box-shadow:0 8px 24px #0000001f;animation:slide-in-right .3s ease}.toast-success{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.toast-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}@keyframes slide-in-right{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.empty-state{text-align:center;padding:48px 24px;color:#7b8091}.empty-state svg{width:48px;height:48px;margin-bottom:16px;opacity:.5}@media(max-width:768px){.admin-shell{grid-template-columns:1fr;grid-template-rows:56px 1fr}.admin-topbar{display:flex;align-items:center;gap:12px;padding:0 16px;background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:20}.admin-overlay{display:block;position:fixed;z-index:25;top:0;right:0;bottom:0;left:0;background:#00000059}.admin-sidebar{position:fixed;z-index:30;inset:0 auto 0 0;width:260px;transform:translate(-100%);transition:transform .25s ease}.admin-sidebar.admin-sidebar-open{transform:translate(0)}.admin-main{padding:20px 16px}.stat-grid{grid-template-columns:1fr 1fr}.admin-toolbar{flex-direction:column;gap:10px}.admin-search{max-width:100%}.admin-table-wrap{margin:0 -16px;border-radius:0;overflow-x:auto}.admin-table{font-size:12px;min-width:600px}.admin-page-header h2{font-size:18px}.admin-page-header p{font-size:12px}.admin-stats-row{grid-template-columns:1fr 1fr;gap:10px}.attachment-tabs{overflow-x:auto}.attachment-tab{white-space:nowrap;font-size:13px;padding:8px 14px}}.admin-page{max-width:1200px}.admin-page-header{margin-bottom:24px}.admin-page-header h1{margin:0 0 6px;font-size:22px;font-weight:600;color:#1e2a3d}.admin-page-header p{margin:0;color:#7b8a9e;font-size:13px}.admin-search-box{display:flex;align-items:center;gap:8px;height:38px;padding:0 12px;border:1px solid #d0d3da;border-radius:8px;background:#fff;min-width:240px;max-width:320px}.admin-search-box svg{flex:0 0 auto;color:#8a9bb3}.admin-search-box input{flex:1;min-width:0;border:0;outline:0;font-size:13px;color:#303344;background:transparent}.admin-search-box input::placeholder{color:#9cabbe}.admin-table-wrap{background:#fff;border:1px solid #e8eaef;border-radius:12px;overflow-x:auto;margin-bottom:16px}.admin-action-btn{padding:4px 10px;border:0;border-radius:4px;background:transparent;color:#5146e5;font-size:12px;cursor:pointer}.admin-action-btn:hover{background:#f0efff}.admin-action-btn.danger{color:#dc2626}.admin-action-btn.danger:hover{background:#fef2f2}.admin-pagination{display:flex;align-items:center;justify-content:space-between;color:#7b8a9e;font-size:13px}.admin-page-btns{display:flex;gap:6px}.admin-page-btns button{min-width:32px;height:32px;border:1px solid #d0d3da;border-radius:6px;background:#fff;color:#535766;font-size:13px;cursor:pointer}.admin-page-btns button.current{background:#5145e8;color:#fff;border-color:#5145e8}.admin-page-btns button:disabled{opacity:.4;cursor:not-allowed}.admin-modal-overlay{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#141e3073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.admin-modal{width:90%;max-width:560px;max-height:85vh;overflow-y:auto;border-radius:14px;background:#fff;box-shadow:0 20px 60px #141e302e}.admin-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e8eaef}.admin-modal-header h3{margin:0;font-size:17px;font-weight:600}.admin-modal-header>button{border:0;background:transparent;font-size:24px;color:#6b7a8d;cursor:pointer}.admin-modal-body{padding:24px}.admin-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid #e8eaef}.admin-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.admin-field{display:grid;gap:6px}.admin-field.full{grid-column:1 / -1}.admin-field label{font-size:13px;color:#383b49;font-weight:500}.admin-field label i{color:#ed5d66;font-style:normal;margin-left:2px}.admin-field input{width:100%;height:40px;padding:0 12px;border:1px solid #d0d3da;border-radius:8px;font-size:14px;color:#303344;background:#fff;outline:0}.admin-field input:focus{border-color:#5146e5;box-shadow:0 0 0 3px #5146e514}.admin-toast{position:fixed;top:24px;right:24px;z-index:2000;padding:14px 20px;border-radius:8px;font-size:14px;box-shadow:0 8px 24px #0000001f;animation:slide-in-right .3s ease}.admin-toast.success{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.admin-toast.error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.admin-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.admin-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:20px;display:flex;flex-direction:column;gap:6px}.admin-stat-label{font-size:13px;color:#6b7280}.admin-stat-value{font-size:22px;font-weight:700;color:#1e2a3d}.admin-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:16px}.admin-search{display:flex;align-items:center;gap:8px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:8px 14px;flex:1;max-width:360px}.admin-search svg{width:16px;height:16px;color:#9ca3af;flex-shrink:0}.admin-search input{background:none;border:none;outline:none;font-size:13px;width:100%}.admin-btn{padding:8px 16px;font-size:13px;font-weight:500;border-radius:8px;border:1px solid #e5e7eb;background:#fff;color:#374151;cursor:pointer;white-space:nowrap;transition:all .15s}.admin-btn:hover:not(:disabled){background:#f3f4f6}.admin-btn.danger{background:#fef2f2;border-color:#fecaca;color:#dc2626}.admin-btn.danger:hover:not(:disabled){background:#fee2e2}.admin-btn:disabled{opacity:.5;cursor:not-allowed}.attachment-thumb{width:48px;height:48px;object-fit:cover;border-radius:6px;border:1px solid #e5e7eb;cursor:pointer;transition:transform .15s,box-shadow .15s}.attachment-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #0000001f}.attachment-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:6px;border:1px solid #e5e7eb;background:#f9fafb;cursor:pointer}.attachment-icon.pdf{background:#fef2f2;border-color:#fecaca;color:#dc2626}.attachment-tabs{display:flex;gap:0;margin-bottom:20px;border-bottom:2px solid #edf0f7}.attachment-tab{display:flex;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:500;color:#6b7280;border:none;background:none;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .2s,border-color .2s}.attachment-tab:hover{color:#374151}.attachment-tab.active{color:#5146e5;border-bottom-color:#5146e5;font-weight:600}.attachment-name{font-size:12px;color:#374151;word-break:break-all;max-width:200px}.danger-link{color:#dc2626!important}.admin-table-footer{padding:12px 16px;font-size:13px;color:#6b7280}@media(max-width:900px){.admin-stats-row{grid-template-columns:repeat(2,1fr)}}.dept-mgmt{display:flex;flex-direction:column;gap:20px}.dept-header{display:flex;align-items:baseline;gap:12px}.dept-header-sub{font-size:12px;color:#8a9bb3}.dept-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.dept-stat-card{display:flex;align-items:center;gap:14px;padding:18px 20px;background:#fff;border-radius:12px;border:1px solid #edf0f7;transition:box-shadow .2s,transform .15s}.dept-stat-card:hover{box-shadow:0 4px 16px #0000000d;transform:translateY(-1px)}.dept-stat-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:10px;flex-shrink:0}.dept-stat-icon.total{background:#eef2ff;color:#4f46e5}.dept-stat-icon.active{background:#ecfdf5;color:#059669}.dept-stat-icon.closed{background:#fef2f2;color:#dc2626}.dept-stat-icon.manager{background:#fff7ed;color:#ea580c}.dept-stat-info{display:flex;flex-direction:column;gap:2px}.dept-stat-value{font-size:22px;font-weight:700;color:#1e2a3d;line-height:1.1}.dept-stat-label{font-size:12px;color:#6b7280}.dept-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.dept-search-wrap{position:relative;display:flex;align-items:center;flex:1;min-width:200px;max-width:360px}.dept-search-wrap>svg{position:absolute;left:12px;color:#93a5bd;pointer-events:none}.dept-search-input{width:100%;height:38px;padding:0 36px;border:1px solid #e2e7ee;border-radius:8px;outline:0;font-size:13px;color:#273248;background:#fff;transition:border-color .2s,box-shadow .2s}.dept-search-input:focus{border-color:#756bf0;box-shadow:0 0 0 3px #5146e50f}.dept-search-input::placeholder{color:#9babbe}.dept-search-clear{position:absolute;right:8px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:#f1f3f7;color:#6b7280;cursor:pointer}.dept-search-clear:hover{background:#e2e7ee}.dept-filter-group{display:flex;border:1px solid #e2e7ee;border-radius:8px;overflow:hidden}.dept-filter-btn{height:38px;padding:0 14px;border:0;background:#fff;font-size:12px;font-weight:500;color:#52637e;cursor:pointer;transition:all .15s}.dept-filter-btn:not(:last-child){border-right:1px solid #e2e7ee}.dept-filter-btn:hover{background:#f8f9fc}.dept-filter-btn.active{background:#5146e5;color:#fff}.dept-view-toggle{display:flex;border:1px solid #e2e7ee;border-radius:8px;overflow:hidden}.dept-view-btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:0;background:#fff;color:#6b7280;cursor:pointer;transition:all .15s}.dept-view-btn:not(:last-child){border-right:1px solid #e2e7ee}.dept-view-btn:hover{background:#f8f9fc}.dept-view-btn.active{background:#f0f1ff;color:#5146e5}.dept-tree-actions{display:flex;gap:6px}.dept-action-btn{height:32px;padding:0 12px;border:1px solid #e2e7ee;border-radius:6px;background:#fff;font-size:12px;color:#52637e;cursor:pointer;transition:all .15s}.dept-action-btn:hover{border-color:#c4c0f8;color:#5146e5;background:#fafbff}.dept-main-layout{display:grid;grid-template-columns:1fr 360px;gap:16px;min-height:500px}.dept-main-layout:not(:has(.dept-panel-right)){grid-template-columns:1fr}.dept-panel-left{background:#fff;border:1px solid #edf0f7;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.dept-tree-list{flex:1;overflow-y:auto;max-height:600px}.dept-flat-list{flex:1;overflow:auto;max-height:600px}.dept-flat-list .admin-table{font-size:13px}.dept-flat-list .admin-table tr.row-selected{background:#f0f1ff}.dept-flat-list .admin-table tr:hover{background:#f8f9fc}.dept-list-more{text-align:center;padding:12px;font-size:12px;color:#8a9bb3}.dept-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 20px;color:#8a9bb3}.dept-empty p{font-size:13px}.dept-tree-node{display:flex;align-items:center;gap:8px;padding:10px 12px;cursor:pointer;transition:background .1s;border-bottom:1px solid #f5f6f8}.dept-tree-node:hover{background:#f8f9fc}.dept-tree-node.selected{background:#f0f1ff;border-left:3px solid #5146e5}.dept-tree-toggle{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border:0;border-radius:4px;background:transparent;color:#6b7280;cursor:pointer;flex-shrink:0}.dept-tree-toggle:hover{background:#edf0f7}.dept-tree-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:#f0f1ff;color:#5146e5;flex-shrink:0}.dept-tree-content{flex:1;min-width:0;display:flex;align-items:center;gap:8px}.dept-tree-name{font-size:13px;font-weight:500;color:#1e2a3d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dept-tree-code{font-size:11px;color:#93a5bd;background:#f5f6f8;padding:1px 6px;border-radius:3px;flex-shrink:0}.dept-state-tag{font-size:11px;padding:2px 8px;border-radius:4px;font-weight:500;flex-shrink:0}.dept-state-tag.active{background:#ecfdf5;color:#059669}.dept-state-tag.closed{background:#fef2f2;color:#dc2626}.dept-tree-manager{font-size:11px;color:#6b7280;flex-shrink:0}.dept-code-tag{font-size:11px;background:#f0f1ff;color:#5146e5;padding:2px 6px;border-radius:4px;font-family:monospace}.dept-path-cell{font-size:12px;color:#6b7280;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dept-panel-right{background:#fff;border:1px solid #edf0f7;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;height:fit-content;max-height:600px;position:sticky;top:20px}.dept-detail-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #edf0f7;background:#f8fafc}.dept-detail-header h3{font-size:15px;font-weight:600;color:#1e2a3d;margin:0}.dept-detail-close{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:0;border-radius:6px;background:transparent;color:#6b7280;cursor:pointer;transition:background .15s}.dept-detail-close:hover{background:#f1f3f7}.dept-detail-body{padding:16px 20px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.dept-detail-row{display:flex;flex-direction:column;gap:4px}.dept-detail-row label{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.3px}.dept-detail-row span{font-size:13px;color:#1e2a3d}.dept-detail-path{font-size:12px!important;color:#5146e5!important;background:#f0f1ff;padding:4px 8px;border-radius:4px;display:inline-block}@media(max-width:1100px){.dept-main-layout{grid-template-columns:1fr}.dept-panel-right{position:static}}@media(max-width:768px){.dept-stats-row{grid-template-columns:repeat(2,1fr)}.dept-toolbar{flex-direction:column;align-items:stretch}.dept-search-wrap{max-width:none}}.emp-mgmt{display:flex;flex-direction:column;gap:20px}.emp-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.emp-layout{display:grid;grid-template-columns:240px 1fr;gap:16px;min-height:560px}.emp-layout:has(.emp-detail-panel){grid-template-columns:240px 1fr 320px}.emp-sidebar{background:#fff;border:1px solid #edf0f7;border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.emp-sidebar-header{padding:14px 16px 8px;border-bottom:1px solid #edf0f7}.emp-sidebar-header h3{margin:0;font-size:13px;font-weight:600;color:#1e2a3d}.emp-sidebar-search{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid #f5f6f8}.emp-sidebar-search svg{color:#93a5bd;flex-shrink:0}.emp-sidebar-search input{flex:1;border:0;outline:0;font-size:12px;color:#273248;background:transparent}.emp-sidebar-search input::placeholder{color:#9babbe}.emp-dept-list{flex:1;overflow-y:auto;max-height:480px}.emp-dept-item{display:flex;align-items:center;justify-content:space-between;padding:9px 16px;cursor:pointer;transition:background .1s;border-bottom:1px solid #f9fafb}.emp-dept-item:hover{background:#f8f9fc}.emp-dept-item.active{background:#f0f1ff;border-left:3px solid #5146e5}.emp-dept-name{font-size:12px;color:#273248;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.emp-dept-item.active .emp-dept-name{font-weight:600;color:#5146e5}.emp-dept-count{font-size:11px;color:#8a9bb3;background:#f1f3f7;padding:1px 7px;border-radius:10px;flex-shrink:0}.emp-dept-item.active .emp-dept-count{background:#e0dffb;color:#5146e5}.emp-main{background:#fff;border:1px solid #edf0f7;border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.emp-toolbar{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid #edf0f7;flex-wrap:wrap}.emp-toolbar .dept-search-wrap{min-width:180px;max-width:280px}.emp-identity-tags{display:flex;gap:8px;padding:8px 16px;flex-wrap:wrap;border-bottom:1px solid #f5f6f8}.emp-identity-tag{font-size:11px;padding:3px 10px;border-radius:12px;background:#f5f6f8;color:#52637e}.emp-table-wrap{flex:1;overflow:auto;max-height:520px}.emp-table{font-size:12px!important}.emp-table tr.row-selected{background:#f0f1ff}.emp-table tr:hover{background:#f8f9fc}.emp-email-cell{font-size:11px;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.emp-role-tag{font-size:11px;padding:2px 8px;border-radius:4px;font-weight:500}.emp-role-tag.sales{background:#fff7ed;color:#ea580c}.emp-role-tag.non-sales{background:#eef2ff;color:#4f46e5}.emp-detail-panel{background:#fff;border:1px solid #edf0f7;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;height:fit-content;max-height:560px}@media(max-width:1100px){.emp-layout{grid-template-columns:1fr}.emp-layout:has(.emp-detail-panel){grid-template-columns:1fr}.emp-sidebar{max-height:200px}}@media(max-width:768px){.emp-stats-row{grid-template-columns:1fr}}.emp-approval-section{margin-top:16px;padding-top:16px;border-top:1px solid #edf0f7}.emp-approval-title{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#1e2a3d;margin:0 0 12px}.emp-approval-loading{display:flex;align-items:center;gap:8px;font-size:12px;color:#8a9bb3;padding:8px 0}.emp-approval-empty{font-size:12px;color:#93a5bd;padding:8px 0}.emp-approval-flow{display:flex;flex-direction:column}.emp-approval-step{display:flex;gap:10px;min-height:40px}.emp-approval-connector{display:flex;flex-direction:column;align-items:center;width:16px;flex-shrink:0}.emp-approval-dot{width:8px;height:8px;border-radius:50%;background:#c7d0dc;border:2px solid #e8ecf3;flex-shrink:0;margin-top:5px}.emp-approval-dot.first{background:#5146e5;border-color:#e0dffb}.emp-approval-line{width:1.5px;flex:1;background:#e2e6ee;min-height:14px}.emp-approval-content{display:flex;flex-direction:column;gap:2px;padding-bottom:10px}.emp-approval-level{font-size:11px;color:#8a9bb3;font-weight:500}.emp-approval-person{font-size:12px;color:#273248;font-weight:500;display:flex;align-items:center}.matrix-page{display:flex;flex-direction:column;gap:20px}.matrix-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.matrix-dept-select{height:38px;padding:0 12px;border:1px solid #e2e7ee;border-radius:8px;font-size:13px;color:#273248;background:#fff;outline:0;cursor:pointer;min-width:180px;transition:border-color .2s}.matrix-dept-select:focus{border-color:#756bf0;box-shadow:0 0 0 3px #5146e50f}.matrix-result-count{font-size:12px;color:#8a9bb3;margin-left:auto}.matrix-table-wrap{background:#fff;border:1px solid #e8eaef;border-radius:12px;overflow:auto;max-height:70vh;position:relative}.matrix-table{font-size:12px!important;border-collapse:separate;border-spacing:0;min-width:max-content}.matrix-table th,.matrix-table td{white-space:nowrap}.matrix-sticky-col{position:sticky;background:#fff;z-index:2}.matrix-table thead .matrix-sticky-col{background:#f8fafc;z-index:3}.matrix-sticky-col-1{left:0;min-width:88px;border-right:1px solid #e8eaef}.matrix-sticky-col-2{left:88px;min-width:80px;border-right:1px solid #e8eaef}.matrix-sticky-col-3{left:168px;min-width:120px;border-right:1px solid #e8eaef}.matrix-sticky-col-4{left:288px;min-width:110px;border-right:2px solid #d0d5e4}.matrix-approver-th{min-width:110px;background:#f8fafc;font-size:11px;color:#52637e;text-align:center}.matrix-approver-td{text-align:center;vertical-align:middle}.matrix-cell-person{display:flex;flex-direction:column;align-items:center;gap:2px}.matrix-cell-name{font-size:12px;font-weight:500;color:#1e2a3d}.matrix-cell-code{font-size:10px!important}.matrix-cell-empty{color:#c4ccd9;font-size:13px}.matrix-table tr:hover .matrix-sticky-col{background:#f8f9fc}.matrix-table thead .matrix-sticky-col:hover{background:#f8fafc}.wf-designer{display:flex;flex-direction:column;height:calc(100vh - 48px);overflow:hidden}.wf-toast{position:fixed;top:24px;right:24px;z-index:2000;padding:12px 20px;border-radius:8px;font-size:13px;background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0;box-shadow:0 8px 24px #0000001a;animation:slide-in-right .3s ease}.wf-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid #e8eaef;flex-shrink:0}.wf-header h2{margin:0;font-size:18px;font-weight:600;color:#1e2a3d}.wf-header-actions{display:flex;gap:10px}.wf-btn{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 16px;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.wf-btn:disabled{opacity:.5;cursor:not-allowed}.wf-btn-primary{background:#5145e8;color:#fff}.wf-btn-primary:hover:not(:disabled){background:#4338ca}.wf-btn-outline{background:#fff;color:#374151;border:1px solid #d0d3da}.wf-btn-outline:hover{background:#f5f6f8}.wf-btn-success{background:#059669;color:#fff}.wf-btn-success:hover{background:#047857}.wf-btn-danger{background:#dc2626;color:#fff}.wf-btn-danger:hover{background:#b91c1c}.wf-body{flex:1;display:grid;grid-template-columns:220px 1fr 320px;overflow:hidden}.wf-list-panel{border-right:1px solid #e8eaef;overflow-y:auto;padding:12px 0}.wf-list-title{padding:0 16px 12px;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.wf-empty{padding:16px;font-size:12px;color:#9ca3af;text-align:center}.wf-list-item{padding:12px 16px;cursor:pointer;transition:background .1s;border-bottom:1px solid #f5f6f8}.wf-list-item:hover{background:#f8f9fc}.wf-list-item-active{background:#f0f1ff;border-left:3px solid #5145e8}.wf-list-item-name{font-size:13px;font-weight:500;color:#1e2a3d;margin-bottom:4px}.wf-list-item-meta{display:flex;align-items:center;gap:8px}.wf-list-item-actions{margin-left:auto;display:flex;gap:2px;opacity:0;transition:opacity .15s}.wf-list-item:hover .wf-list-item-actions,.wf-list-item-active .wf-list-item-actions{opacity:1}.wf-list-action-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;border-radius:4px;cursor:pointer;color:#6b7280;transition:background .1s,color .1s}.wf-list-action-btn:hover{background:#e5e7eb;color:#374151}.wf-list-action-del:hover{background:#fee2e2;color:#dc2626}.wf-list-edit-row{display:flex;gap:4px;margin-bottom:4px}.wf-list-edit-input{flex:1;height:26px;padding:0 6px;font-size:12px;border:1px solid #5145e8;border-radius:4px;outline:none}.wf-list-edit-confirm{height:26px;padding:0 8px;font-size:11px;background:#5145e8;color:#fff;border:none;border-radius:4px;cursor:pointer}.wf-list-edit-cancel{height:26px;padding:0 8px;font-size:11px;background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:4px;cursor:pointer}.wf-type-badge{font-size:11px;padding:2px 8px;border-radius:4px;background:#eef2ff;color:#4338ca}.wf-status-dot{width:8px;height:8px;border-radius:50%;background:#d1d5db}.wf-status-dot.active{background:#10b981}.wf-canvas-panel{overflow-y:auto;padding:24px;background:#f9fafb}.wf-placeholder{display:flex;align-items:center;justify-content:center;height:100%;font-size:14px;color:#9ca3af}.wf-canvas-info{display:flex;align-items:center;gap:12px;margin-bottom:24px}.wf-canvas-name{font-size:15px;font-weight:600;color:#1e2a3d}.wf-canvas-version{font-size:11px;padding:2px 8px;border-radius:4px;background:#f3f4f6;color:#6b7280}.wf-active-badge{font-size:11px;padding:3px 10px;border-radius:12px;background:#f3f4f6;color:#6b7280}.wf-active-badge.on{background:#ecfdf5;color:#059669}.wf-node-list{display:flex;flex-direction:column;align-items:center}.wf-node-marker{display:flex;align-items:center;gap:8px;font-size:12px;color:#6b7280}.wf-marker-dot{width:12px;height:12px;border-radius:50%}.wf-marker-dot.start{background:#10b981;box-shadow:0 0 0 3px #10b98133}.wf-marker-dot.end{background:#ef4444;box-shadow:0 0 0 3px #ef444433}.wf-connector{display:flex;flex-direction:column;align-items:center;position:relative;height:32px}.wf-connector-line{width:2px;height:100%;background:#d1d5db}.wf-add-condition-btn{position:absolute;right:-24px;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:50%;border:1px dashed #9ca3af;background:#fff;color:#9ca3af;font-size:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.wf-add-condition-btn:hover{border-color:#5145e8;color:#5145e8;background:#f0f1ff}.wf-condition-tag{display:flex;align-items:center;gap:6px;padding:4px 10px;margin:4px 0;border-radius:6px;background:#fffbeb;border:1px solid #fcd34d;font-size:11px;color:#92400e}.wf-cond-remove{border:none;background:none;color:#92400e;cursor:pointer;font-size:13px;padding:0 2px}.wf-cond-remove:hover{color:#dc2626}.wf-node-card{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;width:100%;max-width:420px;cursor:pointer;transition:all .15s;box-shadow:0 1px 3px #0000000a}.wf-node-card:hover{border-color:#a5b4fc;box-shadow:0 4px 12px #0000000f}.wf-node-card.selected{border-color:#5145e8;box-shadow:0 0 0 3px #5145e81a}.wf-node-drag-handle{color:#9ca3af;cursor:grab;padding:4px}.wf-node-drag-handle:active{cursor:grabbing}.wf-node-content{flex:1;min-width:0}.wf-node-title{font-size:13px;font-weight:500;color:#1e2a3d;margin-bottom:4px}.wf-node-tags{display:flex;flex-wrap:wrap;gap:4px}.wf-tag{font-size:10px;padding:2px 6px;border-radius:4px}.wf-tag-position{background:#dbeafe;color:#1d4ed8}.wf-tag-custom{background:#fce7f3;color:#be185d}.wf-tag-mode{background:#f3f4f6;color:#374151}.wf-tag-role{background:#ecfdf5;color:#065f46}.wf-node-remove{border:none;background:none;color:#9ca3af;cursor:pointer;padding:4px;border-radius:4px;transition:all .15s}.wf-node-remove:hover{color:#dc2626;background:#fef2f2}.wf-add-node-btn{padding:8px 24px;border:2px dashed #d1d5db;border-radius:10px;background:#fff;color:#6b7280;font-size:13px;cursor:pointer;transition:all .15s}.wf-add-node-btn:hover{border-color:#5145e8;color:#5145e8;background:#f8f7ff}.wf-props-panel{border-left:1px solid #e8eaef;overflow-y:auto;padding:20px}.wf-props-title{font-size:14px;font-weight:600;color:#1e2a3d;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #e8eaef}.wf-props-empty{display:flex;align-items:center;justify-content:center;height:100%;font-size:13px;color:#9ca3af}.wf-label{display:block;font-size:12px;font-weight:500;color:#374151;margin:14px 0 6px}.wf-input{width:100%;height:36px;padding:0 10px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;color:#1e2a3d;outline:none;transition:border-color .15s}.wf-input:focus{border-color:#5145e8;box-shadow:0 0 0 2px #5145e814}.wf-select{width:100%;height:36px;padding:0 10px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;color:#1e2a3d;background:#fff;cursor:pointer}.wf-textarea{width:100%;min-height:80px;padding:10px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;color:#1e2a3d;resize:vertical;outline:none}.wf-textarea:focus{border-color:#5145e8}.wf-radio-group{display:flex;gap:16px}.wf-radio{display:flex;align-items:center;gap:6px;font-size:13px;color:#374151;cursor:pointer}.wf-radio input{accent-color:#5145e8}.wf-checkbox-row{margin-bottom:8px}.wf-checkbox{display:flex;align-items:center;gap:8px;font-size:13px;color:#374151;cursor:pointer}.wf-checkbox input{accent-color:#5145e8}.wf-approver-search{position:relative}.wf-emp-dropdown{position:absolute;top:100%;left:0;right:0;z-index:10;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 8px 24px #0000001a;max-height:200px;overflow-y:auto;margin-top:4px}.wf-emp-item{padding:8px 12px;font-size:12px;color:#374151;cursor:pointer;transition:background .1s}.wf-emp-item:hover{background:#f0f1ff}.wf-approver-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.wf-approver-chip{display:flex;align-items:center;gap:6px;padding:4px 10px;background:#f0f1ff;border-radius:16px;font-size:12px;color:#4338ca}.wf-approver-chip button{border:none;background:none;color:#6b7280;cursor:pointer;font-size:14px;padding:0}.wf-approver-chip button:hover{color:#dc2626}.wf-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;background:#141e3073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.wf-modal{width:90%;max-width:440px;padding:24px;background:#fff;border-radius:14px;box-shadow:0 20px 60px #141e302e}.wf-modal-title{font-size:16px;font-weight:600;color:#1e2a3d;margin-bottom:16px}.wf-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}@media(max-width:1024px){.wf-body{grid-template-columns:180px 1fr 260px}}@media(max-width:768px){.wf-body{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.wf-list-panel{border-right:none;border-bottom:1px solid #e8eaef;max-height:150px}.wf-props-panel{border-left:none;border-top:1px solid #e8eaef}}.wf-node-card.wf-node-branch{border-color:#f59e0b;background:#fffbeb}.wf-node-branch .wf-node-drag-handle{color:#f59e0b}.wf-branch-badge{display:inline-block;margin-left:8px;font-size:10px;padding:1px 6px;border-radius:4px;background:#fef3c7;color:#d97706;font-weight:500;vertical-align:middle}.wf-conditions-block{width:100%;max-width:420px;margin:6px 0 0;padding:8px 12px;background:#fffbeb;border:1px solid #fcd34d;border-radius:8px}.wf-conditions-header{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:#92400e;margin-bottom:6px;text-transform:uppercase;letter-spacing:.3px}.wf-add-cond-row{display:flex;justify-content:center;margin:4px 0 0}.wf-add-condition-inline{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border:1px dashed #d1d5db;border-radius:6px;background:#fff;color:#9ca3af;font-size:11px;cursor:pointer;transition:all .15s}.wf-add-condition-inline:hover{border-color:#f59e0b;color:#d97706;background:#fffbeb}.wf-rf-container{flex:1;min-height:0;background:#f8f9fc;border-radius:0 0 12px 12px;overflow:hidden}.wf-canvas-toolbar{display:flex;align-items:center;gap:12px;padding:8px 16px;background:#fff;border-bottom:1px solid #e8eaef}.wf-canvas-info{flex:1}.wf-canvas-hints{display:flex;align-items:center;gap:6px;font-size:12px;color:#9ca3af}.wf-hint-dot{width:3px;height:3px;border-radius:50%;background:#d1d5db}.wf-btn-sm{padding:5px 14px;font-size:13px;white-space:nowrap}.wf-canvas-panel{display:flex;flex-direction:column;overflow:hidden}.rf-start-node,.rf-end-node{display:flex;align-items:center;justify-content:center;width:88px;height:36px;border-radius:18px;font-size:13px;font-weight:700;letter-spacing:.5px;position:relative}.rf-start-node{background:#10b981;color:#fff;box-shadow:0 2px 8px #10b98159}.rf-end-node{background:#ef4444;color:#fff;box-shadow:0 2px 8px #ef444459}.rf-handle-start.react-flow__handle{background:#059669;border:2px solid #fff;width:10px;height:10px}.rf-handle-end.react-flow__handle{background:#dc2626;border:2px solid #fff;width:10px;height:10px}.rf-approval-node{width:220px;background:#fff;border:1.5px solid #d1d5db;border-radius:10px;padding:12px 14px;cursor:pointer;transition:border-color .15s,box-shadow .15s;box-shadow:0 1px 4px #0000000f}.rf-approval-node:hover{border-color:#6366f1;box-shadow:0 2px 10px #6366f11f}.rf-approval-node--selected{border-color:#6366f1;box-shadow:0 0 0 3px #6366f12e}.rf-node-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.rf-node-name{font-size:14px;font-weight:600;color:#1e2a3d;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rf-node-delete{background:none;border:none;color:#9ca3af;font-size:18px;line-height:1;cursor:pointer;padding:0 2px;border-radius:4px;transition:color .15s,background .15s}.rf-node-delete:hover{color:#ef4444;background:#fee2e2}.rf-node-tags{display:flex;flex-wrap:wrap;gap:4px}.rf-tag{display:inline-block;padding:2px 7px;border-radius:4px;font-size:11px;font-weight:500}.rf-tag-type.position{background:#ede9fe;color:#6d28d9}.rf-tag-type.custom{background:#fce7f3;color:#be185d}.rf-tag-mode{background:#dbeafe;color:#1d4ed8}.rf-tag-role{background:#ecfdf5;color:#065f46}.rf-handle.react-flow__handle{width:10px;height:10px;background:#6366f1;border:2px solid #fff;transition:transform .12s}.rf-handle.react-flow__handle:hover{background:#4f46e5;transform:scale(1.4)}.rf-edge-label{display:flex;align-items:center;gap:5px;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:500;white-space:nowrap;box-shadow:0 1px 4px #0000001a;cursor:default}.rf-edge-label--condition{background:#fffbeb;border:1px solid #fcd34d;color:#92400e}.rf-edge-label--plain{background:#f9fafb;border:1px solid #e5e7eb;color:#6b7280}.rf-edge-label-text{max-width:160px;overflow:hidden;text-overflow:ellipsis}.rf-edge-delete{background:none;border:none;color:#9ca3af;font-size:15px;line-height:1;cursor:pointer;padding:0;transition:color .12s}.rf-edge-delete:hover{color:#ef4444}.wf-modal--edge{width:420px}.wf-edge-flow-path{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding:10px 14px;background:#f8f9fc;border-radius:8px;border:1px solid #e8eaef}.wf-edge-node-badge{display:inline-block;padding:3px 10px;border-radius:12px;background:#e0e7ff;color:#3730a3;font-size:13px;font-weight:600}.wf-edge-mode-tabs{display:flex;gap:8px;margin-bottom:14px}.wf-edge-mode-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 0;border-radius:8px;border:1.5px solid #e5e7eb;background:#fff;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .15s}.wf-edge-mode-tab:hover{border-color:#6366f1;color:#4f46e5}.wf-edge-mode-tab.active{border-color:#6366f1;background:#eef2ff;color:#4338ca;font-weight:600}.wf-edge-mode-desc{font-size:13px;color:#6b7280;margin:0 0 14px;line-height:1.6}.wf-edge-cond-form{margin-bottom:4px}.wf-edge-cond-row{display:flex;gap:8px}.wf-edge-cond-row .wf-select{flex:1}.wf-edge-cond-row .wf-select--narrow{flex:0 0 80px}.wf-edge-cond-row .wf-input{flex:1}.tab-bar{display:flex;gap:2px;border-bottom:1px solid #e5e7eb;margin-bottom:24px}.tab-btn{padding:10px 20px;border:none;background:none;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s,border-color .15s}.tab-btn:hover{color:#111827}.tab-btn.active{color:#2563eb;border-bottom-color:#2563eb}.config-panel{max-width:760px}.config-section{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:24px;margin-bottom:20px}.config-section h2{font-size:15px;font-weight:600;color:#111827;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid #f3f4f6}.section-desc{font-size:13px;color:#6b7280;margin:-8px 0 14px}.config-field{margin-bottom:16px}.config-field:last-child{margin-bottom:0}.config-field>label{display:block;font-size:13px;font-weight:500;color:#374151;margin-bottom:6px}.field-hint{font-weight:400;color:#9ca3af;font-size:12px}.admin-textarea{width:100%;padding:10px 12px;border:1.5px solid #e5e7eb;border-radius:8px;font-size:13px;font-family:inherit;color:#111827;background:#fafafa;resize:vertical;transition:border-color .15s;box-sizing:border-box;line-height:1.6}.admin-textarea:focus{outline:none;border-color:#2563eb;background:#fff}.text-btn{margin-top:6px;padding:0;border:none;background:none;font-size:12px;color:#6b7280;cursor:pointer;text-decoration:underline}.text-btn:hover{color:#2563eb}.var-tags{display:flex;flex-wrap:wrap;gap:6px}.var-tag{display:inline-block;padding:2px 8px;background:#eff6ff;color:#1d4ed8;border-radius:4px;font-size:12px;font-family:monospace}.toggle-row{display:flex;align-items:center;gap:10px}.toggle-btn{position:relative;width:44px;height:24px;border-radius:12px;border:none;background:#d1d5db;cursor:pointer;transition:background .2s;padding:0;flex-shrink:0}.toggle-btn.on{background:#2563eb}.toggle-knob{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s;display:block}.toggle-btn.on .toggle-knob{transform:translate(20px)}.toggle-label{font-size:13px;color:#374151}.secret-hint-box{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;font-size:13px;color:#0369a1;line-height:1.6}.secret-hint-box svg{margin-top:2px;flex-shrink:0}.secret-hint-box code{background:#e0f2fe;padding:1px 5px;border-radius:4px;font-size:12px;font-family:monospace}.test-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.form-actions{display:flex;justify-content:flex-end;padding-top:4px}.admin-btn.primary{background:#2563eb;color:#fff}.admin-btn.primary:hover:not(:disabled){background:#1d4ed8}.logs-filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.logs-total{font-size:13px;color:#6b7280;margin-left:auto}.admin-select{padding:8px 12px;border:1.5px solid #e5e7eb;border-radius:8px;font-size:13px;color:#374151;background:#fff;cursor:pointer}.logs-table-wrap{overflow-x:auto}.log-row{cursor:pointer;transition:background .1s}.log-row:hover{background:#f9fafb}.event-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;background:#f3f4f6;color:#374151}.log-report-title{display:block;font-size:13px;color:#111827}.log-report-type{font-size:11px;color:#9ca3af}.recipients-cell{font-size:12px;color:#374151}.result-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px}.result-badge.success{background:#d1fae5;color:#065f46}.result-badge.partial{background:#fef3c7;color:#92400e}.result-badge.fail{background:#fee2e2;color:#991b1b}.msg-preview-cell{display:flex;align-items:center}.msg-preview{font-size:12px;color:#6b7280}.nowrap{white-space:nowrap}.log-expand-row td{background:#f9fafb;padding:0!important}.log-expand-content{padding:12px 16px;border-top:1px solid #f3f4f6}.log-expand-label{font-size:12px;font-weight:600;color:#374151;margin-bottom:4px}.log-message-full{font-size:13px;color:#111827;white-space:pre-wrap;word-break:break-word;background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:8px 12px;margin:0;font-family:inherit;line-height:1.6}.log-recipients-full{font-size:12px;color:#374151;line-height:1.8}.pagination{display:flex;align-items:center;gap:12px;justify-content:center;margin-top:16px}.page-btn{padding:6px 14px;border:1.5px solid #e5e7eb;border-radius:6px;background:#fff;font-size:13px;cursor:pointer;color:#374151}.page-btn:disabled{opacity:.4;cursor:not-allowed}.page-btn:not(:disabled):hover{border-color:#2563eb;color:#2563eb}.page-info{font-size:13px;color:#6b7280}.config-section.test-mode-active{border-color:#fbbf24;background:#fffbeb}.test-mode-heading{display:flex;align-items:center;gap:10px}.test-mode-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:12px;background:#fef3c7;color:#92400e;font-size:12px;font-weight:600;border:1px solid #fbbf24}.toggle-btn.warning.on{background:#f59e0b}.admin-cell-muted{color:#9ca3af;font-size:12px}.admin-empty{padding:60px 0;text-align:center;color:#9ca3af;font-size:14px}.admin-loading{padding:40px 0;text-align:center;color:#9ca3af;font-size:14px}.sensitive-add-row{display:flex;align-items:center;gap:8px;flex-shrink:0}.sensitive-word-tag{display:inline-block;padding:2px 10px;background:#fff1f2;color:#e11d48;border:1px solid #fecdd3;border-radius:20px;font-size:13px;font-weight:500}.card-test-form{display:flex;flex-direction:column;gap:4px}.card-test-grid{display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:start}@media(max-width:860px){.card-test-grid{grid-template-columns:1fr}}.card-test-fields{display:flex;flex-direction:column;gap:4px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:640px){.two-col{grid-template-columns:1fr}}.card-preview{margin-top:16px;padding:16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px}.card-preview-label{font-size:12px;color:#6b7280;margin-bottom:10px;font-weight:500;text-transform:uppercase;letter-spacing:.03em}.card-preview-box{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px 18px;box-shadow:0 1px 3px #0000000a;max-width:360px}.card-preview-title{font-size:15px;font-weight:600;color:#1e2a3d;margin-bottom:10px}.card-preview-desc{font-size:13px;color:#374151;line-height:1.8}.card-preview-desc .gray{color:#9ca3af;font-size:12px}.card-preview-desc .normal{color:#374151}.card-preview-desc .highlight{color:#2563eb;font-weight:500}.card-preview-footer{margin-top:14px;padding-top:12px;border-top:1px solid #f1f5f9;display:flex;justify-content:flex-end}.card-preview-btn{font-size:13px;color:#2563eb;font-weight:500}.oauth-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:12px}@media(max-width:640px){.oauth-info-grid{grid-template-columns:1fr}}.oauth-info-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:20px;display:flex;flex-direction:column;gap:8px}.oauth-info-icon{width:48px;height:48px;border-radius:10px;background:#eff6ff;display:flex;align-items:center;justify-content:center;color:#2563eb;margin-bottom:4px}.oauth-info-card h3{font-size:15px;font-weight:600;color:#1e2a3d;margin:0}.oauth-info-card p{font-size:13px;color:#6b7280;line-height:1.6;margin:0}.oauth-info-tag{display:inline-block;font-size:11px;padding:2px 8px;background:#dbeafe;color:#1d4ed8;border-radius:4px;font-weight:500;align-self:flex-start;margin-top:4px}.oauth-checklist{display:flex;flex-direction:column;gap:10px;margin-top:8px}.check-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;font-size:13px;color:#374151;border:1px solid #e5e7eb;background:#fafafa}.check-item.pass{background:#f0fdf4;border-color:#bbf7d0}.check-item.pass .check-icon{color:#16a34a;font-weight:700}.check-item.fail{background:#fef2f2;border-color:#fecaca}.check-item.fail .check-icon{color:#dc2626;font-weight:700}.check-item.info{background:#eff6ff;border-color:#bfdbfe}.check-item.info .check-icon{color:#2563eb;font-weight:700;font-size:14px}.check-icon{width:18px;text-align:center;flex-shrink:0;font-size:15px}.url-display{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px 14px;overflow-x:auto}.url-code{font-size:11px;font-family:Menlo,Monaco,Consolas,monospace;color:#374151;word-break:break-all;line-height:1.6}body:has(.print-a4-section),body:has(.print-a5-section){background:#fff;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-size:13px;color:#1e2a3d;margin:0;padding:0}.print-toolbar{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;background:#1e293b;color:#f1f5f9;padding:10px 20px;font-size:13px;gap:16px;min-height:56px}.print-toolbar-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.print-toolbar-title{font-weight:600;font-size:14px;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.print-toolbar-tag{background:#3b82f633;color:#93c5fd;border:1px solid rgba(59,130,246,.35);border-radius:12px;padding:2px 10px;font-size:11px;white-space:nowrap;flex-shrink:0}.print-toolbar-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.print-btn-main{display:flex;flex-direction:column;align-items:center;background:#3b82f6;color:#fff;border:none;border-radius:8px;padding:8px 22px;font-size:14px;font-weight:600;cursor:pointer;line-height:1.4;white-space:nowrap;gap:1px}.print-btn-main small{font-size:10px;font-weight:400;opacity:.8;display:block}.print-btn-main:hover{background:#2563eb}.print-btn-group{display:flex;flex-direction:column;gap:4px}.print-btn-sub-action{background:transparent;color:#94a3b8;border:1px solid rgba(148,163,184,.3);border-radius:6px;padding:4px 12px;font-size:11px;font-weight:400;cursor:pointer;white-space:nowrap;line-height:1.5}.print-btn-sub-action:hover{color:#f1f5f9;border-color:#f1f5f966;background:#f1f5f914}body:has(.print-toolbar) .print-a4-section{padding-top:72px}.print-page-header{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px 24px;padding:16px 0 8px;border-bottom:2px solid #e2e8f0;margin-bottom:8px}.print-page-title{font-size:18px;font-weight:700;color:#1e2a3d}.print-page-meta{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:12px;color:#64748b}.print-a4-section{page:a4-page;padding:12px 20px}.print-a5-section{page:a5-page;break-before:page;padding:8px 10px;display:flex;flex-direction:column;height:calc(148mm - 16px);box-sizing:border-box}.print-a5-header{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12px;color:#475569;border-bottom:1px solid #e2e8f0;padding-bottom:6px;margin-bottom:8px;flex-shrink:0;align-items:center}.print-a5-header-title{font-weight:700;color:#1e2a3d;font-size:13px}.print-a5-media{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:0}.print-a5-img{max-width:100%;max-height:100%;object-fit:contain;display:block}.print-a5-embed{width:100%;height:100%;min-height:300px;border:none;display:block}.print-a5-no-file{text-align:center;color:#475569;padding:32px;line-height:2;font-size:14px}.print-log-avatar{background:#e2e8f0!important;color:#475569!important;border:1px solid #cbd5e1!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}@page a4-page{size:A4 portrait;margin:12mm 14mm}@page a4-landscape-page{size:A4 landscape;margin:10mm 12mm}@page a5-page{size:A5 portrait;margin:8mm 10mm}.print-subtable-landscape{width:100%}@media print{body{margin:0!important;padding:0!important;background:#fff!important}.print-subtable-landscape{page:a4-landscape-page;break-before:page}.subtable-wrap{overflow:visible!important;max-width:100%!important}.subtable{font-size:7pt!important;width:100%!important;table-layout:auto!important;min-width:unset!important}.subtable th,.subtable td{padding:2px 3px!important;font-size:7pt!important;white-space:normal!important;word-break:break-word!important;line-height:1.3!important}.subtable th{font-weight:600!important}.no-print,.print-toolbar{display:none!important}body:has(.print-toolbar) .print-a4-section{padding-top:12px}.print-toolbar-left,.print-toolbar-right,.print-btn-main,.print-btn-group,.print-btn-sub-action{display:none!important}.app-sidebar,.app-topbar,.app-nav,nav,header,footer,.page-actions,.doc-actions-bar,button,.admin-topbar,.admin-sidebar{display:none!important}.subtable-sticky-col,.subtable-sticky-last{position:static!important;box-shadow:none!important}.subtable tbody tr,.workflow-log-item,.doc-form-section{break-inside:avoid}.print-page-header{padding:0 0 6px;margin-bottom:6px}.print-a5-section{height:auto;min-height:132mm}*{print-color-adjust:exact;-webkit-print-color-adjust:exact}}:root{color-scheme:light;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,sans-serif;color:#303344;background:#f4f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}.loading-screen{display:grid;place-items:center;min-height:100vh;color:#7b8091}.loading-spinner{width:32px;height:32px;border:3px solid #e8eaef;border-top-color:#5146e5;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:12px}@keyframes spin{to{transform:rotate(360deg)}}