:root{--color-primary-500: #0d6efd;--color-primary-600: #0b5ed7;--color-danger-500: #dc3545;--color-warning-500: #ffc107;--color-success-500: #198754;--color-info-500: #0dcaf0;--color-bg: #f8f9fa;--color-surface: #ffffff;--color-text: #212529;--color-text-muted: #6c757d;--color-border: #dee2e6;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 14px;--radius-full: 50%;--shadow-sm: 0 2px 5px rgba(0, 0, 0, 0.05);--shadow-md: 0 2px 10px rgba(0, 0, 0, 0.1);--shadow-lg: 0 5px 15px rgba(0, 0, 0, 0.1);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 9999;--z-viewer: 10000;--touch-target-min: 44px;--transition-fast: 0.15s;--transition-normal: 0.3s}@media(prefers-reduced-motion:reduce){:root{--transition-fast: 0s;--transition-normal: 0s}*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important;scroll-behavior:auto!important}}:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.btn:focus-visible,.form-control:focus-visible,.form-select:focus-visible,.nav-link:focus-visible,.dropdown-item:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px;box-shadow:none}body{padding-top:56px;min-height:100vh;display:flex;flex-direction:column;font-family:"Microsoft YaHei","Segoe UI",Roboto,Arial,sans-serif;background-color:var(--color-bg);color:var(--color-text)}#app{flex:1;padding:var(--space-5) 0;transition:opacity var(--transition-fast) ease}.navbar-brand{font-weight:bold}.footer{margin-top:auto;padding:15px 0;background-color:var(--color-bg);text-align:center;font-size:14px;color:var(--color-text-muted);border-top:1px solid var(--color-border)}.login-container{max-width:400px;margin:50px auto;padding:var(--space-5);border-radius:var(--radius-md);box-shadow:var(--shadow-md);background-color:var(--color-surface)}.module-card{height:100%;transition:transform var(--transition-normal),box-shadow var(--transition-normal);background-color:var(--color-surface);border-radius:var(--radius-md);overflow:visible}.module-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.module-icon{font-size:2.5rem;margin-bottom:15px;color:var(--color-primary-500)}.alert-container{position:fixed;top:70px;right:20px;z-index:var(--z-toast);max-width:350px}.table-container,.form-container,.search-bar,.result-card{background-color:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:15px;margin-bottom:var(--space-5)}.result-card{transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.result-card:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,0.08)}.upload-area{border:2px dashed #ddd;border-radius:var(--radius-md);padding:25px;text-align:center;cursor:pointer;transition:all var(--transition-normal);background-color:#f9f9f9}.upload-area:hover{border-color:var(--color-primary-500);background-color:#f0f7ff}.thumbnail-container{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:15px}.thumbnail,.small-thumbnail{object-fit:cover;border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--color-border);transition:all var(--transition-normal)}.thumbnail{width:100px;height:100px}.thumbnail:hover{transform:scale(1.05);box-shadow:0 0 8px rgba(0,0,0,0.2)}.small-thumbnail{width:60px;height:60px}.spinner-container{display:flex;justify-content:center;align-items:center;min-height:200px}.required-field::after{content:"*";color:#dc3545;margin-left:4px}.pagination-container{display:flex;justify-content:center;margin-top:20px}.dynamic-form-row{margin-bottom:10px;padding:10px;border-radius:6px;background-color:#f8f9fa}.custom-image-viewer .image-container{height:500px;background-color:#000;display:flex;align-items:center;justify-content:center}.custom-image-viewer .preview-image{max-height:100%;max-width:100%;object-fit:contain}.custom-image-viewer .controls-container{width:100%;display:flex;justify-content:space-between;align-items:center;padding:15px 0}.custom-image-viewer .counter{color:white;font-weight:bold}.action-buttons{display:flex;gap:var(--space-2)}.icon-button{padding:4px 8px;font-size:0.8rem;min-width:24px;min-height:24px}.status-badge{padding:5px 8px;border-radius:4px;font-size:0.8rem;font-weight:600}.status-badge-success{background-color:#d1e7dd;color:#0f5132}.status-badge-warning{background-color:#fff3cd;color:#856404}.status-badge-danger{background-color:#f8d7da;color:#842029}.status-badge-info{background-color:#cff4fc;color:#055160}.no-data-container{text-align:center;padding:40px var(--space-5);color:var(--color-text-muted)}.no-data-icon{font-size:4rem;margin-bottom:10px;opacity:0.3}#recentBillsContainer{max-height:422px;overflow-y:auto}#monthDropdown{min-width:250px;width:100%}#customMonth{width:120px}.export-month-btn{padding:0.375rem 1rem}.export-month-btn:hover{background-color:#f8f9fa}@media(max-width:768px){.custom-image-viewer .image-container{height:300px}.d-flex.flex-wrap.gap-2{flex-direction:column;align-items:stretch}.d-flex.flex-wrap.gap-2>button,.d-flex.flex-wrap.gap-2>div{margin-bottom:0.5rem}}@media print{body{padding-top:0}.navbar,.footer,.no-print{display:none!important}.container,.container-fluid{width:100%;max-width:100%;padding:0;margin:0}.table{border-collapse:collapse!important;width:100%!important}.table td,.table th{background-color:#fff!important;color:#000!important}.table-bordered td,.table-bordered th{border:1px solid #dee2e6!important}.fw-bold,h1,h2,h3,h4,h5,h6,th,.font-weight-bold,.table-secondary td,.card-header,b,strong{font-weight:bold!important}thead th{font-weight:bold!important;background-color:#f8f9fa!important;border-bottom:2px solid #dee2e6!important}.table-secondary{background-color:#f8f9fa!important}.status-badge{border:1px solid #dee2e6!important;padding:2px 5px!important;font-weight:bold!important;display:inline-block!important}.table td:nth-child(6){min-width:160px!important}.table td:nth-child(4){min-width:110px!important}*{-webkit-print-color-adjust:exact!important;color-adjust:exact!important}.card{break-inside:avoid}.table-striped tr:nth-child(odd) td{background-color:#f2f2f2!important}tr.table-secondary{font-weight:bold!important}}.upload-dropzone:focus,.upload-dropzone:focus-visible{outline:none;box-shadow:0 0 0 2px rgba(13,110,253,0.25)}.upload-dropzone.dragover{background-color:rgba(13,110,253,0.1);border-color:var(--color-primary-500)}.paste-hint{animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:0.7}100%{opacity:1}}.row.g-4{overflow:visible}#backToTopBtn{position:fixed;bottom:calc(60px + env(safe-area-inset-bottom,0px));right:20px;z-index:999;width:var(--touch-target-min);height:var(--touch-target-min);border-radius:var(--radius-full);background-color:var(--color-primary-500);color:white;border:none;font-size:18px;cursor:pointer;display:none;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,0.2);transition:opacity var(--transition-normal),transform var(--transition-normal);opacity:0}#backToTopBtn.visible{display:flex;opacity:1}#backToTopBtn:hover{background-color:var(--color-primary-600);transform:translateY(-2px)}.navbar-dark .navbar-nav .nav-link.active{font-weight:600;border-bottom:2px solid rgba(255,255,255,0.8);padding-bottom:calc(0.5rem - 2px)}