body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-container{align-items:center;background:linear-gradient(90deg,#5d43ee,#a04dc7);display:flex;flex-direction:column;justify-content:center;min-height:100vh}.login-card{background-color:#fff;border-radius:.5rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;margin-left:1rem;margin-right:1rem;max-width:28rem;padding:2rem;width:100%}.login-card.dark{background-color:#334155}.login-header{margin-bottom:1.5rem;text-align:center}.login-title{color:#2563eb;font-size:1.875rem;font-weight:700;margin-bottom:.5rem}.login-subtitle{color:#4b5563}.login-subtitle.dark{color:#d1d5db}.error-message{background-color:#fee2e2;border-radius:.25rem;color:#b91c1c;padding:.75rem}.error-message,.form-group{margin-bottom:1rem}.form-label{color:#374151;display:block;font-size:.875rem;font-weight:700;margin-bottom:.5rem}.form-label.dark{color:#e5e7eb}.form-input{background-color:#fff;border:1px solid;border-radius:.25rem;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;color:#374151;display:block;font-size:1rem;line-height:1.5rem;padding:.5rem .75rem;width:100%}.form-input.dark{background-color:#1e293b;border-color:#4b5563;color:#e5e7eb}.form-input:focus{box-shadow:0 0 0 3px #2563eb80;outline:2px solid #0000;outline-offset:2px}.form-input:disabled{opacity:.5}.password-group{margin-bottom:1.5rem}.forgot-password-link{color:#2563eb;display:inline-block;font-size:.875rem;font-weight:700;margin-top:.25rem;text-decoration:none}.forgot-password-link:hover{color:#1d4ed8}.submit-button{background-color:#2563eb;border:none;border-radius:.25rem;color:#fff;cursor:pointer;font-weight:700;padding:.5rem 1rem;text-align:center;width:100%}.submit-button:hover{background-color:#1d4ed8}.submit-button:disabled{cursor:not-allowed;opacity:.7}.submit-button-content{align-items:center;display:flex;justify-content:center}.spinner{animation:spin 1s linear infinite;margin-right:.5rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.register-section{color:#6b7280;font-size:.875rem;margin-top:1.5rem;text-align:center}.register-section.dark{color:#9ca3af}.register-link{background:none;border:none;color:#2563eb;cursor:pointer;font-weight:700;margin:0;padding:0;text-decoration:none}.register-link:hover{color:#1d4ed8}.modal-overlay{background-color:#11182780;height:100%;width:100%;z-index:50}.modal-content{margin:1rem;max-width:24rem;padding:2rem;width:100%}.modal-content.dark{background-color:#334155}.modal-header{padding-bottom:.75rem}.modal-title{color:#1f2937;font-weight:700}.modal-title.dark{color:#e5e7eb}.modal-close-button{color:#4b5563}.modal-close-button.dark{color:#9ca3af}.modal-close-button:hover{color:#1f2937}.modal-close-button.dark:hover{color:#f3f4f6}.modal-body{color:#374151;margin-bottom:1rem}.modal-body.dark{color:#d1d5db}.modal-footer{padding-top:.5rem}.modal-button{background-color:#2563eb;border:none;border-radius:.25rem;color:#fff;cursor:pointer;font-weight:700;padding:.5rem 1rem}.modal-button:hover{background-color:#1d4ed8}.theme-toggle{position:absolute;right:1rem;top:1rem}.theme-toggle-button{background-color:#2563eb;border:none;border-radius:9999px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;color:#fff;cursor:pointer;padding:.5rem}.theme-toggle-button:hover{background-color:#1d4ed8}.theme-toggle-button:disabled{cursor:not-allowed;opacity:.7}.footer{color:#6b7280;font-size:.875rem;margin-top:2rem;text-align:center}.footer.dark{color:#9ca3af}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100%;margin:0;transition:background-color .2s}body.dark{background-color:#1e293b;color:#f8fafc}.App{height:100%;min-height:100vh}.flex-col{flex-direction:column}.justify-center{justify-content:center}.min-h-screen{min-height:100vh}.h-screen{height:100vh}.h-full{height:100%}.w-full{width:100%}.w-64{width:16rem}.w-16{width:4rem}.max-w-md{max-width:28rem}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.mx-auto{margin-left:auto;margin-right:auto}.mx-4{margin-left:1rem;margin-right:1rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-4{padding-bottom:1rem;padding-top:1rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.bg-white{background-color:#fff}.bg-blue-600{background-color:#2563eb}.bg-green-600{background-color:#16a34a}.bg-red-600{background-color:#dc2626}.bg-gray-50{background-color:#f9fafb}.bg-gray-100{background-color:#f3f4f6}.bg-gray-700{background-color:#374151}.bg-gray-800{background-color:#1f2937}.bg-gray-900{background-color:#111827}body.dark .bg-white{background-color:#374151}body.dark .bg-gray-50{background-color:#1f2937}body.dark .bg-gray-100{background-color:#374151}.text-white{color:#fff}.text-blue-600{color:#2563eb}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-gray-800{color:#1f2937}.text-gray-900{color:#111827}.text-muted{color:#6c757d!important}body.dark .text-gray-600{color:#d1d5db}body.dark .text-gray-700{color:#f3f4f6}body.dark .text-gray-800{color:#f9fafb}body.dark .text-gray-900{color:#fff}body.dark .text-muted{color:#9ca3af!important}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.border{border:1px solid #d1d5db}.border-b{border-bottom:1px solid #d1d5db}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-full{border-radius:9999px}body.dark .border{border-color:#4b5563}body.dark .border-b{border-bottom-color:#4b5563}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}input,select,textarea{-webkit-appearance:none;appearance:none;background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;color:#111827;font-size:.875rem;line-height:1.25rem;padding:.5rem .75rem;width:100%}body.dark input,body.dark select,body.dark textarea{background-color:#374151;border-color:#4b5563;color:#fff}input:focus,select:focus,textarea:focus{border-color:#3b82f6;outline:2px solid #3b82f6;outline-offset:2px}body.dark input::placeholder,body.dark textarea::placeholder,input::placeholder,textarea::placeholder{color:#9ca3af}.form-group{margin-bottom:1.5rem}.form-group label{color:#374151;display:block;font-weight:500;margin-bottom:.5rem}body.dark .form-group label{color:#d1d5db}.form-control{border:1px solid #d1d5db;border-radius:.375rem;font-size:1rem;padding:.8rem 1rem;transition:all .3s ease;width:100%}.form-control,.form-control.light{background-color:#fff;color:#111827}.form-control.light{border-color:#d1d5db}.form-control.dark,body.dark .form-control{background-color:#374151;border-color:#4b5563;color:#fff}.form-control::placeholder,body.dark .form-control::placeholder{color:#9ca3af}.form-control:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.input-with-button{display:flex;position:relative}.input-with-button .form-control{padding-right:50px}.search-button{align-items:center;background:#e5e7eb;border:none;border-radius:.375rem;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:4px;top:50%;transform:translateY(-50%);transition:all .3s ease;width:40px}body.dark .search-button{background:#4b5563}.search-button:hover{background:#d1d5db}body.dark .search-button:hover{background:#6b7280}.autocomplete-container{position:relative}.autocomplete-suggestions{background:#fff;border:1px solid #d1d5db;border-radius:0 0 .375rem .375rem;border-top:none;box-shadow:0 4px 6px -1px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:10}body.dark .autocomplete-suggestions{background:#374151;border-color:#4b5563}.autocomplete-item{cursor:pointer;padding:.8rem 1rem;transition:all .3s ease}.autocomplete-item:hover{background-color:#f3f4f6}body.dark .autocomplete-item:hover{background-color:#4b5563}.modal-overlay{opacity:1;visibility:visible}.modal-content{border-radius:.375rem;box-shadow:0 10px 25px #0003;max-height:80vh;max-width:600px;overflow:hidden;width:90%;z-index:1001}.modal-content,.modal-content.light{background:#fff}.modal-content.dark,body.dark .modal-content{background:#374151}.modal-header{border-bottom:1px solid #e5e7eb}body.dark .modal-header{border-bottom-color:#4b5563}.modal-header h3{color:#1a4f72;font-weight:600;margin:0}body.dark .modal-header h3{color:#93c5fd}.modal-close-button{background:none;border:none;color:#6b7280;cursor:pointer;font-size:1.5rem;height:auto;padding:0;width:auto}body.dark .modal-close-button{color:#9ca3af}.modal-search-input{background:#fff;border:none;border-bottom:1px solid #e5e7eb;color:#111827;font-size:1rem;padding:1rem;width:100%}body.dark .modal-search-input{background:#374151;border-bottom-color:#4b5563;color:#fff}.modal-search-input::placeholder,body.dark .modal-search-input::placeholder{color:#9ca3af}.modal-search-input:focus{outline:none}.modal-results-list{max-height:300px;overflow-y:auto}.modal-result-item{border-bottom:1px solid #e5e7eb;cursor:pointer;padding:1rem;transition:all .3s ease}body.dark .modal-result-item{border-bottom-color:#4b5563}.modal-result-item:hover{background-color:#f3f4f6}body.dark .modal-result-item:hover{background-color:#4b5563}button{border:none;border-radius:.375rem;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .2s}.action-buttons{flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem;padding:1.5rem}.action-buttons.inline{padding:0}.content-card .action-buttons{margin:0;padding:1.5rem}.btn{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;min-height:44px;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{align-items:center;background:linear-gradient(90deg,#10b981,#059669);border:none;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;cursor:pointer;display:inline-flex;font-weight:500;gap:.5rem;justify-content:center;padding:.5rem 1rem;transform:scale(1);transition:all .2s ease}.btn-primary:hover:not(:disabled){background:linear-gradient(90deg,#059669,#047857);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:scale(1.05)}.btn-success{background-color:#10b981;color:#fff}.btn-success:hover:not(:disabled){background-color:#059669;transform:translateY(-1px)}.btn-danger{background-color:#ef4444;color:#fff}.btn-danger:hover:not(:disabled){background-color:#dc2626;transform:translateY(-1px)}.btn-secondary{background-color:#6b7280}.btn-secondary:hover:not(:disabled){background-color:#4b5563}.btn-sm{font-size:.75rem;min-height:32px;padding:.25rem .5rem}.absolute{position:absolute}.relative{position:relative}.fixed{position:fixed}.top-4{top:1rem}.right-4{right:1rem}.bottom-0{bottom:0}.left-0{left:0}.z-50{z-index:50}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.mobile-sidebar-toggle{background-color:#2563eb;border:none;border-radius:4px;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;display:none;left:10px;padding:8px 12px;position:fixed;top:10px;z-index:1001}.mobile-sidebar-toggle:hover{background-color:#1d4ed8}.mobile-sidebar-overlay{display:none}@media (max-width:768px){.mobile-sidebar-toggle{display:block}.mobile-sidebar-overlay{background-color:#00000080;bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:999}}.dashboard-container{display:flex;height:100vh}.dashboard-container.light{background-color:#f8fafc;color:#333}.dashboard-container.dark{background-color:#1e293b;color:#fff}.sidebar{background-color:#fff;border-right:1px solid #e0e0e0;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;flex-direction:column;flex-shrink:0;height:100vh;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;z-index:1000}.sidebar.dark{background-color:#1f2937;border-right-color:#404040;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}@media (max-width:768px){.sidebar{position:fixed;transform:translateX(-100%);transition:transform .3s ease}.sidebar.sidebar-open{transform:translateX(0)}.main-content{margin-left:0!important}.content-header{align-items:stretch;flex-direction:column}.search-box{margin-top:10px;width:100%}.info-grid{grid-template-columns:1fr}.modal-content{margin:1rem;width:95%}.flex.h-screen{height:auto;min-height:100vh}}.sidebar-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1rem}.sidebar-header,.sidebar.dark .sidebar-header{background:linear-gradient(90deg,#5d43ee,#a04dc7)}.sidebar.dark .sidebar-header{border-bottom-color:#374151}.sidebar-title{align-items:center;color:#fff;display:flex;font-size:1.25rem;font-weight:700}.sidebar-toggle-btn{background:none;border:none;border-radius:.5rem;color:#6b7280;cursor:pointer;margin-left:auto;padding:.5rem;transition:background-color .2s}.sidebar.dark .sidebar-toggle-btn{color:#9ca3af}.sidebar-toggle-btn:hover{background-color:#f3f4f6}.sidebar.dark .sidebar-toggle-btn:hover{background-color:#374151}.sidebar-nav{flex:1 1;overflow-y:auto;padding:1rem 0}.nav-section{padding:1rem}.nav-section-title{color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.sidebar.dark .nav-section-title{color:#9ca3af}.nav-items{display:flex;flex-direction:column}.nav-item{margin-bottom:.25rem}.nav-button{align-items:center;background:none;border:none;border-radius:.375rem;color:#374151;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;padding:.5rem .75rem;text-align:left;transition:background-color .2s;width:100%}.nav-button.dark,.sidebar.dark .nav-button{color:#d1d5db}.nav-button:hover{background-color:#f3f4f6}.nav-button.dark:hover,.sidebar.dark .nav-button:hover{background-color:#374151}.nav-item-icon{margin-right:.75rem;text-align:center;width:1.25rem}.nav-item-text{flex:1 1;text-align:left}.nav-caret{margin-left:auto;transition:transform .2s}.nav-caret.rotated{transform:rotate(180deg)}.nav-submenu{border-left:3px solid #2563eb;display:flex;flex-direction:column;gap:.25rem;margin-top:.25rem;padding-left:2rem}.sidebar.light .nav-submenu{background-color:#f8f9fa}.nav-submenu.dark,.sidebar.dark .nav-submenu{background-color:#1a1a1a;border-left-color:#0056b3}.nav-submenu .nav-button{color:#6b7280;font-size:.875rem;padding:.5rem .75rem}.nav-submenu .nav-button:hover{background-color:#f3f4f6}.nav-submenu .nav-button.dark,.sidebar.dark .nav-submenu .nav-button{color:#9ca3af}.nav-submenu .nav-button.dark:hover,.sidebar.dark .nav-submenu .nav-button:hover{background-color:#374151}.count-badge{background-color:#e5e7eb;border-radius:9999px;color:#374151;font-size:.75rem;font-weight:600;margin-left:auto;padding:.125rem .5rem}.count-badge.dark,.sidebar.dark .count-badge{background-color:#4b5563;color:#f3f4f6}.user-section{border-top:1px solid #e5e7eb;margin-top:auto;padding:1rem}.sidebar.dark .user-section,.user-section.dark{border-top-color:#374151}.user-info{align-items:center;display:flex}.user-avatar{border-radius:9999px;height:2rem;margin-right:.75rem;width:2rem}.user-details{flex:1 1}.user-details.collapsed{align-items:center;display:flex;flex:none;justify-content:center;margin-right:.5rem}.user-name{color:#374151;font-size:.875rem;font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email{color:#6b7280;font-size:.75rem}.sidebar.dark .user-name,.user-name.dark{color:#d1d5db}.sidebar.dark .user-email,.user-email.dark{color:#9ca3af}.logout-btn{align-items:center;background-color:initial;border:none;border-radius:.25rem;color:#6b7280;cursor:pointer;display:flex;justify-content:center;margin-left:.5rem;padding:.25rem;transition:background-color .2s}.sidebar-closed .logout-btn{margin-left:0;padding:.25rem}.logout-btn:hover{background-color:#f3f4f6}.logout-btn.dark,.sidebar.dark .logout-btn{color:#9ca3af}.route-flow-container{padding:17px}.space-y-4>*+*{margin-top:11px}.content-card{background:#fff;border-radius:8px;box-shadow:0 7px 14px #0000001a,0 4px 4px #0000001a,0 0 0 1px #0000000d;margin-bottom:21px;position:relative;transform:translateZ(0);transition:all .3s ease}.content-card:hover{box-shadow:0 10px 20px #0000001f,0 7px 7px #0000001a,0 0 0 1px #0000000d;transform:translateY(-2px) translateZ(0)}.content-card.dark,.main-content.dark .content-card{background:#2d3748;box-shadow:0 7px 14px #0000004d,0 4px 4px #0003,0 0 0 1px #ffffff0d;color:#e2e8f0}.content-card.dark:hover,.main-content.dark .content-card:hover{box-shadow:0 10px 20px #0006,0 7px 7px #0000004d,0 0 0 1px #ffffff0d}.section-header{background:linear-gradient(90deg,#5d43ee,#a04dc7);box-shadow:0 1px 3px #0000001a;color:#fff;gap:8px;padding:13px 17px}.main-content.dark .section-header,.section-header.dark{background:linear-gradient(90deg,#4a5568,#718096)}.py-8{padding-bottom:22px;padding-top:22px}.filter-controls .btn{background:linear-gradient(90deg,#5d43ee,#a04dc7);border:none;color:#fff}.filter-controls .btn:hover:not(:disabled){background:linear-gradient(90deg,#4a34d9,#8a3db2);transform:translateY(-1px)}.filter-controls .btn:disabled{background:linear-gradient(90deg,#5d43ee,#a04dc7);color:#7f8c8d;opacity:.7}.main-content.dark .text-gray-500,.text-gray-500.dark{color:#a0aec0}.text-3xl{font-size:17px}.mb-2{margin-bottom:6px}.route-finish-icon,.route-start-icon{border-radius:7px;box-shadow:0 3px 6px #00000014,0 1px 3px #0000000d,inset 0 -1px 0 #0000001a;overflow:hidden;padding:11px 14px;position:relative}.route-finish-icon:after,.route-start-icon:after{background:#ffffff4d;bottom:0;content:"";position:absolute;right:0;top:0;width:4px}.route-start-icon{background:linear-gradient(90deg,#e8f5e9,#c8e6c9);border-left:4px solid #4caf50;color:#2e7d32}.route-finish-icon{background:linear-gradient(90deg,#e3f2fd,#bbdefb);border-left:4px solid #2196f3;color:#1565c0}.main-content.dark .route-start-icon,.route-start-icon.dark{background:linear-gradient(90deg,#1b5e20,#2e7d32);color:#e8f5e9}.main-content.dark .route-finish-icon,.route-finish-icon.dark{background:linear-gradient(90deg,#0d47a1,#1565c0);color:#e3f2fd}.text-xl{font-size:14px}.mr-3{margin-right:8px}.text-sm{font-size:10px}.font-medium{font-weight:500}.route-steps-container{padding-left:28px;position:relative}.route-steps-container:before{background:linear-gradient(180deg,#4caf50,#2196f3);border-radius:2px;bottom:0;content:"";left:13px;position:absolute;top:0;width:2px}.main-content.dark .route-steps-container:before,.route-steps-container.dark:before{background:linear-gradient(180deg,#81c784,#64b5f6)}.ml-8{margin-left:22px}.route-step{background:#fff;border-left:4px solid #ff9800;border-radius:7px;box-shadow:0 3px 6px #00000014,0 1px 3px #0000000d,inset 0 -1px 0 #0000000d;margin-bottom:11px;padding:14px;transform:translateZ(0);transition:all .3s ease}.route-step:hover{box-shadow:0 4px 8px #0000001a,0 3px 4px #0000000f,inset 0 -1px 0 #0000001a;transform:translateY(-2px) translateZ(0)}.route-step:before{background:#4caf50;border-radius:2px;content:"";height:2px;left:-15px;position:absolute;top:20px;width:11px}.main-content.dark .route-step,.route-step.dark{background:#2d3748;box-shadow:0 3px 6px #0000004d,0 1px 3px #0003,inset 0 -1px 0 #ffffff0d;color:#e2e8f0}.main-content.dark .route-step:hover,.route-step.dark:hover{box-shadow:0 4px 8px #0006,0 3px 4px #0000004d,inset 0 -1px 0 #ffffff0d}.main-content.dark .route-step:before,.route-step.dark:before{background:#81c784}.route-step.approved{border-left:4px solid #4caf50}.route-step.rejected{border-left:4px solid #f44336}.route-step.pending{border-left:4px solid #ff9800}.route-step .icon{align-items:center;border-radius:50%;box-shadow:0 1px 3px #0003,inset 0 -1px 0 #0000001a;display:flex;flex-shrink:0;height:28px;justify-content:center;margin-right:11px;width:28px}.route-step.pending .icon{background:linear-gradient(180deg,#ffb74d,#ff9800);color:#fff}.route-step.approved .icon{background:linear-gradient(180deg,#81c784,#4caf50);color:#fff}.route-step.rejected .icon{background:linear-gradient(180deg,#e57373,#f44336);color:#fff}.main-content.dark .route-step.pending .icon,.route-step.pending .icon.dark{background:linear-gradient(180deg,#ffb74d,#f57c00)}.main-content.dark .route-step.approved .icon,.route-step.approved .icon.dark{background:linear-gradient(180deg,#388e3c,#1b5e20)}.main-content.dark .route-step.rejected .icon,.route-step.rejected .icon.dark{background:linear-gradient(180deg,#d32f2f,#b71c1c)}.route-step-info{flex-grow:1}.route-step-info strong{color:#2c3e50;font-size:11px;margin-bottom:7px}.main-content.dark .route-step-info strong,.route-step-info strong.dark{color:#e2e8f0}.user-list{margin-bottom:7px}.user-list li{background:#f8f9fa;border-radius:4px;box-shadow:inset 0 1px 1px #0000000d;color:#5a6778;margin-bottom:4px;padding:4px 7px}.main-content.dark .user-list li,.user-list li.dark{background:#4a5568;box-shadow:inset 0 1px 1px #0003;color:#cbd5e0}.far.fa-user{color:#9e9e9e;margin-right:6px}.far.fa-user.dark,.main-content.dark .far.fa-user{color:#a0aec0}.step-actions{margin-left:11px}.copy-step-btn,.delete-step-btn{align-items:center;background:none;border:none;border-radius:50%;box-shadow:0 1px 3px #0000001a;cursor:pointer;display:flex;font-size:11px;height:25px;justify-content:center;transition:all .2s ease;width:25px}.copy-step-btn{background:linear-gradient(180deg,#e8f5e9,#c8e6c9);color:#2e7d32}.delete-step-btn{background:linear-gradient(180deg,#ffebee,#ffcdd2);color:#f44336;margin-left:6px}.copy-step-btn:hover{background:linear-gradient(180deg,#c8e6c9,#a5d6a7);transform:translateY(-1px)}.delete-step-btn:hover{background:linear-gradient(180deg,#ffcdd2,#ef9a9a);transform:translateY(-1px)}.user-dropdown{margin-top:8px;width:100%}.user-dropdown select{background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:inset 0 1px 2px #0000001a;font-size:10px;padding:7px 10px;transition:all .2s ease;width:100%}.user-dropdown select:focus{border-color:#4a6fa5;box-shadow:0 0 0 2px #4a6fa533;outline:none}.main-content.dark .user-dropdown select,.user-dropdown select.dark{background:#4a5568;border-color:#718096;color:#e2e8f0}@media (max-width:768px){.route-step{flex-direction:column}.step-actions{align-self:flex-end;margin-left:0;margin-top:8px}.route-steps-container{margin-left:11px;padding-left:17px}.route-step:before{left:-9px}.content-card{margin-bottom:14px}.ml-8{margin-left:0}}.theme-toggle-section{border-top:1px solid #e5e7eb;padding:1rem}.sidebar.dark .theme-toggle-section{border-top-color:#374151}.theme-toggle-btn{align-items:center;background:none;border:none;border-radius:.375rem;color:#374151;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;padding:.5rem .75rem;transition:background-color .2s;width:100%}.sidebar.dark .theme-toggle-btn,.theme-toggle-btn.dark{color:#d1d5db}.theme-toggle-btn:hover{background-color:#f3f4f6}.sidebar.dark .theme-toggle-btn:hover,.theme-toggle-btn.dark:hover{background-color:#374151}.theme-toggle-text{margin-left:.75rem}.main-content{background-color:#f8fafc;display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:20px;transition:margin-left .3s ease}.main-content.dark{background-color:#1e293b}.content-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:20px}.main-content.dark .content-header{border-bottom:1px solid #374151}.content-header h2{color:#1f2937;font-size:1.75rem;margin:0}.main-content.dark .content-header h2{color:#f8fafc}.search-box{max-width:300px;position:relative;width:100%}.search-input{background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;color:#111827;font-size:.875rem;line-height:1.25rem;padding:.5rem .75rem .5rem 2.5rem;width:100%}.main-content.dark .search-input{background-color:#374151;border-color:#4b5563;color:#fff}.main-content.dark .search-input::placeholder,.search-input::placeholder{color:#9ca3af}.search-input:focus{border-color:#3b82f6;outline:2px solid #3b82f6;outline-offset:2px}.search-icon{color:#9ca3af;left:.75rem;position:absolute;top:50%;transform:translateY(-50%)}.document-list-container{background-color:#f8fafc;flex:1 1;min-height:100%;overflow:auto;padding:20px}.document-list-container.light{background-color:#f8fafc}.document-list-container.dark,.main-content.dark .document-list-container{background-color:#1e293b}.document-cards-container{display:none;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:1rem;width:100%}.document-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;cursor:pointer;min-width:300px;overflow:hidden;transition:box-shadow .2s ease}.document-card.light{background-color:#fff;border:1px solid #e2e8f0}.document-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.document-card.dark,.main-content.dark .document-card{background-color:#1f2937;border-color:#374151}.document-card-header{align-items:flex-start;display:flex;justify-content:space-between;padding:1rem}.document-card-header,.document-card-header.light{border-bottom:1px solid #e2e8f0}.document-card-header.dark,.main-content.dark .document-card-header{border-bottom-color:#374151}.document-card-header h3{color:#1f2937;font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.document-card-header h3.light{color:#1f2937}.document-card-header h3.dark,.main-content.dark .document-card-header h3{color:#f3f4f6}.document-card-body{padding:1rem}.document-card-row{display:flex;justify-content:space-between;margin-bottom:.5rem}.document-card-label{color:#64748b;flex:1 1;font-weight:500}.document-card-label.light{color:#64748b}.document-card-label.dark,.main-content.dark .document-card-label{color:#d1d5db}.document-card-value{color:#1f2937;flex:1 1;text-align:right}.document-card-value.light{color:#1f2937}.document-card-value.dark,.main-content.dark .document-card-value{color:#f3f4f6}.document-card-description{margin-top:.75rem;padding-top:.75rem}.document-card-description,.document-card-description.light{border-top:1px solid #e2e8f0}.document-card-description.dark,.main-content.dark .document-card-description{border-top-color:#374151}.document-card-description p{color:#64748b;font-size:.875rem;margin:0}.document-card-description p.light{color:#64748b}.document-card-description p.dark,.main-content.dark .document-card-description p{color:#d1d5db}.document-card-footer{display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem}.document-card-footer,.document-card-footer.light{border-top:1px solid #e2e8f0}.document-card-footer.dark,.main-content.dark .document-card-footer{border-top-color:#374151}.view-details-btn{align-items:center;background:none;border:none;border-radius:.375rem;color:#2563eb;cursor:pointer;display:flex;font-size:.875rem;padding:.5rem 1rem;transition:background-color .2s}.view-details-btn.light{color:#2563eb}.view-details-btn:hover{background-color:#eff6ff;text-decoration:underline}.main-content.dark .view-details-btn,.view-details-btn.dark{color:#60a5fa}.main-content.dark .view-details-btn:hover,.view-details-btn.dark:hover{background-color:#1e3a8a}.no-documents{color:#64748b;font-style:italic;grid-column:1/-1;padding:2rem;text-align:center}.no-documents.light{color:#64748b}.main-content.dark .no-documents,.no-documents.dark{color:#9ca3af}.documents-table-container{border-radius:12px;display:block;padding:20px;width:100%}.documents-table-container,.documents-table-container.light{background-color:#fff;border:1px solid #e2e8f0;box-shadow:0 4px 20px #00000014}.documents-table-container.dark,.main-content.dark .documents-table-container{background-color:#1f2937;border:1px solid #374151;box-shadow:0 4px 20px #0000004d}.table-responsive{border:1px solid #e2e8f0;border-radius:8px;margin-bottom:16px;overflow-x:auto;width:100%}.table-responsive.light{border:1px solid #e2e8f0}.main-content.dark .table-responsive,.table-responsive.dark{border-color:#4b5563}.table{border-collapse:collapse;margin-bottom:0;min-width:1200px;width:100%}.table thead th{font-size:11px;font-weight:600;padding:12px 8px;text-transform:uppercase;white-space:nowrap}.table thead th,.table thead th.light{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;color:#475569}.main-content.dark .table thead th,.table thead th.dark{background-color:#374151;border-bottom:1px solid #4b5563;color:#d1d5db}.table tbody td{font-size:12px;padding:8px;vertical-align:middle;white-space:normal}.table tbody td,.table tbody td.light{background-color:#fff;border:1px solid #dee2e6;color:#334155}.main-content.dark .table tbody td,.table tbody td.dark{background-color:#1f2937;border-color:#4b5563;color:#f3f4f6}.table tbody tr:hover,.table tbody tr:hover.light{background-color:#f8fafc}.main-content.dark .table tbody tr:hover,.table tbody tr:hover.dark{background-color:#374151}.table-bordered{border:1px solid #dee2e6}.main-content.dark .table-bordered{border-color:#4b5563}.table-bordered td,.table-bordered th{border:1px solid #dee2e6}.main-content.dark .table-bordered td,.main-content.dark .table-bordered th{border-color:#4b5563}.table-light,.table-light.light{background-color:#f8f9fa}.main-content.dark .table-light,.table-light.dark{background-color:#374151;color:#d1d5db}.py-4{padding-bottom:1.5rem;padding-top:1.5rem}.status-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.status-on_approving{background-color:#fef3c7;color:#92400e}.status-approved{background-color:#dcfce7;color:#166534}.status-rejected{background-color:#fee2e2;color:#991b1b}.status-prepared{background-color:#e0f2fe;color:#0369a1}.main-content.dark .status-on_approving{background-color:#451a03;color:#fde68a}.main-content.dark .status-approved{background-color:#14532d;color:#bbf7d0}.main-content.dark .status-rejected{background-color:#7f1d1d;color:#fecaca}.main-content.dark .status-prepared{background-color:#083344;color:#7dd3fc}.document-detail-container{background-color:#f8fafc;flex:1 1;min-height:100%;overflow:auto;padding:20px}.main-content.dark .document-detail-container{background-color:#1e293b}.document-detail{margin:0 auto;max-width:1200px}.info-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1.5rem}.detail-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;font-size:medium;padding:1.5rem;transition:box-shadow .2s ease}.detail-card:hover{box-shadow:0 10px 15px -3px #00000012,0 4px 6px -2px #00000008}.main-content.dark .detail-card{background-color:#1f2937;border:1px solid #374151;box-shadow:0 4px 6px -1px #0003,0 2px 4px -1px #0000001a}.main-content.dark .detail-card:hover{box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #00000026}.detail-item{display:flex;flex-direction:column;margin-bottom:1.25rem}.detail-item:last-child{margin-bottom:0}.detail-label{color:#4b5563;font-size:.875rem;font-weight:600;letter-spacing:.025em;margin-bottom:.5rem;text-transform:uppercase}.main-content.dark .detail-label{color:#9ca3af}.detail-value{background-color:#f9fafb;border:1px solid #f3f4f6;border-radius:.375rem;color:#1f2937;font-size:1rem;font-weight:500;line-height:1.5;padding:.5rem}.main-content.dark .detail-value{background-color:#374151;border:1px solid #4b5563;color:#f3f4f6}.detail-section-title{align-items:center;border-bottom:2px solid #e5e7eb;color:#111827;display:flex;font-size:1.25rem;font-weight:700;gap:.75rem;margin-bottom:1.5rem;padding-bottom:.75rem}.main-content.dark .detail-section-title{border-bottom:2px solid #374151;color:#f9fafb}.detail-subcard{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;margin-top:1.5rem;padding:1.5rem}.main-content.dark .detail-subcard{background-color:#374151;border:1px solid #4b5563}.section-header{align-items:center;background-color:#220bee;border-radius:.5rem;color:#f0f1f4;display:flex;font-size:1rem;font-weight:600;gap:.75rem;margin-bottom:1.5rem;padding:1rem}.main-content.dark .section-header{background-color:#374151;color:#f9fafb}.payment-detail{border-top:1px solid #e5e7eb;margin-top:1.5rem;padding-top:1.5rem}.main-content.dark .payment-detail{border-top:1px solid #4b5563}.table-section{margin-top:2rem}.table-container{margin-top:1rem;overflow-x:auto}.payment-table{background-color:#fff;border-collapse:collapse;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;overflow:hidden;width:100%}.payment-table td,.payment-table th{border-bottom:1px solid #e5e7eb;padding:1rem;text-align:left}.payment-table th{background-color:#f9fafb;color:#4b5563;font-size:.875rem;font-weight:600;letter-spacing:.025em;text-transform:uppercase}.payment-table td{color:#1f2937;font-size:.875rem}.payment-table tr:last-child td{border-bottom:none}.payment-table tr:hover td{background-color:#f9fafb}.main-content.dark .payment-table tr:hover td{background-color:#374151}.table-container.dark .payment-table{background-color:#1f2937}.table-container.dark .payment-table td,.table-container.dark .payment-table th{border-bottom:1px solid #4b5563}.table-container.dark .payment-table th{background-color:#374151;color:#9ca3af}.table-container.dark .payment-table td{color:#f3f4f6}.table-container.dark .payment-table tr:hover td{background-color:#374151}.route-flow-container{margin-top:1.5rem}.route-step{align-items:flex-start;background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;display:flex;margin-bottom:1rem;padding:1.5rem;position:relative;transition:all .2s ease}.route-step:hover{box-shadow:0 10px 15px -3px #00000012,0 4px 6px -2px #00000008;transform:translateY(-2px)}.main-content.dark .route-step{background-color:#1f2937;border:1px solid #374151;box-shadow:0 4px 6px -1px #0003,0 2px 4px -1px #0000001a}.main-content.dark .route-step:hover{box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #00000026}.route-step.approved{background-color:#dcfce7;border-color:#bbf7d0}.main-content.dark .route-step.approved{background-color:#14532d;border-color:#166534}.route-step.rejected{background-color:#fee2e2;border-color:#fecaca}.main-content.dark .route-step.rejected{background-color:#7f1d1d;border-color:#991b1b}.route-step.current{background-color:#dbeafe;border-color:#bfdbfe;box-shadow:0 10px 15px -3px #2563eb1a,0 4px 6px -2px #2563eb0d}.main-content.dark .route-step.current{background-color:#1e3a8a;border-color:#312e81}.route-step .icon{align-self:center;color:#64748b;font-size:1.5rem;margin-right:1rem}.route-step.approved .icon{color:#16a34a}.route-step.rejected .icon{color:#dc2626}.route-step.current .icon{color:#2563eb}.route-step-info{flex:1 1}.route-step-info strong{color:#111827;display:block;font-size:1.125rem;font-weight:600;margin-bottom:.75rem}.main-content.dark .route-step-info strong{color:#f9fafb}.user-list{list-style:none;margin:0 0 .75rem;padding:0}.user-list li{align-items:center;color:#4b5563;display:flex;font-size:.95rem;font-weight:500;margin-bottom:.5rem}.main-content.dark .user-list li{color:#d1d5db}.route-finish-icon,.route-start-icon{align-items:center;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;color:#111827;display:flex;font-weight:600;margin-bottom:1.5rem;padding:1.5rem}.main-content.dark .route-finish-icon,.main-content.dark .route-start-icon{background-color:#374151;border:1px solid #4b5563;color:#f9fafb}.step-actions{align-items:center;display:flex;flex-shrink:0;margin-left:1rem}.copy-step-btn,.delete-step-btn,.edit-step-btn{align-items:center;background:none;border:none;border-radius:.25rem;cursor:pointer;display:flex;font-size:1rem;height:2rem;justify-content:center;padding:.25rem;transition:all .2s ease;width:2rem}.copy-step-btn:hover,.delete-step-btn:hover,.edit-step-btn:hover{background-color:#f3f4f6;transform:scale(1.1)}.main-content.dark .copy-step-btn:hover,.main-content.dark .delete-step-btn:hover,.main-content.dark .edit-step-btn:hover{background-color:#374151}.file-icon{color:#64748b;font-size:1.25rem}.file-icon.dark,.main-content.dark .file-icon{color:#9ca3af}.action-buttons.inline{display:flex;gap:.5rem}.content-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;margin-bottom:2rem;overflow:hidden}.main-content.dark .content-card{background-color:#1f2937;border:1px solid #374151;box-shadow:0 4px 6px -1px #0003,0 2px 4px -1px #0000001a}.card-header{align-items:center;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.main-content.dark .card-header{background-color:#374151;border-bottom:1px solid #4b5563}.card-header h2{color:#111827;font-size:1.5rem;font-weight:700;margin:0}.main-content.dark .card-header h2{color:#f9fafb}.back-button{align-items:center;background-color:#e2e8f0;border:none;border-radius:.375rem;color:#1e293b;cursor:pointer;display:inline-flex;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.main-content.dark .back-button{background-color:#374151;color:#e5e7eb}.back-button:hover{background-color:#cbd5e1}.main-content.dark .back-button:hover{background-color:#4b5563}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .2s,visibility .2s;visibility:hidden;z-index:1000}.modal-overlay.active{opacity:1;visibility:visible}.modal-content{background-color:#fff;border-radius:.5rem;box-shadow:0 20px 25px -5px #0000001a;max-height:90vh;max-width:90vw;overflow-y:auto;width:500px}.main-content.dark .modal-content{background-color:#1f2937}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.5rem}.main-content.dark .modal-header{border-bottom:1px solid #4b5563}.modal-title{color:#1e293b;font-size:1.25rem;font-weight:600}.main-content.dark .modal-title{color:#e5e7eb}.modal-close{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:1.5rem}.main-content.dark .modal-close{color:#9ca3af}.modal-close:hover{color:#64748b}.main-content.dark .modal-close:hover{color:#d1d5db}.modal-body,.modal-footer{padding:1.5rem}.modal-footer{border-top:1px solid #e2e8f0;display:flex;gap:.5rem;justify-content:flex-end}.main-content.dark .modal-footer{border-top:1px solid #4b5563}.sigex-modal{max-width:500px;width:90%}.sigex-initial .form-group label{color:#374151;display:block;font-weight:500;margin-bottom:.5rem}body.dark .sigex-initial .form-group label{color:#d1d5db}.sigex-initial .form-control{background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;color:#111827;font-size:1rem;padding:.8rem 1rem;transition:all .3s ease;width:100%}body.dark .sigex-initial .form-control{background-color:#374151;border-color:#4b5563;color:#fff}.file-info{align-items:center;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem;display:flex;gap:.75rem;margin:1rem 0;padding:.75rem}.file-info.dark,body.dark .file-info{background-color:#374151;border-color:#4b5563}.file-upload-container{margin:1rem 0}.file-input{display:none}.file-upload-label{background-color:#f9fafb;border:2px dashed #d1d5db;border-radius:.5rem;color:#64748b;cursor:pointer;display:block;font-weight:500;padding:1rem 1.5rem;text-align:center;transition:all .2s ease}.file-upload-label:hover{background-color:#f3f4f6;border-color:#9ca3af}.file-upload-label.dark,body.dark .file-upload-label{background-color:#374151;border-color:#4b5563;color:#d1d5db}.file-upload-label.dark:hover,body.dark .file-upload-label:hover{background-color:#4b5563;border-color:#6b7280}.sigex-actions{display:flex;gap:1rem;margin-top:1.5rem}.qr-section{text-align:center}.qr-section h4{color:#1e293b;font-weight:600;margin-bottom:.5rem}body.dark .qr-section h4{color:#e5e7eb}.qr-section p{color:#64748b;margin-bottom:1.5rem}body.dark .qr-section p{color:#9ca3af}.qr-code{display:flex;justify-content:center;margin:1.5rem 0}.qr-code img{height:auto;max-width:200px}.mobile-link{margin-top:1.5rem}.progress-bar{background-color:#e5e7eb;border-radius:5px;height:10px;margin:1rem 0;overflow:hidden;position:relative}body.dark .progress-bar{background-color:#4b5563}.progress-fill{background:linear-gradient(90deg,#10b981,#059669);border-radius:5px;height:100%;transition:width .3s ease}.progress-text{color:#111827;font-size:.75rem;font-weight:600;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}body.dark .progress-text{color:#fff}.alert{border-radius:.375rem;margin:1rem 0;padding:1rem}.alert-success{background-color:#dcfce7;border:1px solid #bbf7d0;color:#166534}.alert-error{background-color:#fee2e2;border:1px solid #fecaca;color:#991b1b}.alert-info{background-color:#dbeafe;border:1px solid #bfdbfe;color:#1e40af}body.dark .alert-success{background-color:#14532d;border-color:#166534;color:#bbf7d0}body.dark .alert-error{background-color:#7f1d1d;border-color:#991b1b;color:#fecaca}body.dark .alert-info{background-color:#1e3a8a;border-color:#312e81;color:#bfdbfe}@media (max-width:768px){.sigex-modal{margin:1rem;max-width:none;width:95%}.modal-content{max-height:95vh}.modal-body{padding:1rem}.sigex-initial .form-group{margin-bottom:1rem}.sigex-actions{flex-direction:column;gap:.5rem}.sigex-actions .btn{justify-content:center;width:100%}.qr-code img{max-width:150px}.mobile-link .btn{justify-content:center;width:100%}}@media (max-width:480px){.modal-header{padding:1rem}.modal-title{font-size:1.125rem}.modal-body{padding:.75rem}.sigex-initial .form-control{font-size:.875rem;padding:.75rem}.qr-section h4{font-size:1.125rem}.qr-section p{font-size:.875rem}.qr-code{margin:1rem 0}.qr-code img{max-width:120px}.sigex-actions{margin-top:1rem}}.filter-group{margin-bottom:1.5rem}.filter-group h4{color:#334155;font-weight:600;margin-bottom:.5rem}.main-content.dark .filter-group h4{color:#cbd5e1}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.error-container i,.loading-container i{margin-bottom:1rem}.error-container p{color:#ef4444;margin-bottom:1rem}.main-content.dark .error-container p{color:#fca5a5}@media (max-width:768px){.content-header{align-items:stretch;flex-direction:column}.search-box{margin-bottom:1rem;max-width:100%}.d-flex.gap-3.flex-wrap{flex-direction:row;justify-content:space-between}.d-flex.gap-3.flex-wrap>div{flex:1 1;margin-right:.5rem}.d-flex.gap-3.flex-wrap>div:last-child{margin-right:0}}.d-flex.gap-3.flex-wrap{align-items:flex-start;gap:.75rem!important}.d-flex.gap-3.flex-wrap .flex-1{flex:1 1;min-width:200px}.d-flex.gap-3.flex-wrap>div:not(.flex-1){align-items:center;display:flex}.d-flex.gap-3.flex-wrap .btn{white-space:nowrap}@media (max-width:576px){.d-flex.gap-3.flex-wrap{flex-direction:column;gap:.5rem!important}.d-flex.gap-3.flex-wrap .flex-1{margin-right:0!important;min-width:100%}.d-flex.gap-3.flex-wrap>div:not(.flex-1){width:100%}.d-flex.gap-3.flex-wrap .btn{justify-content:center;width:100%}.search-box{max-width:100%}}@media (max-width:1023px){.documents-table-container{display:none!important}.document-cards-container{display:grid!important}.main-content{-webkit-overflow-scrolling:touch;overflow-y:auto}.document-cards-container{grid-template-columns:1fr;max-width:100%}.document-card{min-width:0}}@media (min-width:1024px){.document-cards-container{display:none!important}.documents-table-container{display:block!important}}@media (max-width:768px){.info-grid{gap:1rem!important;grid-template-columns:1fr!important}.detail-card{min-width:0}}.flex.h-screen{height:auto;min-height:100vh}.main-content{-webkit-overflow-scrolling:touch;overflow-y:auto}.hidden{display:none!important}.mt-3{margin-top:1.5rem}.fa-spin{animation:fa-spin 2s linear infinite}.fa-3x{font-size:3em}@keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.filter-controls{display:flex!important;flex-wrap:wrap!important}@media (max-width:768px){.filter-controls{flex-direction:row!important;justify-content:space-between!important}.filter-controls>div{flex:1 1;margin-right:.5rem}.filter-controls>div:last-child{margin-right:0}}@media (max-width:576px){.filter-controls{flex-direction:column!important;gap:.5rem!important}.filter-controls .flex-1{margin-right:0!important;min-width:100%}.filter-controls>div:not(.flex-1){width:100%}.filter-controls .btn{justify-content:center;width:100%}.search-box{max-width:100%}}.user-selection{margin-top:1rem;position:relative}.search-container{margin-bottom:.5rem;position:relative;z-index:10}.user-list-dropdown{position:relative}.user-list-dropdown select{background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;color:#111827;padding:.5rem;width:100%}.main-content.dark .user-list-dropdown select{background-color:#374151;border-color:#4b5563;color:#fff}.user-list-dropdown select:focus{border-color:#3b82f6;outline:2px solid #3b82f6;outline-offset:2px}.user-list-dropdown:after{color:#6b7280;content:"▼";font-size:.75rem;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.main-content.dark .user-list-dropdown:after{color:#9ca3af}.filtered-user-list{border:1px solid #d1d5db;border-radius:0 0 .375rem .375rem;border-top:none;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.filtered-user-list,.filtered-user-list.light{background-color:#fff;box-shadow:0 4px 6px -1px #0000001a}.filtered-user-list.light{border:1px solid #d1d5db}.filtered-user-list.dark,.main-content.dark .filtered-user-list{background-color:#374151;border-color:#4b5563;box-shadow:0 4px 6px -1px #0000004d}.filtered-user-item{border-bottom:1px solid #e5e7eb;color:#111827;cursor:pointer;padding:.5rem}.main-content.dark .filtered-user-item{border-bottom:1px solid #4b5563;color:#fff}.filtered-user-item:hover{background-color:#f3f4f6}.main-content.dark .filtered-user-item:hover{background-color:#4b5563}.filtered-user-item:last-child{border-bottom:none}.filtered-user-item.selected{background-color:#dbeafe;color:#111827}.main-content.dark .filtered-user-item.selected{background-color:#1e3a8a;color:#fff}.selected-user-display{background-color:#f0f9ff;border:1px solid #bae6fd;border-radius:.375rem;color:#0369a1;font-weight:500;margin-top:.5rem;padding:.5rem}.selected-user-display.light{background-color:#f0f9ff;border:1px solid #bae6fd;color:#0369a1}.main-content.dark .selected-user-display,.selected-user-display.dark{background-color:#0c4a6e;border-color:#0284c7;color:#bae6fd}.selected-user-display span{color:inherit}@media (max-width:768px){.action-buttons{flex-direction:column}.action-buttons .btn{justify-content:center;width:100%}}*{box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}body{background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#334155;font-size:14px;line-height:1.5;min-height:100vh}.card-3d{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014,0 3px 10px #0000000d,0 0 0 1px #00000008;overflow:hidden;transform:translateZ(0);transition:all .3s ease}.card-3d:hover{box-shadow:0 8px 25px #0000001f,0 5px 15px #00000014,0 0 0 1px #00000008;transform:translateY(-3px) translateZ(0)}.card-3d.dark{background:#1e293b;box-shadow:0 4px 20px #00000040,0 3px 10px #0003,0 0 0 1px #ffffff0d}.card-3d.dark:hover{box-shadow:0 8px 25px #00000059,0 5px 15px #00000040,0 0 0 1px #ffffff0d}.header-3d{background:linear-gradient(90deg,#4f46e5,#6366f1);border-bottom:1px solid #ffffff1a;box-shadow:0 3px 15px #4f46e54d}.header-3d.dark{background:linear-gradient(90deg,#3730a3,#4f46e5)}.btn-3d{align-items:center;border:none;border-radius:10px;box-shadow:0 3px 5px #0000001a,0 1px 2px #00000014;cursor:pointer;display:flex;font-size:13px;font-weight:600;justify-content:center;padding:10px 18px;transform:translateZ(0);transition:all .2s ease}.btn-3d:hover{box-shadow:0 5px 10px #0000001f,0 2px 4px #0000001a;transform:translateY(-2px)}.btn-3d:active{box-shadow:0 2px 3px #0000001a,0 1px 2px #00000014;transform:translateY(0)}.btn-primary{background:linear-gradient(90deg,#7c3aed,#8b5cf6);color:#fff}.btn-primary:hover{background:linear-gradient(90deg,#6d28d9,#7c3aed)}.btn-secondary{background:linear-gradient(90deg,#475569,#64748b);color:#fff}.btn-secondary:hover{background:linear-gradient(90deg,#374151,#4b5563)}.table-3d{border-collapse:initial;border-radius:10px;border-spacing:0;box-shadow:0 3px 10px #0000000d;font-size:13px;overflow:hidden;width:100%}.table-3d th{background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0;color:#475569;font-size:13px;font-weight:600;padding:12px 16px;text-align:left}.table-3d.dark th{background:linear-gradient(180deg,#334155,#1e293b);border-bottom:2px solid #475569;color:#e2e8f0}.table-3d td{background:#fff;border-bottom:1px solid #f1f5f9;padding:12px 16px}.table-3d.dark td{background:#1e293b;border-bottom:1px solid #334155;color:#e2e8f0}.table-3d tr:last-child td{border-bottom:none}.input-3d{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:inset 0 1px 3px #00000008;font-size:13px;padding:10px 12px;transition:all .2s ease;width:100%}.input-3d:focus{border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf626,inset 0 1px 3px #00000008;outline:none}.input-3d.dark{background:#334155;border-color:#475569;color:#e2e8f0}.input-3d.dark:focus{border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf633,inset 0 1px 3px #0000000d}.notification-3d{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff1a;border-radius:10px;box-shadow:0 5px 15px #0000001a,0 3px 8px #0000000d;font-size:13px;padding:12px 18px;transform:translateZ(0)}.text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#7c3aed,#8b5cf6);-webkit-background-clip:text;background-clip:text}.border-gradient{position:relative}.border-gradient:after{background:linear-gradient(45deg,#7c3aed,#8b5cf6);border-radius:inherit;bottom:0;content:"";left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute;right:0;top:0}.container{margin:0 auto;max-width:1200px;padding:0 16px}.grid{grid-gap:18px;display:grid;gap:18px}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.space-x-3>*+*{margin-left:12px}.space-y-4>*+*{margin-top:16px}.p-6{padding:24px}.p-5{padding:20px}.mb-6{margin-bottom:24px}.mb-4{margin-bottom:16px}.mb-3{margin-bottom:12px}.text-center{text-align:center}.text-lg{font-size:16px}.text-xl{font-size:18px}.text-2xl{font-size:22px}.text-3xl{font-size:26px}.font-bold{font-weight:700}.font-semibold{font-weight:600}.dark-mode{background:linear-gradient(135deg,#0f172a,#1e293b);color:#e2e8f0}.dark-mode .text-muted{color:#94a3b8}.theme-toggle{align-items:center;background:linear-gradient(90deg,#7c3aed,#8b5cf6);border:none;border-radius:50%;box-shadow:0 3px 10px #7c3aed4d;color:#fff;cursor:pointer;display:flex;font-size:14px;height:40px;justify-content:center;position:fixed;right:16px;top:16px;width:40px;z-index:100}.payment-card{cursor:pointer;margin-bottom:16px;transition:all .2s ease}.payment-card:hover{transform:translateY(-2px)}.payment-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.payment-card-title{font-weight:600;margin-bottom:4px}.payment-card-subtitle{color:#64748b;font-size:12px;margin-bottom:8px}.payment-card-badge{border-radius:20px;font-size:11px;font-weight:600;padding:4px 8px}.payment-card-content{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.payment-card-field{margin-bottom:8px}.payment-card-label{color:#64748b;font-size:11px;font-weight:600;margin-bottom:4px;text-transform:uppercase}.payment-card-value{font-size:13px;font-weight:500}.payment-card-input{margin-top:4px}.payment-card-actions{border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-top:12px;padding-top:12px}.payment-card.dark .payment-card-label,.payment-card.dark .payment-card-subtitle{color:#94a3b8}.payment-card.dark .payment-card-value{color:#e2e8f0}.payment-card.dark .payment-card-actions{border-top:1px solid #334155}.select-all-container{align-items:center;background:#f8fafccc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:10px;margin-bottom:16px;padding:12px 16px;position:relative;z-index:10}.select-all-container.dark{background:#334155cc;border-color:#475569}.select-all-checkbox{accent-color:#7c3aed;background:#fff;border:2px solid #64748b;border-radius:4px;cursor:pointer;display:inline-block;flex-shrink:0;height:18px;position:relative;transition:all .2s ease;vertical-align:middle;width:18px}.select-all-checkbox:checked{background:linear-gradient(135deg,#7c3aed,#8b5cf6);border-color:#7c3aed}.select-all-checkbox:checked:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.select-all-container.dark .select-all-checkbox{background:#475569;border-color:#64748b}.select-all-container.dark .select-all-checkbox:checked{background:linear-gradient(135deg,#7c3aed,#8b5cf6);border-color:#7c3aed}.select-all-container label{color:#374151;cursor:pointer;font-size:14px;font-weight:500;-webkit-user-select:none;user-select:none}.select-all-container.dark label{color:#e2e8f0}.table-row-checkbox{align-items:center;appearance:none;-webkit-appearance:none;background:#fff;border:2px solid #64748b;border-radius:4px;cursor:pointer;display:flex;flex-shrink:0;height:20px;justify-content:center;position:relative;transition:all .2s ease;width:20px}.table-row-checkbox:checked{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981}.table-row-checkbox:checked:after{color:#fff;content:"✓";font-size:12px;font-weight:700}.table-row-checkbox:hover{border-color:#3b82f6;transform:scale(1.05)}.dark .table-row-checkbox{background:#475569;border-color:#64748b}.dark .table-row-checkbox:checked{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981}.empty-state{background:#f8fafc;border-radius:12px;padding:32px;text-align:center}.empty-state.dark{background:#334155}.total-amount-card{position:relative}.total-amount-card:after{background:linear-gradient(45deg,#7c3aed,#8b5cf6);border-radius:inherit;bottom:0;content:"";left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute;right:0;top:0}.action-buttons{display:flex;flex-direction:column;gap:12px}@media (min-width:640px){.action-buttons{flex-direction:row;justify-content:center}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.4aeeb5dc.css.map*/