*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-family-primary, "Navigo", -apple-system, system-ui, "Helvetica Neue", "Calibri Light", "Roboto", sans-serif);font-size:1rem;line-height:1.5;color:var(--text-primary, #212529);background:var(--bg-primary, #f8f9fa);-webkit-font-smoothing:antialiased}a{color:var(--color-primary, #003DA5);text-decoration:none}a:hover{text-decoration:underline}img,svg{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}table{border-collapse:collapse;width:100%}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}ul,ol{list-style:none}.error-page{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:1rem}.error-page h1{font-size:3rem;color:#6c757d}:root{--color-primary: #003DA5;--color-primary-dark: #001452;--color-primary-light: #AFDFE0;--color-primary-rgb: 0, 61, 165;--color-secondary: #63539D;--color-secondary-dark: #291849;--color-secondary-light: #A18DBE;--color-accent: #AFDFE0;--color-accent-dark: #003DA5;--color-success: #28a745;--color-success-light: #d4edda;--color-warning: #EA903D;--color-warning-light: #fff3cd;--color-danger: #E1633B;--color-danger-light: #F8E1DE;--color-info: #43AFFC;--color-info-light: #E0E9F1;--color-digital-dark: #020D2A;--color-digital-key: #012FD7;--color-digital-key-2: #000871;--color-digital-light: #EEEFF1;--color-digital-blue-2: #2C65F6;--color-digital-blue-3: #43AFFC;--color-digital-blue-4: #A2D5FE;--color-digital-blue-5: #E0E9F1;--color-digital-yellow: #F9DD17;--color-user: #3498db;--color-driver: #e74c3c;--color-monitor: #9b59b6;--color-white: #ffffff;--color-gray-50: #f8f9fa;--color-gray-100: #e9ecef;--color-gray-200: #dee2e6;--color-gray-300: #ced4da;--color-gray-400: #adb5bd;--color-gray-500: #6c757d;--color-gray-600: #495057;--color-gray-700: #343a40;--color-gray-800: #23272b;--color-gray-900: #212529;--color-black: #000000;--color-picked-up: #d4edda;--color-picked-up-border: #28a745;--color-dropped-off: #cce5ff;--color-dropped-off-border: #007bff;--color-completed: #f8f9fa;--color-completed-border: #6c757d;--spacing-0: 0;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--font-family-primary: "Navigo", -apple-system, system-ui, "Helvetica Neue", "Calibri Light", "Roboto", sans-serif;--font-family-accent: "Lora", Georgia, serif;--font-family-base: var(--font-family-primary);--font-family-mono: "SF Mono", "Monaco", "Inconsolata", "Courier New", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-none: 1;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0px 1px 4px rgba(17,17,26,.05), 0px 0px 8px rgba(17,17,26,.05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0px 8px 56px rgba(17,17,26,.1), 0px 32px 140px rgba(17,17,26,.1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);--shadow-none: none;--radius-none: 0;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-notification: 1080;--transition-fast: .15s ease-in-out;--transition-base: .25s ease-in-out;--transition-slow: .35s ease-in-out;--transition-veryslow: .5s ease-in-out;--container-max-width: 1280px;--sidebar-width: 260px;--sidebar-collapsed-width: 80px;--header-height: 64px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-gray-900);background-color:var(--color-gray-50);min-height:100vh}h1,h2,h3,h4,h5,h6{line-height:1.2;margin-bottom:var(--spacing-4);color:var(--color-gray-900)}h1{font-size:3.5rem;font-weight:800}h2{font-size:2.5rem;font-weight:700}h3{font-size:2rem;font-weight:700}h4{font-size:1.5rem;font-weight:600}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin-bottom:var(--spacing-4)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}a:focus{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}ul,ol{padding-left:var(--spacing-6);margin-bottom:var(--spacing-4)}li{margin-bottom:var(--spacing-2)}img{max-width:100%;height:auto;display:block}button{font-family:inherit;font-size:inherit;line-height:inherit;margin:0;border:none;background:none;cursor:pointer}input,textarea,select{font-family:inherit;font-size:inherit;line-height:inherit}*:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background-color:var(--color-primary-light);color:var(--color-white)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-gray-100)}::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}.d-none{display:none!important}.d-block{display:block!important}.d-inline-block{display:inline-block!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-grid{display:grid!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}.justify-start{justify-content:flex-start!important}.justify-center{justify-content:center!important}.justify-end{justify-content:flex-end!important}.justify-between{justify-content:space-between!important}.justify-around{justify-content:space-around!important}.align-start{align-items:flex-start!important}.align-center{align-items:center!important}.align-end{align-items:flex-end!important}.align-stretch{align-items:stretch!important}.gap-1{gap:var(--spacing-1)!important}.gap-2{gap:var(--spacing-2)!important}.gap-3{gap:var(--spacing-3)!important}.gap-4{gap:var(--spacing-4)!important}.gap-6{gap:var(--spacing-6)!important}.gap-8{gap:var(--spacing-8)!important}.m-0{margin:0!important}.m-auto{margin:auto!important}.mt-2{margin-top:var(--spacing-2)!important}.mt-4{margin-top:var(--spacing-4)!important}.mt-6{margin-top:var(--spacing-6)!important}.mb-2{margin-bottom:var(--spacing-2)!important}.mb-4{margin-bottom:var(--spacing-4)!important}.mb-6{margin-bottom:var(--spacing-6)!important}.ml-auto{margin-left:auto!important}.mr-auto{margin-right:auto!important}.p-0{padding:0!important}.p-2{padding:var(--spacing-2)!important}.p-4{padding:var(--spacing-4)!important}.p-6{padding:var(--spacing-6)!important}.px-4{padding-left:var(--spacing-4)!important;padding-right:var(--spacing-4)!important}.py-4{padding-top:var(--spacing-4)!important;padding-bottom:var(--spacing-4)!important}.text-left{text-align:left!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.text-uppercase{text-transform:uppercase!important}.text-lowercase{text-transform:lowercase!important}.text-capitalize{text-transform:capitalize!important}.font-light{font-weight:var(--font-weight-light)!important}.font-normal{font-weight:var(--font-weight-normal)!important}.font-medium{font-weight:var(--font-weight-medium)!important}.font-semibold{font-weight:var(--font-weight-semibold)!important}.font-bold{font-weight:var(--font-weight-bold)!important}.text-xs{font-size:var(--font-size-xs)!important}.text-sm{font-size:var(--font-size-sm)!important}.text-base{font-size:var(--font-size-base)!important}.text-lg{font-size:var(--font-size-lg)!important}.text-xl{font-size:var(--font-size-xl)!important}.text-2xl{font-size:var(--font-size-2xl)!important}.text-muted{color:var(--color-gray-500)!important}.text-primary{color:var(--color-primary)!important}.text-success{color:var(--color-success)!important}.text-danger{color:var(--color-danger)!important}.text-warning{color:var(--color-warning)!important}.text-info{color:var(--color-info)!important}.bg-white{background-color:var(--color-white)!important}.bg-gray-50{background-color:var(--color-gray-50)!important}.bg-primary{background-color:var(--color-primary)!important}.bg-success{background-color:var(--color-success)!important}.bg-danger{background-color:var(--color-danger)!important}.border{border:1px solid var(--color-gray-200)!important}.border-0{border:0!important}.rounded{border-radius:var(--radius-md)!important}.rounded-lg{border-radius:var(--radius-lg)!important}.rounded-full{border-radius:var(--radius-full)!important}.shadow-sm{box-shadow:var(--shadow-sm)!important}.shadow-md{box-shadow:var(--shadow-md)!important}.shadow-lg{box-shadow:var(--shadow-lg)!important}.shadow-none{box-shadow:none!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}.cursor-pointer{cursor:pointer!important}.cursor-not-allowed{cursor:not-allowed!important}.overflow-hidden{overflow:hidden!important}.overflow-auto{overflow:auto!important}.overflow-scroll{overflow:scroll!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:sticky!important}.w-full{width:100%!important}.w-auto{width:auto!important}.h-full{height:100%!important}.h-auto{height:auto!important}@media print{.no-print{display:none!important}body{background:#fff!important}a[href]:after{content:" (" attr(href) ")"}.page-break{page-break-before:always}.avoid-break{page-break-inside:avoid}}@media (max-width: 767px){.hide-mobile{display:none!important}}@media (min-width: 768px){.hide-tablet-up{display:none!important}}@media (min-width: 1024px){.hide-desktop-up{display:none!important}}.show-mobile{display:block!important}@media (min-width: 768px){.show-mobile{display:none!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fadeIn{animation:fadeIn var(--transition-base)}.animate-slideInDown{animation:slideInDown var(--transition-base)}.animate-slideInUp{animation:slideInUp var(--transition-base)}.animate-spin{animation:spin 1s linear infinite}.transition{transition:all var(--transition-base)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}.container{width:100%;max-width:var(--container-max-width);margin-left:auto;margin-right:auto;padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.main-content{padding:var(--spacing-6);min-height:calc(100vh - var(--header-height))}@media (max-width: 768px){.main-content{padding:0!important;margin:0!important}.container{padding:0!important;margin:0!important;max-width:100%!important;width:100%!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:.875rem 2rem;font-size:1rem;font-weight:600;line-height:var(--line-height-tight);text-align:center;white-space:nowrap;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s ease;text-decoration:none;user-select:none}.btn:hover:not(:disabled){transform:scale(1.05)}.btn:active:not(:disabled){transform:scale(1.02)}.btn-pill{border-radius:100px}.btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}.btn-secondary{background-color:var(--color-secondary);color:var(--color-white);border-color:var(--color-secondary)}.btn-secondary:hover:not(:disabled){background-color:var(--color-secondary-dark);border-color:var(--color-secondary-dark)}.btn-success{background-color:var(--color-success);color:var(--color-white);border-color:var(--color-success)}.btn-success:hover:not(:disabled){background-color:#218838;border-color:#1e7e34}.btn-danger{background-color:var(--color-danger);color:var(--color-white);border-color:var(--color-danger)}.btn-danger:hover:not(:disabled){background-color:#c74e28;border-color:#b94421}.btn-warning{background-color:var(--color-warning);color:var(--color-gray-900);border-color:var(--color-warning)}.btn-warning:hover:not(:disabled){background-color:#d4801f;border-color:#c47518}.btn-info{background-color:var(--color-info);color:var(--color-white);border-color:var(--color-info)}.btn-info:hover:not(:disabled){background-color:#2a9de8;border-color:#1e8fd6}.btn-outline-primary{background-color:transparent;color:var(--color-primary);border-color:var(--color-primary)}.btn-outline-primary:hover:not(:disabled){background-color:var(--color-primary);color:var(--color-white)}.btn-outline-secondary{background-color:transparent;color:var(--color-secondary);border-color:var(--color-secondary)}.btn-outline-secondary:hover:not(:disabled){background-color:var(--color-secondary);color:var(--color-white)}.btn-ghost{background-color:transparent;color:var(--color-gray-700);border-color:transparent}.btn-ghost:hover:not(:disabled){background-color:var(--color-gray-100)}.btn-sm{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-xs)}.btn-lg{padding:var(--spacing-4) var(--spacing-6);font-size:var(--font-size-base)}.btn-block{display:flex;width:100%}.btn-group{display:inline-flex;border-radius:var(--radius-md)}.btn-group .btn{border-radius:0;margin-left:-1px}.btn-group .btn:first-child{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md);margin-left:0}.btn-group .btn:last-child{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.btn-group .btn.active{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary);z-index:1}.card{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow var(--transition-fast)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.card-header{padding:var(--spacing-4) var(--spacing-6);border-bottom:1px solid var(--color-gray-200);background-color:var(--color-gray-50)}.card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0;color:var(--color-gray-900)}.card-description{font-size:var(--font-size-sm);color:var(--color-gray-600);margin:var(--spacing-1) 0 0}.card-body{padding:var(--spacing-6)}.card-footer{padding:var(--spacing-4) var(--spacing-6);border-top:1px solid var(--color-gray-200);background-color:var(--color-gray-50)}.card-primary{border-color:var(--color-primary)}.card-primary .card-header{background-color:var(--color-primary);color:var(--color-white);border-bottom-color:var(--color-primary-dark)}.card-success{border-color:var(--color-success);background-color:var(--color-success-light)}.card-warning{border-color:var(--color-warning);background-color:var(--color-warning-light)}.card-danger{border-color:var(--color-danger);background-color:var(--color-danger-light)}.stat-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-top:3px solid var(--color-primary);border-radius:var(--radius-lg);padding:var(--spacing-6);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);text-align:center}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.stat-card--routes{border-top-color:var(--color-primary)}.stat-card--routes .stat-icon{color:var(--color-primary)}.stat-card--students{border-top-color:var(--color-secondary)}.stat-card--students .stat-icon{color:var(--color-secondary)}.stat-card--drivers{border-top-color:var(--color-danger)}.stat-card--drivers .stat-icon{color:var(--color-danger)}.stat-card--monitors{border-top-color:var(--color-accent)}.stat-card--monitors .stat-icon{color:var(--color-accent-dark)}.stat-icon{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-3)}.stat-number{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin-bottom:var(--spacing-2)}.stat-label{font-size:var(--font-size-sm);color:var(--color-gray-600);text-transform:uppercase;letter-spacing:.05em}.clickable-card{cursor:pointer;text-decoration:none;color:inherit;display:block}.clickable-card:hover{text-decoration:none;color:inherit}.navbar{background-color:var(--color-digital-dark, #020D2A);border-bottom:1px solid var(--color-gray-200);height:var(--header-height);display:flex;align-items:center;padding:0 var(--spacing-6);position:sticky;top:0;z-index:var(--z-sticky);box-shadow:var(--shadow-sm);color:var(--color-white);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.navbar-brand{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-white);text-decoration:none;display:flex;align-items:center;gap:var(--spacing-2)}.navbar-brand:hover{color:var(--color-primary-light)}.navbar-nav{display:flex;list-style:none;margin:0;padding:0;gap:var(--spacing-2);flex:1;margin-left:var(--spacing-8)}.nav-link{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);color:var(--color-gray-300);text-decoration:none;border-radius:var(--radius-md);font-weight:var(--font-weight-medium);transition:all var(--transition-fast)}.nav-link:hover{background-color:#ffffff1a;color:var(--color-white)}.nav-link.active{background-color:var(--color-primary);color:var(--color-white)}.sidebar{width:var(--sidebar-width);height:calc(100vh - var(--header-height));background-color:var(--color-white);border-right:1px solid var(--color-gray-200);position:fixed;left:0;top:var(--header-height);overflow-y:auto;transition:transform var(--transition-base);z-index:var(--z-fixed);box-shadow:2px 0 8px #0000000a}.sidebar-header{padding:var(--spacing-6) var(--spacing-4);border-bottom:1px solid var(--color-gray-200)}.sidebar-nav{padding:var(--spacing-4)}.sidebar-nav ul{list-style:none;padding:0;margin:0}.sidebar-nav-item{margin-bottom:var(--spacing-2);list-style:none}.sidebar-nav-link{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);color:var(--color-gray-700);text-decoration:none;border-radius:var(--radius-md);font-weight:var(--font-weight-medium);transition:all var(--transition-fast)}.sidebar-nav-link:hover{background-color:var(--color-gray-100);color:var(--color-primary)}.sidebar-nav-link.active{background-color:var(--color-primary);color:var(--color-white)}.sidebar-nav-icon{font-size:var(--font-size-lg);width:24px;text-align:center}@media (max-width: 768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}}.main-with-sidebar{margin-left:var(--sidebar-width)}@media (max-width: 768px){.main-with-sidebar{margin-left:0}}.mobile-menu-toggle{display:none;padding:var(--spacing-2);background:transparent;border:none;cursor:pointer;color:var(--color-white);font-size:var(--font-size-2xl)}@media (max-width: 768px){.mobile-menu-toggle{display:block}.navbar-nav{display:none}}.form-group{margin-bottom:var(--spacing-4)}.form-label{display:block;margin-bottom:var(--spacing-2);font-weight:var(--font-weight-medium);color:var(--color-gray-700);font-size:var(--font-size-sm)}.form-control{display:block;width:100%;border:2px solid var(--color-digital-blue-5, #E0E9F1);border-radius:6px;padding:.75rem 1rem;font-size:.95rem;line-height:var(--line-height-normal);color:var(--color-gray-900);background-color:var(--color-white);transition:border-color .2s ease,box-shadow .2s ease}.form-control:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #003da526}.form-control:disabled{background-color:var(--color-gray-100);cursor:not-allowed;opacity:.6}.form-control.is-invalid{border-color:var(--color-danger)}.form-control.is-invalid:focus{box-shadow:0 0 0 3px #dc35451a}.form-text{display:block;margin-top:var(--spacing-1);font-size:var(--font-size-sm);color:var(--color-gray-600)}.invalid-feedback{display:block;margin-top:var(--spacing-1);font-size:var(--font-size-sm);color:var(--color-danger)}select.form-control{appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right var(--spacing-3) center;background-size:16px 12px;padding-right:var(--spacing-8)}.form-check{display:flex;align-items:center;margin-bottom:var(--spacing-2)}.form-check-input{width:18px;height:18px;margin-right:var(--spacing-2);cursor:pointer}.form-check-label{cursor:pointer;user-select:none}.alert{padding:.875rem 1.25rem;border-radius:6px;border-left:3px solid;margin-bottom:var(--spacing-4)}.alert-success{background:#28a74514;border-left-color:#28a745;color:#155724}.alert-danger{background:#e1633b14;border-left-color:#e1633b;color:#721c24}.alert-warning{background:#ea903d14;border-left-color:#ea903d;color:#856404}.alert-info{background:#003da514;border-left-color:#003da5;color:#0c5460}.alert-dismissible{position:relative;padding-right:var(--spacing-12)}.alert-dismissible .btn-close{position:absolute;top:50%;right:var(--spacing-4);transform:translateY(-50%);background:transparent;border:none;font-size:var(--font-size-xl);cursor:pointer;opacity:.5}.alert-dismissible .btn-close:hover{opacity:1}.badge{display:inline-flex;align-items:center;justify-content:center;border-radius:100px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:.25rem .625rem;line-height:1;text-align:center;white-space:nowrap}.badge-primary{background-color:var(--color-primary);color:var(--color-white)}.badge-secondary{background-color:var(--color-gray-500);color:var(--color-white)}.badge-success{background-color:var(--color-success);color:var(--color-white)}.badge-danger{background-color:var(--color-danger);color:var(--color-white)}.badge-warning{background-color:var(--color-warning);color:var(--color-gray-900)}.badge-info{background-color:var(--color-info);color:var(--color-white)}.welcome-banner{background:linear-gradient(135deg,#003da5,#291849);color:var(--color-white);padding:var(--spacing-8) var(--spacing-6);border-radius:var(--radius-lg);margin-bottom:var(--spacing-6);box-shadow:var(--shadow-lg)}.welcome-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-2);display:flex;align-items:center;gap:var(--spacing-3)}.welcome-subtitle{font-size:var(--font-size-lg);opacity:.9;margin:0}@media (max-width: 768px){.welcome-banner{padding:var(--spacing-6) var(--spacing-4)}.welcome-title{font-size:var(--font-size-2xl)}.welcome-subtitle{font-size:var(--font-size-base)}}.spinner{display:inline-block;width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--color-white);border-radius:50%;animation:spin .8s linear infinite}.spinner-primary{border-color:rgba(var(--color-primary-rgb),.3);border-top-color:var(--color-primary)}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:var(--z-modal-backdrop);animation:fadeIn var(--transition-fast)}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl);z-index:var(--z-modal);max-width:90%;max-height:90vh;overflow-y:auto;animation:slideInDown var(--transition-base)}.row{display:flex;flex-wrap:wrap;margin-left:calc(var(--spacing-4) * -1);margin-right:calc(var(--spacing-4) * -1)}.col{flex:1;padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.col-auto{flex:0 0 auto;width:auto;padding-left:var(--spacing-4);padding-right:var(--spacing-4)}@media (min-width: 768px){.col-md-6{flex:0 0 50%;max-width:50%}.col-md-4{flex:0 0 33.333333%;max-width:33.333333%}.col-md-3{flex:0 0 25%;max-width:25%}}.section-header{margin-bottom:var(--spacing-6)}.section-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0 0 var(--spacing-2);display:flex;align-items:center;gap:var(--spacing-2)}.section-icon{font-size:var(--font-size-2xl)}.section-description{font-size:var(--font-size-base);color:var(--color-gray-600);margin:0}.footer{background-color:var(--color-gray-900);color:var(--color-gray-300);padding:var(--spacing-8) var(--spacing-6);margin-top:var(--spacing-12)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-8);max-width:1200px;margin:0 auto var(--spacing-6)}.footer-section{display:flex;flex-direction:column;gap:var(--spacing-3)}.footer-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-white);margin:0 0 var(--spacing-2);display:flex;align-items:center;gap:var(--spacing-2)}.footer-text{font-size:var(--font-size-sm);color:var(--color-gray-400);margin:0}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-2)}.footer-links li{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm)}.footer-links a{color:var(--color-gray-300);text-decoration:none;transition:color var(--transition-fast)}.footer-links a:hover{color:var(--color-white);text-decoration:underline}.footer-bottom{border-top:1px solid var(--color-gray-700);padding-top:var(--spacing-4);text-align:center}.footer-bottom p{font-size:var(--font-size-sm);color:var(--color-gray-500);margin:0}@media print{.footer{display:none}}.app-header{display:flex;align-items:center;justify-content:space-between;height:var(--header-height);padding:0 var(--spacing-6);background-color:var(--color-digital-dark);color:var(--color-white);position:sticky;top:0;z-index:var(--z-sticky);box-shadow:var(--shadow-sm)}.header-left{display:flex;align-items:center;gap:var(--spacing-3)}.header-right{display:flex;align-items:center;gap:var(--spacing-4)}.header-menu-btn{display:none;padding:var(--spacing-2);color:var(--color-white);font-size:var(--font-size-xl);background:transparent;border:none;cursor:pointer}@media (max-width: 768px){.header-menu-btn{display:block}}.header-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-accent);margin:0}.header-user{font-size:var(--font-size-sm);color:var(--color-white);font-weight:var(--font-weight-medium)}.app-header .btn-outline{color:var(--color-accent);border:1px solid var(--color-accent);background:transparent;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-xs);border-radius:var(--radius-md);transition:all var(--transition-fast)}.app-header .btn-outline:hover{background-color:var(--color-accent);color:var(--color-digital-dark)}.app-shell{display:flex;min-height:100vh;background-color:var(--color-digital-light)}.app-shell--minimal{justify-content:center;align-items:center;background-color:var(--color-digital-light)}.app-main{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;min-width:0}.app-content{padding:var(--spacing-6);flex:1}.app-content--centered{display:flex;justify-content:center;align-items:center}@media (max-width: 768px){.app-main{margin-left:0}}.nav-group{margin-bottom:var(--spacing-4)}.nav-group-title{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em}.nav-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-4);color:var(--color-primary-dark);text-decoration:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);margin:1px var(--spacing-2)}.nav-item:hover,.nav-item.active{background-color:var(--color-primary);color:var(--color-white)}.nav-item i{width:20px;text-align:center;font-size:var(--font-size-sm)}.sidebar-logo{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.sidebar-toggle{background:transparent;border:none;cursor:pointer;color:var(--color-gray-500);font-size:var(--font-size-lg);padding:var(--spacing-1)}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4);border-bottom:1px solid var(--color-gray-200);border-left:4px solid var(--color-primary)}.sidebar--closed{transform:translate(-100%)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.stat-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);display:block}.stat-info{text-align:center}.page-header{margin-bottom:var(--spacing-6)}.page-header h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0}.quick-actions h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-4)}.actions-row{display:flex;gap:var(--spacing-3);flex-wrap:wrap}.login-container{width:100%;max-width:420px;padding:var(--spacing-6)}.login-card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-8)}.login-header{text-align:center;margin-bottom:var(--spacing-6)}.login-header h1{font-family:var(--font-family-accent);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary-dark);margin:0 0 var(--spacing-2)}.login-section{margin-bottom:var(--spacing-4)}.login-section .btn-primary{background-color:var(--color-primary);border-color:var(--color-primary)}.login-section .btn-primary:hover{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}.login-section .text-muted{color:var(--color-gray-600)}.w-full{width:100%}.text-center{text-align:center}.text-sm{font-size:var(--font-size-sm)}.text-muted{color:var(--color-gray-600)}.mt-2{margin-top:var(--spacing-2)}.mb-4{margin-bottom:var(--spacing-4)}.error-state{color:var(--color-danger);padding:var(--spacing-4)}.table th,.data-table-wrapper th{background:var(--color-primary-dark, #001452);color:#fff;text-transform:uppercase;font-size:.8rem;letter-spacing:.5px;padding:.75rem 1rem}.table td{padding:.75rem 1rem;border-bottom:1px solid var(--color-digital-light, #EEEFF1)}.table tr:hover{background:#003da508}.data-table-pagination{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3) var(--spacing-4);border-top:1px solid var(--color-gray-200);font-size:var(--font-size-sm);color:var(--color-gray-600)}.data-table-pagination-nav{display:flex;align-items:center;gap:var(--spacing-3)}.data-table-pagination .btn{width:36px;height:36px;border-radius:6px;padding:0}.custom-marker{background:transparent!important;border:none!important}.chat-widget-bubble{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-lg);z-index:1000;font-size:24px;border:none;padding:0;transition:transform var(--transition-fast)}.chat-widget-bubble:hover{transform:scale(1.08)}.chat-widget-badge{position:absolute;top:-4px;right:-4px;background:var(--color-danger);color:#fff;border-radius:50%;width:20px;height:20px;font-size:11px;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold)}.chat-widget-panel{position:fixed;bottom:90px;right:24px;width:360px;height:480px;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl);z-index:1000;display:flex;flex-direction:column;overflow:hidden}.chat-widget-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3) var(--spacing-4);background:var(--color-primary);color:#fff}.chat-widget-title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-base)}.chat-widget-close{background:none;border:none;color:#fff;font-size:var(--font-size-xl);cursor:pointer;line-height:1;padding:0}.chat-widget-conversation-list{flex:1;overflow-y:auto;display:flex;flex-direction:column}.chat-widget-conversation-item{display:block;width:100%;text-align:left;padding:var(--spacing-3) var(--spacing-4);border:none;border-bottom:1px solid var(--color-gray-200);background:#fff;cursor:pointer;font-size:var(--font-size-sm);color:var(--color-gray-900);transition:background var(--transition-fast)}.chat-widget-conversation-item:hover{background:var(--color-gray-100)}.chat-widget-messages-view{flex:1;display:flex;flex-direction:column;overflow:hidden}.chat-widget-messages-header{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border-bottom:1px solid var(--color-gray-200);background:var(--color-gray-50)}.chat-widget-back{background:none;border:none;cursor:pointer;font-size:var(--font-size-lg);color:var(--color-gray-700);padding:var(--spacing-1)}.chat-widget-conversation-name{font-weight:var(--font-weight-medium);font-size:var(--font-size-sm)}.chat-widget-messages{flex:1;overflow-y:auto;padding:var(--spacing-3);display:flex;flex-direction:column;gap:var(--spacing-2)}.chat-widget-message{padding:var(--spacing-2);border-radius:var(--radius-md);background:var(--color-gray-50)}.chat-widget-message-header{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-1);font-size:var(--font-size-xs)}.chat-widget-message-header strong{font-size:var(--font-size-xs)}.chat-widget-message-time{color:var(--color-gray-500);font-size:var(--font-size-xs)}.chat-widget-message-body{font-size:var(--font-size-sm);color:var(--color-gray-800)}.chat-widget-typing{padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-xs);color:var(--color-gray-500);font-style:italic}.chat-widget-input-bar{display:flex;padding:var(--spacing-2);border-top:1px solid var(--color-gray-200);gap:var(--spacing-2)}.chat-widget-input{flex:1;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-sm);outline:none}.chat-widget-input:focus{border-color:var(--color-primary)}.chat-widget-send{padding:var(--spacing-2) var(--spacing-3);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.chat-widget-send:hover{background:var(--color-primary-dark)}@media (max-width: 480px){.chat-widget-panel{width:calc(100vw - 32px);right:16px;bottom:80px;height:400px}.chat-widget-bubble{bottom:16px;right:16px}}.driver-dashboard-page .welcome-banner{background:linear-gradient(135deg,var(--color-danger) 0%,var(--color-primary-dark) 100%)}.driver-dashboard-page .empty-state{color:var(--color-danger);background:var(--color-danger-light);padding:var(--spacing-6);border-radius:var(--radius-lg);text-align:center}.monitor-dashboard-page .welcome-banner{background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-primary-dark) 100%)}.monitor-dashboard-page .empty-state{color:var(--color-secondary);background:var(--color-digital-light);padding:var(--spacing-6);border-radius:var(--radius-lg);text-align:center}.attendance-page .student-card{background:var(--color-white);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-4)}.attendance-page .student-actions{display:flex;gap:var(--spacing-3);margin-top:var(--spacing-4)}@media (max-width: 768px){.data-table-wrapper .table{display:none}.data-table-cards{display:block}.data-table-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--spacing-4);margin-bottom:var(--spacing-3)}.data-table-card-field{display:flex;justify-content:space-between;padding:var(--spacing-1) 0}.data-table-card-label{font-weight:var(--font-weight-medium);color:var(--color-gray-600);font-size:var(--font-size-sm)}}@media (min-width: 769px){.data-table-cards{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}