:root{--primary-color: #007bff;--secondary-color: #6c757d;--success-color: #28a745;--danger-color: #dc3545;--warning-color: #ffc107;--info-color: #17a2b8;--light-color: #f8f9fa;--dark-color: #343a40}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5}.login-container{min-height:100vh;background-color:#f8f9fa;display:flex;align-items:center;padding:20px 0}.login-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.login-card-header{background-color:#fff;padding:32px 32px 24px;text-align:center;border-bottom:1px solid #e9ecef}.login-title{font-size:1.5rem;font-weight:600;margin:0 0 8px;color:#212529}.login-subtitle{font-size:.875rem;color:#6c757d;margin:0}.login-card-body{padding:32px}.login-form .form-group{margin-bottom:20px}.login-form .form-label{font-weight:500;color:#495057;margin-bottom:8px;font-size:.875rem;display:block}.login-form .form-control{border:1px solid #ced4da;border-radius:4px;padding:10px 12px;font-size:.9375rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.login-form .form-control:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40;outline:none}.turnstile-container{display:flex;justify-content:center;padding:8px 0;min-height:65px}.login-submit-btn{background-color:#007bff;border:1px solid #007bff;border-radius:4px;padding:10px 16px;font-weight:500;font-size:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out}.login-submit-btn:hover:not(:disabled){background-color:#0056b3;border-color:#0056b3}.login-submit-btn:disabled{opacity:.65;cursor:not-allowed}.login-footer{margin-top:24px;padding-top:20px;border-top:1px solid #e9ecef;text-align:center}.login-ip-info{margin-top:24px;padding-top:20px;border-top:1px solid #e9ecef;font-size:.8125rem}.ip-info-item{display:flex;align-items:center;margin-bottom:8px;color:#6c757d}.ip-info-item:last-child{margin-bottom:0}.ip-label{font-weight:500;margin-right:6px;color:#6c757d}.ip-value{color:#495057}@media (max-width: 768px){.login-card-header{padding:24px 24px 20px}.login-title{font-size:1.375rem}.login-card-body{padding:24px}.login-form .form-group{margin-bottom:18px}}@media (max-width: 480px){.login-container{padding:15px 0}.login-card-header{padding:20px 20px 16px}.login-title{font-size:1.25rem}.login-card-body{padding:20px}.ip-info-item{font-size:.75rem;flex-wrap:wrap}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar-brand{font-weight:700;font-size:1.5rem}.sidebar{min-height:calc(100vh - 56px);background-color:#343a40;color:#fff;padding:20px 0;width:250px;transition:width .3s ease;position:relative;flex-shrink:0}.sidebar.collapsed{width:60px}.sidebar-header{padding:15px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}.sidebar.collapsed .sidebar-header{justify-content:center;flex-direction:column;gap:10px}.sidebar-brand{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.sidebar.collapsed .sidebar-brand{justify-content:center;flex-direction:column}.sidebar-icon{width:32px;height:32px;flex-shrink:0;object-fit:contain}.sidebar.collapsed .sidebar-icon{width:28px;height:28px}.sidebar-title{color:#fff;font-weight:600;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar.collapsed .sidebar-title{display:none}.sidebar-toggle{color:#fffc;padding:5px 10px;border:none;background:none;cursor:pointer;transition:color .3s}.sidebar-toggle:hover{color:#fff}.sidebar .nav-link{color:#fffc;padding:10px 20px;transition:all .3s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center}.sidebar.collapsed .nav-link{padding:10px;justify-content:center}.sidebar .nav-link:hover,.sidebar .nav-link.active{color:#fff;background-color:#ffffff1a}.sidebar .nav-link i{flex-shrink:0;width:20px;text-align:center}.main-content{padding:30px;flex:1;transition:margin-left .3s ease}.main-content.expanded{margin-left:0}.card{border:none;box-shadow:0 2px 4px #0000001a;margin-bottom:20px}.card-header{background-color:#f8f9fa;border-bottom:1px solid #dee2e6;font-weight:600}.table-responsive{border-radius:.25rem}.btn{border-radius:.25rem;padding:.5rem 1rem}.form-control,.form-select{border-radius:.25rem}.badge{padding:.5em .75em;font-weight:500}.status-badge{padding:.35em .65em;border-radius:.25rem}.status-pending{background-color:#ffc107;color:#000}.status-approved{background-color:#17a2b8;color:#fff}.status-processing{background-color:#007bff;color:#fff}.status-completed{background-color:#28a745;color:#fff}.status-rejected,.status-failed{background-color:#dc3545;color:#fff}@media (max-width: 1024px){.main-content{padding:20px}.sidebar{width:200px}.sidebar.collapsed{width:60px}}@media (max-width: 767px){.navbar-brand{font-size:1.1rem}.navbar .d-flex{flex-wrap:wrap;gap:.5rem}.navbar .btn-sm{font-size:.8rem;padding:.25rem .5rem}.navbar .text-light{font-size:.85rem}.sidebar{position:fixed;left:0;top:56px;height:calc(100vh - 56px);z-index:1000;transform:translate(-100%);transition:transform .3s ease,width .3s ease;width:250px}.sidebar.mobile-open{transform:translate(0)}.sidebar.collapsed{width:60px;transform:translate(-100%)}.sidebar.collapsed.mobile-open{transform:translate(0)}.main-content{padding:15px;width:100%;margin-left:0!important}.card{margin-bottom:15px}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.table{font-size:.85rem;min-width:600px}.table th,.table td{padding:.5rem;white-space:nowrap}.btn{padding:.4rem .8rem;font-size:.9rem}.btn-sm{padding:.25rem .5rem;font-size:.8rem}.form-control,.form-select{font-size:.9rem;padding:.4rem .75rem}.card-header{padding:.75rem 1rem;font-size:.95rem}.card-body{padding:1rem}.row.g-3>[class*=col-]{margin-bottom:1rem}.btn-group{display:flex;flex-wrap:wrap;gap:.25rem}.btn-group .btn{flex:1;min-width:auto}.search-form .row{margin-bottom:.5rem}.search-form .col-md-3,.search-form .col-md-4,.search-form .col-md-6{margin-bottom:.75rem}.stats-card{margin-bottom:1rem}.modal-dialog{margin:.5rem;max-width:calc(100% - 1rem)}.modal-content{font-size:.9rem}.modal-header,.modal-footer{padding:.75rem 1rem}.modal-body{padding:1rem}}@media (max-width: 480px){.navbar-brand{font-size:1rem}.navbar .d-flex{flex-direction:column;align-items:flex-end;width:100%}.main-content{padding:10px}.table{font-size:.75rem;min-width:500px}.table th,.table td{padding:.4rem}.card-header{font-size:.85rem;padding:.5rem .75rem}.card-body{padding:.75rem}.btn{padding:.35rem .7rem;font-size:.85rem}.form-control,.form-select{font-size:.85rem;padding:.35rem .65rem}.badge{font-size:.75rem;padding:.35em .6em}}.sidebar-overlay{display:none;position:fixed;top:56px;left:0;right:0;bottom:0;background-color:#00000080;z-index:999}@media (max-width: 767px){.sidebar-overlay.active{display:block}}.mobile-menu-toggle{display:none}@media (max-width: 767px){.mobile-menu-toggle{display:inline-block;margin-right:1rem}}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 767px){.d-none-mobile{display:none!important}.d-block-mobile{display:block!important}.text-center-mobile{text-align:center!important}.w-100-mobile{width:100%!important}.mb-mobile{margin-bottom:1rem!important}}