@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.mobile-menu-toggle{display:none}button,a,input,select,.nav-link,.btn,.action-menu-btn{min-height:44px;min-width:44px}@media(max-width:1024px){.sidebar{position:fixed!important;top:0!important;left:0!important;width:280px!important;height:100vh!important;transform:translate(-100%)!important;transition:transform .3s ease!important;z-index:1000!important;background:linear-gradient(135deg,var(--primary-800) 0%,var(--primary-700) 100%)!important;overflow-y:auto!important}.sidebar.sidebar-open{transform:translate(0)!important;box-shadow:2px 0 10px #0000004d!important}.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:999}.sidebar-overlay.active{display:block!important}.content{margin-left:0!important;width:100%!important}.mobile-menu-toggle{display:block!important;position:fixed;top:1rem;left:1rem;z-index:1001;background:var(--primary-600);color:#fff;border:none;border-radius:8px;padding:.75rem 1rem;font-size:1.5rem;cursor:pointer;box-shadow:0 4px 8px #0003;transition:background .2s ease}.mobile-menu-toggle.menu-open{background:#dc2626!important}.mobile-menu-toggle:active{background:var(--primary-700)!important}}@media(max-width:768px){.data-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table table{min-width:600px}.stats-grid,.admin-stats-grid{grid-template-columns:1fr!important;gap:1rem}.page-header{flex-direction:column;gap:1rem;padding:1rem}.page-actions{flex-direction:column;width:100%;gap:.5rem}.page-actions .btn{width:100%;justify-content:center}.form-grid{grid-template-columns:1fr!important}.modal-content{width:95vw;max-width:95vw;margin:1rem}.calendar-grid{font-size:.875rem}.calendar-day{min-height:60px}.login-container{flex-direction:column}.login-brand{min-height:auto;padding:2rem 1rem}.login-form-container{padding:1.5rem}.balance-card{min-width:auto}.content,.page-content{padding:1rem}}@media(min-width:769px)and (max-width:1024px){.stats-grid,.admin-stats-grid,.form-grid{grid-template-columns:repeat(2,1fr)}.sidebar{width:240px}.content{margin-left:240px}}@media(max-height:500px)and (orientation:landscape){.loading-screen{padding:1rem}.loading-logo{max-width:100px}.loading-title{font-size:1.5rem}.loading-subtitle{font-size:.875rem}}html,body{overflow-x:hidden;max-width:100vw}.data-table,.calendar-container,.modal-content{-webkit-overflow-scrolling:touch}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--primary-400);outline-offset:2px}button,.nav-link,.btn{-webkit-tap-highlight-color:rgba(0,0,0,.1);-webkit-user-select:none;user-select:none}img{max-width:100%;height:auto}@media(max-width:768px){.dropdown-menu{position:fixed;bottom:auto;top:50%;left:50%;transform:translate(-50%,-50%);max-height:80vh;overflow-y:auto}}@media(display-mode:standalone){.app{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}}:root{--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--success-50: #f0f9f4;--success-100: #dcfce7;--success-200: #bbf7d0;--success-300: #86efac;--success-400: #4ade80;--success-500: #22c55e;--success-600: #16a34a;--success-700: #15803d;--success-800: #166534;--success-900: #14532d;--warning-50: #fffbeb;--warning-100: #fef3c7;--warning-200: #fde68a;--warning-300: #fcd34d;--warning-400: #fbbf24;--warning-500: #f59e0b;--warning-600: #d97706;--warning-700: #b45309;--warning-800: #92400e;--warning-900: #78350f;--danger-50: #fef2f2;--danger-100: #fee2e2;--danger-200: #fecaca;--danger-300: #fca5a5;--danger-400: #f87171;--danger-500: #ef4444;--danger-600: #dc2626;--danger-700: #b91c1c;--danger-800: #991b1b;--danger-900: #7f1d1d;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827}.app{min-height:100vh;background-color:var(--gray-50);display:flex}.sidebar{width:280px;background:linear-gradient(135deg,var(--primary-800) 0%,var(--primary-700) 100%);color:#fff;position:fixed;left:0;top:0;height:100vh;overflow-y:auto;z-index:1000;box-shadow:2px 0 10px #0000001a;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background-color:#fff6}.content{flex:1;margin-left:280px;padding:2rem;min-height:100vh}.sidebar-header{padding:2rem 1.5rem 1rem;border-bottom:1px solid rgba(255,255,255,.1);text-align:center}.sidebar-title{font-size:1.5rem;font-weight:700;color:#fff;margin:0}.sidebar-subtitle{font-size:.875rem;color:#ffffffb3;margin:.5rem 0 0}.sidebar-nav{padding:1rem 0;flex:1}.nav-item{margin:.25rem 0}.sidebar .nav-link{display:flex;align-items:center;padding:.875rem 1.5rem;color:#fffc;text-decoration:none;font-weight:500;border-radius:0;transition:all .2s ease;border-left:3px solid transparent;border:none;background:none;cursor:pointer;width:100%;text-align:left;font-size:.875rem}.sidebar .nav-link:hover{color:#fff;background-color:#ffffff1a;border-left-color:var(--primary-300)}.sidebar .nav-link-active{color:#fff!important;background-color:#ffffff26;border-left-color:#fff}.nav-group{margin:.125rem 0}.nav-group-header{display:flex;align-items:center;padding:.75rem 1.5rem;color:#ffffffe6;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.03em;border:none;background:none;cursor:pointer;width:100%;text-align:left;transition:all .2s ease;border-left:3px solid transparent}.nav-group-header:hover{background-color:#ffffff14;color:#fff}.nav-group-header.nav-group-active{color:#fff;border-left-color:var(--primary-300)}.nav-group-label{flex:1}.nav-group-arrow{font-size:.7rem;transition:transform .2s ease;opacity:.7}.nav-group-arrow.expanded{transform:rotate(90deg)}.nav-group-items{max-height:0;overflow:hidden;transition:max-height .25s ease-out;background-color:#0000001a}.nav-group-items.expanded{max-height:500px;transition:max-height .3s ease-in}.nav-subitem{padding-left:2.75rem!important;font-size:.8rem!important;font-weight:400!important;border-left:none!important}.nav-subitem .nav-icon{width:1rem;height:1rem;font-size:.85rem;margin-right:.5rem}.nav-icon{width:1.25rem;height:1.25rem;margin-right:.75rem;display:inline-block}.user-details{flex:1}.user-name{font-weight:600;color:#fff;font-size:.875rem;margin:0}.user-role{font-size:.75rem;color:#fff9;margin:0;text-transform:uppercase;letter-spacing:.05em}.sidebar-toggle{position:fixed;left:280px;top:1rem;z-index:1001;width:40px;height:40px;background:linear-gradient(135deg,#4f46e5,#6366f1);border:none;border-radius:0 8px 8px 0;color:#fff;font-size:1.25rem;font-weight:700;cursor:pointer;box-shadow:2px 2px 8px #0003;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.sidebar-toggle:hover{background:linear-gradient(135deg,#4338ca,#4f46e5);transform:translate(2px);box-shadow:3px 3px 12px #0000004d}.sidebar-toggle:active{transform:translate(0)}.sidebar-collapsed .sidebar{width:0!important;overflow:hidden!important;border-right:none!important}.sidebar-collapsed .sidebar-toggle{left:0!important}.sidebar-collapsed .content{margin-left:0!important}.sidebar-footer{position:sticky;bottom:0;margin-top:auto;padding:1rem 1.5rem;border-top:2px solid rgba(255,255,255,.2);background:linear-gradient(135deg,var(--primary-800) 0%,var(--primary-700) 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.sidebar-user{position:sticky;bottom:0;padding:1.5rem;border-top:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,var(--primary-800) 0%,var(--primary-700) 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-top:auto;z-index:10}.user-profile{display:flex;align-items:center;gap:1rem;padding:.75rem;background:#ffffff1a;border-radius:10px;transition:all .3s ease}.user-profile:hover{background:#ffffff26;transform:translateY(-1px)}.user-info{flex:1;overflow:hidden;display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.user-avatar{width:2.75rem;height:2.75rem;border-radius:50%;background:linear-gradient(135deg,var(--primary-400),var(--primary-600));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;color:#fff;flex-shrink:0;box-shadow:0 2px 8px #0003;border:2px solid rgba(255,255,255,.2)}.user-name{font-weight:700;color:#fff;font-size:.9375rem;margin:0 0 .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.2)}.user-role{font-size:.75rem;color:#ffffffd9;margin:0;text-transform:uppercase;letter-spacing:.05em;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.2)}.page-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;align-items:center;gap:1rem}.page-title{font-size:2rem;font-weight:700;color:var(--gray-900);margin:0}.page-subtitle{font-size:1rem;color:var(--gray-600);margin:.5rem 0 0}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.stats-card{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid var(--gray-200);transition:transform .2s ease,box-shadow .2s ease}.stats-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0000001a}.stats-header{display:flex;align-items:flex-start;gap:1rem}.stats-icon{width:2.5rem;height:2.5rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stats-icon-primary{background-color:var(--primary-200);color:var(--primary-700)}.stats-icon-success{background-color:var(--success-200);color:var(--success-700)}.stats-icon-warning{background-color:var(--warning-200);color:var(--warning-700)}.stats-icon-danger{background-color:var(--danger-200);color:var(--danger-700)}.stats-title{font-size:.875rem;font-weight:500;color:var(--gray-600);margin:0}.stats-value{font-size:2rem;font-weight:700;color:var(--gray-900);margin:.5rem 0 0;line-height:1}.stats-change{font-size:.875rem;margin-top:.5rem;color:var(--gray-500)}.stats-change-negative{color:var(--danger-600)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1rem;border-radius:.5rem;font-weight:500;font-size:.875rem;line-height:1.25rem;transition:all .2s ease;cursor:pointer;border:none;text-decoration:none;white-space:nowrap}.card{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;border:1px solid var(--gray-200);padding:1.5rem;transition:box-shadow .2s ease}.card-title{font-size:1.125rem;font-weight:600;color:var(--gray-900);margin:0}.table td{padding:1rem 1.5rem;font-size:.875rem;color:var(--gray-900);border-bottom:1px solid var(--gray-200)}.table tbody tr{background-color:#fff}.action-buttons{display:flex;gap:1rem;margin-top:1.5rem;flex-wrap:wrap}@media(max-width:1024px){.sidebar{transform:translate(-100%);transition:transform .3s ease}.sidebar.open{transform:translate(0)}.content{margin-left:0;padding:1rem}.dashboard-grid{grid-template-columns:1fr;gap:1rem}.action-buttons{flex-direction:column}}@media(max-width:640px){body{font-size:16px}.page-title{font-size:1.5rem}.stats-card{padding:1rem}.stats-value{font-size:1.5rem}.btn{padding:.625rem .875rem;font-size:.875rem}.table th,.table td{padding:.5rem;font-size:.75rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-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:var(--gray-50);color:var(--gray-800);line-height:1.6;font-size:14px}h1,h2,h3,h4,h5,h6{font-weight:600;color:var(--gray-900);letter-spacing:-.025em;margin-bottom:.5em}h1{font-size:2.5rem;line-height:1.2}h2{font-size:2rem;line-height:1.25}h3{font-size:1.5rem;line-height:1.3}h4{font-size:1.25rem;line-height:1.4}a{color:var(--primary-600);text-decoration:none;transition:color .2s ease}a:hover{color:var(--primary-700)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1rem;border-radius:.5rem;font-weight:500;font-size:.875rem;line-height:1.25rem;transition:all .2s ease;cursor:pointer;border:none;text-decoration:none}.btn:focus{outline:none;box-shadow:0 0 0 2px var(--primary-500)}.btn-primary{background-color:var(--primary-600);color:#fff}.btn-primary:hover{background-color:var(--primary-700);box-shadow:0 4px 12px #2563eb4d}.btn-success{background-color:var(--success-600);color:#fff}.btn-success:hover{background-color:var(--success-700);box-shadow:0 4px 12px #16a34a4d}.btn-warning{background-color:var(--warning-500);color:#fff}.btn-warning:hover{background-color:var(--warning-600);box-shadow:0 4px 12px #f59e0b4d}.btn-danger{background-color:var(--danger-600);color:#fff}.btn-danger:hover{background-color:var(--danger-700);box-shadow:0 4px 12px #dc26264d}.btn-outline{background-color:transparent;border:2px solid var(--primary-600);color:var(--primary-600)}.btn-outline:hover{background-color:var(--primary-600);color:#fff}.btn-secondary{background-color:var(--gray-200);color:var(--gray-800)}.btn-secondary:hover{background-color:var(--gray-300)}.card{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;border:1px solid var(--gray-200);padding:1.5rem;transition:box-shadow .2s ease;overflow:visible!important}.card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.card-header{border-bottom:1px solid var(--gray-200);padding-bottom:1rem;margin-bottom:1rem}.card-title{font-size:1.125rem;font-weight:600;color:var(--gray-900)}.table-container,.table-responsive{overflow-x:auto;overflow-y:visible!important;position:relative;z-index:1}.table{position:relative;z-index:1}.users-table-card{overflow:visible!important}.users-table,.users-table tbody,.users-table tbody tr{position:relative;z-index:1}.users-table tbody td{position:relative;overflow:visible!important}.content{overflow:visible!important}.app{overflow-x:hidden;overflow-y:auto}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-pending{background-color:var(--warning-100);color:var(--warning-800);border:1px solid var(--warning-200)}.badge-approved{background-color:var(--success-100);color:var(--success-800);border:1px solid var(--success-200)}.badge-rejected{background-color:var(--danger-100);color:var(--danger-800);border:1px solid var(--danger-200)}.badge-cancelled{background-color:var(--gray-100);color:var(--gray-800);border:1px solid var(--gray-200)}.form-group{margin-bottom:1rem}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--gray-700);margin-bottom:.25rem}.form-input,.form-select,.form-textarea{width:100%;padding:.75rem;border:1px solid var(--gray-300);border-radius:.5rem;box-shadow:0 1px 2px #0000000d;font-size:.875rem;transition:border-color .2s ease,box-shadow .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a}.form-input::placeholder{color:var(--gray-400)}.nav-link{display:flex;align-items:center;padding:.75rem 1rem;font-size:.875rem;font-weight:500;border-radius:.5rem;transition:all .2s ease;text-decoration:none}.nav-link-active{background-color:var(--primary-100);color:var(--primary-800)}.nav-link-inactive{color:var(--gray-600)}.nav-link-inactive:hover{background-color:var(--gray-100);color:var(--gray-900)}.loading-spinner{animation:spin 1s linear infinite;border:2px solid var(--gray-300);border-top:2px solid var(--primary-600);border-radius:50%;width:1.5rem;height:1.5rem}.table{width:100%;border-collapse:collapse;margin:1rem 0}.table th{background-color:var(--gray-50);padding:.75rem 1.5rem;text-align:left;font-size:.75rem;font-weight:500;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--gray-200)}.table td{padding:1rem 1.5rem;font-size:.875rem;color:var(--gray-900);border-bottom:1px solid var(--gray-200);position:relative}.table tbody tr{background-color:#fff;position:relative}.table tbody tr:nth-child(2n){background-color:var(--gray-50)}.table tbody tr:hover{background-color:var(--primary-50)}.alert{padding:1rem;border-radius:.5rem;margin:1rem 0;border-left:4px solid}.alert-success{background-color:var(--success-50);border-color:var(--success-500);color:var(--success-800)}.alert-warning{background-color:var(--warning-50);border-color:var(--warning-500);color:var(--warning-800)}.alert-danger{background-color:var(--danger-50);border-color:var(--danger-500);color:var(--danger-800)}.alert-info{background-color:var(--primary-50);border-color:var(--primary-500);color:var(--primary-800)}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow{box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.w-full{width:100%}.text-left{text-align:left}.flex{display:flex}.justify-between{justify-content:space-between}.space-y-1>*+*{margin-top:.25rem}.border-t{border-top:1px solid}.pt-1{padding-top:.25rem}.p-4{padding:1rem}.mb-2{margin-bottom:.5rem}.mb-6{margin-bottom:1.5rem}.mt-3{margin-top:.75rem}.rounded-lg{border-radius:.5rem}.font-semibold{font-weight:600}.font-medium{font-weight:500}.font-bold{font-weight:700}.text-sm{font-size:.875rem}.text-primary{color:var(--primary-600)}.text-success{color:var(--success-600)}.text-warning{color:var(--warning-600)}.text-danger{color:var(--danger-600)}.text-muted{color:var(--gray-500)}.bg-primary{background-color:var(--primary-600)}.bg-success{background-color:var(--success-600)}.bg-warning{background-color:var(--warning-600)}.bg-danger{background-color:var(--danger-600)}.border-primary{border-color:var(--primary-300)}.border-success{border-color:var(--success-300)}.border-warning{border-color:var(--warning-300)}.border-danger{border-color:var(--danger-300)}@media(max-width:768px){body{font-size:16px}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.card{padding:1rem}.btn{padding:.625rem .875rem;font-size:.875rem}.table th,.table td{padding:.5rem;font-size:.75rem}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.page-actions{width:100%;justify-content:flex-start}}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.empty-title{font-size:1.25rem;font-weight:600;color:var(--gray-900);margin-bottom:.5rem}.empty-description{color:var(--text-muted);margin-bottom:1.5rem;max-width:400px}.empty-actions{display:flex;gap:.75rem;justify-content:center}.clickable-row{cursor:pointer;transition:background-color .15s ease}.clickable-row:hover{background-color:var(--gray-50)}.table-responsive{overflow-x:auto;margin:-1px;border-radius:var(--border-radius)}.table{width:100%;border-collapse:collapse;font-size:.875rem}.table th{background-color:var(--gray-50);color:var(--gray-700);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--gray-200)}.table td{padding:1rem;border-bottom:1px solid var(--gray-200);vertical-align:middle}.table tbody tr:last-child td{border-bottom:none}.status-badge{display:inline-block;padding:.25rem .75rem;font-size:.75rem;font-weight:600;border-radius:9999px;text-transform:uppercase;letter-spacing:.025em}.status-pending{background-color:var(--warning-100);color:var(--warning-800)}.status-approved{background-color:var(--success-100);color:var(--success-800)}.status-rejected{background-color:var(--danger-100);color:var(--danger-800)}.status-cancelled{background-color:var(--gray-100);color:var(--gray-700)}.status-info{background-color:#dbeafe;color:#1e40af}.modal-overlay{position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.modal{background:#fff!important;background-color:#fff!important;border-radius:var(--border-radius);box-shadow:var(--shadow-xl);max-width:600px;width:100%;max-height:90vh;overflow:auto;animation:modalAppear .2s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--gray-200)}.modal-title{font-size:1.25rem;font-weight:600;color:var(--gray-900);margin:0;flex:1}.modal-close{background:none;border:none;font-size:1.5rem;color:var(--gray-400);cursor:pointer;padding:.25rem;line-height:1;transition:color .15s ease}.modal-content{padding:1.5rem}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid var(--gray-200);background-color:var(--gray-50);border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}@keyframes modalAppear{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.request-details{display:flex;flex-direction:column;gap:1rem}.detail-row{display:flex;justify-content:space-between;align-items:flex-start;padding:.75rem 0;border-bottom:1px solid var(--gray-100)}.detail-row:last-child{border-bottom:none}.detail-label{font-weight:600;color:var(--gray-700);min-width:120px;flex-shrink:0}.detail-value{color:var(--gray-900);text-align:right;word-break:break-word}.page-actions{display:flex;gap:.75rem;align-items:center}.login-app{min-height:100vh;background:linear-gradient(135deg,var(--primary-600),var(--primary-800));display:flex;align-items:center;justify-content:center;padding:1rem}.login-container{background:#fff;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;max-width:1000px;width:100%;min-height:600px;display:grid;grid-template-columns:1fr 1fr}.login-brand{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));color:#fff;padding:3rem;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.login-brand:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.3}.brand-content{position:relative;z-index:1;text-align:center}.brand-logo-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem}.brand-logo-image{max-width:280px;width:100%;height:auto;border-radius:12px;box-shadow:0 8px 24px #00000026;background:#fff;padding:1rem}.brand-logo{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem}.logo-icon{font-size:3rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.brand-title{font-size:2.5rem;font-weight:700;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.brand-subtitle{font-size:1.25rem;font-weight:600;margin:0;opacity:.9}.brand-description{font-size:1rem;line-height:1.6;opacity:.8;margin-bottom:2rem;max-width:300px}.brand-features{display:flex;flex-direction:column;gap:1rem}.feature-item{display:flex;align-items:center;gap:.75rem;font-size:.875rem;opacity:.9}.feature-icon{font-size:1.25rem}.login-form-container{padding:3rem;display:flex;align-items:center;justify-content:center}.login-form-content{width:100%;max-width:400px}.form-header{text-align:center;margin-bottom:2rem}.form-title{font-size:1.875rem;font-weight:700;color:var(--gray-900);margin-bottom:.5rem}.form-subtitle{font-size:1rem;color:var(--gray-600);margin:0}.login-tabs{display:flex;gap:.5rem;margin-bottom:2rem;background-color:var(--gray-100);padding:.25rem;border-radius:.5rem}.login-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:transparent;border:none;border-radius:.375rem;color:var(--gray-600);font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease}.login-tab:hover{background-color:var(--gray-200);color:var(--gray-900)}.login-tab.active{background-color:#fff;color:var(--primary-700);box-shadow:0 1px 3px #0000001a}.login-tab .tab-icon{font-size:1.125rem}.login-tab .tab-text{font-weight:600}.login-form{display:flex;flex-direction:column;gap:1.5rem}.form-actions{display:flex;justify-content:flex-end;margin-top:-.5rem}.forgot-password-link{font-size:.875rem;color:var(--primary-600);text-decoration:none;font-weight:500;transition:color .15s ease}.forgot-password-link:hover{color:var(--primary-700)}.btn-block{width:100%;justify-content:center}.form-footer{text-align:center;margin-top:1rem}.help-text{font-size:.875rem;color:var(--gray-600);margin:0}@media(max-width:768px){.login-container{grid-template-columns:1fr;max-width:400px;min-height:auto}.login-brand{padding:2rem;min-height:200px}.brand-logo{flex-direction:column;gap:.5rem}.logo-icon{font-size:2rem}.brand-title{font-size:1.75rem}.brand-subtitle{font-size:1.125rem}.brand-features{display:none}.login-form-container{padding:2rem}.change-password-card{max-width:90%;padding:1.5rem;margin:1rem auto}.lock-icon-wrapper{width:3.5rem;height:3.5rem}.lock-icon{font-size:1.75rem}.change-password-header{margin-bottom:1.5rem;padding-bottom:1rem}.password-requirements{padding:1rem}.password-requirements h4{font-size:.8rem}.password-requirements li{font-size:.8rem;padding:.4rem .5rem}}.change-password-card{max-width:550px;width:100%;padding:2.5rem;background:#fff;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;margin:2rem auto}.password-requirements{margin-top:2rem;padding:1.25rem 1.5rem;background:linear-gradient(135deg,var(--gray-50) 0%,var(--primary-50) 100%);border-radius:12px;border:2px solid var(--primary-100)}.password-requirements h4{font-size:.9rem;font-weight:700;color:var(--gray-800);margin:0 0 1rem;text-transform:uppercase;letter-spacing:.5px}.password-requirements ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.password-requirements li{padding:.5rem .75rem;font-size:.875rem;color:var(--gray-600);display:flex;align-items:center;gap:.75rem;background:#fff;border-radius:6px;transition:all .3s ease}.password-requirements li:before{content:"○";color:var(--gray-400);font-size:1.25rem;transition:all .3s ease;flex-shrink:0}.password-requirements li.valid{color:var(--success-700);font-weight:600;background:var(--success-50);border:1px solid var(--success-200)}.password-requirements li.valid:before{content:"✓";color:var(--success-500);font-weight:700;font-size:1.25rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:var(--gray-700)}.checkbox-label input[type=checkbox]{width:1rem;height:1rem;cursor:pointer}body[data-theme=dark] .change-password-card{background:var(--bg-primary);box-shadow:0 25px 50px -12px #00000080}body[data-theme=dark] .password-requirements{background:linear-gradient(135deg,var(--bg-secondary) 0%,rgba(59,130,246,.1) 100%);border-color:var(--border-color)}body[data-theme=dark] .password-requirements h4{color:var(--text-primary)}body[data-theme=dark] .password-requirements li{color:var(--text-secondary);background:var(--bg-primary)}body[data-theme=dark] .password-requirements li.valid{background:#22c55e1a;border-color:#22c55e4d;color:var(--success-300)}body[data-theme=dark] .checkbox-label{color:var(--text-primary)}.change-password-header{text-align:center;margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:2px solid var(--gray-100)}.lock-icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:4.5rem;height:4.5rem;background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%);border-radius:50%;margin:0 auto 1.25rem;box-shadow:0 4px 12px #3b82f64d}.lock-icon{font-size:2.25rem;filter:brightness(1.2)}.change-password-form{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem}.change-password-form .form-group{display:flex;flex-direction:column;gap:.5rem}.change-password-form .form-label{font-weight:600;color:var(--gray-700);margin-bottom:.25rem;display:block;font-size:.9rem}.change-password-form .form-input{width:100%;padding:.875rem 1rem;font-size:1rem;border:2px solid var(--gray-300);border-radius:8px;transition:all .3s ease;background:#fff}.change-password-form .form-input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a;outline:none}.change-password-form .form-help{display:block;margin-top:.25rem;font-size:.8rem;color:var(--gray-500);font-style:italic;line-height:1.4}.change-password-form .btn{width:100%;padding:1rem;font-size:1rem;font-weight:600;margin-top:.5rem}.change-password-form .checkbox-label{display:flex;align-items:center;gap:.625rem;cursor:pointer;font-size:.9rem;color:var(--gray-700);padding:.25rem 0}.change-password-form .checkbox-label input[type=checkbox]{width:1.125rem;height:1.125rem;cursor:pointer;margin:0}.alert-icon{margin-right:.5rem;font-size:1.1rem}body[data-theme=dark] .change-password-header{border-bottom-color:var(--border-color)}body[data-theme=dark] .change-password-form .form-label{color:var(--text-primary)}body[data-theme=dark] .change-password-form .form-input{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}body[data-theme=dark] .change-password-form .checkbox-label{color:var(--text-primary)}body[data-theme=dark] .change-password-form .form-help{color:var(--text-secondary)}.password-modal{max-width:600px!important;width:90%!important}.password-modal-header{background:linear-gradient(135deg,var(--success-500) 0%,var(--success-600) 100%);color:#fff;padding:1.5rem;border-radius:12px 12px 0 0;text-align:center}.password-modal-header .modal-title{color:#fff;display:flex;align-items:center;justify-content:center;gap:.75rem;margin:0;font-size:1.5rem}.success-icon{font-size:2rem;animation:successPulse .6s ease}@keyframes successPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.password-modal-body{padding:2rem}.success-message{text-align:center;margin-bottom:2rem;padding:1rem;background:var(--success-50);border-radius:8px;border:1px solid var(--success-200)}.success-text{color:var(--success-700);font-size:1rem;margin:0}.credentials-container{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.credential-item{display:flex;flex-direction:column;gap:.5rem}.credential-label{font-size:.875rem;font-weight:600;color:var(--gray-700);text-transform:uppercase;letter-spacing:.5px}.credential-value-wrapper{display:flex;gap:.5rem;align-items:center}.credential-value{flex:1;padding:.875rem 1rem;background:var(--gray-50);border:2px solid var(--gray-300);border-radius:8px;font-family:Courier New,monospace;font-size:1rem;color:var(--gray-900);font-weight:600;transition:all .3s ease}.credential-value:focus{outline:none;border-color:var(--primary-500);background:#fff}.password-value{letter-spacing:2px;color:var(--primary-700)}.btn-copy{padding:.875rem 1rem;background:var(--primary-600);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1.25rem;transition:all .3s ease;min-width:3rem;display:flex;align-items:center;justify-content:center}.btn-copy:hover{background:var(--primary-700);transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.btn-copy:active{transform:translateY(0)}.password-warning{background:var(--warning-50);border:2px solid var(--warning-300);border-radius:8px;padding:1rem 1.25rem;margin-bottom:1.5rem}.password-warning strong{color:var(--warning-700);display:block;margin-bottom:.5rem;font-size:1rem}.password-warning ul{margin:.5rem 0 0;padding-left:1.25rem;color:var(--warning-800)}.password-warning li{margin-bottom:.5rem;font-size:.875rem;line-height:1.5}.copy-all-section{text-align:center}.btn-copy-all{font-size:1rem;padding:1rem 2rem;font-weight:600;display:inline-flex;align-items:center;gap:.5rem}body[data-theme=dark] .success-message{background:#22c55e1a;border-color:#22c55e4d}body[data-theme=dark] .success-text{color:var(--success-300)}body[data-theme=dark] .credential-label{color:var(--text-primary)}body[data-theme=dark] .credential-value{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}body[data-theme=dark] .password-warning{background:#f59e0b1a;border-color:#f59e0b4d}body[data-theme=dark] .password-warning strong{color:var(--warning-400)}body[data-theme=dark] .password-warning ul{color:var(--warning-300)}.progress-card{background:linear-gradient(135deg,var(--gray-50) 0%,var(--primary-50) 100%);border:1px solid var(--primary-200);position:relative;overflow:hidden}.progress-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-400),var(--primary-600),var(--success-500))}.step-container{position:relative;transition:all .3s ease}.step-circle{width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:2}.step-circle-active{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;box-shadow:0 4px 12px #3b82f64d;transform:scale(1.05)}.step-circle-inactive{background-color:var(--gray-200);color:var(--gray-500)}.step-label{font-size:.875rem;font-weight:600;margin-bottom:.25rem;transition:color .3s ease}.step-label-active{color:var(--primary-600)}.step-label-inactive{color:var(--gray-500)}.step-desc{font-size:.75rem;color:var(--gray-400);line-height:1.3}.step-connector{flex:1;height:2px;margin:1.5rem 1rem 0;position:relative;transition:all .4s ease}.step-connector-active{background:linear-gradient(90deg,var(--primary-400),var(--primary-600))}.step-connector-inactive{background-color:var(--gray-200)}.form-step-container{position:relative}.form-step{opacity:0;transform:translateY(20px);animation:slideInUp .5s ease forwards}.form-step-active{opacity:1;transform:translateY(0)}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.step-header{background:linear-gradient(135deg,var(--primary-50) 0%,var(--success-50) 100%);border-radius:12px 12px 0 0;padding:2rem;border-bottom:1px solid var(--primary-100)}.step-icon{font-size:1.5rem;margin-right:.75rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.step-subtitle{color:var(--gray-600);font-size:.875rem;margin-top:.5rem;font-weight:400}.enhanced-form-group{margin-bottom:2rem;position:relative}.enhanced-form-group .form-label{display:flex;align-items:center;font-weight:600;color:var(--gray-700);margin-bottom:.75rem}.select-container{position:relative}.enhanced-select{transition:all .3s ease;border:2px solid var(--gray-200);border-radius:8px;padding:.875rem 1rem;font-size:.875rem;background:#fff}.enhanced-select:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a;transform:translateY(-1px)}.enhanced-input{transition:all .3s ease;border:2px solid var(--gray-200);border-radius:8px;padding:.875rem 1rem;font-size:.875rem;background:#fff}.enhanced-input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a;transform:translateY(-1px)}.enhanced-textarea{transition:all .3s ease;border:2px solid var(--gray-200);border-radius:8px;padding:.875rem 1rem;font-size:.875rem;background:#fff;resize:vertical;min-height:120px}.enhanced-textarea:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a;transform:translateY(-1px)}.date-selection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.leave-balance-card{background:linear-gradient(135deg,var(--success-50) 0%,var(--primary-50) 100%);border:1px solid var(--success-200);border-radius:12px;padding:1.5rem;margin-top:1.5rem;position:relative;overflow:hidden}.leave-balance-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--success-400),var(--primary-400))}.balance-header{margin-bottom:1rem}.balance-title{color:var(--gray-800);font-size:1.125rem;font-weight:600;margin:0}.balance-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.balance-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#fff;border-radius:8px;border:1px solid var(--gray-200)}.balance-label{font-size:.875rem;color:var(--gray-600);font-weight:500}.balance-value{font-size:1.25rem;font-weight:700}.balance-available{color:var(--success-600)}.balance-used{color:var(--warning-600)}.calculation-card{background:linear-gradient(135deg,var(--primary-50) 0%,var(--gray-50) 100%);border:1px solid var(--primary-200);border-radius:12px;padding:1.5rem;margin-top:1.5rem}.calculation-header{display:flex;align-items:center;margin-bottom:1rem}.calculation-icon{font-size:1.25rem;margin-right:.75rem}.calculation-title{color:var(--gray-800);font-size:1.125rem;font-weight:600;margin:0}.calculation-content{background:#fff;border-radius:8px;padding:1rem;border:1px solid var(--gray-200)}.calculation-item{display:flex;justify-content:space-between;align-items:center}.calculation-label{font-size:.875rem;color:var(--gray-600);font-weight:500}.calculation-value{font-size:1.25rem;font-weight:700;color:var(--primary-600)}.summary-card{background:linear-gradient(135deg,var(--gray-50) 0%,var(--primary-50) 100%);border:1px solid var(--primary-200);border-radius:12px;margin-top:2rem;overflow:hidden}.summary-header{background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%);color:#fff;padding:1rem 1.5rem}.summary-title{display:flex;align-items:center;font-size:1.125rem;font-weight:600;margin:0}.summary-icon{margin-right:.75rem;font-size:1.25rem}.summary-content{padding:1.5rem;background:#fff}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--gray-100)}.summary-item:last-child{border-bottom:none}.summary-label{font-size:.875rem;color:var(--gray-600);font-weight:500}.summary-value{font-size:.875rem;color:var(--gray-800);font-weight:600}.form-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--gray-200)}.nav-left,.nav-right{display:flex;gap:1rem}.nav-btn{transition:all .3s ease;padding:.875rem 1.5rem;font-weight:600}.nav-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.submit-btn{position:relative;overflow:hidden}.submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.submit-btn:hover:before{left:100%}.loading-text{display:flex;align-items:center;gap:.5rem}.loading-spinner-small{width:1rem;height:1rem;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.debug-info{background:linear-gradient(135deg,var(--gray-50) 0%,var(--gray-100) 100%);border:1px solid var(--gray-200);border-radius:8px;padding:1rem;margin-top:2rem}.debug-text{font-size:.75rem;color:var(--gray-500);margin:0;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.enhanced-header{background:linear-gradient(135deg,var(--primary-50) 0%,var(--success-50) 100%);border:1px solid var(--primary-200);border-radius:12px;padding:2rem;margin-bottom:2rem;position:relative;overflow:hidden}.enhanced-header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-400),var(--success-400),var(--primary-600))}.header-content{display:flex;flex-direction:column;gap:.5rem}.title-icon{font-size:1.5rem;margin-right:.75rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.enhanced-actions{display:flex;gap:1rem;flex-wrap:wrap}.action-btn{transition:all .3s ease;position:relative;overflow:hidden}.action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.btn-icon{margin-right:.5rem;font-size:1rem}.filters-card{background:linear-gradient(135deg,var(--gray-50) 0%,var(--primary-50) 100%);border:1px solid var(--primary-200)}.filter-header{background:linear-gradient(135deg,var(--primary-100) 0%,var(--success-100) 100%)}.filter-icon{font-size:1.25rem;margin-right:.75rem}.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;padding:1.5rem}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fade-in .3s ease-out}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-bounce{animation:bounce 1s ease-in-out infinite}@media(max-width:768px){.step-container{flex-direction:column;text-align:center}.step-connector{width:2px;height:2rem;margin:.5rem 0}.date-selection-grid,.filter-grid{grid-template-columns:1fr}.enhanced-actions{justify-content:center}.form-navigation{flex-direction:column;gap:1rem}.nav-left,.nav-right{justify-content:center;width:100%}}.admin-header{background:linear-gradient(135deg,#4f46e5,#3730a3,#6366f1)!important;color:#fff;box-shadow:0 4px 6px #0000001a}.admin-header:before{background:linear-gradient(90deg,var(--warning-400),var(--primary-400),var(--success-400))}.admin-header .page-title,.admin-header .page-subtitle{color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.3)}.admin-avatar{background:linear-gradient(135deg,var(--warning-500),var(--danger-500));font-weight:700}.admin-role{color:var(--warning-300);font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}.sign-out-btn{border-color:#ffffff4d!important;color:#ffffffe6!important;background:transparent!important;font-weight:600!important;transition:all .3s ease!important;display:flex;align-items:center;justify-content:center;gap:.5rem}.sign-out-btn:hover{background:#ffffff1a!important;border-color:#ffffff80!important;color:#fff!important;transform:translateY(-1px);box-shadow:0 4px 8px #0003}.sign-out-btn:active{transform:translateY(0)}.sign-out-btn .nav-icon{margin-right:0;font-size:1rem}.nav-divider{height:1px;background:#ffffff1a;margin:1rem 1.5rem}.employee-profile{background:#ffffff0d!important;border-top:2px solid rgba(99,102,241,.4)!important;padding:1.25rem!important}.user-profile-card{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#ffffff14;border-radius:12px;border:1px solid rgba(255,255,255,.1);margin-bottom:1rem;transition:all .3s ease}.user-profile-card:hover{background:#ffffff1f;border-color:#fff3;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.employee-avatar{width:3.5rem!important;height:3.5rem!important;background:linear-gradient(135deg,#10b981,#059669)!important;border:3px solid rgba(255,255,255,.25)!important;font-size:1.25rem!important;box-shadow:0 4px 12px #10b9814d!important}.employee-role{color:#86efac!important;font-weight:700!important;font-size:.688rem!important;background:#10b98133;padding:.25rem .5rem;border-radius:4px;display:inline-block;margin-top:.25rem}.user-email{font-size:.75rem;color:#fff9;margin:.5rem 0 0;font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.employee-sign-out{border-width:2px!important;font-weight:700!important;border-radius:8px!important;padding:.75rem 1rem!important;background:#10b9811a!important;border-color:#10b98166!important;color:#86efac!important}.employee-sign-out:hover{background:#10b98133!important;border-color:#10b981!important;color:#fff!important;box-shadow:0 4px 12px #10b9814d!important}.admin-alerts{display:flex;flex-direction:column;gap:1rem}.admin-alert{background:linear-gradient(135deg,var(--warning-50) 0%,var(--danger-50) 100%);border:1px solid var(--warning-200);border-radius:12px;padding:1rem 1.5rem;position:relative;overflow:hidden}.admin-alert:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--warning-400),var(--danger-400))}.alert-content{display:flex;justify-content:space-between;align-items:center;gap:1rem}.alert-message{font-weight:500;color:var(--gray-800)}.alert-action{flex-shrink:0;font-size:.875rem;padding:.5rem 1rem}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.admin-stats-card{background:linear-gradient(135deg,white 0%,var(--gray-50) 100%);border:1px solid var(--gray-200);border-radius:12px;padding:2rem;position:relative;overflow:hidden;transition:all .3s ease}.admin-stats-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.admin-stats-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-400),var(--success-400),var(--warning-400))}.admin-section{background:#fff;border-radius:12px;padding:2rem;border:1px solid var(--gray-200);position:relative;overflow:hidden}.admin-section:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--primary-400),var(--secondary-400))}.section-title{display:flex;align-items:center;font-size:1.5rem;font-weight:600;color:var(--gray-800);margin-bottom:2rem}.section-icon{font-size:1.75rem;margin-right:1rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.quick-action-card{position:relative;transition:all .3s ease}.quick-action-btn{display:flex;align-items:center;gap:1.5rem;padding:2rem;width:100%;text-align:left;border:none;border-radius:12px;background:#fff;color:var(--gray-800);border:2px solid var(--gray-200);transition:all .3s ease;position:relative;overflow:hidden}.quick-action-btn:hover{transform:translateY(-3px);box-shadow:0 10px 25px #00000026;border-color:var(--primary-300)}.quick-action-btn.btn-primary:hover{border-color:var(--primary-400)}.quick-action-btn.btn-success:hover{border-color:var(--success-400)}.quick-action-btn.btn-warning:hover{border-color:var(--warning-400)}.quick-action-btn.btn-danger:hover{border-color:var(--danger-400)}.quick-action-btn.btn-info:hover{border-color:var(--primary-400)}.quick-action-btn.btn-secondary:hover{border-color:var(--gray-400)}.quick-action-icon{font-size:2.5rem;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.quick-action-content{flex:1}.quick-action-title{font-size:1.125rem;font-weight:600;margin:0 0 .5rem;color:var(--gray-800)}.quick-action-desc{font-size:.875rem;color:var(--gray-600);margin:0;line-height:1.4}.quick-action-arrow{font-size:1.5rem;color:var(--gray-400);transition:all .3s ease;flex-shrink:0}.quick-action-btn:hover .quick-action-arrow{color:var(--primary-600);transform:translate(3px)}.activity-card{background:linear-gradient(135deg,var(--gray-50) 0%,white 100%);border:1px solid var(--gray-200)}.activity-list{display:flex;flex-direction:column;gap:1rem}.activity-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border-radius:8px;border:1px solid var(--gray-100);transition:all .2s ease}.activity-item:hover{background:var(--gray-50);border-color:var(--primary-200)}.activity-icon{font-size:1.5rem;flex-shrink:0;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:var(--gray-100);border-radius:50%}.activity-content{flex:1;min-width:0}.activity-main{font-size:.875rem;color:var(--gray-800);margin-bottom:.25rem}.activity-action{color:var(--gray-600);margin:0 .25rem}.activity-type{font-weight:600;color:var(--primary-600);margin:0 .25rem}.activity-details{color:var(--gray-500);margin-left:.25rem}.activity-time{font-size:.75rem;color:var(--gray-500)}.activity-status{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.status-pending{background:var(--warning-100);color:var(--warning-700)}.status-approved{background:var(--success-100);color:var(--success-700)}.status-rejected{background:var(--danger-100);color:var(--danger-700)}.status-cancelled{background:var(--gray-100);color:var(--gray-700)}.empty-state{text-align:center;padding:3rem 1rem;color:var(--gray-500)}.empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-state h3{color:var(--gray-600);margin-bottom:.5rem}.empty-state p{color:var(--gray-500);margin:0}@media(max-width:768px){.admin-stats-grid,.quick-actions-grid{grid-template-columns:1fr}.quick-action-btn{padding:1.5rem;gap:1rem}.quick-action-icon{font-size:2rem}.alert-content{flex-direction:column;align-items:stretch;gap:.75rem}.activity-item{flex-direction:column;align-items:stretch;text-align:center}.activity-main{margin-bottom:.5rem}}.user-filter-grid{grid-template-columns:2fr 1fr 1fr;gap:2rem}.users-table-card{background:linear-gradient(135deg,white 0%,var(--gray-50) 100%);border:1px solid var(--gray-200)}.table-container{overflow-x:auto;border-radius:8px}.users-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden}.users-table thead{background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%);color:#fff}.users-table th,.users-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--gray-200)}.users-table th{font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.users-table tbody tr{transition:all .2s ease}.users-table tbody tr:hover{background-color:var(--gray-50)}.users-table tbody tr.user-inactive{opacity:.6;background-color:var(--gray-100)}.user-cell{display:flex;align-items:center;gap:.75rem}.user-avatar-small{width:2.5rem;height:2.5rem;border-radius:50%;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem}.user-details{display:flex;flex-direction:column}.user-name-small{font-weight:600;color:var(--gray-800);font-size:.875rem}.user-phone{font-size:.75rem;color:var(--gray-500)}.role-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.role-employee{background:var(--primary-100);color:var(--primary-700)}.role-hod{background:var(--warning-100);color:var(--warning-700)}.role-admin{background:var(--danger-100);color:var(--danger-700)}.status-active{background:var(--success-100);color:var(--success-700)}.status-inactive{background:var(--gray-100);color:var(--gray-700)}.action-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.btn-sm{padding:.375rem .75rem;font-size:.75rem;border-radius:6px;font-weight:500}.modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{background:#fff!important;background-color:#fff!important;border-radius:12px;box-shadow:0 20px 50px #0000004d;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease}.user-modal{width:100%;max-width:600px}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 2rem 0}.modal-title{font-size:1.5rem;font-weight:600;color:var(--gray-800);margin:0}.modal-close{background:none;border:none;font-size:2rem;color:var(--gray-400);cursor:pointer;transition:color .2s ease;line-height:1}.modal-close:hover{color:var(--gray-600)}.modal-info-banner{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-left:4px solid #3b82f6;padding:1rem 1.5rem;margin:1rem 2rem 0;border-radius:8px;display:flex;align-items:flex-start;gap:1rem}.info-icon{font-size:1.5rem;flex-shrink:0}.info-content{flex:1}.info-content strong{color:#1e40af;font-size:.9375rem;display:block;margin-bottom:.5rem}.info-content p{color:#1e3a8a;font-size:.875rem;margin:.25rem 0;line-height:1.5}.info-content code{background:#3b82f61a;padding:.125rem .375rem;border-radius:4px;font-family:Courier New,monospace;font-weight:600;color:#1e40af}.form-help{display:block;margin-top:.375rem;font-size:.813rem;color:var(--gray-500);font-style:italic}.modal-body{padding:2rem}.modal-overlay textarea,.modal textarea,textarea{pointer-events:auto!important;user-select:text!important;-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important;cursor:text!important}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding-top:2rem;border-top:1px solid var(--gray-200);margin-top:2rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1.5rem}.form-grid .form-group{margin-bottom:0}.checkbox-group{display:flex;align-items:center;grid-column:1 / -1}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:500;color:var(--gray-700);margin-bottom:0}.checkbox-label input[type=checkbox]{width:1.125rem;height:1.125rem;accent-color:var(--primary-600)}.checkbox-text{-webkit-user-select:none;user-select:none}@media(max-width:1024px){.users-table{font-size:.875rem}.users-table th,.users-table td{padding:.75rem .5rem}.user-cell{gap:.5rem}.user-avatar-small{width:2rem;height:2rem;font-size:.875rem}.action-buttons{flex-direction:column}}@media(max-width:768px){.user-filter-grid{grid-template-columns:1fr;gap:1rem}.users-table{display:block;overflow-x:auto;white-space:nowrap}.users-table thead,.users-table tbody,.users-table th,.users-table td,.users-table tr{display:block}.users-table thead tr{position:absolute;top:-9999px;left:-9999px}.users-table tr{border:1px solid var(--gray-200);border-radius:8px;margin-bottom:1rem;padding:1rem;background:#fff}.users-table td{border:none;position:relative;padding:.5rem 0;padding-left:50%;white-space:normal}.users-table td:before{content:attr(data-label) ": ";position:absolute;left:0;width:45%;padding-right:10px;white-space:nowrap;font-weight:600;color:var(--gray-600)}.user-cell{justify-content:flex-start}.form-grid{grid-template-columns:1fr}.modal{margin:1rem;max-height:calc(100vh - 2rem)}.modal-header,.modal-body{padding:1.5rem}}.leave-types-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:2rem;padding:1rem 0}.leave-types-empty{grid-column:1 / -1;display:flex;justify-content:center;padding:4rem 0}.leave-type-card{background:#fff;border-radius:12px;border:1px solid var(--gray-200);transition:all .3s ease;position:relative;overflow:hidden}.leave-type-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.leave-type-inactive{opacity:.6;background:var(--gray-100)}.leave-type-color-bar{height:4px;width:100%;position:absolute;top:0;left:0}.leave-type-header{padding:2rem 2rem 1rem;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.leave-type-title-section{flex:1}.leave-type-title{font-size:1.25rem;font-weight:600;color:var(--gray-800);margin:0 0 .5rem;line-height:1.3}.leave-type-description{font-size:.875rem;color:var(--gray-600);margin:0;line-height:1.4}.leave-type-status{flex-shrink:0}.leave-type-details{padding:0 2rem 1rem}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--gray-50);border-radius:8px;border:1px solid var(--gray-100)}.detail-label{font-size:.875rem;color:var(--gray-600);font-weight:500}.detail-value{font-size:.875rem;color:var(--gray-800);font-weight:600}.leave-type-features{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.feature-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500}.feature-carryforward{background:var(--primary-100);color:var(--primary-700)}.feature-docs{background:var(--warning-100);color:var(--warning-700)}.feature-notice{background:var(--success-100);color:var(--success-700)}.leave-type-actions{padding:1rem 2rem 2rem;display:flex;gap:.75rem;flex-wrap:wrap}.leave-type-modal{width:100%;max-width:800px;max-height:90vh}.form-section{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:8px;padding:1.5rem;margin-bottom:2rem}.form-section-title{font-size:1.125rem;font-weight:600;color:var(--gray-800);margin:0 0 1.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--gray-200)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.form-help{display:block;font-size:.75rem;color:var(--gray-500);margin-top:.25rem;font-style:italic}.color-picker{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.color-option{width:2.5rem;height:2.5rem;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:all .2s ease;position:relative}.color-option:hover{transform:scale(1.1);box-shadow:0 4px 12px #00000026}.color-selected{border-color:var(--gray-800);transform:scale(1.1)}.color-selected:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;font-size:.875rem;text-shadow:0 0 2px rgba(0,0,0,.5)}@media(max-width:1024px){.leave-types-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.detail-grid,.form-row{grid-template-columns:1fr}}@media(max-width:768px){.leave-types-grid{grid-template-columns:1fr}.leave-type-header{flex-direction:column;align-items:stretch;gap:1rem}.leave-type-actions{flex-direction:column}.leave-type-actions .btn,.color-picker{justify-content:center}.form-section{padding:1rem;margin-bottom:1rem}.leave-type-modal{margin:.5rem;max-height:calc(100vh - 1rem)}}.report-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;padding:1.5rem;background:linear-gradient(135deg,var(--gray-50) 0%,var(--primary-50) 100%);border-radius:12px;border:1px solid var(--primary-200)}.control-group{display:flex;flex-direction:column;gap:.5rem}.control-group .form-label{display:flex;align-items:center;font-size:.875rem;font-weight:600;color:var(--gray-700)}.enhanced-select,.enhanced-input{transition:all .2s ease;border:2px solid var(--gray-200);border-radius:8px;padding:.75rem;font-size:.875rem;background:#fff}.enhanced-select:focus,.enhanced-input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a;outline:none}.date-range{display:flex;align-items:center;gap:.5rem}.date-separator{font-size:.875rem;color:var(--gray-500);font-weight:500}.filters-card{background:#fff;border:1px solid var(--gray-200);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000d}.filter-header{background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%);color:#fff;padding:1rem 1.5rem;border-bottom:none}.filter-header .card-title{color:#fff;display:flex;align-items:center;margin:0}.filter-icon{margin-right:.75rem;font-size:1.25rem}.reports-table{width:100%;border-collapse:collapse;font-size:.875rem;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.reports-table th{background:linear-gradient(135deg,var(--gray-50) 0%,var(--primary-50) 100%);color:var(--gray-700);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;padding:1rem;text-align:left;border-bottom:2px solid var(--gray-200)}.reports-table td{padding:1rem;border-bottom:1px solid var(--gray-100);vertical-align:middle}.reports-table tbody tr{transition:background-color .2s ease}.reports-table tbody tr:hover{background-color:var(--primary-25)}.dept-name{font-weight:600;color:var(--gray-800)}.approval-rate{font-weight:600;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem}.rate-high{background-color:var(--success-100);color:var(--success-800)}.rate-medium{background-color:var(--warning-100);color:var(--warning-800)}.rate-low{background-color:var(--danger-100);color:var(--danger-800)}.report-section{margin-bottom:3rem}.section-title{font-size:1.5rem;font-weight:700;color:var(--gray-900);margin-bottom:1.5rem;display:flex;align-items:center}.section-icon{margin-right:.75rem;font-size:1.5rem}.trends-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.trend-card{background:#fff;border:1px solid var(--gray-200);border-radius:12px;padding:1.5rem;transition:all .2s ease;position:relative;overflow:hidden}.trend-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001a}.trend-header{margin-bottom:1rem}.trend-month{font-size:1.125rem;font-weight:600;color:var(--gray-900);margin:0}.trend-stats{display:flex;justify-content:space-between;margin-bottom:1rem}.trend-stat{display:flex;flex-direction:column;align-items:center}.trend-label{font-size:.75rem;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.trend-value{font-size:1.5rem;font-weight:700;color:var(--primary-600)}.trend-bar{height:4px;background-color:var(--gray-200);border-radius:2px;overflow:hidden;position:relative}.trend-fill{height:100%;background:linear-gradient(90deg,var(--primary-400),var(--primary-600));border-radius:2px;transition:width .8s ease}.leave-type-analysis{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.analysis-card{background:#fff;border:1px solid var(--gray-200);border-radius:12px;padding:1.5rem;transition:all .2s ease}.analysis-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}.analysis-header{display:flex;align-items:center;margin-bottom:1.5rem}.type-color-indicator{width:1rem;height:1rem;border-radius:50%;margin-right:.75rem;border:2px solid white;box-shadow:0 0 0 1px var(--gray-300)}.analysis-title{font-size:1.125rem;font-weight:600;color:var(--gray-900);margin:0}.analysis-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.analysis-stat{text-align:center;padding:1rem;background:var(--gray-50);border-radius:8px;border:1px solid var(--gray-200)}.stat-number{display:block;font-size:1.5rem;font-weight:700;color:var(--primary-600);margin-bottom:.25rem}.stat-label{font-size:.75rem;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em}.patterns-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.pattern-card{background:linear-gradient(135deg,var(--primary-50) 0%,var(--success-50) 100%);border:1px solid var(--primary-200);border-radius:12px;padding:1.5rem;text-align:center;transition:all .2s ease;position:relative;overflow:hidden}.pattern-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001a}.pattern-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-400),var(--success-400))}.pattern-header{display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.pattern-icon{font-size:2rem;margin-right:.75rem}.pattern-title{font-size:1rem;font-weight:600;color:var(--gray-800);margin:0}.pattern-value{font-size:1.5rem;font-weight:700;color:var(--primary-600);margin-bottom:.5rem}.pattern-desc{font-size:.875rem;color:var(--gray-600)}.top-users-section{margin-top:2rem}.subsection-title{font-size:1.25rem;font-weight:600;color:var(--gray-900);margin-bottom:1rem}.top-users-list{background:#fff;border:1px solid var(--gray-200);border-radius:8px;overflow:hidden}.top-user-item{display:flex;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--gray-100);transition:background-color .2s ease}.top-user-item:last-child{border-bottom:none}.top-user-item:hover{background-color:var(--primary-25)}.user-rank{font-size:1rem;font-weight:700;color:var(--primary-600);min-width:2rem;margin-right:1rem}.user-name{flex:1;font-weight:500;color:var(--gray-800)}.user-days{font-size:.875rem;font-weight:600;color:var(--gray-600);background:var(--gray-100);padding:.25rem .75rem;border-radius:9999px}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.admin-stats-card{background:linear-gradient(135deg,white 0%,var(--gray-50) 100%);border:1px solid var(--gray-200);border-radius:12px;padding:1.5rem;transition:all .2s ease;position:relative;overflow:hidden}.admin-stats-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-400),var(--primary-600))}.admin-stats-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001a}.stats-content{display:flex;align-items:flex-start;gap:1rem}.stats-details{flex:1}.stats-title{font-size:.875rem;font-weight:500;color:var(--gray-600);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.stats-value{font-size:2rem;font-weight:700;color:var(--gray-900);line-height:1;margin-bottom:.5rem}.stats-change{font-size:.875rem;color:var(--gray-500);margin:0}.stats-change-positive{color:var(--success-600)}.stats-icon{width:3rem;height:3rem;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.stats-icon-primary{background:linear-gradient(135deg,var(--primary-100),var(--primary-200));color:var(--primary-700)}.stats-icon-success{background:linear-gradient(135deg,var(--success-100),var(--success-200));color:var(--success-700)}.stats-icon-warning{background:linear-gradient(135deg,var(--warning-100),var(--warning-200));color:var(--warning-700)}.stats-icon-secondary{background:linear-gradient(135deg,var(--gray-100),var(--gray-200));color:var(--gray-700)}@media(max-width:1024px){.report-controls{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.trends-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.leave-type-analysis{grid-template-columns:1fr}.patterns-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.admin-stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media(max-width:768px){.report-controls{grid-template-columns:1fr;gap:1rem;padding:1rem}.date-range{flex-direction:column;align-items:stretch}.date-separator{text-align:center;margin:.5rem 0}.trends-grid,.patterns-grid,.admin-stats-grid{grid-template-columns:1fr}.stats-content{flex-direction:column;align-items:center;text-align:center}.analysis-stats{grid-template-columns:1fr;gap:.75rem}.table-container{overflow-x:auto}.reports-table{min-width:600px}.reports-table th,.reports-table td{padding:.75rem .5rem;font-size:.75rem}.section-title{font-size:1.25rem}.pattern-header{flex-direction:column;gap:.5rem}.pattern-icon{margin-right:0}}.holiday-calendar{margin-bottom:2rem}.holidays-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;margin-top:1.5rem}.holiday-card{background:#fff;border:1px solid var(--gray-200);border-radius:12px;padding:1.5rem;transition:all .2s ease;position:relative;overflow:hidden}.holiday-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001a}.holiday-card.upcoming{border-color:var(--primary-300);background:linear-gradient(135deg,var(--primary-25) 0%,white 100%)}.holiday-card.upcoming:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-400),var(--primary-600))}.holiday-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.holiday-type{display:flex;align-items:center;gap:.5rem}.type-icon{font-size:1.25rem}.type-badge{font-size:.75rem;font-weight:600;padding:.25rem .75rem;border-radius:9999px;text-transform:uppercase;letter-spacing:.05em}.holiday-actions{display:flex;gap:.5rem}.action-btn{background:none;border:none;padding:.5rem;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:1rem}.edit-btn:hover{background-color:var(--primary-100)}.delete-btn:hover{background-color:var(--danger-100)}.holiday-content{margin-bottom:1rem}.holiday-name{font-size:1.25rem;font-weight:600;color:var(--gray-900);margin:0 0 .5rem}.holiday-date{font-size:1rem;color:var(--primary-600);font-weight:500;margin:0 0 .5rem}.holiday-description{font-size:.875rem;color:var(--gray-600);line-height:1.4;margin:0}.holiday-footer{display:flex;gap:.75rem;flex-wrap:wrap}.recurring-badge,.upcoming-badge{font-size:.75rem;font-weight:600;padding:.25rem .75rem;border-radius:9999px;background-color:var(--gray-100);color:var(--gray-700)}.upcoming-badge{background-color:var(--primary-100);color:var(--primary-700)}.holiday-modal{max-width:600px;width:100%}.modal-icon{margin-right:.75rem;font-size:1.25rem}.checkbox-container{display:flex;align-items:center;gap:.5rem;padding:.75rem 0}.checkbox-container input[type=checkbox]{width:auto;margin:0}.checkbox-label{font-size:.875rem;color:var(--gray-700);cursor:pointer}.form-section{background:var(--gray-25);border-radius:8px;padding:1.5rem;margin-bottom:1rem}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.action-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;transition:all .2s ease}@media(max-width:1024px){.holidays-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.holiday-card{padding:1rem}}@media(max-width:768px){.holidays-grid{grid-template-columns:1fr}.holiday-header{flex-direction:column;align-items:stretch;gap:1rem}.holiday-type,.holiday-actions,.holiday-footer{justify-content:center}.form-row{grid-template-columns:1fr}.holiday-modal{margin:.5rem;max-height:calc(100vh - 1rem)}.page-actions{flex-direction:column;gap:.75rem}.enhanced-actions{align-items:stretch}.action-btn{justify-content:center}}.settings-container{max-width:1200px;margin:0 auto}.settings-section{background:#fff;border:1px solid var(--gray-200);border-radius:12px;margin-bottom:2rem;overflow:hidden;box-shadow:0 2px 8px #0000000d}.section-header{background:linear-gradient(135deg,var(--primary-50) 0%,var(--gray-50) 100%);padding:1.5rem;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.section-header>div{flex:1;min-width:250px}.section-title{font-size:1.25rem;font-weight:600;color:var(--gray-900);margin:0 0 .5rem;display:flex;align-items:center}.section-desc{font-size:.875rem;color:var(--gray-600);margin:0;line-height:1.4}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;padding:1.5rem}.setting-card{background:var(--gray-25);border:1px solid var(--gray-200);border-radius:8px;padding:1rem;transition:all .2s ease}.setting-card:hover{border-color:var(--primary-300);background:#fff;box-shadow:0 2px 8px #0000000d}.setting-label{display:flex;align-items:center;font-size:.875rem;font-weight:600;color:var(--gray-700);margin-bottom:.75rem}.label-icon{margin-right:.5rem;font-size:1rem}.setting-control{display:flex;align-items:center;gap:.75rem}.setting-control .form-input,.setting-control .form-select{flex:1;min-width:0}.setting-unit{font-size:.875rem;color:var(--gray-500);font-weight:500;white-space:nowrap}.setting-help{font-size:.75rem;color:var(--gray-500);margin:.5rem 0 0;line-height:1.3}.toggle-switch{position:relative;display:inline-block;width:48px;height:24px;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{position:absolute;inset:0;background-color:var(--gray-300);border-radius:24px;transition:.3s}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.3s;box-shadow:0 1px 3px #0003}.toggle-switch input:checked+.toggle-slider{background-color:var(--primary-500)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.working-days-grid{padding:1.5rem;display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}.working-days-card{background:var(--gray-25);border:1px solid var(--gray-200);border-radius:8px;padding:1.5rem}.card-subtitle{font-size:1rem;font-weight:600;color:var(--gray-800);margin:0 0 1rem}.days-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.day-option{display:flex;flex-direction:column;align-items:center;cursor:pointer}.day-option input{display:none}.day-label{display:flex;align-items:center;justify-content:center;width:100%;padding:.75rem .25rem;border:2px solid var(--gray-200);border-radius:8px;font-size:.75rem;font-weight:600;color:var(--gray-600);background:#fff;transition:all .2s ease}.day-label.active{background:var(--primary-500);color:#fff;border-color:var(--primary-500);transform:scale(1.05)}.calendar-options{display:flex;flex-direction:column;gap:1rem}.save-modal{max-width:500px}.save-warning{font-size:.875rem;color:var(--gray-600);margin-bottom:1.5rem;line-height:1.5}.settings-summary{background:var(--primary-25);border:1px solid var(--primary-200);border-radius:8px;padding:1rem}.settings-summary h4{font-size:.875rem;font-weight:600;color:var(--primary-800);margin:0 0 .75rem}.settings-summary ul{margin:0;padding-left:1.25rem}.settings-summary li{font-size:.875rem;color:var(--primary-700);margin-bottom:.25rem}.enhanced-actions{display:flex;gap:.75rem;align-items:center}.action-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;transition:all .2s ease;border:none;cursor:pointer}.btn-icon{font-size:1rem}@media(max-width:1024px){.settings-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;padding:1rem}.working-days-grid{grid-template-columns:1fr;gap:1.5rem;padding:1rem}.days-selector{grid-template-columns:repeat(7,1fr)}}@media(max-width:768px){.settings-grid{grid-template-columns:1fr}.setting-control{flex-direction:column;align-items:stretch;gap:.5rem}.setting-control .form-input,.setting-control .form-select{width:100%}.setting-unit{text-align:center}.days-selector{grid-template-columns:repeat(3,1fr);gap:.5rem}.day-label{padding:.5rem .25rem;font-size:.7rem}.working-days-card,.section-header{padding:1rem}.enhanced-actions{flex-direction:column;gap:.5rem}.action-btn{width:100%;justify-content:center}.save-modal{margin:.5rem;max-height:calc(100vh - 1rem)}}.operation-selection{padding:1.5rem}.operation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.operation-option{border:2px solid var(--gray-200);border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .2s ease;background:#fff;display:block}.operation-option:hover{border-color:var(--primary-300);box-shadow:0 4px 12px #0000001a}.operation-option.selected{border-color:var(--primary-500);background:linear-gradient(135deg,var(--primary-25) 0%,white 100%)}.operation-option input{display:none}.option-content{text-align:center}.option-icon{font-size:3rem;margin-bottom:1rem}.option-title{font-size:1.25rem;font-weight:600;color:var(--gray-900);margin:0 0 .5rem}.option-desc{font-size:.875rem;color:var(--gray-600);line-height:1.4;margin:0}.upload-section{padding:1.5rem}.upload-area{border:2px dashed var(--gray-300);border-radius:12px;padding:3rem 2rem;text-align:center;transition:all .2s ease;background:var(--gray-25)}.upload-area:hover{border-color:var(--primary-400);background:var(--primary-25)}.file-input{display:none}.upload-label{cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:1rem}.upload-icon{font-size:3rem;color:var(--gray-400)}.upload-text h4{font-size:1.25rem;font-weight:600;color:var(--gray-900);margin:0}.upload-text p{font-size:.875rem;color:var(--gray-600);margin:.5rem 0 0}.file-info{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding:1rem;background:var(--success-25);border:1px solid var(--success-200);border-radius:8px}.file-details{display:flex;align-items:center;gap:.5rem}.file-name{font-weight:500;color:var(--success-800)}.file-size{font-size:.875rem;color:var(--success-600)}.file-records{font-size:.875rem;color:var(--success-700);font-weight:500}.validation-summary{padding:1.5rem}.summary-stats{display:flex;gap:2rem;margin-bottom:1.5rem}.stat-item{display:flex;flex-direction:column;align-items:center;padding:1rem;border-radius:8px;min-width:120px}.stat-item.valid{background:var(--success-25);border:1px solid var(--success-200)}.stat-item.error{background:var(--danger-25);border:1px solid var(--danger-200)}.stat-icon{font-size:1.5rem;margin-bottom:.5rem}.stat-value{font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.stat-item.valid .stat-value{color:var(--success-700)}.stat-item.error .stat-value{color:var(--danger-700)}.stat-label{font-size:.875rem;color:var(--gray-600);text-align:center}.error-details{background:var(--danger-25);border:1px solid var(--danger-200);border-radius:8px;padding:1rem}.error-title{font-size:1rem;font-weight:600;color:var(--danger-800);margin:0 0 1rem}.error-list{display:flex;flex-direction:column;gap:.5rem}.error-item{display:flex;gap:1rem;align-items:flex-start}.error-row{font-weight:600;color:var(--danger-700);min-width:80px;flex-shrink:0}.error-messages{color:var(--danger-600);font-size:.875rem}.error-more{font-style:italic;color:var(--danger-600);margin-top:.5rem}.preview-table{width:100%;border-collapse:collapse;font-size:.875rem;margin:0}.preview-table th{background:var(--gray-50);color:var(--gray-700);font-weight:600;padding:.75rem;text-align:left;border-bottom:2px solid var(--gray-200);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.preview-table td{padding:.75rem;border-bottom:1px solid var(--gray-200);vertical-align:top;max-width:200px;word-break:break-word}.preview-footer{padding:1rem;text-align:center;color:var(--gray-500);font-size:.875rem;background:var(--gray-25);border-top:1px solid var(--gray-200)}.execution-section{background:linear-gradient(135deg,var(--primary-25) 0%,var(--gray-25) 100%);border:1px solid var(--primary-200);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.execution-warning{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.warning-icon{font-size:1.5rem;color:var(--warning-600);flex-shrink:0}.execution-warning p{color:var(--gray-700);margin:0;line-height:1.5}.execution-actions{display:flex;justify-content:center}.execute-btn{padding:1rem 2rem;font-size:1rem;font-weight:600;border-radius:8px;transition:all .3s ease}.execute-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #3b82f64d}.results-card{background:linear-gradient(135deg,var(--success-25) 0%,white 100%);border-color:var(--success-200)}.results-summary{padding:1.5rem}.result-stats{display:flex;gap:2rem;margin-bottom:1.5rem;justify-content:center}.result-stat{display:flex;flex-direction:column;align-items:center;padding:1.5rem;border-radius:12px;min-width:140px}.result-stat.success{background:var(--success-50);border:2px solid var(--success-300)}.result-stat.error{background:var(--danger-50);border:2px solid var(--danger-300)}.result-stat .stat-number{font-size:2rem;font-weight:700;margin-bottom:.5rem}.result-stat.success .stat-number{color:var(--success-700)}.result-stat.error .stat-number{color:var(--danger-700)}.result-stat .stat-label{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.result-errors{background:#fff;border:1px solid var(--danger-200);border-radius:8px;padding:1rem}.result-errors .error-title{font-size:1rem;font-weight:600;color:var(--danger-800);margin:0 0 1rem}.result-errors .error-item{margin-bottom:.5rem}.error-record{font-weight:600;color:var(--danger-700)}.error-message{color:var(--danger-600);font-size:.875rem}@media(max-width:1024px){.operation-grid{grid-template-columns:1fr;gap:1rem}.summary-stats,.result-stats{flex-direction:column;gap:1rem}.stat-item,.result-stat{min-width:auto;width:100%}}@media(max-width:768px){.upload-area{padding:2rem 1rem}.upload-text h4{font-size:1rem}.upload-icon{font-size:2rem}.file-info{flex-direction:column;gap:.5rem;align-items:stretch;text-align:center}.execution-warning{flex-direction:column;text-align:center}.warning-icon{align-self:center}.preview-table{font-size:.75rem}.preview-table th,.preview-table td{padding:.5rem;max-width:150px}.error-item{flex-direction:column;gap:.25rem}.error-row{min-width:auto}.execute-btn{width:100%;padding:.875rem 1.5rem}}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.kpi-card{background:linear-gradient(135deg,white 0%,var(--primary-25) 100%);border:1px solid var(--primary-200);border-radius:12px;padding:1.5rem;transition:all .2s ease;position:relative;overflow:hidden}.kpi-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #3b82f626}.kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-400),var(--primary-600))}.kpi-content{display:flex;align-items:flex-start;gap:1rem}.kpi-icon{font-size:2.5rem;background:linear-gradient(135deg,var(--primary-100),var(--primary-200));border-radius:12px;width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.kpi-details{flex:1}.kpi-title{font-size:.875rem;font-weight:600;color:var(--gray-600);margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.05em}.kpi-value{font-size:2rem;font-weight:700;color:var(--gray-900);margin:0 0 .25rem;line-height:1}.kpi-trend{font-size:.875rem;color:var(--gray-500);margin:0}.analytics-section{margin-bottom:3rem}.chart-container{background:#fff;border:1px solid var(--gray-200);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000000d}.chart-header{margin-bottom:2rem}.chart-title{font-size:1.25rem;font-weight:600;color:var(--gray-900);margin:0 0 .5rem}.chart-subtitle{font-size:.875rem;color:var(--gray-600);margin:0}.trend-chart{position:relative}.chart-grid{display:flex;align-items:end;gap:1rem;height:300px;padding:1rem 0;border-bottom:2px solid var(--gray-200);margin-bottom:1rem}.chart-bar-container{display:flex;flex-direction:column;align-items:center;flex:1;min-width:60px}.chart-bar-info{margin-bottom:.5rem;min-height:40px;display:flex;align-items:center}.bar-value{font-size:.875rem;font-weight:600;color:var(--gray-700);text-align:center}.confidence{font-size:.75rem;color:var(--primary-600);display:block;margin-top:.25rem}.chart-bar{width:100%;max-width:40px;min-height:4px;border-radius:4px 4px 0 0;transition:all .3s ease;position:relative}.chart-bar.actual{background:linear-gradient(180deg,var(--primary-500),var(--primary-600))}.chart-bar.predicted{background:linear-gradient(180deg,var(--warning-400),var(--warning-500));border:2px dashed var(--warning-600);background-clip:padding-box}.bar-label{margin-top:.75rem;font-size:.75rem;color:var(--gray-600);text-align:center;transform:rotate(-45deg);white-space:nowrap}.chart-legend{display:flex;justify-content:center;gap:2rem;margin-top:1rem}.legend-item{display:flex;align-items:center;gap:.5rem}.legend-color{width:16px;height:16px;border-radius:4px}.legend-color.actual{background:linear-gradient(135deg,var(--primary-500),var(--primary-600))}.legend-color.predicted{background:linear-gradient(135deg,var(--warning-400),var(--warning-500));border:2px dashed var(--warning-600);background-clip:padding-box}.legend-text{font-size:.875rem;color:var(--gray-600)}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem}.insight-card{background:#fff;border:1px solid var(--gray-200);border-radius:12px;padding:1.5rem;transition:all .2s ease;position:relative;overflow:hidden}.insight-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}.insight-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.insight-icon{font-size:2rem;flex-shrink:0}.insight-meta{flex:1}.insight-title{font-size:1.125rem;font-weight:600;color:var(--gray-900);margin:0 0 .5rem}.insight-impact{font-size:.75rem;font-weight:700;padding:.25rem .75rem;border-radius:9999px;letter-spacing:.05em}.insight-description{font-size:.875rem;color:var(--gray-700);line-height:1.5;margin:0 0 1rem}.insight-action{background:var(--gray-25);border:1px solid var(--gray-200);border-radius:8px;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.action-label{font-size:.75rem;font-weight:600;color:var(--primary-600);text-transform:uppercase;letter-spacing:.05em}.action-text{font-size:.875rem;color:var(--gray-700);line-height:1.4}.department-matrix{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.dept-metric-card{background:#fff;border:1px solid var(--gray-200);border-radius:12px;padding:1.5rem;transition:all .2s ease}.dept-metric-card:hover{box-shadow:0 4px 12px #0000001a}.dept-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.dept-name{font-size:1.125rem;font-weight:600;color:var(--gray-900);margin:0}.dept-stats{text-align:right}.dept-requests{font-size:.875rem;color:var(--gray-600)}.dept-metrics{display:flex;flex-direction:column;gap:1rem}.metric-item{display:flex;align-items:center;gap:1rem}.metric-label{font-size:.875rem;color:var(--gray-600);min-width:100px;flex-shrink:0}.metric-bar{flex:1;height:8px;background:var(--gray-200);border-radius:4px;overflow:hidden}.metric-fill{height:100%;border-radius:4px;transition:width .8s ease}.metric-value,.metric-number{font-size:.875rem;font-weight:600;color:var(--gray-700);min-width:60px;text-align:right;flex-shrink:0}.activity-list{background:#fff;border:1px solid var(--gray-200);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000d}.activity-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--gray-100);transition:background-color .2s ease}.activity-item:last-child{border-bottom:none}.activity-item:hover{background:var(--primary-25)}.activity-rank{font-size:1rem;font-weight:700;color:var(--primary-600);min-width:2rem;text-align:center}.activity-details{flex:1;display:flex;flex-direction:column}.activity-name{font-size:.875rem;font-weight:600;color:var(--gray-900)}.activity-meta{font-size:.75rem;color:var(--gray-600);margin-top:.25rem}.activity-chart{width:120px;height:20px;background:var(--gray-200);border-radius:10px;overflow:hidden}.activity-bar{height:100%;background:linear-gradient(90deg,var(--primary-400),var(--primary-600));border-radius:10px;transition:width .8s ease}@media(max-width:1024px){.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.insights-grid{grid-template-columns:1fr}.department-matrix{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.chart-grid{gap:.75rem}.chart-legend{gap:1rem}}@media(max-width:768px){.kpi-grid{grid-template-columns:1fr}.kpi-content{align-items:center}.kpi-icon{width:3rem;height:3rem;font-size:1.5rem}.chart-grid{height:200px;gap:.5rem}.chart-bar{max-width:30px}.bar-label{font-size:.7rem;margin-top:.5rem}.chart-legend{flex-direction:column;align-items:center;gap:.75rem}.insight-header{flex-direction:column;text-align:center;gap:.75rem}.insight-action{padding:.75rem}.dept-header,.metric-item{flex-direction:column;gap:.5rem;text-align:center}.metric-label{min-width:auto}.metric-bar{width:100%}.activity-item{flex-direction:column;align-items:stretch;gap:.75rem;text-align:center}.activity-chart{width:100%}.chart-container{padding:1rem}.analytics-section{margin-bottom:2rem}}.file-upload-wrapper{position:relative;display:flex;align-items:center;gap:.5rem}.file-input{position:absolute;opacity:0;width:0;height:0}.file-upload-label{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:var(--gray-50);border:2px dashed var(--gray-300);border-radius:.5rem;cursor:pointer;transition:all .2s ease;flex:1}.file-upload-label:hover{background:var(--gray-100);border-color:var(--primary-500)}.file-upload-icon{font-size:1.5rem}.file-upload-text{font-size:.875rem;color:var(--gray-700);font-weight:500}.file-upload-size{font-size:.75rem;color:var(--gray-500);margin-left:.5rem}.file-remove-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:var(--danger-100);color:var(--danger-600);border:none;border-radius:.375rem;cursor:pointer;font-size:1.25rem;transition:all .2s ease;flex-shrink:0}.file-remove-btn:hover{background:var(--danger-200);transform:scale(1.05)}.upload-progress-bar{position:relative;width:100%;height:.5rem;background:var(--gray-200);border-radius:.25rem;overflow:hidden}.upload-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-500),var(--primary-600));transition:width .3s ease;border-radius:.25rem}.upload-progress-text{position:absolute;top:-1.25rem;right:0;font-size:.75rem;color:var(--gray-600);font-weight:500}.form-group .text-xs{margin-top:.375rem;display:flex;align-items:center;gap:.25rem}.page-title{font-size:2rem;font-weight:700;color:#1a202c!important;margin:0;text-shadow:0 1px 2px rgba(255,255,255,.5)}.page-subtitle{font-size:1rem;color:#4a5568!important;margin:.5rem 0 0;font-weight:500}.admin-header .page-title,.admin-header.enhanced-header .page-title,.page-header.admin-header .page-title{color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.3)}.admin-header .page-subtitle,.admin-header.enhanced-header .page-subtitle,.page-header.admin-header .page-subtitle{color:#fffffff2!important;text-shadow:0 1px 2px rgba(0,0,0,.3)}.admin-header .title-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.page-header .btn,.enhanced-header .btn,.admin-header .btn{font-weight:600;box-shadow:0 2px 8px #00000026;border:none;opacity:1!important}.page-header .btn-primary,.enhanced-header .btn-primary,.admin-header .btn-primary{background:#4f46e5!important;color:#fff!important}.page-header .btn-primary:hover,.enhanced-header .btn-primary:hover,.admin-header .btn-primary:hover{background:#4338ca!important;box-shadow:0 4px 12px #4f46e566}.page-header .btn-secondary,.enhanced-header .btn-secondary,.admin-header .btn-secondary{background:#6b7280!important;color:#fff!important}.page-header .btn-secondary:hover,.enhanced-header .btn-secondary:hover,.admin-header .btn-secondary:hover{background:#4b5563!important;box-shadow:0 4px 12px #6b728066}.page-header .btn-warning,.enhanced-header .btn-warning,.admin-header .btn-warning{background:#f59e0b!important;color:#fff!important}.page-header .btn-warning:hover,.enhanced-header .btn-warning:hover,.admin-header .btn-warning:hover{background:#d97706!important;box-shadow:0 4px 12px #f59e0b66}.page-header .btn-success,.enhanced-header .btn-success,.admin-header .btn-success{background:#10b981!important;color:#fff!important}.page-header .btn-success:hover,.enhanced-header .btn-success:hover,.admin-header .btn-success:hover{background:#059669!important;box-shadow:0 4px 12px #10b98166}.page-header .btn-danger,.enhanced-header .btn-danger,.admin-header .btn-danger{background:#ef4444!important;color:#fff!important}.page-header .btn-danger:hover,.enhanced-header .btn-danger:hover,.admin-header .btn-danger:hover{background:#dc2626!important;box-shadow:0 4px 12px #ef444466}.card-title,.stats-title,.modal-title{color:#1a202c!important;font-weight:600}.stats-value{color:#2d3748!important;font-weight:700}.form-label{color:#2d3748!important;font-weight:500}:root[data-theme=dark]{--bg-primary: #1a202c;--bg-secondary: #2d3748;--bg-tertiary: #374151;--text-primary: #f7fafc;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e0;--border-color: #4a5568;--card-bg: #2d3748;--hover-bg: #374151}body[data-theme=dark]{background-color:var(--bg-primary);color:var(--text-primary)}body[data-theme=dark] .app,body[data-theme=dark] .content{background-color:var(--bg-primary)}body[data-theme=dark] .card,body[data-theme=dark] .stats-card,body[data-theme=dark] .admin-card{background:var(--card-bg);border-color:var(--border-color);color:var(--text-primary)}body[data-theme=dark] .page-title{color:var(--text-primary)!important;text-shadow:0 2px 4px rgba(0,0,0,.5)}body[data-theme=dark] .page-subtitle{color:var(--text-secondary)!important}body[data-theme=dark] .card-title,body[data-theme=dark] .stats-title,body[data-theme=dark] .form-label,body[data-theme=dark] .stats-value{color:var(--text-primary)!important}body[data-theme=dark] .form-input,body[data-theme=dark] .form-textarea,body[data-theme=dark] .form-select{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary)}body[data-theme=dark] .form-input::placeholder,body[data-theme=dark] .form-textarea::placeholder{color:var(--text-tertiary)}body[data-theme=dark] .btn-secondary{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary)}body[data-theme=dark] .btn-secondary:hover{background:var(--hover-bg)}body[data-theme=dark] .modal-info-banner{background:linear-gradient(135deg,#1e3a8a,#1e40af);border-left-color:#60a5fa}body[data-theme=dark] .info-content strong{color:#93c5fd}body[data-theme=dark] .info-content p{color:#bfdbfe}body[data-theme=dark] .info-content code{background:#60a5fa33;color:#93c5fd}body[data-theme=dark] .form-help{color:var(--text-secondary)}body[data-theme=dark] .sidebar{background:var(--bg-secondary);border-right-color:var(--border-color)}body[data-theme=dark] .nav-link{color:var(--text-secondary)}body[data-theme=dark] .nav-link:hover,body[data-theme=dark] .nav-link-active{background:var(--hover-bg);color:var(--text-primary)}body[data-theme=dark] .table,body[data-theme=dark] table{color:var(--text-primary)}body[data-theme=dark] .table th{background:var(--bg-tertiary);color:var(--text-primary)}body[data-theme=dark] .table tr:hover{background:var(--hover-bg)}body[data-theme=dark] .modal{background:var(--card-bg)!important;background-color:#2d3748!important;color:var(--text-primary)}body[data-theme=dark] .modal-header{border-bottom-color:var(--border-color)}body[data-theme=dark] .modal-footer{border-top-color:var(--border-color)}body[data-theme=dark] .calendar-container,body[data-theme=dark] .calendar-controls-card{background:var(--card-bg)}body[data-theme=dark] .calendar-day{background:var(--bg-tertiary);border-color:var(--border-color)}body[data-theme=dark] .calendar-day:hover{background:var(--hover-bg)}body[data-theme=dark] .calendar-day-number,body[data-theme=dark] .calendar-month-title{color:var(--text-primary)}body[data-theme=dark] .leave-list-employee-card{background:var(--card-bg);border-color:var(--border-color)}body[data-theme=dark] .leave-list-item{background:var(--bg-tertiary)}body[data-theme=dark] .leave-list-type-name,body[data-theme=dark] .leave-list-employee-name{color:var(--text-primary)}.theme-toggle{position:fixed;bottom:2rem;right:2rem;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;font-size:1.5rem;cursor:pointer;box-shadow:0 4px 12px #00000026;transition:all .3s ease;z-index:1000;display:flex;align-items:center;justify-content:center}.theme-toggle:hover{transform:scale(1.1);box-shadow:0 6px 16px #0003}.theme-toggle:active{transform:scale(.95)}body[data-theme=dark] .theme-toggle{background:linear-gradient(135deg,#fbbf24,#f59e0b)}@media(max-width:768px){.sidebar{width:260px}.content{margin-left:260px}.sidebar-toggle{left:260px}.sidebar-collapsed .content{margin-left:0!important}}body[data-theme=dark] .sidebar-toggle{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:2px 2px 8px #0006}body[data-theme=dark] .sidebar-toggle:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed)}body[data-theme=dark] .user-profile{background:#ffffff14}body[data-theme=dark] .user-profile:hover{background:#ffffff1f}body[data-theme=dark] .sidebar-footer{background:#0000004d;border-top-color:#ffffff26}body[data-theme=dark] .employee-profile{background:#0006!important;border-top-color:#6366f180!important}body[data-theme=dark] .user-profile-card{background:#ffffff0d;border-color:#ffffff26}body[data-theme=dark] .user-profile-card:hover{background:#ffffff14;border-color:#ffffff40}body[data-theme=dark] .employee-avatar{box-shadow:0 4px 12px #10b98166!important}body[data-theme=dark] .employee-sign-out{background:#10b98126!important;border-color:#10b98180!important}body[data-theme=dark] .employee-sign-out:hover{background:#10b98140!important;border-color:#10b981!important}.badge{display:inline-block;padding:.25rem .75rem;font-size:.75rem;font-weight:600;line-height:1;border-radius:9999px;text-align:center;white-space:nowrap}.badge-success{background-color:var(--success-100);color:var(--success-700);border:1px solid var(--success-200)}.badge-warning{background-color:var(--warning-100);color:var(--warning-700);border:1px solid var(--warning-200)}.badge-danger{background-color:var(--danger-100);color:var(--danger-700);border:1px solid var(--danger-200)}.badge-primary{background-color:var(--primary-100);color:var(--primary-700);border:1px solid var(--primary-200)}body[data-theme=dark] .badge-success{background-color:#10b98133;color:#6ee7b7;border-color:#10b9814d}body[data-theme=dark] .badge-warning{background-color:#f59e0b33;color:#fbbf24;border-color:#f59e0b4d}.action-dropdown{position:relative;display:inline-block;z-index:1}.action-menu-btn{background:transparent;border:none;font-size:1.5rem;font-weight:700;color:var(--gray-600);cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all .2s ease;line-height:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.action-menu-btn:hover{background-color:var(--gray-100);color:var(--gray-900)}.action-menu-btn:active{transform:scale(.95)}.dropdown-overlay{position:fixed;inset:0;z-index:9998;background:transparent}.dropdown-menu{position:absolute;top:calc(100% + .25rem);right:0;z-index:9999!important;min-width:200px;max-width:280px;background:#fff!important;border:1px solid var(--gray-200);border-radius:8px;box-shadow:0 8px 24px #0003;padding:.5rem 0;opacity:1!important;transform:translateY(0);animation:dropdownFadeIn .15s ease-out;max-height:none!important;overflow-y:visible!important;overflow-x:hidden;display:block!important}.dropdown-menu:before{content:"";position:absolute;inset:0;background:#fff;z-index:-1;border-radius:8px}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-menu-right{right:0;left:auto}.dropdown-menu-left{left:0;right:auto}.dropdown-item{width:100%;padding:.75rem 1rem;border:none;background:transparent;color:var(--gray-700);font-size:.875rem;text-align:left;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .15s ease;white-space:nowrap;position:relative;z-index:1;min-height:40px}.dropdown-item:hover{background-color:var(--gray-50);color:var(--gray-900)}.dropdown-item:active{background-color:var(--gray-100)}.dropdown-icon{font-size:1.1rem;width:1.5rem;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.dropdown-item-danger{color:var(--danger-600)}.dropdown-item-danger:hover{background-color:var(--danger-50);color:var(--danger-700)}.dropdown-divider{height:1px;background-color:var(--gray-200);margin:.5rem 0;border:none}body[data-theme=dark] .action-menu-btn{color:var(--gray-400)}body[data-theme=dark] .action-menu-btn:hover{background-color:#ffffff1a;color:var(--gray-200)}body[data-theme=dark] .dropdown-menu{background:var(--gray-800)!important;border-color:var(--gray-700);box-shadow:0 8px 24px #000000b3}body[data-theme=dark] .dropdown-menu:before{background:var(--gray-800)}body[data-theme=dark] .dropdown-item{color:var(--gray-300)}body[data-theme=dark] .dropdown-item:hover{background-color:#ffffff1a;color:var(--gray-100)}body[data-theme=dark] .dropdown-item:active{background-color:#ffffff26}body[data-theme=dark] .dropdown-divider{background-color:var(--gray-700)}body[data-theme=dark] .dropdown-item-danger{color:var(--danger-400)}body[data-theme=dark] .dropdown-item-danger:hover{background-color:#ef444426;color:var(--danger-300)}.admin-layout{display:flex;min-height:100vh;width:100%}.admin-main{flex:1;margin-left:260px;min-height:100vh;background-color:var(--gray-50);overflow-x:hidden;transition:margin-left .3s ease}.sidebar-collapsed .admin-main{margin-left:64px}.admin-container{padding:1.5rem 2rem;max-width:1600px;margin:0 auto}@media(max-width:1024px){.admin-main{margin-left:0}.admin-container{padding:1rem}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{background:#fff;border-radius:12px;padding:1.25rem;display:flex;align-items:center;gap:1rem;box-shadow:0 2px 8px #00000014;cursor:pointer;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.stat-icon{font-size:2rem;flex-shrink:0}.stat-value{font-size:1.75rem;font-weight:700;line-height:1}.stat-label{font-size:.875rem;color:#6b7280;margin-top:.25rem}.stat-card.highlight .stat-label{color:#fffc}.stat-card.highlight .stat-detail{color:#ffffffb3}.vehicle-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.vehicle-card{background:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden;cursor:pointer;transition:box-shadow .2s,transform .2s}.vehicle-card:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.vehicle-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f9fafb;border-bottom:1px solid #e5e7eb}.vehicle-plate{font-weight:700;font-size:1.1rem;font-family:monospace}.vehicle-body{padding:1rem}.vehicle-name{margin:0 0 .25rem;font-size:1.1rem;font-weight:600}.vehicle-year{color:#6b7280;font-size:.875rem;margin:0 0 .75rem}.vehicle-specs{display:flex;gap:1rem;font-size:.875rem;color:#6b7280;margin-bottom:.5rem}.vehicle-odometer,.vehicle-department{font-size:.875rem;color:#6b7280;margin:.25rem 0}.vehicle-footer{padding:.75rem 1rem;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background:#f9fafb}.expiry-badge{font-size:.75rem;padding:.25rem .5rem;border-radius:4px;background:#e5e7eb}.expiry-badge.expired{background:#fecaca;color:#dc2626}.expiry-badge.expiring-soon{background:#fef3c7;color:#d97706}.vehicle-actions{display:flex;gap:.5rem}.trip-request-list{display:flex;flex-direction:column;gap:1rem}.trip-request-card{background:#fff;border-radius:14px;border:1px solid #e5e7eb;overflow:hidden;box-shadow:0 1px 4px #0000000f;transition:box-shadow .2s,transform .15s}.trip-request-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-1px)}.request-header{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1.25rem;background:#f8faff;border-bottom:1px solid #e5e7eb}.request-number{font-weight:700;font-family:monospace;font-size:.95rem;color:#2563eb;letter-spacing:.5px}.request-body{padding:1rem 1.25rem .75rem}.request-route-row{display:flex;align-items:center;gap:.75rem;background:#f0f7ff;border-radius:10px;padding:.75rem 1rem;margin-bottom:.875rem;flex-wrap:wrap}.route-stop{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.route-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.route-dot.origin{background:#10b981}.route-dot.destination{background:#ef4444}.route-stop-info{display:flex;flex-direction:column;min-width:0}.route-stop-label{font-size:.7rem;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.route-stop-value{font-size:.875rem;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.route-arrow-icon{color:#9ca3af;font-size:1.1rem;flex-shrink:0}.request-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.625rem}.meta-item{display:flex;align-items:center;gap:.35rem;font-size:.82rem;color:#4b5563}.meta-icon{font-size:.9rem}.request-purpose{color:#6b7280;font-size:.875rem;line-height:1.5;margin:.5rem 0 0;padding:.5rem .75rem;background:#f9fafb;border-radius:6px;border-left:3px solid #d1d5db}.assignment-info{background:#ecfdf5;border-radius:8px;padding:.75rem;margin-top:.75rem;border:1px solid #a7f3d0}.assignment-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;padding:.2rem 0}.assignment-icon{font-size:1.1rem}.rejection-reason{background:#fef2f2;border-radius:8px;padding:.75rem;margin-top:.75rem;color:#b91c1c;font-size:.875rem;border:1px solid #fecaca}.request-footer{padding:.625rem 1.25rem;border-top:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;background:#fafafa}.request-date{font-size:.75rem;color:#9ca3af}.request-actions{display:flex;gap:.5rem}.btn-outline-danger{background:transparent;border:1.5px solid #ef4444;color:#ef4444;transition:all .15s}.btn-outline-danger:hover{background:#ef4444;color:#fff}.filter-tabs{display:flex;gap:.5rem;flex-wrap:wrap}.filter-tabs .tab{padding:.5rem 1rem;border-radius:20px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;font-size:.875rem;transition:all .2s}.filter-tabs .tab:hover{border-color:#3b82f6}.filter-tabs .tab.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.step-progress{display:flex;justify-content:center;gap:2rem;padding:1.5rem 0;margin-bottom:1rem}.step-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;opacity:.5}.step-item.active{opacity:1}.step-item.completed{opacity:.8}.step-icon{width:48px;height:48px;border-radius:50%;background:#e5e7eb;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.step-item.active .step-icon{background:#3b82f6;color:#fff}.step-item.completed .step-icon{background:#10b981;color:#fff}.step-label{font-size:.875rem;font-weight:500}.step-navigation{display:flex;justify-content:space-between;padding:1rem 0}.step-content{padding:1rem 0}.step-description{color:#6b7280;margin-bottom:1.5rem}.pickup-presets{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.5rem}.preset-btn{padding:.35rem .85rem;border:1.5px solid #d1d5db;border-radius:20px;background:#f9fafb;color:#374151;font-size:.82rem;cursor:pointer;transition:all .15s ease;white-space:nowrap}.preset-btn:hover{border-color:#2563eb;background:#eff6ff;color:#2563eb}.preset-btn.active{border-color:#2563eb;background:#2563eb;color:#fff}body[data-theme=dark] .preset-btn{background:#1f2937;border-color:#374151;color:#d1d5db}body[data-theme=dark] .preset-btn:hover,body[data-theme=dark] .preset-btn.active{border-color:#3b82f6;background:#1d4ed8;color:#fff}.passengers-list{display:flex;flex-direction:column;gap:.75rem}.passenger-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:8px;background:#f9fafb}.passenger-item.requester{background:#ecfdf5}.passenger-icon{font-size:1.25rem}.passenger-name{font-weight:500}.passenger-item input{flex:1}.review-section{background:#f9fafb;border-radius:8px;padding:1rem;margin-bottom:1rem}.review-section h4{margin:0 0 .75rem;font-size:1rem;color:#4b5563}.review-item{display:flex;gap:.5rem;padding:.375rem 0;border-bottom:1px solid #e5e7eb}.review-item:last-child{border-bottom:none}.review-label{font-weight:500;color:#6b7280;min-width:100px}.review-value{flex:1}.passenger-review-list{list-style:none;padding:0;margin:0}.passenger-review-list li{padding:.25rem 0}.submit-notice{background:#fef3c7;border-radius:8px;padding:1rem;margin-top:1rem}.submit-notice p{margin:0;color:#92400e;font-size:.875rem}.assignment-layout{display:grid;grid-template-columns:350px 1fr;gap:1.5rem}@media(max-width:900px){.assignment-layout{grid-template-columns:1fr}}.assignment-list-panel{background:#fff;border-radius:12px;border:1px solid #e5e7eb;padding:1rem}.assignment-list-panel h3{margin:0 0 1rem;font-size:1rem}.assignment-list{display:flex;flex-direction:column;gap:.5rem;max-height:70vh;overflow-y:auto}.assignment-item{padding:.75rem;border-radius:8px;cursor:pointer;transition:background .2s;border:1px solid #e5e7eb}.assignment-item:hover{background:#f3f4f6}.assignment-item.selected{background:#eff6ff;border-color:#3b82f6}.item-header{display:flex;justify-content:space-between;margin-bottom:.5rem}.item-route{font-size:.875rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.route-arrow{color:#9ca3af}.item-datetime{font-size:.75rem;color:#6b7280;margin-top:.375rem}.item-requester{font-size:.75rem;color:#6b7280}.assignment-form-panel{background:#fff;border-radius:12px;border:1px solid #e5e7eb;padding:1.5rem}.assignment-form-panel h3{margin:0 0 1rem}.request-details-card{background:#f9fafb;border-radius:8px;padding:1rem;margin-bottom:1.5rem}.detail-row{display:flex;gap:.5rem;padding:.375rem 0;font-size:.875rem}.detail-row strong{min-width:120px;color:#6b7280}.assignment-form{padding-top:1rem}.vehicle-options,.driver-options{display:flex;flex-direction:column;gap:.5rem}.vehicle-option,.driver-option{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:8px;border:1px solid #e5e7eb;cursor:pointer;transition:all .2s}.vehicle-option:hover,.driver-option:hover{background:#f9fafb}.vehicle-option.selected,.driver-option.selected{background:#eff6ff;border-color:#3b82f6}.option-content{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.option-plate,.option-name{font-weight:600}.option-model,.option-license{color:#6b7280;font-size:.875rem}.option-capacity,.option-rating{font-size:.75rem;color:#6b7280}.approval-list{display:flex;flex-direction:column;gap:1rem}.approval-card{background:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden}.approval-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f9fafb;border-bottom:1px solid #e5e7eb}.approval-body{padding:1rem}.requester-info{display:flex;gap:1.5rem;margin-bottom:1rem;flex-wrap:wrap}.requester-name{font-weight:600}.requester-dept{color:#6b7280}.route-info{background:#f9fafb;border-radius:8px;padding:1rem;margin-bottom:1rem}.route-arrow{color:#9ca3af;text-align:center;padding:.25rem 0}.trip-details{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.purpose-section,.passengers-section,.notes-section{margin-bottom:.75rem}.purpose-section p,.notes-section p{margin:.25rem 0 0;color:#4b5563}.passengers-section ul{margin:.25rem 0 0;padding-left:1.25rem}.approval-footer{padding:.75rem 1rem;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background:#f9fafb}.approval-actions{display:flex;gap:.5rem}.alert-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:8px;background:#f9fafb}.alert-item.urgent{background:#fef2f2}.alert-item.warning{background:#fffbeb}.alert-entity{font-weight:500;flex:1}.alert-type{color:#6b7280;font-size:.875rem}.alert-days{font-weight:600}.alert-days.text-danger{color:#dc2626}.status-bars{display:flex;flex-direction:column;gap:.75rem}.status-bar{display:flex;align-items:center;gap:1rem}.status-label{width:100px;font-size:.875rem}.progress-bar{flex:1;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.progress-fill{height:100%;border-radius:4px;transition:width .3s}.progress-fill.success{background:#10b981}.progress-fill.primary{background:#3b82f6}.progress-fill.warning{background:#f59e0b}.status-count{width:30px;text-align:right;font-weight:600}body[data-theme=dark] .stat-card{background:var(--card-bg);color:var(--text-primary)}body[data-theme=dark] .stat-label,body[data-theme=dark] .stat-detail{color:var(--text-secondary)}body[data-theme=dark] .trip-request-card{background:var(--card-bg);border-color:var(--border-color)}body[data-theme=dark] .request-header,body[data-theme=dark] .request-footer{background:var(--bg-tertiary);border-color:var(--border-color)}body[data-theme=dark] .request-route-row{background:#3b82f614}body[data-theme=dark] .route-stop-value{color:var(--text-primary)}body[data-theme=dark] .request-purpose{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-secondary)}body[data-theme=dark] .vehicle-card,body[data-theme=dark] .approval-card{background:var(--card-bg);border-color:var(--border-color)}body[data-theme=dark] .vehicle-header,body[data-theme=dark] .approval-header,body[data-theme=dark] .vehicle-footer,body[data-theme=dark] .approval-footer{background:var(--bg-tertiary);border-color:var(--border-color)}body[data-theme=dark] .filter-tabs .tab{background:var(--card-bg);border-color:var(--border-color);color:var(--text-primary)}body[data-theme=dark] .filter-tabs .tab.active{background:#3b82f6;border-color:#3b82f6}body[data-theme=dark] .step-icon,body[data-theme=dark] .review-section,body[data-theme=dark] .route-info,body[data-theme=dark] .request-details-card,body[data-theme=dark] .passenger-item,body[data-theme=dark] .alert-item{background:var(--bg-tertiary)}body[data-theme=dark] .assignment-list-panel,body[data-theme=dark] .assignment-form-panel{background:var(--card-bg);border-color:var(--border-color)}body[data-theme=dark] .assignment-item{border-color:var(--border-color)}body[data-theme=dark] .assignment-item:hover{background:var(--hover-bg)}body[data-theme=dark] .vehicle-option,body[data-theme=dark] .driver-option{border-color:var(--border-color)}body[data-theme=dark] .vehicle-option:hover,body[data-theme=dark] .driver-option:hover{background:var(--bg-tertiary)}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #e5e7eb}.header-content h1{font-size:1.75rem;font-weight:700;color:#111827;margin:0 0 .25rem}.header-subtitle{color:#6b7280;font-size:.9rem;margin:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-bottom:1.5rem}.stat-card{background:linear-gradient(135deg,#fff,#f9fafb);border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f;border:1px solid #e5e7eb;cursor:pointer;transition:all .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 10px 20px #0000001a;border-color:#3b82f6}.stat-card.highlight{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.stat-card.highlight .stat-label,.stat-card.highlight .stat-detail{color:#ffffffd9}.stat-icon{font-size:2.5rem;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.stat-content{flex:1}.stat-value{font-size:2rem;font-weight:700;line-height:1.1;color:inherit}.stat-label{font-size:.9rem;font-weight:500;color:#374151;margin-top:.25rem}.stat-detail{font-size:.75rem;color:#9ca3af;margin-top:.25rem}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.summary-card{background:#fff;border-radius:12px;padding:1.25rem;display:flex;align-items:center;gap:1rem;border:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000d}.summary-card.pending{border-left:4px solid #f59e0b}.summary-card.success{border-left:4px solid #10b981}.summary-card.info{border-left:4px solid #3b82f6}.summary-icon{font-size:1.75rem}.summary-content{display:flex;flex-direction:column}.summary-value{font-size:1.5rem;font-weight:700;color:#111827}.summary-label{font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.controls-bar{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.search-box{flex:1;min-width:250px}.search-box .form-control{padding-left:1rem;border-radius:8px}.driver-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem}.driver-card{background:#fff;border-radius:16px;border:1px solid #e5e7eb;overflow:hidden;transition:all .3s ease}.driver-card:hover{box-shadow:0 10px 20px #00000014}.driver-card.inactive{opacity:.7;background:#f9fafb}.driver-header{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:linear-gradient(135deg,#f9fafb,#f3f4f6)}.driver-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;flex-shrink:0}.driver-info{flex:1}.driver-info h3{margin:0;font-size:1rem;font-weight:600;color:#111827}.driver-details{padding:1rem 1.25rem}.driver-details .detail-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #f3f4f6}.driver-details .detail-row:last-child{border-bottom:none}.detail-label{color:#6b7280;font-size:.8rem}.detail-value{font-weight:500;color:#111827;font-size:.85rem}.detail-value.text-danger{color:#dc2626}.detail-value.text-warning{color:#d97706}.emergency-contact{padding:.75rem 1.25rem;background:#fef3c7;border-top:1px solid #fcd34d;font-size:.8rem;color:#92400e}.driver-actions{padding:1rem 1.25rem;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end}.status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:capitalize}.status-badge.status-active,.status-badge.status-available{background:#d1fae5;color:#065f46}.status-badge.status-inactive{background:#f3f4f6;color:#6b7280}.status-badge.status-pending{background:#fef3c7;color:#92400e}.status-badge.status-approved{background:#d1fae5;color:#065f46}.status-badge.status-rejected,.status-badge.status-cancelled{background:#fee2e2;color:#991b1b}.status-badge.status-assigned,.status-badge.status-in-progress{background:#dbeafe;color:#1e40af}.status-badge.status-completed{background:#e0e7ff;color:#3730a3}.requests-table-container{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #00000014}.data-table thead{background:#f9fafb}.data-table th{padding:.875rem 1rem;text-align:left;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e5e7eb}.data-table td{padding:1rem;border-bottom:1px solid #f3f4f6;font-size:.875rem}.data-table tbody tr:hover{background:#f9fafb}.data-table .request-number strong{color:#3b82f6}.data-table .destination-info,.data-table .datetime-info,.data-table .requester-info{display:flex;flex-direction:column;gap:.125rem}.data-table .destination-info .purpose,.data-table .datetime-info small{color:#9ca3af;font-size:.75rem}.data-table .action-buttons{display:flex;gap:.5rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}.form-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.form-grid-2 .form-group.full-width{grid-column:span 2}@media(max-width:640px){.form-grid-2{grid-template-columns:1fr}.form-grid-2 .form-group.full-width{grid-column:span 1}}.modal-lg{max-width:640px;width:95%}.button-group{display:flex;flex-wrap:wrap;gap:.75rem}.alert-list{display:flex;flex-direction:column;gap:.5rem}.alert-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:#f9fafb;border-radius:8px;font-size:.875rem}.alert-item.urgent{background:#fee2e2;border-left:3px solid #dc2626}.alert-item.warning{background:#fef3c7;border-left:3px solid #f59e0b}.alert-icon{font-size:1.25rem}.alert-entity{font-weight:600;color:#111827;flex:1}.alert-type{color:#6b7280;font-size:.8rem}.alert-days{font-weight:500;min-width:70px;text-align:right}.alert-days.text-danger{color:#dc2626;font-weight:600}.empty-state{text-align:center;padding:3rem 2rem;background:#fff;border-radius:16px;border:2px dashed #e5e7eb}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state h3{margin:0 0 .5rem;color:#374151}.empty-state p{color:#6b7280;margin:0 0 1.5rem}.filter-tabs{display:flex;flex-wrap:wrap;gap:.5rem}.filter-tab{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border:1px solid #e5e7eb;border-radius:8px;background:#fff;font-size:.8rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s}.filter-tab:hover{border-color:#3b82f6;color:#3b82f6}.filter-tab.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.filter-tab .count{opacity:.75}body[data-theme=dark] .page-header{border-color:var(--border-color)}body[data-theme=dark] .header-content h1{color:var(--text-primary)}body[data-theme=dark] .header-subtitle{color:var(--text-secondary)}body[data-theme=dark] .stats-grid .stat-card:not(.highlight){background:var(--card-bg);border-color:var(--border-color)}body[data-theme=dark] .summary-card{background:var(--card-bg);border-color:var(--border-color)}body[data-theme=dark] .summary-value{color:var(--text-primary)}body[data-theme=dark] .driver-card{background:var(--card-bg);border-color:var(--border-color)}body[data-theme=dark] .driver-header{background:var(--bg-tertiary)}body[data-theme=dark] .driver-info h3,body[data-theme=dark] .detail-value{color:var(--text-primary)}body[data-theme=dark] .data-table{background:var(--card-bg)}body[data-theme=dark] .data-table thead{background:var(--bg-tertiary)}body[data-theme=dark] .data-table th{color:var(--text-secondary);border-color:var(--border-color)}body[data-theme=dark] .data-table td{border-color:var(--border-color);color:var(--text-primary)}body[data-theme=dark] .data-table tbody tr:hover{background:var(--hover-bg)}body[data-theme=dark] .empty-state{background:var(--card-bg);border-color:var(--border-color)}body[data-theme=dark] .empty-state h3{color:var(--text-primary)}body[data-theme=dark] .filter-tab{background:var(--card-bg);border-color:var(--border-color);color:var(--text-secondary)}body[data-theme=dark] .filter-tab:hover{border-color:#3b82f6;color:#3b82f6}body[data-theme=dark] .alert-item:not(.urgent):not(.warning){background:var(--bg-tertiary)}body[data-theme=dark] .alert-entity{color:var(--text-primary)}.calendar-controls-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem;overflow:hidden}.calendar-controls-content{padding:1.5rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem}.calendar-navigation{display:flex;align-items:center;gap:1rem}.calendar-month-title{font-size:1.25rem;font-weight:600;color:#1a202c;min-width:200px;text-align:center}.calendar-nav-btn{min-width:110px}.calendar-view-switcher{display:flex;align-items:center;gap:.75rem}.view-switcher-label{font-size:.875rem;font-weight:500;color:#4a5568}.view-switcher-buttons{display:flex;gap:.5rem;background:#f7fafc;padding:.25rem;border-radius:8px}.view-switcher-btn{padding:.5rem 1rem;border:none;background:transparent;color:#4a5568;font-size:.875rem;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.view-switcher-btn:hover{background:#e2e8f0}.view-switcher-btn-active{background:#fff;color:#4f46e5;box-shadow:0 1px 3px #0000001a}.calendar-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:0}.calendar-header-day{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem;text-align:center;font-weight:600;font-size:.875rem;border-bottom:2px solid #5a67d8}.calendar-header-full{display:inline}.calendar-header-short{display:none}.calendar-day{min-height:120px;border:1px solid #e2e8f0;padding:.75rem;background:#fff;transition:all .2s}.calendar-day:hover{background:#f7fafc}.calendar-day-empty{background:#f7fafc!important}.calendar-day-weekend{background:#fef3c7}.calendar-day-today{background:#ede9fe!important;border:2px solid #8b5cf6;box-shadow:inset 0 0 0 1px #8b5cf6}.calendar-day-number{font-size:.875rem;font-weight:600;color:#2d3748;margin-bottom:.5rem}.calendar-day-number-today{color:#7c3aed;font-size:1rem}.calendar-day-events{display:flex;flex-direction:column;gap:.375rem}.calendar-event{padding:.375rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-event:hover{transform:translate(2px);box-shadow:0 2px 4px #0000001a}.calendar-event-text{font-weight:600}.calendar-event-more{font-size:.7rem;color:#718096;padding:.25rem .5rem;text-align:center;font-weight:500}.leave-list-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.leave-list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.leave-list-employee-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;transition:all .2s}.leave-list-employee-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.leave-list-employee-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1.25rem;display:flex;align-items:center;gap:1rem}.leave-list-employee-avatar{width:48px;height:48px;border-radius:50%;background:#fff;color:#667eea;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.125rem;flex-shrink:0}.leave-list-employee-name{font-size:1.125rem;font-weight:600;margin:0}.leave-list-employee-count{font-size:.875rem;opacity:.9;margin:.25rem 0 0}.leave-list-items{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.leave-list-item{padding:1rem;background:#f7fafc;border-left:4px solid #cbd5e0;border-radius:6px;transition:all .2s}.leave-list-item:hover{background:#edf2f7;transform:translate(4px)}.leave-list-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.leave-list-item-type{display:flex;align-items:center;gap:.5rem}.leave-list-type-indicator{width:12px;height:12px;border-radius:50%;flex-shrink:0}.leave-list-type-name{font-weight:600;color:#2d3748;font-size:.9375rem}.leave-list-item-duration{font-weight:600;color:#4a5568;font-size:.875rem;background:#fff;padding:.25rem .75rem;border-radius:12px}.leave-list-item-dates{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#4a5568;margin-bottom:.5rem}.leave-list-item-reason{font-size:.8125rem;color:#718096;padding-top:.5rem;border-top:1px solid #e2e8f0;font-style:italic}.empty-state-card{background:linear-gradient(135deg,#f6f8fc,#e9ecef);border:2px dashed #cbd5e0;border-radius:12px;padding:4rem 2rem;text-align:center}.empty-state-card .empty-state-icon{font-size:4rem;margin-bottom:1rem}.empty-state-card .empty-state-title{font-size:1.5rem;font-weight:600;color:#2d3748;margin:0 0 .5rem}.empty-state-card .empty-state-description{font-size:1rem;color:#718096;margin:0}@media(max-width:1024px){.calendar-header-full{display:none}.calendar-header-short{display:inline}.calendar-day{min-height:100px;padding:.5rem}.leave-list-grid{grid-template-columns:1fr}}@media(max-width:768px){.calendar-controls-content{flex-direction:column;align-items:stretch}.calendar-navigation,.calendar-view-switcher{justify-content:center}.calendar-month-title{min-width:150px}.calendar-day{min-height:80px;padding:.375rem}.calendar-day-number{font-size:.75rem}.calendar-event{font-size:.7rem;padding:.25rem .375rem}}.documents-container{padding:2rem;max-width:1400px;margin:0 auto}.documents-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.documents-header h2{font-size:1.875rem;font-weight:700;color:var(--text-primary)}.completion-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:var(--shadow-sm)}.completion-card h3{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.progress-bar{width:100%;height:12px;background:var(--bg-secondary);border-radius:6px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-600),var(--primary-500));border-radius:6px;transition:width .3s ease}.completion-card p{color:var(--text-secondary);font-size:.875rem}.documents-checklist{margin-bottom:2rem}.documents-checklist h3{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.checklist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.checklist-item{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:var(--card-background);border:1px solid var(--border-color);border-radius:8px;transition:all .2s ease}.checklist-item.complete{background:var(--success-50);border-color:var(--success-200)}.checklist-item.incomplete{background:var(--warning-50);border-color:var(--warning-200)}.checklist-icon{font-size:1.5rem;flex-shrink:0}.checklist-item.complete .checklist-icon{color:var(--success-600)}.checklist-item.incomplete .checklist-icon{color:var(--warning-600)}.checklist-content strong{display:block;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.checklist-content p{font-size:.875rem;color:var(--text-secondary);margin:0}.documents-list{margin-bottom:2rem}.documents-list h3{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.documents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.document-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;box-shadow:var(--shadow-sm);transition:all .2s ease}.document-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.document-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.document-icon{font-size:2rem;flex-shrink:0}.document-info{flex:1;min-width:0}.document-info h4{font-size:.975rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.document-type{font-size:.75rem;color:var(--text-secondary);background:var(--bg-secondary);padding:.25rem .5rem;border-radius:4px;display:inline-block}.document-meta{margin-bottom:1rem}.document-meta p{font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem}.document-meta strong{color:var(--text-primary);font-weight:600}.document-actions{display:flex;gap:.5rem}.document-actions .btn{flex:1;justify-content:center}.admin-documents-container{padding:2rem;max-width:1600px;margin:0 auto}.page-header{margin-bottom:2rem;padding-bottom:0;border-bottom:none}.page-header h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.page-header p{font-size:1rem;color:var(--text-secondary);margin-bottom:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-sm)}.stat-icon{font-size:2.5rem}.stat-content h3{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.stat-content p{font-size:.875rem;color:var(--text-secondary)}.filters-section{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;padding:1.5rem;background:var(--card-background);border:1px solid var(--border-color);border-radius:12px}.filter-group{flex:1;min-width:200px}.search-input,.filter-select{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:8px;font-size:.875rem;background:var(--input-background);color:var(--text-primary);transition:all .2s ease}.search-input:focus,.filter-select:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.documents-table-container{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm)}.documents-table{width:100%;border-collapse:collapse}.documents-table thead{background:var(--bg-secondary)}.documents-table th{padding:1rem;text-align:left;font-size:.875rem;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border-color)}.documents-table td{padding:1rem;font-size:.875rem;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.documents-table tbody tr:hover{background:var(--bg-secondary)}.employee-cell{display:flex;flex-direction:column;gap:.25rem}.employee-cell strong{color:var(--text-primary);font-weight:600}.employee-id{font-size:.75rem;color:var(--text-tertiary)}.doc-type-badge{display:inline-block;padding:.25rem .75rem;background:var(--primary-100);color:var(--primary-700);border-radius:12px;font-size:.75rem;font-weight:600}.file-name{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.expiry-warning{color:var(--warning-600);font-weight:600}.action-buttons{display:flex;gap:.5rem}.btn-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:var(--bg-secondary);color:var(--text-primary);border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:1rem}.btn-icon:hover{background:var(--primary-100);color:var(--primary-600);transform:scale(1.1)}.btn-icon.danger:hover{background:var(--danger-100);color:var(--danger-600)}.empty-message{text-align:center;padding:3rem 1rem!important;color:var(--text-tertiary)}.modal-overlay{position:fixed;inset:0;background:#000000eb!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999!important;padding:1rem;animation:fadeIn .2s ease}.modal-content{background:#fff!important;border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 80px #00000080!important;border:2px solid #e5e7eb!important;animation:slideUp .3s ease;position:relative;z-index:10000!important}[data-theme=dark] .modal-content{background:#1f2937!important;border-color:#374151!important}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid #e5e7eb;background:linear-gradient(to bottom,#f9fafb,#fff)}[data-theme=dark] .modal-header{background:linear-gradient(to bottom,#374151,#1f2937);border-bottom-color:#4b5563}.modal-header h3{font-size:1.5rem;font-weight:700;color:#111827!important;display:flex;align-items:center;gap:.5rem;margin:0}[data-theme=dark] .modal-header h3{color:#f9fafb!important}.modal-close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f3f4f6!important;border:2px solid #d1d5db!important;font-size:1.75rem;font-weight:700;color:#6b7280!important;cursor:pointer;border-radius:8px;transition:all .2s ease}[data-theme=dark] .modal-close{background:#374151!important;border-color:#4b5563!important;color:#9ca3af!important}.modal-close:hover{background:#ef4444!important;color:#fff!important;border-color:#dc2626!important;transform:scale(1.1)}.modal-body{padding:2rem 1.5rem;background:#fff}[data-theme=dark] .modal-body{background:#1f2937}.modal-body .form-group{margin-bottom:1.5rem}.modal-body label{display:block;margin-bottom:.5rem;font-weight:600;color:#374151!important;font-size:.95rem}[data-theme=dark] .modal-body label{color:#e5e7eb!important}.modal-body .form-control{width:100%;padding:.75rem 1rem;border:2px solid #d1d5db!important;border-radius:8px;font-size:1rem;background:#fff!important;color:#111827!important;transition:all .2s ease}[data-theme=dark] .modal-body .form-control{background:#374151!important;border-color:#4b5563!important;color:#f3f4f6!important}.modal-body .form-control:focus{outline:none;border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:2px solid #e5e7eb;background:#f9fafb}[data-theme=dark] .modal-footer{background:#111827;border-top-color:#374151}.modal-footer .btn{min-width:120px;font-weight:600;padding:.75rem 1.5rem;font-size:1rem;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.modal-footer .btn-primary{background:#3b82f6!important;color:#fff!important;box-shadow:0 2px 8px #3b82f64d}.modal-footer .btn-primary:hover:not(:disabled){background:#2563eb!important;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.modal-footer .btn-primary:disabled{opacity:.5;cursor:not-allowed}.modal-footer .btn-secondary{background:#e5e7eb!important;color:#374151!important;border:2px solid #d1d5db}[data-theme=dark] .modal-footer .btn-secondary{background:#374151!important;color:#e5e7eb!important;border-color:#4b5563}.modal-footer .btn-secondary:hover{background:#d1d5db!important;color:#111827!important;transform:translateY(-1px)}[data-theme=dark] .modal-footer .btn-secondary:hover{background:#4b5563!important;color:#f3f4f6!important}.file-info{margin-top:.75rem;padding:.875rem 1rem;font-size:.9rem;font-weight:500;color:#065f46!important;background:#d1fae5!important;border:2px solid #34d399!important;border-radius:8px;display:flex;align-items:center;gap:.5rem}[data-theme=dark] .file-info{color:#6ee7b7!important;background:#064e3b!important;border-color:#059669!important}.file-info:before{content:"📎";font-size:1.5rem}.empty-state{text-align:center;padding:3rem 1rem;background:var(--bg-secondary);border-radius:12px;margin:2rem 0}.empty-state p:first-child{font-size:3rem;margin-bottom:.5rem}.empty-state p:last-child{color:var(--text-secondary);font-size:.875rem}@media(max-width:768px){.documents-container,.admin-documents-container{padding:1rem}.documents-header{flex-direction:column;align-items:flex-start;gap:1rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.filters-section{flex-direction:column}.documents-table-container{overflow-x:auto}.documents-table{min-width:800px}.checklist-grid,.documents-grid{grid-template-columns:1fr}.modal-content{max-width:100%;margin:0}.types-grid{grid-template-columns:1fr}}.tab-navigation{display:flex;gap:.5rem;margin-top:1rem;border-bottom:2px solid var(--border-color)}.tab-button{padding:.75rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;color:var(--text-secondary);font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.95rem}.tab-button:hover{color:var(--text-primary);background:var(--bg-secondary)}.tab-button.active{color:var(--primary-600);border-bottom-color:var(--primary-600);background:var(--primary-50)}.document-types-section{margin-top:2rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.section-header h2{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.types-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.type-card{background:var(--card-background);border:2px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:all .2s ease}.type-card:hover{border-color:var(--primary-400);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.type-card.inactive{opacity:.6;background:var(--bg-secondary)}.type-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.type-header h3{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0}.type-badges{display:flex;flex-wrap:wrap;gap:.5rem}.type-description{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin-bottom:1rem;min-height:2.5rem}.type-meta{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:var(--bg-secondary);border-radius:8px;margin-bottom:1rem;font-size:.875rem}.type-meta span{color:var(--text-secondary)}.type-actions{display:flex;gap:.5rem;margin-top:1rem}.type-actions .btn{flex:1}.form-checkbox{margin:1rem 0}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;color:var(--text-primary);font-weight:500}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--primary-600)}.form-group small{display:block;margin-top:.5rem;color:var(--text-tertiary);font-size:.8rem}max-height: 95vh; } } .loading-screen{position:fixed;inset:0;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease-in}.loading-content{text-align:center;color:#fff}.loading-logo-container{margin-bottom:2rem;animation:logoFloat 3s ease-in-out infinite}.loading-logo{max-width:200px;width:80vw;height:auto;border-radius:16px;box-shadow:0 20px 60px #0000004d;background:#fff;padding:1.5rem}.loading-title{font-size:2.5rem;font-weight:700;margin:0 0 .5rem;text-shadow:0 4px 8px rgba(0,0,0,.2)}.loading-subtitle{font-size:1.25rem;font-weight:500;margin:0 0 2rem;opacity:.9}.loading-spinner{position:relative;width:80px;height:80px;margin:2rem auto}.spinner-ring{position:absolute;width:100%;height:100%;border:4px solid transparent;border-top-color:#fff;border-radius:50%;animation:spin 1.5s cubic-bezier(.68,-.55,.265,1.55) infinite}.spinner-ring:nth-child(2){width:70%;height:70%;top:15%;left:15%;animation-delay:-.5s;border-top-color:#ffffffb3}.spinner-ring:nth-child(3){width:40%;height:40%;top:30%;left:30%;animation-delay:-1s;border-top-color:#ffffff80}.loading-text{font-size:1rem;font-weight:500;margin:1rem 0 0;opacity:.8;animation:pulse 2s ease-in-out infinite}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.8}50%{opacity:.4}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(prefers-color-scheme:dark){.loading-screen{background:linear-gradient(135deg,#1a1a2e,#16213e)}}@media(max-width:768px){.loading-logo{max-width:150px}.loading-title{font-size:2rem}.loading-subtitle{font-size:1rem}.loading-spinner{width:60px;height:60px}}.mobile-status-container{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:10px;align-items:flex-end;z-index:1000}.network-status{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;background:#fff;box-shadow:0 2px 8px #0000001a;font-size:14px;font-weight:500}.network-status.online{color:#10b981;border:1px solid #10b981}.network-status.offline{color:#ef4444;border:1px solid #ef4444}.status-dot{width:8px;height:8px;border-radius:50%;background:currentColor;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.unsynced-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:16px;background:#fef3c7;border:1px solid #fbbf24;color:#92400e;font-size:13px;font-weight:500;box-shadow:0 2px 4px #0000001a}.badge-icon{font-size:16px}.badge-count{font-weight:700;color:#b45309}.sync-button,.location-button{padding:10px 16px;border:none;border-radius:20px;background:#3b82f6;color:#fff;font-size:14px;font-weight:500;cursor:pointer;box-shadow:0 2px 8px #3b82f64d;transition:all .2s ease}.sync-button:hover:not(:disabled),.location-button:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.sync-button:active:not(:disabled),.location-button:active:not(:disabled){transform:translateY(0)}.sync-button:disabled,.location-button:disabled{opacity:.6;cursor:not-allowed}.location-button{width:44px;height:44px;padding:0;display:flex;align-items:center;justify-content:center;font-size:20px;background:#8b5cf6;box-shadow:0 2px 8px #8b5cf64d}.location-button:hover:not(:disabled){background:#7c3aed;box-shadow:0 4px 12px #8b5cf666}.sync-message{padding:10px 16px;border-radius:12px;background:#1f2937;color:#fff;font-size:13px;font-weight:500;box-shadow:0 2px 8px #0003;animation:slideIn .3s ease;max-width:250px;text-align:right}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.debug-status{padding:6px 12px;border-radius:8px;background:#f3f4f6;border:1px solid #d1d5db;color:#6b7280;font-size:11px;font-family:monospace}@media(max-width:768px){.mobile-status-container{bottom:80px;right:10px}.network-status,.sync-button{font-size:12px;padding:6px 12px}.unsynced-badge{font-size:11px;padding:4px 10px}.location-button{width:40px;height:40px;font-size:18px}}