:root{--color-primary: #2563EB;--color-primary-hover: #1D4ED8;--color-primary-light: rgba(37,99,235,.12);--color-dark: #0F172A;--color-bg: #F8FAFC;--color-card: #FFFFFF;--color-border: #E2E8F0;--color-border-light: #F1F5F9;--color-success: #059669;--color-warning: #D97706;--color-danger: #DC2626;--color-danger-light: #FEE2E2;--color-info: #2d3748;--text-primary: #1E293B;--text-secondary: #64748B;--text-muted: #94A3B8;--text-inverse: #FFFFFF;--shadow-sm: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 12px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.05);--shadow-lg: 0 10px 30px rgba(0,0,0,.1), 0 4px 8px rgba(0,0,0,.06);--shadow-xl: 0 20px 60px rgba(0,0,0,.15);--shadow-primary: 0 1px 2px rgba(37,99,235,.3), 0 4px 8px rgba(37,99,235,.2);--shadow-primary-hover: 0 4px 12px rgba(37,99,235,.4), 0 8px 20px rgba(37,99,235,.25);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--font-sans: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", sans-serif;--font-mono: "Menlo", "Monaco", "Consolas", monospace}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:14px;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100vh;position:relative;background:var(--color-bg)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:var(--color-primary-light);color:var(--color-primary)}.list-page{min-height:100vh;background:var(--color-bg);padding-bottom:24px}.top-bar{background:var(--color-card);color:var(--text-primary);padding:0 var(--space-4);padding-top:env(safe-area-inset-top,0px);height:56px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm);border-bottom:1px solid var(--color-border-light)}.top-bar-back{font-size:14px;color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast);text-decoration:none;display:flex;align-items:center;gap:4px;-webkit-tap-highlight-color:transparent}.top-bar-back:hover{color:var(--color-primary)}.top-bar-title{font-size:16px;font-weight:600;color:var(--color-dark);flex:1;text-align:center}.top-bar-right{font-size:14px;color:var(--color-primary);font-weight:500;cursor:pointer;transition:opacity var(--transition-fast);-webkit-tap-highlight-color:transparent}.top-bar-right:hover{opacity:.75}.top-bar-export{font-size:13px;color:var(--color-primary);font-weight:500;cursor:pointer;transition:opacity var(--transition-fast);-webkit-tap-highlight-color:transparent;display:flex;align-items:center;gap:4px;border:1px solid var(--color-primary);padding:3px 10px;border-radius:var(--radius-md)}.top-bar-export:hover{opacity:.75;background:var(--primary-light)}.top-bar-print{font-size:13px;color:var(--color-primary);font-weight:500;cursor:pointer;transition:opacity var(--transition-fast);-webkit-tap-highlight-color:transparent;display:flex;align-items:center;gap:4px;border:1px solid var(--color-primary);padding:3px 10px;border-radius:var(--radius-md)}.top-bar-print:hover{opacity:.75;background:var(--primary-light)}.page-header{padding:var(--space-5) var(--space-4) var(--space-4);display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4)}.page-title{font-size:20px;font-weight:700;color:var(--color-dark);line-height:1.3}.page-subtitle{font-size:13px;color:var(--text-secondary);margin-top:4px}.page-header-right{flex-shrink:0}.filter-bar{padding:var(--space-3) var(--space-4);background:var(--color-card);border-bottom:1px solid var(--color-border-light);display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap}.filter-bar select,.filter-bar input{height:38px;border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:0 var(--space-3);font-size:13px;font-family:var(--font-sans);color:var(--text-primary);background:var(--color-card);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);-webkit-appearance:none}.filter-bar select:focus,.filter-bar input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.filter-bar select{cursor:pointer;padding-right:28px;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='%2364748B' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.card-list{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.data-card{background:var(--color-card);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-normal),transform var(--transition-normal);cursor:pointer;border:1px solid var(--color-border-light)}.data-card:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.data-table-wrap{margin:0 var(--space-4);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-card);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light)}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table thead{background:#f1f5f9}.data-table thead th{padding:10px var(--space-3);text-align:left;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-bottom:1px solid var(--color-border)}.data-table tbody tr{height:52px;transition:background var(--transition-fast);border-bottom:1px solid var(--color-border-light)}.data-table tbody tr:nth-child(odd){background:var(--color-bg)}.data-table tbody tr:nth-child(2n){background:var(--color-card)}.data-table tbody tr:hover{background:#f0f9ff}.data-table tbody tr:last-child{border-bottom:none}.data-table td{padding:0 var(--space-3);color:var(--text-primary);vertical-align:middle}.data-table .col-num{color:var(--text-muted);font-size:12px}.status-tag{display:inline-flex;align-items:center;padding:2px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:500;white-space:nowrap}.status-tag.draft{background:#f1f5f9;color:var(--text-secondary)}.status-tag.confirmed{background:#dbeafe;color:#1d4ed8}.status-tag.partial_out{background:#fef3c7;color:#92400e}.status-tag.completed{background:#d1fae5;color:#065f46}.status-tag.cancelled{background:var(--color-danger-light);color:var(--color-danger)}.status-tag.pending{background:#fef3c7;color:#92400e}.status-tag.paid{background:#d1fae5;color:#065f46}.status-tag.unpaid{background:var(--color-danger-light);color:var(--color-danger)}.status-tag.in_stock{background:#d1fae5;color:#065f46}.status-tag.low_stock{background:#fef3c7;color:#92400e}.status-tag.out_of_stock{background:var(--color-danger-light);color:var(--color-danger)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 16px;border-radius:var(--radius-md);font-size:13px;font-weight:500;font-family:var(--font-sans);cursor:pointer;border:none;outline:none;transition:all var(--transition-fast);white-space:nowrap;-webkit-tap-highlight-color:transparent;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--color-primary);color:var(--text-inverse);box-shadow:var(--shadow-primary)}.btn-primary:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-primary-hover)}.btn-secondary{background:#f1f5f9;color:var(--text-primary)}.btn-secondary:hover{background:var(--color-border)}.btn-ghost{background:#fff;color:var(--text-secondary)}.btn-ghost:hover{background:var(--color-border-light);color:var(--text-primary)}.btn-danger{background:var(--color-danger-light);color:var(--color-danger)}.btn-danger:hover{background:#fecaca}.btn-icon{width:36px;height:36px;padding:0;border-radius:var(--radius-md)}.btn-sm{height:30px;padding:0 12px;font-size:12px}.btn-lg{height:44px;padding:0 24px;font-size:15px}.form-item{margin-bottom:var(--space-4)}.form-label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-2)}.form-label .required{color:var(--color-danger);margin-left:2px}.form-input,.form-select{width:100%;height:42px;border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:0 var(--space-3);font-size:14px;font-family:var(--font-sans);color:var(--text-primary);background:var(--color-card);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input::placeholder{color:var(--text-muted)}.form-input:focus,.form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.form-select{cursor:pointer;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}textarea.form-input{height:auto;min-height:80px;padding:var(--space-3);resize:vertical}.form-input:disabled,.form-select:disabled{background:var(--bg-secondary, #F9FAFB);color:var(--text-muted);cursor:not-allowed;opacity:.7;border-color:var(--color-border-light, #E5E7EB)}input[type=date].form-input{color-scheme:light}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:200;display:flex;align-items:flex-start;justify-content:center;padding:24px var(--space-3);overflow-y:auto}.modal{background:var(--color-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:900px;padding:var(--space-6);animation:modal-in var(--transition-normal) cubic-bezier(.34,1.56,.64,1)}.modal-sm{max-width:480px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-light)}.modal-title{font-size:17px;font-weight:700;color:var(--color-dark)}.modal-close{width:32px;height:32px;border-radius:var(--radius-md);background:var(--color-border-light);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--text-secondary);transition:all var(--transition-fast)}.modal-close:hover{background:var(--color-border);color:var(--text-primary)}.modal-footer{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-border-light)}@keyframes modal-in{0%{opacity:0;transform:scale(.95) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%);padding:10px 24px;border-radius:var(--radius-full);font-size:13px;font-weight:500;z-index:9999;box-shadow:var(--shadow-lg);white-space:nowrap;pointer-events:none}.toast.info{background:#1e293b;color:#fff}.toast.success{background:var(--color-success);color:#fff}.toast.error{background:var(--color-danger);color:#fff}.toast.warning{background:var(--color-warning);color:#fff}.toast-enter-active,.toast-leave-active{transition:all .3s ease}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(-50%) translateY(-12px)}.amount{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.amount-primary{color:var(--color-danger);font-weight:600}.amount-success{color:var(--color-success);font-weight:600}.empty-state{text-align:center;padding:60px var(--space-4);color:var(--text-muted)}.empty-state-icon{font-size:48px;margin-bottom:var(--space-3);opacity:.5}.empty-state-text{font-size:14px}.empty-state-actions{display:flex;gap:8px;justify-content:center;margin-top:12px}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4)}.pagination button{height:34px;min-width:34px;padding:0 12px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-card);cursor:pointer;font-size:13px;color:var(--text-secondary);transition:all var(--transition-fast)}.pagination button:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.pagination button.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.pagination button:disabled{opacity:.4;cursor:not-allowed}.tab-bar{display:flex;background:var(--color-card);padding:0 var(--space-4);gap:var(--space-5);border-bottom:1px solid var(--color-border-light)}.tab-item{padding:var(--space-3) 0;font-size:14px;color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;transition:all var(--transition-fast);font-weight:500;-webkit-tap-highlight-color:transparent}.tab-item.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tab-item:hover:not(.active){color:var(--text-primary)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--color-card);display:flex;border-top:1px solid var(--color-border-light);padding:6px 0;padding-bottom:max(6px,env(safe-area-inset-bottom));box-shadow:0 -1px 4px #0000000a;z-index:50}.bottom-nav .nav-item{flex:1;text-align:center;font-size:11px;color:var(--text-muted);padding:6px 0;cursor:pointer;transition:color var(--transition-fast);-webkit-tap-highlight-color:transparent;display:flex;flex-direction:column;align-items:center;gap:2px;position:relative}.bottom-nav .nav-item.active{color:var(--color-primary);font-weight:600}.bottom-nav .nav-item.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:20px;height:2px;background:var(--color-primary);border-radius:0 0 2px 2px}.bottom-nav .nav-item:hover{color:var(--text-secondary)}.alert-banner{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#78350f;padding:10px var(--space-4);font-size:13px;border-bottom:1px solid #FCD34D;cursor:pointer;transition:opacity var(--transition-fast)}.alert-banner:hover{opacity:.9}.alert-banner.danger{background:linear-gradient(135deg,var(--color-danger-light),#FECACA);color:#7f1d1d;border-color:#fca5a5}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.text-sm{font-size:12px}.text-base{font-size:14px}.text-lg{font-size:16px}.text-xl{font-size:18px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.w-full{width:100%}.field-error{border-color:var(--color-danger)!important;box-shadow:0 0 0 3px #dc26261f!important;background:#fff5f5!important}.field-error:focus{border-color:var(--color-danger)!important;box-shadow:0 0 0 3px #dc262633!important}.input-warning{border-color:var(--color-warning)!important;box-shadow:0 0 0 3px #f59e0b26!important;background:#fffbeb!important}.field-error-msg{font-size:11px;color:var(--color-danger);margin-top:4px;display:flex;align-items:center;gap:3px}.field-success{border-color:var(--color-success)!important;box-shadow:0 0 0 3px #0596691f!important}.form-field-wrap{display:flex;flex-direction:column}.stepper-input{display:flex;align-items:center;border:1.5px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;height:34px;background:var(--color-card);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.stepper-input:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.stepper-input input{border:none;outline:none;width:100%;min-width:0;text-align:center;font-size:13px;font-family:var(--font-sans);color:#1a1a1a;background:#fff;height:100%;padding:0 4px;-webkit-text-fill-color:#1a1a1a}.stepper-input .stepper-btn{width:28px;height:100%;border:none;background:var(--color-bg);color:var(--text-secondary);cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast),color var(--transition-fast);flex-shrink:0;border-radius:0;padding:0;line-height:1}.stepper-input .stepper-btn:hover{background:var(--color-border);color:var(--text-primary)}.stepper-input .stepper-btn:active{background:var(--color-primary-light);color:var(--color-primary)}.toast-icon{margin-right:6px;font-size:14px}.toast.toast-success:before{content:"✓ "}.toast.toast-error:before{content:"✗ "}.toast.toast-warning:before{content:"⚠ "}.toast.toast-info:before{content:"ℹ "}.global-loading-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#f8fafcb3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9998;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:13px;color:var(--text-secondary)}.skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease infinite;border-radius:var(--radius-md)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{background:var(--color-card);border-radius:var(--radius-lg);padding:20px;margin:12px 16px;box-shadow:var(--shadow-sm)}.skeleton-line{height:14px;margin-bottom:8px}.skeleton-line:last-child{width:60%;margin-bottom:0}.btn-loading{position:relative;pointer-events:none}.btn-loading:after{content:"";display:inline-block;width:14px;height:14px;margin-left:6px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite;vertical-align:middle}.is-loading{pointer-events:none;opacity:.65}.empty-state-action{margin-top:16px;display:flex;gap:8px;justify-content:center}.data-table.zebra tbody tr:nth-child(odd){background:var(--color-bg)}.data-table.zebra tbody tr:nth-child(2n){background:var(--color-card)}.data-table tbody tr.row-hover:hover{background:#eff6ff!important}.table-wrapper-sticky{overflow:auto;max-height:70vh}.table-wrapper-sticky .data-table thead{position:sticky;top:0;z-index:10}.cell-amount{font-variant-numeric:tabular-nums;font-feature-settings:"tnum";font-family:var(--font-mono);font-size:13px}.overdue-highlight{background:#fee2e2!important}.overdue-tag{color:var(--color-danger);font-weight:600}.__confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center}.__confirm-dlg{background:#fff;border-radius:12px;padding:24px;max-width:360px;width:90%;box-shadow:0 20px 60px #0003;animation:scaleIn .2s cubic-bezier(.34,1.56,.64,1)}.__confirm-title{font-size:16px;font-weight:700;color:#0f172a;margin-bottom:8px}.__confirm-message{font-size:14px;color:#64748b;line-height:1.6;margin-bottom:20px}.__confirm-actions{display:flex;gap:8px;justify-content:flex-end}.__confirm-btn{padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;border:none;font-family:PingFang SC,Microsoft YaHei,sans-serif;transition:all .15s}.__confirm-cancel{background:#f1f5f9;color:#1e293b}.__confirm-cancel:hover{background:#e2e8f0}.__confirm-danger{background:#dc2626;color:#fff}.__confirm-danger:hover{background:#b91c1c}.__confirm-ok{background:#2563eb;color:#fff}.__confirm-ok:hover{background:#1d4ed8}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.danger-confirm-wrapper{display:inline-flex;gap:6px}@media (max-width: 768px){.btn,.btn-sm{min-height:44px}.top-bar-right{min-height:44px;display:flex;align-items:center;padding:0 8px}.bottom-nav .nav-item{min-height:44px}}@media print{.top-bar,.bottom-nav,.filter-bar,.batch-action-bar,.keyboard-hint,.modal-footer,.btn,.no-print{display:none!important}.modal-overlay{position:static;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0}.modal{box-shadow:none;border:1px solid #ddd}body{background:#fff}}.btn{transition:background .15s ease,transform 80ms ease,box-shadow .15s ease,color .15s ease,border-color .15s ease;cursor:pointer}.btn:hover{filter:brightness(1.06)}.btn:active{transform:scale(.97)}.btn-primary:hover{background:var(--color-primary-hover);filter:none}.btn-danger:hover{background:#b91c1c;filter:none}.btn-sm{transition:all .15s ease}.data-card{transition:box-shadow .15s ease,transform 80ms ease}.data-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.status-pending{background:#fef3c7;color:#92400e}.status-draft{background:#f3f4f6;color:#374151}.status-confirmed{background:#dbeafe;color:#1e40af}.status-completed,.status-paid{background:#d1fae5;color:#065f46}.status-cancelled,.status-void{background:#fee2e2;color:#991b1b}.status-overdue{background:#ffedd5;color:#9a3412}.status-partial{background:#e0e7ff;color:#3730a3}.btn-fullscreen{width:36px;height:36px;border-radius:6px;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:background .15s}.btn-fullscreen:hover{background:var(--color-border-light)}.btn-fullscreen:active{background:var(--color-border)}.empty-state-action{display:flex;gap:8px;justify-content:center;margin-top:12px;flex-wrap:wrap}.keyboard-shortcut-hint{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#1e293b;color:#fff;padding:10px 20px;border-radius:8px;font-size:13px;display:flex;align-items:center;gap:16px;z-index:9999;box-shadow:0 4px 12px #0003}.keyboard-shortcut-hint kbd{background:#fff;color:#1e293b;padding:2px 8px;border-radius:4px;font-size:12px;font-family:monospace}.sticky-thead thead th{position:sticky;top:0;background:#f1f5f9;z-index:5}.arap-row-overdue{background:#fff5f5!important}.arap-row-overdue td{color:var(--color-danger)}.stat-trend-up{color:var(--color-success);font-size:11px}.stat-trend-down{color:var(--color-danger);font-size:11px}.stat-value{font-size:24px;font-weight:800;color:var(--color-dark);font-variant-numeric:tabular-nums}.dropdown-no-result{padding:10px 12px;font-size:12px;color:var(--text-muted);text-align:center;background:var(--color-bg);border-top:1px solid var(--color-border-light)}.batch-filter-bar{display:flex;gap:8px;padding:8px 16px;background:var(--color-bg);border-bottom:1px solid var(--color-border-light);flex-wrap:wrap}.batch-filter-tag{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-full);font-size:11px;background:var(--color-card);border:1px solid var(--color-border);cursor:pointer;color:var(--text-secondary);transition:all var(--transition-fast)}.batch-filter-tag:hover,.batch-filter-tag.active{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.select-all-row{display:flex;align-items:center;gap:8px;padding:6px 16px;background:var(--color-bg);border-bottom:1px solid var(--color-border-light);font-size:12px;color:var(--text-secondary)}.select-all-row input[type=checkbox]{accent-color:var(--color-primary)}.load-more-spinner{display:flex;justify-content:center;padding:16px;color:var(--text-muted);font-size:13px}.load-more-spinner:after{content:"";display:inline-block;width:16px;height:16px;margin-left:8px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .6s linear infinite;vertical-align:middle}.subtotal-row{background:#f8faff!important;font-weight:600;color:var(--color-primary)}.subtotal-row td{border-top:2px solid var(--color-primary)!important}.export-progress{position:fixed;bottom:24px;right:24px;background:var(--color-card);border-radius:var(--radius-lg);padding:16px 20px;box-shadow:var(--shadow-lg);z-index:9999;min-width:220px}.export-progress-bar{height:4px;background:var(--color-border);border-radius:var(--radius-full);overflow:hidden;margin-top:8px}.export-progress-fill{height:100%;background:var(--color-primary);border-radius:var(--radius-full);transition:width .2s ease}.user-menu-wrapper{position:relative;display:inline-flex}.user-menu-dropdown{position:absolute;top:calc(100% + 4px);right:0;background:var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--color-border-light);min-width:160px;z-index:200;overflow:hidden}.user-menu-item{padding:10px 16px;font-size:13px;color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast);display:flex;align-items:center;gap:8px}.user-menu-item:hover{background:var(--color-bg)}.user-menu-item.danger{color:var(--color-danger)}.user-menu-item.danger:hover{background:var(--color-danger-light)}.user-menu-divider{height:1px;background:var(--color-border-light);margin:4px 0}@media (max-width: 768px){.hide-mobile{display:none!important}}@media (min-width: 769px){.hide-desktop{display:none!important}}@media (max-width: 500px){.hide-xs{display:none!important}}.scroll-position-keeper{scroll-margin-top:60px}.modal-overlay.modal-fade-in{animation:fadeIn .2s ease}.modal.modal-scale-in{animation:modalScaleIn .25s cubic-bezier(.34,1.56,.64,1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.96) translateY(-6px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-overlay.modal-fade-out{animation:fadeOut .15s ease forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.modal.modal-scale-out{animation:modalScaleOut .15s ease forwards}@keyframes modalScaleOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.96) translateY(-6px)}}.dropdown-animate{animation:dropdownOpen .18s cubic-bezier(.34,1.2,.64,1)}@keyframes dropdownOpen{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.danger-action-btn{position:relative;overflow:hidden}.danger-action-btn:before{content:"确认?";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-danger);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;transform:translateY(100%);transition:transform .2s ease}.danger-action-btn.armed:before{transform:translateY(0)}.danger-action-btn.armed{pointer-events:auto}@keyframes pulse-border{0%{box-shadow:0 0 #2563eb66}70%{box-shadow:0 0 0 6px #2563eb00}to{box-shadow:0 0 #2563eb00}}.field-pulse{animation:pulse-border 1s ease-out}.recent-visit-bar{display:flex;gap:8px;padding:8px 16px;background:var(--color-bg);border-bottom:1px solid var(--color-border-light);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.recent-visit-bar::-webkit-scrollbar{display:none}.recent-visit-item{white-space:nowrap;font-size:12px;color:var(--text-secondary);padding:3px 10px;border-radius:var(--radius-full);background:var(--color-card);border:1px solid var(--color-border);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:4px}.recent-visit-item:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.recent-visit-item .rv-icon{font-size:10px}.quick-date-btns{display:flex;gap:6px}.quick-date-btn{padding:3px 10px;border-radius:var(--radius-full);font-size:11px;border:1px solid var(--color-border);background:var(--color-card);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.quick-date-btn:hover,.quick-date-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.amount-limit-msg{font-size:11px;color:var(--color-warning);margin-top:4px}.status-invoice-issued{background:#d1fae5;color:#065f46}.status-invoice-void{background:#fee2e2;color:#991b1b}.status-invoice-pending{background:#fef3c7;color:#92400e}.design-token-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;padding:16px}.token-card{background:var(--color-card);border-radius:var(--radius-lg);padding:12px;border:1px solid var(--color-border-light)}.token-preview{height:40px;border-radius:var(--radius-sm);margin-bottom:8px}.token-label{font-size:12px;font-weight:600;color:var(--text-primary)}.token-value{font-size:11px;color:var(--text-muted);font-family:monospace}