:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#111827;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9fafb;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-height:100vh;margin:0}h1,h2,h3,h4,h5,h6{margin-top:0}.login-container{background-color:#f3f4f6;justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.login-card{background-color:#fff;border-radius:8px;width:100%;max-width:400px;padding:2rem;box-shadow:0 4px 6px #0000001a}.login-header{text-align:center;margin-bottom:2rem}.login-brand{color:#1f2937;margin:0 0 .5rem;font-size:2rem;font-weight:700}.login-subtitle{color:#6b7280;margin:0;font-size:.875rem}.login-form{flex-direction:column;gap:1.25rem;display:flex}.login-error{color:#b91c1c;text-align:center;background-color:#fee2e2;border-radius:4px;padding:.75rem;font-size:.875rem}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:#374151;font-size:.875rem;font-weight:500}.form-group input[type=text],.form-group input[type=password]{box-sizing:border-box;border:1px solid #d1d5db;border-radius:4px;width:100%;padding:.75rem;font-size:1rem}.form-group input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 2px #3b82f633}.password-input-group{align-items:center;display:flex;position:relative}.password-input-group input{padding-right:4rem}.show-password-toggle{color:#6b7280;cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:.875rem;position:absolute;right:.5rem}.show-password-toggle:hover{color:#374151}.checkbox-group{flex-direction:row;align-items:center}.checkbox-group input[type=checkbox]{cursor:pointer;width:1rem;height:1rem}.checkbox-group label{cursor:pointer}.login-btn{margin-top:.5rem}.demo-accounts{color:#6b7280;border-top:1px solid #e5e7eb;margin-top:2rem;padding-top:1rem;font-size:.875rem}.demo-accounts p{margin:0 0 .5rem;font-weight:500}.demo-accounts ul{margin:0;padding:0;list-style:none}.demo-accounts li{margin-bottom:.25rem}.modal-overlay{z-index:50;background-color:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{background-color:#fff;border-radius:8px;flex-direction:column;width:100%;max-width:600px;max-height:90vh;display:flex;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-content:focus{outline:none}.modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-title{color:#111827;margin:0;font-size:1.25rem;font-weight:600}.btn-close{color:#9ca3af;cursor:pointer;background:0 0;border:none;padding:0;font-size:1.5rem;line-height:1}.btn-close:hover{color:#4b5563}.modal-body{padding:1.5rem;overflow-y:auto}.dashboard-container{flex-direction:column;gap:2rem;display:flex}.overview-section{flex-direction:column;gap:1rem;display:flex}.overview-section h3{color:#111827;margin:0;font-size:1.25rem;font-weight:600}.summary-cards{grid-template-columns:repeat(1,1fr);gap:1.5rem;display:grid}@media (width>=640px){.summary-cards{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.summary-cards{grid-template-columns:repeat(4,1fr)}}.card{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.card-title{color:#6b7280;margin-bottom:.5rem;font-size:.875rem;font-weight:500}.card-value{color:#111827;font-size:2rem;font-weight:700}.table-section{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.table-header{border-bottom:1px solid #e5e7eb;flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.table-header h3{color:#111827;margin:0;font-size:1.25rem;font-weight:600}.filters{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.filter-input,.filter-select{border:1px solid #d1d5db;border-radius:4px;min-width:150px;padding:.5rem;font-size:.875rem}.filter-input:focus,.filter-select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 2px #3b82f633}.table-container{overflow-x:auto}.requests-table{border-collapse:collapse;text-align:left;width:100%}.requests-table th{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;padding:.75rem 1.5rem;font-size:.75rem;font-weight:500}.requests-table td{color:#374151;border-bottom:1px solid #e5e7eb;padding:1rem 1.5rem;font-size:.875rem}.requests-table tbody tr:last-child td{border-bottom:none}.requests-table tbody tr:hover{background-color:#f9fafb}.font-medium{color:#111827;font-weight:500}.empty-state{text-align:center;color:#6b7280;font-style:italic;padding:3rem!important}.btn-view{color:#2563eb;cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:4px;padding:.25rem .75rem;font-size:.75rem;font-weight:500;transition:all .2s}.btn-view:hover{background-color:#eff6ff;border-color:#bfdbfe}.badge{border-radius:9999px;align-items:center;padding:.125rem .625rem;font-size:.75rem;font-weight:500;display:inline-flex}.badge-gray{color:#4b5563;background-color:#f3f4f6}.badge-blue{color:#1d4ed8;background-color:#eff6ff}.badge-yellow{color:#b45309;background-color:#fef3c7}.badge-green{color:#15803d;background-color:#dcfce3}.badge-purple{color:#7e22ce;background-color:#f3e8ff}.badge-red{color:#b91c1c;background-color:#fee2e2}.badge-orange{color:#c2410c;background-color:#ffedd5}.request-details{flex-direction:column;gap:1rem;display:flex}.detail-row{flex-direction:column;display:flex}@media (width>=640px){.detail-row{flex-direction:row}.detail-label{flex-shrink:0;width:150px}}.detail-label{color:#6b7280;margin-bottom:.25rem;font-size:.875rem;font-weight:500}.detail-value{color:#111827;font-size:.875rem}.description-text{line-height:1.5}.modal-actions{border-top:1px solid #e5e7eb;justify-content:flex-end;margin-top:2rem;padding-top:1rem;display:flex}.requests-container{flex-direction:column;gap:2rem;display:flex}.page-header{margin-bottom:.5rem}.sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none}.sortable-header:hover{background-color:#f3f4f6}.sort-icon{color:#9ca3af;margin-left:.5rem;font-size:.75rem}.sort-icon.active{color:#4b5563}.pagination-container{background-color:#fff;border-top:1px solid #e5e7eb;flex-direction:column;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}@media (width>=640px){.pagination-container{flex-direction:row}}.pagination-info{color:#6b7280;font-size:.875rem}.pagination-controls{gap:.5rem;display:flex}.btn-pagination{color:#374151;cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:4px;padding:.25rem .75rem;font-size:.875rem;transition:all .2s}.btn-pagination:disabled{color:#9ca3af;cursor:not-allowed;background-color:#f3f4f6}.btn-pagination:hover:not(:disabled){background-color:#f9fafb}.btn-pagination-page{color:#374151;cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:4px;padding:.25rem .75rem;font-size:.875rem;transition:all .2s}.btn-pagination-page:hover{background-color:#f9fafb}.btn-pagination-page.active{color:#1d4ed8;background-color:#eff6ff;border-color:#bfdbfe;font-weight:600}.create-request-container{flex-direction:column;gap:2rem;max-width:800px;display:flex}.page-title{color:#111827;margin:0;font-size:1.5rem;font-weight:600}.page-subtitle{color:#6b7280;margin-top:.5rem;font-size:1rem}.form-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.form-group{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}.form-label{color:#374151;font-size:.875rem;font-weight:500}.form-label.required:after{content:" *";color:#ef4444}.form-input,.form-select,.form-textarea{color:#111827;background-color:#fff;border:1px solid #d1d5db;border-radius:4px;width:100%;padding:.5rem .75rem;font-size:.875rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-textarea{resize:vertical;min-height:100px}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.form-actions{justify-content:flex-start;gap:1rem;margin-top:2rem;display:flex}.btn-primary{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:background-color .2s}.btn-primary:hover{background-color:#1d4ed8}.btn-secondary{color:#374151;cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:4px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.btn-secondary:hover{background-color:#f9fafb}.success-card{text-align:center;background-color:#ecfdf5;border:1px solid #10b981;border-radius:8px;padding:2rem}.success-icon{color:#10b981;margin-bottom:1rem;font-size:3rem}.success-message{color:#065f46;margin-bottom:1.5rem;font-size:1.25rem;font-weight:500}.success-actions{justify-content:center;gap:1rem;display:flex}.approvals-container{padding:1rem}.approvals-container .page-header{margin-bottom:2rem}.approvals-container .page-title{color:#111827;margin-bottom:.5rem;font-size:1.5rem}.approvals-container .page-subtitle{color:#6b7280}.restricted-access{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:60vh;display:flex}.restricted-icon{color:#ef4444;margin-bottom:1rem;font-size:3rem}.restricted-title{color:#111827;margin-bottom:.5rem;font-size:1.5rem}.restricted-message{color:#6b7280}.success-message{color:#065f46;background-color:#d1fae5;border:1px solid #34d399;border-radius:.375rem;margin-bottom:1.5rem;padding:1rem}.review-modal-content{flex-direction:column;gap:1.5rem;display:flex}.approval-form{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:1.5rem}.approval-form-group{flex-direction:column;margin-bottom:1rem;display:flex}.approval-form-label{color:#374151;margin-bottom:.5rem;font-weight:500}.approval-form-label.required:after{content:"*";color:#ef4444;margin-left:.25rem}.approval-form-textarea{resize:vertical;border:1px solid #d1d5db;border-radius:.375rem;min-height:80px;padding:.75rem;font-size:.875rem}.approval-form-textarea[aria-invalid=true]{border-color:#ef4444}.error-message{color:#ef4444;margin-top:.25rem;font-size:.875rem}.review-actions{justify-content:flex-end;gap:1rem;margin-top:1rem;display:flex}.btn-approve{color:#fff;cursor:pointer;background-color:#10b981;border:none;border-radius:.375rem;padding:.5rem 1rem;font-weight:500;transition:background-color .2s}.btn-approve:hover{background-color:#059669}.btn-reject{color:#fff;cursor:pointer;background-color:#ef4444;border:none;border-radius:.375rem;padding:.5rem 1rem;font-weight:500;transition:background-color .2s}.btn-reject:hover{background-color:#dc2626}.review-details-section{border-bottom:1px solid #e5e7eb;max-height:40vh;padding-bottom:1rem;overflow-y:auto}.review-details-section h4{color:#374151;margin-top:0;margin-bottom:1rem}.layout-container{background-color:#f9fafb;flex-direction:column;height:100vh;display:flex}.layout-header{color:#fff;z-index:10;background-color:#1f2937;justify-content:space-between;align-items:center;height:4rem;padding:0 1.5rem;display:flex;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.header-brand{align-items:baseline;gap:1rem;display:flex}.header-brand h1{color:#fff;margin:0;font-size:1.5rem;font-weight:700}.header-subtitle{color:#9ca3af;font-size:.875rem;display:none}@media (width>=768px){.header-subtitle{display:inline}}.header-user{align-items:center;gap:1.5rem;display:flex}.user-info{flex-direction:column;align-items:flex-end;display:flex}.user-name{font-size:.875rem;font-weight:500}.user-role{color:#9ca3af;font-size:.75rem}.btn-logout{color:#d1d5db;cursor:pointer;background-color:#0000;border:1px solid #4b5563;border-radius:4px;padding:.375rem .75rem;font-size:.875rem;transition:all .2s}.btn-logout:hover{color:#fff;background-color:#374151}.layout-body{flex:1;display:flex;overflow:hidden}.layout-sidebar{background-color:#fff;border-right:1px solid #e5e7eb;width:16rem;overflow-y:auto}@media (width<=768px){.layout-sidebar{width:4rem}.nav-button{text-align:center;padding:.5rem;font-size:.75rem}}.sidebar-nav ul{margin:0;padding:0;list-style:none}.nav-button{text-align:left;color:#4b5563;cursor:pointer;background:0 0;border:none;border-left:4px solid #0000;width:100%;padding:1rem 1.5rem;font-size:1rem;transition:all .2s}.nav-button:hover{color:#111827;background-color:#f3f4f6}.nav-button.active{color:#2563eb;background-color:#eff6ff;border-left-color:#2563eb;font-weight:500}.layout-main{flex:1;padding:2rem;overflow-y:auto}.loading-state{color:#6b7280;background-color:#f3f4f6;justify-content:center;align-items:center;height:100vh;font-size:1.25rem;display:flex}