*,*: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(--color-digital-dark, #020D2A);background:var(--bg-primary, #f8f9fa);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color-primary, #003DA5);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-primary-dark, #001452);text-decoration:none}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:700;line-height:1.2;color:var(--color-primary-dark, #001452)}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:var(--color-gray-500, #6c757d)}.boot-loader{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--color-bg, #f5f7fa)}.boot-spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#003da5;border-radius:50%;animation:boot-spin .8s linear infinite}@keyframes boot-spin{to{transform:rotate(360deg)}}: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: 0 1px 3px rgba(0, 0, 0, .05), 0 0 8px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 61, 165, .08), 0 2px 4px rgba(17, 17, 26, .06);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .12);--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;--shadow-btn-primary: 0 4px 12px rgba(0, 61, 165, .3);--shadow-btn-primary-hover: 0 6px 20px rgba(0, 61, 165, .4);--shadow-sidebar: 2px 0 8px rgba(0, 0, 0, .04);--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}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);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:.875rem;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;text-transform:none}.btn:hover:not(:disabled){transform:scale(1.05)}.btn:active:not(:disabled){transform:scale(.98)}.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);box-shadow:var(--shadow-btn-primary)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark);border-color:var(--color-primary-dark);box-shadow:var(--shadow-btn-primary-hover)}.btn-secondary{background-color:#6c757d;color:var(--color-white);border-color:#6c757d;box-shadow:0 4px 12px #6c757d4d}.btn-secondary:hover:not(:disabled){background-color:#5a6268;border-color:#545b62;box-shadow:0 6px 20px #6c757d66}.btn-success{background-color:var(--color-success);color:var(--color-white);border-color:var(--color-success);box-shadow:0 4px 12px #28a7454d}.btn-success:hover:not(:disabled){background-color:#218838;border-color:#1e7e34;box-shadow:0 6px 20px #28a74566}.btn-danger{background-color:#e1633b;color:var(--color-white);border-color:#e1633b;box-shadow:0 4px 12px #dc35454d}.btn-danger:hover:not(:disabled){background-color:#c8512e;border-color:#b5472a;box-shadow:0 6px 20px #dc354566}.btn-warning{background-color:var(--color-warning);color:var(--color-gray-900);border-color:var(--color-warning);box-shadow:0 4px 12px #ea903d4d}.btn-warning:hover:not(:disabled){background-color:#d4801f;border-color:#c47518;box-shadow:0 6px 20px #ea903d66}.btn-info{background-color:var(--color-info);color:var(--color-white);border-color:var(--color-info);box-shadow:0 4px 12px #43affc4d}.btn-info:hover:not(:disabled){background-color:#2a9de8;border-color:#1e8fd6;box-shadow:0 6px 20px #43affc66}.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);box-shadow:var(--shadow-btn-primary)}.btn-outline-secondary{background-color:transparent;color:#6c757d;border-color:#6c757d}.btn-outline-secondary:hover:not(:disabled){background-color:#6c757d;color:var(--color-white);box-shadow:0 4px 12px #6c757d4d}.btn-outline-success{background-color:transparent;color:#28a745;border-color:#28a745}.btn-outline-success:hover:not(:disabled){background-color:#28a745;color:#fff}.btn-outline-danger{background-color:transparent;color:#e1633b;border-color:#e1633b}.btn-outline-danger:hover:not(:disabled){background-color:#e1633b;color:#fff}.btn-outline-warning{background-color:transparent;color:var(--color-warning);border-color:var(--color-warning)}.btn-outline-warning:hover:not(:disabled){background-color:var(--color-warning);color:#212529}.btn-outline-info{background-color:transparent;color:var(--color-info);border-color:var(--color-info)}.btn-outline-info:hover:not(:disabled){background-color:var(--color-info);color:#fff}.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-xs{padding:.2rem .5rem;font-size:.75rem;border-radius:3px;border-width:1px}.btn-sm{padding:.25rem .5rem;font-size:.75rem;border-radius:4px}.btn-lg{padding:.75rem 1.5rem;font-size:1rem;border-radius:8px}.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 #EEEFF1;border-radius:8px;box-shadow:0 1px 3px #0000000d,0 0 8px #0000000a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0000001f}.card-header{padding:var(--spacing-4) var(--spacing-6);border-bottom:1px solid var(--color-gray-200);background-color:var(--color-white)}.card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0;color:var(--color-primary-dark)}.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-left:4px solid 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-left:4px solid var(--color-success);background-color:#28a74508}.card-warning{border-left:4px solid var(--color-warning);background-color:#ea903d08}.card-danger{border-left:4px solid var(--color-danger);background-color:#e1633b08}.stat-card{background:#f8f9fa;border:none;cursor:pointer;text-decoration:none;border-radius:10px;padding:1.25rem;box-shadow:none;transition:box-shadow .2s ease,transform .2s ease;text-align:left;position:relative;overflow:hidden;display:flex;flex-direction:column}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary))}.stat-card:hover{transform:translateY(-1px);box-shadow:0 4px 16px #00000014}.stat-card--routes:before{background:#003da5}.stat-card--students:before{background:#28a745}.stat-card--drivers:before{background:#e1633b}.stat-card--monitors:before{background:#17a2b8}.stat-icon{display:flex;align-items:center;justify-content:center;font-size:1.75rem;margin-bottom:.75rem;line-height:1}.stat-number,.stat-value{font-size:2.25rem;font-weight:800;color:#001452;line-height:1.2;margin-bottom:.15rem}.stat-label{font-size:.75rem;color:#6c757d;text-transform:uppercase;letter-spacing:.5px;font-weight:600;display:block}.clickable-card{cursor:pointer;text-decoration:none;color:inherit;display:block}.stat-card.clickable-card{display:flex;flex-direction:column}.clickable-card:hover{text-decoration:none;color:inherit}.navbar{background:#001452d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:none;height:var(--header-height);display:flex;align-items:center;padding:0 2rem;position:sticky;top:0;z-index:var(--z-sticky);box-shadow:0 1px 4px #11111a0d,0 0 8px #11111a0d;color:var(--color-white)}.navbar-brand{font-family:var(--font-family-accent);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-accent)}.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:#fffc;text-decoration:none;border-radius:var(--radius-md);font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;transition:all .2s ease}.nav-link:hover{background-color:#ffffff1a;color:var(--color-white);transform:translateY(-1px)}.nav-link.active{background-color:var(--color-primary);color:var(--color-white)}.sidebar{width:260px;height:100vh;background-color:#001452;border-right:none;position:fixed;left:0;top:0;overflow-y:auto;transition:transform var(--transition-base);z-index:100;box-shadow:none}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:1.1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.15);border-left:none;min-height:64px}.sidebar-nav{padding:var(--spacing-4) var(--spacing-2)}.sidebar-nav ul{list-style:none;padding:0;margin:0}.sidebar-nav-item{margin-bottom:2px;list-style:none}.sidebar-nav-link{display:flex;align-items:center;gap:var(--spacing-3);padding:.75rem 1.25rem;color:var(--color-gray-700);text-decoration:none;border-radius:var(--radius-md);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);transition:all var(--transition-fast);border-left:4px solid transparent;margin:0 var(--spacing-2)}.sidebar-nav-link:hover{background-color:#003da50f;color:var(--color-primary);border-left-color:#003da54d}.sidebar-nav-link.active{background-color:var(--color-primary);color:var(--color-white);border-left-color:var(--color-primary-dark);font-weight:var(--font-weight-semibold)}.sidebar-nav-icon{font-size:var(--font-size-base);width:20px;text-align:center;flex-shrink:0}@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-semibold);color:var(--color-primary-dark);font-size:var(--font-size-sm);letter-spacing:.01em}.form-control{display:block;width:100%;border:2px solid #EEEFF1;border-radius:6px;padding:.5rem .75rem;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::placeholder{color:#767676;opacity:1}.form-control:focus{outline:none;border-color:#003da5;box-shadow:0 0 0 2px #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 #e1633b26}.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;accent-color:var(--color-primary)}.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);font-size:.9rem}.alert-info{background:#003da50f;border-left-color:#003da5;color:#003da5}.alert-success{background:#22c55e0f;border-left-color:#22c55e;color:#16a34a}.alert-danger{background:#e1633b0f;border-left-color:#e1633b;color:#69270a}.alert-warning{background:#ea903d0f;border-left-color:#ea903d;color:#b45309}.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;transition:opacity var(--transition-fast)}.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 .5rem;line-height:1;text-align:center;white-space:nowrap}.badge-primary{background-color:#003da5;color:var(--color-white)}.badge-secondary{background-color:#6c757d;color:var(--color-white)}.badge-success{background-color:#28a745;color:var(--color-white)}.badge-danger{background-color:#e1633b;color:var(--color-white)}.badge-warning{background-color:#ea903d;color:#001452}.badge-info{background-color:#17a2b8;color:var(--color-white)}.welcome-banner{width:100%;background:linear-gradient(135deg,#667eea,#764ba2);color:var(--color-white);padding:2.5rem 2rem;text-align:center;border-radius:12px;margin-bottom:2rem;position:relative;overflow:hidden}.welcome-banner:after{content:"";position:absolute;top:-50%;right:-10%;width:300px;height:300px;background:radial-gradient(circle,rgba(175,223,224,.08) 0%,transparent 70%);border-radius:50%;pointer-events:none}.welcome-banner--fullwidth{border-radius:16px 16px 0 0;margin:-1.5rem -1.5rem 1.5rem;width:calc(100% + 3rem)}.welcome-title{font-size:1.75rem;font-weight:700;color:#fff;margin:0 0 .35rem;display:flex;align-items:center;justify-content:center;gap:.25rem;position:relative;z-index:1}.welcome-subtitle{font-size:.95rem;color:#fffc;margin:.35rem 0 0;position:relative;z-index:1}@media (max-width: 768px){.welcome-banner{padding:var(--spacing-6) var(--spacing-4);border-radius:8px}.welcome-banner--fullwidth{border-radius:8px 8px 0 0}.welcome-title{font-size:1.2rem!important}.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:#00145280;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);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:12px;padding:2rem;box-shadow:0 8px 56px #11111a1a,0 32px 140px #11111a1a;z-index:var(--z-modal);max-width:90%;max-height:90vh;overflow-y:auto;animation:slideInDown var(--transition-base)}.modal-dialog{min-width:400px;max-width:600px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:1rem;border-bottom:1px solid #EEEFF1;margin-bottom:1rem}.modal-title{font-size:1.15rem;font-weight:700;color:var(--color-primary-dark);margin:0}.modal-close{background:none;border:none;font-size:1.5rem;color:var(--color-gray-500);cursor:pointer;line-height:1;padding:0}.modal-close:hover{color:var(--color-danger)}.modal-body{font-size:.95rem;color:var(--color-gray-700)}.modal-actions{display:flex;align-items:center;gap:.75rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #EEEFF1}.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-bold);color:var(--color-primary-dark);margin:0 0 var(--spacing-2);display:flex;align-items:center;gap:var(--spacing-2)}.section-icon{font-size:var(--font-size-2xl);color:var(--color-primary)}.section-description{font-size:var(--font-size-base);color:var(--color-gray-600);margin:0}.footer{background-color:var(--color-primary-dark);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-accent);text-decoration:none}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);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 2rem;background:#001452d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:var(--color-white);position:sticky;top:0;z-index:var(--z-sticky);box-shadow:0 1px 4px #11111a0d,0 0 8px #11111a0d}.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;transition:color var(--transition-fast)}.header-menu-btn:hover{color:var(--color-accent)}@media (max-width: 768px){.header-menu-btn{display:block}}.header-title{font-family:var(--font-family-accent);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-accent);margin:0;letter-spacing:.02em}.header-user{font-size:.85rem;color:#ffffffe6;font-weight:var(--font-weight-medium)}.app-header .btn-outline{color:#fff;border:1px solid #E1633B;background:#e1633b;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-xs);font-weight:600;border-radius:var(--radius-md);transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.app-header .btn-outline:hover{background-color:#c8512e;border-color:#b5472a;color:#fff;transform:scale(1.03)}.skip-to-content{position:absolute;top:-100px;left:1rem;background:var(--color-primary);color:var(--color-white);padding:.5rem 1rem;border-radius:0 0 6px 6px;z-index:10001;font-size:.85rem;font-weight:600;text-decoration:none;transition:top .2s ease}.skip-to-content:focus{top:0}.app-shell{display:flex;min-height:100vh;background-color:var(--color-digital-light)}.app-shell--minimal{justify-content:center;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2)}.app-main{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;min-width:0}.app-content{padding:2rem;flex:1;max-width:1200px;width:100%;background:linear-gradient(135deg,#f0f4f8,#e8ecf4,#f0eef5);min-height:calc(100vh - var(--header-height))}.app-content--centered{display:flex;justify-content:center;align-items:center}.page-toolbar{display:flex;align-items:center;justify-content:flex-start;gap:.75rem;padding:1rem 1.25rem;background:var(--color-white);border-bottom:1px solid #EEEFF1}.page-header-banner{background:linear-gradient(135deg,#003da5,#001452);color:var(--color-white);font-weight:700;font-size:1.25rem;padding:1.25rem 1.5rem;border-radius:16px 16px 0 0;margin:-1.5rem -1.5rem 1.5rem;width:calc(100% + 3rem);display:flex;align-items:center;justify-content:space-between}.teal-header{background:linear-gradient(135deg,#17a2b8,#138496);color:var(--color-white);padding:.75rem 1rem;border-radius:6px;margin-bottom:1rem;font-weight:700}.teal-header--sm{padding:.5rem 1rem;margin-bottom:.75rem}.form-label-upper{text-transform:uppercase;font-weight:700;font-size:.85rem;letter-spacing:.5px;margin-bottom:.5rem;display:block;color:#001452}.profile-field{margin-bottom:var(--spacing-3)}.detail-label{color:var(--color-primary-dark);font-weight:var(--font-weight-semibold)}.detail-label--muted{color:var(--color-gray-500);font-size:var(--font-size-sm)}.empty-state-text{text-align:center;padding:2rem;color:#666}.card-header-label{color:var(--color-primary-dark);font-weight:var(--font-weight-semibold)}.stat-mini-card{text-align:center;padding:1.25rem 1rem;background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 1px 3px #0000000a}.stat-mini-value{font-size:1.75rem;font-weight:700}.stat-mini-label{font-size:.8rem;color:#888;margin-top:.15rem}.stat-card--cabinet{background:var(--color-white);border-radius:var(--radius-md);padding:var(--spacing-4);box-shadow:var(--shadow-xs)}@media (max-width: 768px){.app-main{margin-left:0}}.nav-group{margin-bottom:var(--spacing-4)}.nav-group-title{padding:1rem 1.25rem .4rem;font-size:.7rem;font-weight:700;color:#ffffff80;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:.15rem}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.6rem 1.25rem;color:#ffffffbf;text-decoration:none;border-radius:0;font-size:.88rem;font-weight:var(--font-weight-medium);transition:background .15s,color .15s,border-left-color .15s;margin:0;border-left:3px solid transparent}.nav-item:hover{background-color:#ffffff1a;color:#fff;border-left-color:#5bade966}.nav-item.active{background-color:#5bade92e;color:#fff;border-left-color:#5bade9;font-weight:var(--font-weight-semibold)}.nav-item i{width:18px;text-align:center;opacity:.65;margin-right:.75rem;flex-shrink:0}.nav-item.active i{opacity:1;color:#5bade9}.sidebar-logo{font-family:var(--font-family-accent);font-size:1.35rem;font-weight:800;color:#fff;letter-spacing:.03em;text-shadow:0 1px 2px rgba(0,0,0,.2)}.sidebar-toggle{background:transparent;border:none;cursor:pointer;color:#ffffffb3;font-size:var(--font-size-lg);padding:var(--spacing-1);transition:color var(--transition-fast)}.sidebar-toggle:hover{color:#fff}.sidebar--closed{transform:translate(-100%)}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1.5rem;margin-bottom:var(--spacing-6)}.stat-info{text-align:center}.telegram-stats-stack{display:flex;flex-direction:column;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.telegram-stats-stack .stat-card{width:100%;background:#fff;border:1px solid #e0e0e0}.telegram-stats-stack .stat-card:before{display:none}.telegram-page .refresh-link:hover{text-decoration:underline}.page-header{margin-bottom:var(--spacing-6)}.page-header h1{font-size:1.75rem;font-weight:700;color:#001452;margin:0 0 var(--spacing-2)}.quick-actions h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-primary-dark);margin:0 0 var(--spacing-4)}.actions-row{display:flex;gap:var(--spacing-3);flex-wrap:wrap}.qa-section-label{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--color-gray-500, #6c757d);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #EEEFF1}.dashboard-wrapper{background:transparent;border-radius:0;box-shadow:none;padding:0;margin-bottom:0}.dashboard-section-title{font-size:1.5rem;font-weight:700;color:#001452;display:flex;align-items:center;justify-content:center;gap:.5rem;margin:0}.dashboard-section-title .section-emoji{font-size:1.3rem}.dashboard-section-subtitle{color:#666;font-size:.95rem;margin-top:.25rem;text-align:center}.dashboard-card{background:#fff;border:1px solid #EEEFF1;border-radius:12px;padding:2rem;margin-bottom:1.5rem;box-shadow:0 1px 4px #0000000a}.btn-create-action,.btn-manage-action{justify-content:flex-start;white-space:normal;text-align:left;padding:1rem 1.25rem;border-radius:8px;display:flex;align-items:center;gap:.75rem}.btn-manage-action:hover{transform:none}.btn-create-action{background:linear-gradient(135deg,#17a2b8,#138496);color:#fff;border:none;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.btn-create-action:hover{transform:translateY(-1px);box-shadow:0 4px 12px #17a2b84d;color:#fff}.btn-create-action small{font-size:.8rem;opacity:.75;color:#fff}.btn-create-action strong{font-weight:700;font-size:.95rem;color:#fff}.btn-create-action .qa-icon{font-size:1.5rem;flex-shrink:0}.btn-manage-action{background:#fff;color:var(--color-primary-dark);border:1px solid #EEEFF1;border-left:3px solid #003DA5;transition:box-shadow .2s ease}.btn-manage-action:hover{box-shadow:0 2px 8px #0000000f}.btn-manage-action strong{font-weight:700;color:#001452}.btn-manage-action small{font-size:.8rem;color:#666}.qa-icon{font-size:1.5rem;width:40px;min-width:40px;text-align:center;line-height:1}.qa-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media (max-width: 768px){.qa-grid{grid-template-columns:1fr}}@media (min-width: 769px) and (max-width: 1024px){.qa-grid{grid-template-columns:repeat(2,1fr)}}.login-container{width:100%;max-width:420px;padding:var(--spacing-6)}.login-card{background:var(--color-white);border-radius:12px;box-shadow:0 8px 56px #11111a1a,0 32px 140px #11111a1a;padding:2.5rem}.login-header{text-align:center;margin-bottom:var(--spacing-8)}.login-header h1{font-family:var(--font-family-accent);font-size:1.75rem;font-weight:700;color:var(--color-primary-dark);margin:0 0 var(--spacing-2)}.login-header p{color:#666;font-size:var(--font-size-sm);margin:0}.login-section{margin-bottom:var(--spacing-4)}.login-section .btn-primary{background-color:var(--color-primary);border-color:var(--color-primary);width:100%;box-shadow:var(--shadow-btn-primary)}.login-section .btn-primary:hover{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark);box-shadow:var(--shadow-btn-primary-hover)}.login-section .text-muted{color:#666}.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)}.data-table-wrapper{background:var(--color-white);border-radius:8px;box-shadow:var(--shadow-sm);overflow:hidden}.data-table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;border-bottom:1px solid #eee;flex-wrap:wrap}.table{width:100%;border-collapse:collapse}.table th,.data-table-wrapper th{background:#001452;color:#fff;text-transform:uppercase;font-size:.85rem;font-weight:500;letter-spacing:.5px;padding:.65rem .75rem;white-space:nowrap;border:none}.table th:first-child{border-top-left-radius:0}.table th:last-child{border-top-right-radius:0}.table td{padding:.65rem .75rem;border-bottom:1px solid #eee;font-size:.9rem;color:var(--color-gray-800)}.table tbody tr:nth-child(2n){background:transparent}.table tr:last-child td{border-bottom:none}.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);background:var(--color-white)}.data-table-pagination-nav{display:flex;align-items:center;gap:4px}.data-table-pagination .btn{width:36px;height:36px;border-radius:6px;padding:0;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);box-shadow:none}.data-table-pagination .btn:hover:not(:disabled){transform:none;background-color:#003da50f}.data-table-pagination .pagination-prev,.data-table-pagination .pagination-next{width:auto;padding:0 var(--spacing-3)}.data-table-pagination .pagination-page{background-color:transparent;color:var(--color-gray-700);border:1px solid var(--color-gray-300)}.data-table-pagination .pagination-ellipsis{display:flex;align-items:center;justify-content:center;width:36px;height:36px;font-size:var(--font-size-sm);color:var(--color-gray-500);user-select:none}.data-table-pagination .btn.active,.data-table-pagination .btn[aria-current=page]{background-color:#003da5;color:var(--color-white);border-color:#003da5}.custom-marker{background:transparent!important;border:none!important;cursor:pointer}.modal *:focus,.modal-dialog *:focus{outline:2px solid var(--color-primary, #003DA5);outline-offset:2px}.chat-widget-bubble{position:fixed;bottom:1.5rem;right:1.5rem;width:56px;height:56px;border-radius:50%;background:#63539d;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #7c3aed66;z-index:500;font-size:1.5rem;border:none;padding:0;transition:all .2s ease}.chat-widget-bubble:hover{transform:scale(1.05);box-shadow:0 6px 20px #7c3aed80}.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:12px;box-shadow:0 8px 56px #11111a1a,0 32px 140px #11111a1a;z-index:500;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:#001452d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);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;transition:opacity var(--transition-fast)}.chat-widget-close:hover{opacity:.7}.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 #EEEFF1;background:#fff;cursor:pointer;font-size:var(--font-size-sm);color:var(--color-gray-900);transition:background .2s ease}.chat-widget-conversation-item:hover{background:#003da508}.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 #EEEFF1;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);transition:color var(--transition-fast)}.chat-widget-back:hover{color:var(--color-primary)}.chat-widget-conversation-name{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--color-primary-dark)}.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) var(--spacing-3);border-radius:8px;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);color:var(--color-primary-dark)}.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);line-height:1.5}.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 #EEEFF1;gap:var(--spacing-2)}.chat-widget-input{flex:1;padding:var(--spacing-2) var(--spacing-3);border:2px solid #EEEFF1;border-radius:6px;font-size:var(--font-size-sm);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.chat-widget-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #003da526}.chat-widget-send{padding:var(--spacing-2) var(--spacing-3);background:var(--color-primary);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);transition:all .2s ease}.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}}.sidebar--staff{background-color:var(--color-white);border-right:1px solid #eee;box-shadow:none;width:200px}.sidebar--staff .sidebar-header{border-bottom:1px solid #eee;padding:1rem}.sidebar--staff .sidebar-toggle{color:var(--color-gray-400)}.sidebar--staff .sidebar-toggle:hover{color:var(--color-gray-700)}.sidebar--staff .nav-item{color:#333;border-left:none;padding:.65rem 1rem;gap:.5rem;font-size:.9rem}.sidebar--staff .nav-item.active{background-color:#6c757d;color:var(--color-white);border-left:none;font-weight:var(--font-weight-semibold);border-radius:6px}.sidebar--staff .nav-item--logout{margin-top:var(--spacing-4);border-top:1px solid #eee;padding-top:calc(.65rem + var(--spacing-2));color:#e1633b}.sidebar--staff .nav-item--logout:hover{background-color:#fff5f5;color:#e1633b}.header-brand{font-family:var(--font-family-accent);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-white);letter-spacing:.02em;white-space:nowrap}.app-shell--driver .header-brand{color:#c5b3ff}.staff-dashboard-btn{background-color:var(--color-success)!important;color:var(--color-white)!important;border-color:var(--color-success)!important;font-weight:600;text-decoration:none;text-transform:uppercase;letter-spacing:.5px;border-radius:var(--radius-md);transition:all .2s ease}.staff-logout-btn{background-color:#e1633b!important;color:var(--color-white)!important;border:1px solid #E1633B!important;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-radius:var(--radius-md);transition:all .2s ease}.sidebar--staff .sidebar-header,.app-shell--driver .sidebar--staff .sidebar-header,.app-shell--monitor .sidebar--staff .sidebar-header{border-left:none}.sidebar--staff .sidebar-logo,.app-shell--monitor .sidebar--staff .sidebar-logo{color:var(--color-gray-900)}.app-shell--driver .sidebar--staff .nav-item.active,.app-shell--monitor .sidebar--staff .nav-item.active{background-color:#6c757d;color:var(--color-white);border-left-color:transparent}.sidebar--staff .nav-item--logout{color:var(--color-gray-600)}.sidebar--staff .nav-item--logout:hover{background-color:#e1633b14;color:#e1633b}.sidebar--staff .nav-item--logout.active{background-color:#e1633b;color:var(--color-white);border-left-color:transparent}.app-shell--staff .app-content{background:var(--color-white)}.app-shell--staff .app-content>*{box-shadow:none;border-radius:0}.app-shell--admin .app-content{background:linear-gradient(135deg,#667eea,#764ba2);min-height:calc(100vh - var(--header-height));padding:2rem 1.5rem;max-width:100%}.app-shell--admin .app-content>div,.app-shell--admin .app-content>.page-content{background:#fff;border-radius:16px;box-shadow:0 4px 24px #0000001f,0 1px 4px #0000000f;padding:1.5rem;overflow:hidden;max-width:1200px;margin:0 auto}@media (max-width: 768px){.app-shell--admin .app-content{padding:.75rem}.app-shell--admin .app-content>div,.app-shell--admin .app-content>.page-content{border-radius:8px}.page-header-banner{border-radius:8px 8px 0 0}}.driver-dashboard-page .welcome-banner{background:linear-gradient(135deg,#63539de6,#001452f2)}.driver-dashboard-page .empty-state{color:var(--color-primary-dark);background:var(--color-white);padding:var(--spacing-6);border-radius:8px;text-align:center;box-shadow:var(--shadow-sm)}.monitor-dashboard-page .welcome-banner{background:linear-gradient(135deg,#63539de6,#001452f2)}.monitor-dashboard-page .empty-state{color:var(--color-primary-dark);background:var(--color-white);padding:var(--spacing-6);border-radius:8px;text-align:center;box-shadow:var(--shadow-sm)}.attendance-page .student-card{background:var(--color-white);box-shadow:var(--shadow-sm);border-radius:8px;margin-bottom:var(--spacing-4);transition:transform .3s ease,box-shadow .3s ease}.attendance-page .student-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.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:none;border-radius:8px;padding:var(--spacing-4);margin-bottom:var(--spacing-3);box-shadow:var(--shadow-sm)}.data-table-card-field{display:flex;justify-content:space-between;padding:var(--spacing-1) 0;border-bottom:1px solid #EEEFF1}.data-table-card-field:last-child{border-bottom:none}.data-table-card-label{font-weight:var(--font-weight-semibold);color:var(--color-gray-600);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.3px;font-size:.75rem}}@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}}.audit-logs-page{min-height:100vh;background:#f4f5f7}.audit-logs-header{background:linear-gradient(135deg,#001452,#003da5);color:var(--color-white);padding:1.5rem 2rem 1.25rem}.audit-logs-header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.audit-logs-title{font-size:1.5rem;font-weight:700;margin:0;color:var(--color-white)}.audit-logs-header-actions{display:flex;align-items:center;gap:.75rem}.audit-logs-back-link{color:var(--color-white)!important;border-color:#fff6!important;font-size:.85rem}.audit-logs-back-link:hover{background:#ffffff1a!important;border-color:#fff9!important}.audit-logs-filter-form{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.audit-logs-filter-form .form-control{background:#ffffff1f;border:1px solid rgba(255,255,255,.25);color:var(--color-white);font-size:.85rem;padding:.45rem .75rem;border-radius:6px;min-width:140px}.audit-logs-filter-form .form-control::placeholder{color:#ffffff80}.audit-logs-filter-form .form-control:focus{border-color:#fff9;outline:none;box-shadow:0 0 0 2px #ffffff26}.audit-logs-filter-form select.form-control{cursor:pointer}.audit-logs-filter-form select.form-control option{background:#001452;color:var(--color-white)}.audit-logs-body{padding:1.5rem 2rem}.audit-logs-page .view-details-link{color:var(--color-primary);text-decoration:none;font-size:.85rem;cursor:pointer}.audit-logs-page .view-details-link:hover{text-decoration:underline}.audit-log-details pre{font-family:SF Mono,Consolas,Liberation Mono,monospace}.data-table-wrapper .table thead th,.table thead th{background:#001452;color:#fff;text-transform:uppercase;font-size:.85rem;font-weight:500;letter-spacing:.5px;padding:.65rem .75rem;white-space:nowrap;border:none}.table thead th.sortable{cursor:pointer;user-select:none}.table thead th.sortable:hover{background:#34495e}.table thead th .sort-arrow{margin-left:.25rem;font-size:.7rem;opacity:.6}.table thead th.sort-active .sort-arrow{opacity:1}.table tbody tr:hover{background:#f0f7ff}.btn-success,.table-actions .btn-success{background:#28a745;border-color:#28a745;color:#fff}.btn-danger,.table-actions .btn-danger{background:#e1633b;border-color:#e1633b;color:#fff}.data-table-goto{display:flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:700;text-transform:uppercase;color:#333}.data-table-goto input[type=number]{width:60px;padding:.3rem .5rem;border:2px solid #EEEFF1;border-radius:6px;font-size:.85rem;text-align:center}.show-label{font-weight:700;text-transform:uppercase;font-size:.85rem;color:#333;white-space:nowrap}.data-table-page-size{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#333}.data-table-page-size-select{padding:.3rem .5rem;border:2px solid #EEEFF1;border-radius:6px;font-size:.85rem}.data-table-goto-label{font-weight:700;text-transform:uppercase;white-space:nowrap}.data-table-goto-input{width:60px;padding:.3rem .4rem;border:2px solid #EEEFF1;border-radius:6px;font-size:.85rem;text-align:center}.data-table-search-container,.data-table-search-group{display:flex;gap:.5rem;align-items:center;flex:1}.data-table-search-btn{white-space:nowrap}.data-table-pagination .pagination-prev,.data-table-pagination .pagination-next{background-color:#6c757d;color:#fff;border-color:#6c757d}.data-table-pagination .pagination-prev:hover:not(:disabled),.data-table-pagination .pagination-next:hover:not(:disabled){background-color:#5a6268;border-color:#545b62}.data-table-pagination .pagination-prev:disabled,.data-table-pagination .pagination-next:disabled{background-color:#adb5bd;border-color:#adb5bd;opacity:.65}.data-table-pagination .pagination-page{background-color:#fff;color:var(--color-gray-700);border:1px solid var(--color-gray-300)}.data-table-pagination .pagination-page:hover:not(:disabled):not(.active){background-color:#e9ecef}.pagination-page.active,.data-table-pagination .pagination-page.active{background:#003da5;color:#fff;border-color:#003da5}.pwa-install-banner{position:fixed;bottom:0;left:0;right:0;z-index:9999;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.75rem 1.5rem;display:flex;align-items:center;justify-content:center;gap:1rem;box-shadow:0 -2px 10px #0003}.pwa-install-banner .pwa-install-text{font-weight:600}.pwa-install-banner .pwa-install-subtitle{font-size:.85rem;opacity:.9}.pwa-install-banner .pwa-install-btn{background:transparent;border:1px solid white;color:#fff;padding:.4rem 1rem;border-radius:6px;cursor:pointer;font-size:.85rem}.pwa-install-banner .pwa-close-btn{background:transparent;border:none;color:#fff;font-size:1.2rem;cursor:pointer;padding:.25rem;opacity:.8}@media print{.sidebar,.app-header,.top-nav,.hamburger-menu,.app-shell>.app-main>header,.page-toolbar,.data-table-toolbar,.data-table-pagination,.data-table-search-container,.no-print,.pwa-install-banner,#pwa-install-banner,.mobile-menu-overlay,.mobile-nav,.mobile-overlay,.mobile-menu,.hamburger-btn,.btn,button:not(.no-hide-print){display:none!important}body{margin:0;padding:0;background:#fff!important;font-size:11pt;color:#000}.app-shell{display:block!important}.app-main,.app-content,main{margin:0!important;padding:0!important;width:100%!important;max-width:100%!important;background:#fff!important}.app-content>*{box-shadow:none!important;border-radius:0!important;padding:0!important}.badge,.stat-card,.welcome-banner{-webkit-print-color-adjust:exact;print-color-adjust:exact}.card,.bus-list-section,.route-card{break-inside:avoid;page-break-inside:avoid}table{page-break-inside:auto}tr{page-break-inside:avoid;page-break-after:auto}.table{font-size:10pt}.table thead th{background:#f0f0f0!important;color:#000!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.table td,.table th{border:1px solid #ccc!important;padding:.4rem .6rem!important}.card,.data-table-wrapper{box-shadow:none!important;border:1px solid #ddd!important}.page-header .btn,#print-btn{display:none!important}}.perm-page-header{background:linear-gradient(135deg,#003da5,#001452);color:var(--color-white);padding:1.25rem 1.5rem;border-radius:8px 8px 0 0}.perm-page-header__title{font-size:1.35rem;font-weight:700;margin:0;color:var(--color-white)}.perm-role-descriptions{background:var(--color-white);padding:1rem 1.5rem;border-bottom:1px solid #EEEFF1;font-size:.88rem;line-height:1.65;color:var(--color-gray-700)}.perm-role-descriptions p{margin:0}.perm-tabs{display:flex;gap:0;background:var(--color-white);border-bottom:2px solid #EEEFF1;padding:0 1rem}.perm-tab{padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;border:none;cursor:pointer;background:var(--color-white);color:var(--color-gray-600);border-bottom:3px solid transparent;margin-bottom:-2px;transition:all .2s ease;text-transform:uppercase;letter-spacing:.3px}.perm-tab:hover{color:var(--color-primary);background:#003da50a}.perm-tab--active{background:var(--color-primary);color:var(--color-white);border-bottom-color:var(--color-primary);border-radius:4px 4px 0 0}.perm-tab--active:hover{background:var(--color-primary-dark);color:var(--color-white)}.perm-tab-content--hidden{display:none}.permission-matrix{width:100%;border-collapse:collapse;margin:0}.permission-matrix .resource-header{text-align:left;min-width:160px}.permission-matrix .role-header{text-align:center;min-width:120px}.permission-matrix .resource-cell{font-weight:600;color:var(--color-primary-dark);padding:.6rem 1rem;white-space:nowrap}.permission-matrix .perm-cell{padding:.5rem .75rem;vertical-align:top}.permission-matrix .perm-check{display:flex;align-items:center;gap:.3rem;font-size:.78rem;margin-bottom:.15rem;cursor:pointer}.permission-matrix .perm-check input[type=checkbox]{accent-color:var(--color-primary);width:15px;height:15px;cursor:pointer}.permission-matrix .perm-check input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.permission-matrix .perm-label{color:var(--color-gray-700);font-size:.78rem;user-select:none}.group-header-row td,.group-header-cell{background:#001452;color:var(--color-white);font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.6px;padding:.6rem 1rem;border:none}.perm-status{padding:0 1.5rem;font-size:.85rem;min-height:1.5rem;line-height:1.5rem}.perm-status--pending{color:var(--color-warning);font-weight:600}.perm-status--saving{color:var(--color-info);font-weight:600}.perm-status--success{color:var(--color-success);font-weight:600}.perm-status--error{color:var(--color-danger);font-weight:600}.perm-actions{display:flex;align-items:center;gap:.75rem;padding:1.25rem 1.5rem;background:var(--color-white);border-top:1px solid #EEEFF1}.perm-actions--hidden{display:none}.perm-actions .btn-save{background-color:#28a745;color:var(--color-white);border:2px solid #28a745;padding:.65rem 1.5rem;font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;border-radius:6px;cursor:pointer;transition:all .2s ease}.perm-actions .btn-save:hover{background-color:#218838;border-color:#1e7e34}.perm-actions .btn-reset{background-color:#ea903d;color:var(--color-white);border:2px solid #EA903D;padding:.65rem 1.5rem;font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;border-radius:6px;cursor:pointer;transition:all .2s ease}.perm-actions .btn-reset:hover{background-color:#d4801f;border-color:#c47518}.perm-actions .btn-cancel-link{color:var(--color-gray-600);text-decoration:none;font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;padding:.65rem 1rem;transition:color .2s ease}.perm-actions .btn-cancel-link:hover{color:var(--color-primary);text-decoration:underline}.field-visibility-placeholder{padding:2rem 1.5rem;text-align:center;background:var(--color-white)}.field-visibility-placeholder .placeholder-text{color:var(--color-gray-500);font-size:.95rem;margin:0}.access-denied{max-width:500px;margin:3rem auto;text-align:center;padding:2.5rem;background:var(--color-white);border-radius:8px;box-shadow:var(--shadow-sm);border-left:4px solid var(--color-danger)}.access-denied__title{color:var(--color-danger);font-size:1.5rem;font-weight:700;margin:0 0 1rem}.access-denied__message{color:var(--color-gray-700);font-size:.95rem;line-height:1.6;margin:0}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:4px}.skeleton-text{height:1rem;margin-bottom:.5rem;border-radius:4px}.skeleton-text.short{width:40%}.skeleton-text.medium{width:65%}.skeleton-text.long{width:90%}.skeleton-card{height:80px;border-radius:8px;margin-bottom:.75rem}.skeleton-table-row{height:2.5rem;margin-bottom:.25rem}.skeleton-pulse{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:4px}.data-table-loading{padding:1rem}.data-table-empty{padding:2rem 1.5rem;text-align:center;color:var(--color-gray-500);font-size:.95rem}.data-table-error{color:var(--color-danger);padding:2rem 1.5rem;text-align:center;font-size:.95rem}.toast-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:10000;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.toast{pointer-events:auto;background:#fff;border-radius:8px;padding:.75rem 1rem;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;gap:.75rem;min-width:280px;max-width:420px;animation:toast-in .3s ease-out;border-left:4px solid #003DA5}.toast.toast-success{border-left-color:#28a745}.toast.toast-error{border-left-color:#e1633b}.toast.toast-warning{border-left-color:#ea903d}.toast-icon{font-size:1.2rem;flex-shrink:0}.toast-body{flex:1}.toast-title{font-weight:600;font-size:.9rem;color:#001452}.toast-message{font-size:.85rem;color:#666;margin-top:.15rem}.toast-close{background:none;border:none;color:var(--color-gray-500, #6c757d);cursor:pointer;font-size:1rem;padding:.25rem;flex-shrink:0}@keyframes toast-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast.toast-out{animation:toast-out .2s ease-in forwards}@keyframes toast-out{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.app-header--with-topnav{flex-wrap:wrap;height:auto;min-height:var(--header-height);padding:0;background:#001452}.app-header--with-topnav .header-left{padding:0 1.5rem;height:var(--header-height);flex:1;min-width:0}.app-header--with-topnav .header-right{padding:0 1.5rem;height:var(--header-height);flex-shrink:0}.header-title--topnav-hidden{display:none}.top-nav-brand{display:flex;align-items:center;gap:.5rem;font-family:var(--font-family-accent);font-size:1.25rem;font-weight:700;font-style:italic;color:var(--color-white);text-decoration:none;white-space:nowrap;margin-right:auto;letter-spacing:.02em}.top-nav-brand:hover{color:var(--color-accent)}.top-nav-brand i{font-size:1.2rem}.top-nav-menu{display:flex;align-items:center;width:100%;background:#001452f2;padding:0 1rem;gap:2px;order:3;border-top:1px solid rgba(255,255,255,.1)}.top-nav-item{position:relative}.top-nav-link{display:flex;align-items:center;gap:.4rem;padding:.5rem .75rem;color:#ffffffd9;background:none;border:none;cursor:pointer;font-size:.9rem;font-weight:600;text-decoration:none;white-space:nowrap;transition:background .15s ease,color .15s ease;font-family:inherit}.top-nav-link:hover{background:#ffffff1a;color:#fff}.top-nav-link i{font-size:.85rem}.top-nav-emoji{font-size:.95rem;line-height:1}.top-nav-link--dashboard{background:#3498db;color:#fff;border-radius:20px;padding:.25rem .5rem}.top-nav-link--dashboard:hover{background:#2980b9;color:#fff}.top-nav-item--active .top-nav-link{color:#fff}.top-nav-caret{font-size:.7rem;margin-left:.15rem;opacity:.7;transition:transform .2s ease}.top-nav-dropdown{position:absolute;top:100%;left:0;min-width:200px;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;z-index:calc(var(--z-sticky) + 10);padding:.5rem 0;flex-direction:column;display:flex;opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .15s ease,transform .15s ease}.top-nav-item--has-dropdown:hover .top-nav-dropdown{opacity:1;transform:translateY(0);pointer-events:auto}.top-nav-item--has-dropdown:hover .top-nav-link{background:#ffffff26;color:#fff}.top-nav-item--has-dropdown:hover .top-nav-caret{transform:rotate(180deg)}.top-nav-dropdown-link{display:flex;align-items:center;gap:.5rem;padding:.55rem 1rem;color:#333;text-decoration:none;font-size:.85rem;font-weight:500;transition:background .15s ease,color .15s ease;white-space:nowrap}.top-nav-dropdown-link:hover{background:#f0f4f8;color:#003da5}.top-nav-dropdown-link i{width:18px;text-align:center;font-size:.85rem;color:var(--color-gray-500);flex-shrink:0}.top-nav-dropdown-link:hover i{color:var(--color-primary)}.top-nav-logout{color:#fff!important;background-color:#e1633b!important;border:none!important;border-radius:4px;padding:.3rem .75rem;font-size:.85rem}.top-nav-logout:hover{background-color:#c8512e!important;color:#fff!important}@media print{.top-nav-menu,.top-nav-brand{display:none!important}}.hamburger-btn{display:none;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-white, #fff);font-size:1.25rem;cursor:pointer;padding:.5rem;line-height:1}.mobile-overlay{position:fixed;inset:0;background:#00000080;z-index:999;display:none;opacity:0;transition:opacity .3s ease}.mobile-overlay.active{display:block;opacity:1}.mobile-menu{position:fixed;top:0;right:-300px;width:300px;height:100vh;background:var(--color-white, #fff);z-index:1000;transition:right .3s ease;overflow-y:auto;box-shadow:-4px 0 20px #00000026;display:flex;flex-direction:column}.mobile-menu.active{right:0}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #eee;flex-shrink:0}.mobile-menu-title{font-weight:700;font-size:1.1rem;color:var(--color-gray-900, #333)}.mobile-menu-close{background:transparent;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-gray-600, #666);padding:.25rem .5rem;line-height:1;border-radius:4px;transition:background .15s ease}.mobile-menu-close:hover{background:#f0f0f0}.mobile-menu-nav{flex:1;overflow-y:auto;padding:.5rem 0}.mobile-menu-group{padding:.5rem 0}.mobile-menu-group-title{padding:.5rem 1rem;font-weight:700;font-size:.85rem;color:var(--color-gray-600, #666);text-transform:uppercase;letter-spacing:.03em}.mobile-menu-link{display:block;padding:.6rem 1.5rem;color:var(--color-gray-800, #333);text-decoration:none;font-size:.95rem;transition:background .15s ease}.mobile-menu-link:hover{background:#f5f7fa;color:var(--color-primary, #1a73e8)}.mobile-menu-link i{width:1.25em;text-align:center;margin-right:.5rem;color:var(--color-gray-500, #999)}.mobile-menu-link:hover i{color:var(--color-primary, #1a73e8)}.mobile-menu-footer{border-top:1px solid #eee;padding:1rem;flex-shrink:0}.mobile-menu-user{font-size:.9rem;color:var(--color-gray-700, #555);padding:.4rem 0}.mobile-menu-user-icon{margin-right:.25rem}.mobile-menu-logout{display:block;width:100%;text-align:left;background:transparent;border:none;color:var(--color-danger, #e1633b);font-size:.95rem;cursor:pointer;padding:.5rem 0;font-weight:600;transition:color .15s ease}.mobile-menu-logout:hover{color:#c74e28}.mobile-menu-logout-icon{margin-right:.25rem}@media (max-width: 768px){.data-table-wrapper .table{display:none}.data-table-cards{display:flex!important;flex-direction:column;gap:.75rem}.data-table-card{background:#fff;border:1px solid #EEEFF1;border-radius:8px;padding:1rem;box-shadow:0 1px 3px #0000000d}.data-table-card-field{display:flex;justify-content:space-between;padding:.35rem 0;border-bottom:1px solid #f5f5f5}.data-table-card-field:last-of-type{border-bottom:none}.data-table-card-label{font-weight:600;color:#666;font-size:.85rem;text-transform:uppercase}.data-table-card-value{text-align:right;font-size:.9rem;color:#333}.data-table-card-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.75rem;padding-top:.75rem;border-top:1px solid #EEEFF1}.sidebar{transform:translate(-100%);transition:transform .3s ease;position:fixed;top:0;left:0;bottom:0;z-index:calc(var(--z-sticky) + 20);width:260px}.sidebar.open{transform:translate(0)}.app-header{padding:.5rem 1rem}.app-main{margin-left:0!important}.fleet-map-page>div{flex-direction:column!important}.fleet-map-page>div>div:last-child{width:100%!important;max-height:250px;border-left:none!important;border-top:1px solid #EEEFF1}.form-row{flex-direction:column}.welcome-banner h1,.welcome-banner h2,.welcome-title{font-size:1.2rem!important}.stats-grid{grid-template-columns:repeat(2,1fr)!important}.actions-row{grid-template-columns:1fr!important}.top-nav-menu,.top-nav-brand{display:none!important}.header-title--topnav-hidden{display:block!important}.app-header--with-topnav{flex-wrap:nowrap!important;height:var(--header-height)!important;padding:0 1rem!important}.app-header--with-topnav .header-left,.app-header--with-topnav .header-right{padding:0!important;height:auto!important}.hamburger-menu,.hamburger-btn{display:flex!important}.app-header--with-topnav .header-menu-btn{display:none!important}}@media (min-width: 769px){.data-table-cards,.hamburger-menu{display:none}.hamburger-btn,.mobile-overlay,.mobile-menu{display:none!important}}@media (min-width: 769px) and (max-width: 1024px){.sidebar{width:260px}.app-main{margin-left:260px}.stats-grid{grid-template-columns:repeat(2,1fr)!important}}@media (pointer: coarse){.btn,button,a[data-link]{min-height:44px;min-width:44px}.nav-item{padding:.75rem 1rem}}:focus:not(:focus-visible){outline:none}.modal-backdrop:focus{outline:none}label{cursor:pointer}.sidebar--staff .nav-group .nav-item.active,.sidebar--staff .nav-item.active{background-color:#63539d!important;color:#fff!important;border-left-color:transparent!important;border-radius:6px}.app-shell--monitor .sidebar--staff .nav-item.active,.app-shell--driver .sidebar--staff .nav-item.active{background-color:#63539d!important}.router-loading-bar{position:fixed;top:0;left:0;width:100%;height:3px;background:var(--color-primary, #003DA5);z-index:9999;animation:router-loading-progress 1.2s ease-in-out infinite}@keyframes router-loading-progress{0%{transform:scaleX(0);transform-origin:left}50%{transform:scaleX(.7);transform-origin:left}51%{transform-origin:right}to{transform:scaleX(0);transform-origin:right}}body{font-size:16px;line-height:1.5;color:#333}h2{font-size:2.5rem;font-weight:700}h3{font-size:2rem;font-weight:700}a:hover{text-decoration:underline;color:#002a75}.btn-primary:active:not(:disabled){background-color:#00226b;border-color:#00226b}.btn-primary:hover:not(:disabled){background-color:#002d7a;border-color:#002d7a}.btn-success:active:not(:disabled){background-color:#1e7e34;border-color:#1e7e34}.btn-danger:active:not(:disabled){background-color:#b5472a;border-color:#b5472a}.btn-teal{background:linear-gradient(135deg,#17a2b8,#138496);color:#fff;border-color:transparent}.btn-teal:hover:not(:disabled){background:linear-gradient(135deg,#138496,#117a8b)}.btn{min-height:36px}.badge-success{background-color:#28a745;color:#fff}.badge-danger{background-color:#e1633b;color:#fff}.badge-info{background-color:#17a2b8;color:#fff}.badge-secondary{background-color:#6c757d;color:#fff}.badge-role-admin{background-color:#003da5;color:#fff}.badge-role-monitor{background-color:#28a745;color:#fff}.badge-role-driver{background-color:#17a2b8;color:#fff}.badge-role-user{background-color:#6c757d;color:#fff}.badge-role-superadmin{background-color:#e1633b;color:#fff}.day-badge--monday{background-color:#afdfe0;color:#001452}.day-badge--tuesday{background-color:#5bade9;color:#fff}.day-badge--wednesday{background-color:#facc46;color:#001452}.day-badge--thursday{background-color:#003da5;color:#fff}.day-badge--friday{background-color:#e1633b;color:#fff}.day-badge--saturday,.day-badge--sunday{background-color:#eeeff1;color:#666}.card-header{background-color:#f8f9fa;border-bottom:1px solid #EEEFF1;padding:.75rem 1rem}.card-body{padding:1rem}.sub-header-teal{background:linear-gradient(135deg,#17a2b8,#138496);color:#fff;padding:.625rem 1rem;border-radius:6px;font-weight:700;font-size:.95rem}.pagination-page.active{background-color:#003da5;color:#fff;border-color:#003da5}.form-control::placeholder{color:#adb5bd;opacity:1}.data-table-search-group .form-control::placeholder{color:#adb5bd;font-style:italic}textarea.form-control{resize:vertical;min-height:100px}.field-error{color:#e1633b;font-size:.8rem;margin-top:.25rem}.required{color:#e1633b}.data-table-goto .goto-total{font-size:.9rem;color:#333}.modal-overlay{background:#00000080;position:fixed;inset:0;z-index:10000}.loading{color:#666;text-align:center;padding:2rem}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.btn-secondary{background-color:#6c757d;border-color:#6c757d;color:#fff}.lang-switcher{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff;padding:.25rem .5rem;border-radius:4px;cursor:pointer;font-size:.8rem;transition:background .2s}.lang-switcher:hover{background:#ffffff40}.lang-switcher:focus-visible{outline:2px solid var(--color-primary, #3b82f6);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (min-width: 769px){.app-header--staff .header-menu-btn{display:none}}.app-header--staff .header-title{display:none}.header-brand{font-size:1.1rem;font-weight:700}.app-shell--driver .header-brand{color:#63539d}.app-shell--monitor .header-brand{color:#20b2aa}.staff-dashboard-btn{background-color:#28a745!important;color:var(--color-white)!important;border-color:#28a745!important;font-weight:600;text-decoration:none;padding:.35rem .85rem;border-radius:100px;transition:all .2s ease;text-transform:none;letter-spacing:normal}.staff-dashboard-btn:hover{background-color:#218838!important;border-color:#1e7e34!important;transform:scale(1.03)}.staff-logout-btn{background-color:#e1633b!important;color:var(--color-white)!important;border:1px solid #E1633B!important;font-weight:600;border-radius:var(--radius-md);transition:all .2s ease;text-transform:none;letter-spacing:normal}.staff-logout-btn:hover{background-color:#c8512e!important;border-color:#b5472a!important;transform:scale(1.03)}.sidebar--staff{background-color:var(--color-white)!important;border-right:1px solid #eee;box-shadow:none;width:200px}.sidebar--staff .sidebar-header{border-bottom:1px solid #eee;border-left:none;padding:1rem}.sidebar--staff .sidebar-logo{color:#333;font-size:.95rem;font-weight:700}.sidebar--staff .sidebar-toggle{display:none}.sidebar--staff .nav-item{color:#333;border-left:none;padding:.65rem 1rem;font-size:.9rem;gap:.5rem;border-radius:6px;margin:2px .5rem}.sidebar--staff .nav-item:hover{background-color:#f5f5f5;color:#333}.sidebar--staff .nav-item.active{background-color:#63539d;color:var(--color-white);border-radius:6px;font-weight:var(--font-weight-semibold);border-left:none}.nav-item-emoji{display:inline-flex;align-items:center;justify-content:center;width:22px;font-size:1.1rem;flex-shrink:0;text-align:center;line-height:1}.sidebar--staff .nav-item--logout{margin-top:var(--spacing-4);border-top:1px solid #eee;padding-top:calc(.65rem + var(--spacing-2));color:#333}.sidebar--staff .nav-item--logout:hover{background-color:#f5f5f5;color:#333}.app-shell--driver .sidebar--staff .nav-item.active,.app-shell--monitor .sidebar--staff .nav-item.active{background-color:#63539d;color:var(--color-white)}.driver-dashboard-page .welcome-banner{background:linear-gradient(135deg,#667eea,#764ba2);padding:1.5rem 2rem;border-radius:12px;margin-bottom:1.5rem;box-shadow:none}.driver-dashboard-page .welcome-banner:after{display:none}.driver-dashboard-page .welcome-title{color:var(--color-white);font-size:1.5rem;font-weight:700;justify-content:flex-start}.driver-dashboard-page .welcome-subtitle{color:var(--color-white);opacity:.85;font-size:.95rem;font-style:normal;font-family:inherit}.monitor-dashboard-page .welcome-banner{background:linear-gradient(135deg,#63539d,#001452);padding:1.5rem 2rem;border-radius:12px;margin-bottom:1.5rem}.driver-dashboard-page #gps-card,.monitor-dashboard-page #gps-card{background:var(--color-white);border:1px solid #e0e0e0;border-radius:8px;box-shadow:none}.driver-dashboard-page .empty-state,.monitor-dashboard-page .empty-state{background:var(--color-white);border-radius:12px;box-shadow:0 1px 3px #00000014;padding:3rem;text-align:center}.driver-dashboard-page .empty-state-icon,.monitor-dashboard-page .empty-state-icon{font-size:3rem;color:#9ca3af;margin-bottom:0}.driver-dashboard-page .empty-state-title,.monitor-dashboard-page .empty-state-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin:.75rem 0 .5rem}.driver-dashboard-page .empty-state-description,.monitor-dashboard-page .empty-state-description{color:#6b7280;margin:0;font-size:.95rem}.driver-dashboard-page .route-card{border-left:4px solid #E1633B}.driver-dashboard-page .route-name{font-weight:600;font-size:1.1rem;color:#001452}.app-shell--staff .app-main{margin-left:200px}.app-shell--staff .app-content{background:#f8f9fa;padding:1.5rem}.data-table-toolbar .show-label,.routes-page .page-toolbar .filter-label{font-weight:700;text-transform:uppercase;text-decoration:underline;font-size:.85rem;color:#333;white-space:nowrap}.routes-page .page-toolbar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.routes-page .data-table-toolbar{flex-wrap:wrap}.routes-page .data-table-search-container{flex-basis:100%;order:10}.routes-page .table td{font-weight:400;color:#333}.day-badge{display:inline-block;padding:.2rem .65rem;border-radius:9999px;font-size:.75rem;font-weight:700;letter-spacing:.5px;white-space:nowrap}.bus-stops-expand-btn{background:none;border:1px dashed #5BADE9;border-radius:50%;width:28px;height:28px;cursor:pointer;color:#5bade9;font-size:1rem;display:inline-flex;align-items:center;justify-content:center;transition:background .15s ease}.bus-stops-expand-btn:hover{background:#5bade91a}.table-actions{display:flex;gap:.25rem;flex-wrap:nowrap;white-space:nowrap}.table-actions .btn-sm{font-size:.75rem;padding:.2rem .5rem;border-radius:3px;border:none}.students-page .student-tab-bar{display:flex;gap:1.5rem;margin-bottom:.75rem;border-bottom:1px solid #EEEFF1;padding-bottom:.5rem}.student-tab-link{text-decoration:none;padding:.25rem 0;font-size:.9rem;cursor:pointer;transition:color .15s ease,border-color .15s ease;border-bottom:2px solid transparent;color:#666;font-weight:400}.student-tab-link--active,.student-tab-link[data-active=true]{font-weight:700;color:#003da5;border-bottom-color:#003da5}.students-page .grade-filter-row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;margin-bottom:1rem}.grade-filter-dropdown{padding:.35rem 1.75rem .35rem .5rem;border:2px solid #EEEFF1;border-radius:6px;font-size:.85rem;color:#333;cursor:pointer;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 .5rem center;background-size:12px 10px}.grade-filter-dropdown:focus{border-color:#003da5;outline:none;box-shadow:0 0 0 3px #003da51a}.grade-filter-btn{border:1px solid #003DA5;padding:.3rem .75rem;font-size:.75rem;border-radius:100px;cursor:pointer;font-weight:400;transition:background .15s ease,color .15s ease;background:transparent;color:#003da5}.grade-filter-btn:hover:not(.grade-filter-btn--active):not([data-active=true]){background:#003da514}.grade-filter-btn--active,.grade-filter-btn[data-active=true]{background:#003da5;color:#fff;font-weight:600}.fleet-map-page .fleet-layout{display:flex;gap:0;height:calc(100vh - 140px);border-radius:8px;overflow:hidden;box-shadow:0 1px 4px #11111a0d,0 0 8px #11111a0d}.fleet-map-area{flex:1;position:relative}.fleet-map-header-overlay{position:absolute;top:0;left:0;right:0;z-index:500;background:#001452e6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between}.fleet-map-header-overlay .fleet-map-title{color:#fff;font-weight:700;font-size:1.1rem}.fleet-map-header-overlay .fleet-map-actions{display:flex;gap:.5rem}.fleet-map-header-overlay .btn{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3);padding:.4rem .75rem;font-size:.8rem}.fleet-map-header-overlay .btn:hover{background:#ffffff40}.fleet-map-legend{position:absolute;bottom:0;left:0;right:0;z-index:500;background:#fffffff2;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);padding:.5rem 1rem;display:flex;align-items:center;gap:1.5rem;font-size:.8rem;color:#666}.fleet-map-legend .legend-dot--online{color:#22c55e}.fleet-map-legend .legend-dot--recent{color:#ea903d}.fleet-map-legend .legend-dot--offline{color:#e1633b}.fleet-map-legend .legend-dot--nogps{color:#767676}.fleet-sidebar{width:320px;background:#fff;border-left:1px solid #EEEFF1;display:flex;flex-direction:column;flex-shrink:0}.fleet-sidebar-header{padding:1rem;border-bottom:1px solid #EEEFF1}.fleet-sidebar-header h3{font-size:1rem;font-weight:700;color:#001452;margin:0 0 .75rem}.fleet-filter-bar{display:flex;gap:.25rem}.fleet-filter-btn{font-size:.75rem;padding:.3rem .75rem;border-radius:100px;cursor:pointer;border:1px solid #003DA5;transition:background .15s ease,color .15s ease;background:transparent;color:#003da5;font-weight:400}.fleet-filter-btn--active,.fleet-filter-btn[data-active=true]{background:#003da5;color:#fff;font-weight:600}.fleet-bus-card{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid #EEEFF1;cursor:pointer;transition:background .15s ease}.fleet-bus-card:hover{background:#f8f9fa}.fleet-bus-badge{background:#003da5;color:#fff;min-width:36px;height:36px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.95rem;flex-shrink:0;padding:0 6px}.fleet-bus-info{flex:1;min-width:0}.fleet-bus-name{font-weight:600;font-size:.9rem;color:#001452;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fleet-bus-meta{font-size:.8rem;color:#666}.fleet-status-dot{font-size:.7rem}.fleet-status-dot--online{color:#22c55e}.fleet-status-dot--recent{color:#ea903d}.fleet-status-dot--offline{color:#e1633b}.fleet-status-dot--nogps{color:#767676}.fleet-stats-bar{padding:.5rem 1rem;border-top:1px solid #EEEFF1;font-size:.8rem;font-weight:600;color:#001452;text-align:center}@media (max-width: 768px){.fleet-layout{flex-direction:column!important}.fleet-sidebar{position:fixed;bottom:0;left:0;right:0;height:40vh;width:100%!important;border-radius:16px 16px 0 0;box-shadow:0 -4px 20px #00000026;z-index:50;overflow-y:auto}.fleet-map-area{height:60vh!important}}.audit-logs-page .filter-panel{background-color:#f8f9fa;border-radius:8px;padding:15px;margin-bottom:1rem}.audit-logs-page .filter-panel .form-label{font-weight:600;font-size:.8rem;color:#333;text-transform:uppercase;letter-spacing:.3px;margin-bottom:.25rem}.audit-logs-page tr.audit-row--danger{border-left:4px solid #E1633B}.audit-logs-page tr.audit-row--warning{border-left:4px solid #EA903D}.audit-logs-page tr.audit-row--success{border-left:4px solid #28a745}.action-badge{display:inline-block;padding:.25em .6em;font-size:.8rem;font-weight:600;border-radius:.35rem}.resource-badge{display:inline-block;padding:.25em .6em;font-size:.8rem;font-weight:600;border-radius:.35rem;background:#e9ecef;color:#212529}.audit-logs-page .pagination-bar{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0}.audit-logs-page .pagination-info{font-size:.85rem;color:#666}.audit-logs-page .page-btn{min-width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:.85rem;padding:0 .5rem}.monitors-page .monitor-map-section{margin-top:1.5rem}.monitors-page .monitor-map-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.monitors-page .monitor-map-title{font-size:1.1rem;font-weight:700;color:#001452;margin:0}.monitors-page .monitor-map-title .red-dot{color:#e1633b}.monitors-page #monitor-map{height:350px;border-radius:8px;overflow:hidden;border:1px solid #EEEFF1}.monitors-page #monitor-map-status{font-size:.8rem;color:#666;margin-top:.5rem}.reports-tabs{display:flex;gap:0;border-bottom:2px solid #EEEFF1;margin-bottom:1.5rem}.reports-tabs .tab-btn{padding:.65rem 1.25rem;font-size:.9rem;font-weight:600;border:none;cursor:pointer;background:transparent;color:#666;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all .2s ease}.reports-tabs .tab-btn:hover{color:#003da5;background:#003da50a}.reports-tabs .tab-btn.active{color:#003da5;border-bottom-color:#003da5}.tab-panel{display:none}.tab-panel.active{display:block}.panel-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.summary-cards-container{display:flex;flex-direction:column;gap:1rem}.summary-card{background:#fff;border:1px solid #EEEFF1;border-radius:8px;padding:1rem 1.25rem;box-shadow:0 1px 3px #0000000a}.summary-card-date{font-weight:700;font-size:.95rem;color:#001452;margin-bottom:.75rem}.summary-card-stats{display:flex;gap:1.5rem;flex-wrap:wrap}.summary-stat{display:flex;flex-direction:column;align-items:center;min-width:60px}.summary-stat-value{font-size:1.25rem;font-weight:700;color:#001452}.summary-stat-label{font-size:.75rem;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.report-cards-grid .card{transition:none}.report-cards-grid .card:hover{transform:none}.student-songs-page .student-songs-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}@media (max-width: 768px){.student-songs-page .student-songs-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.student-songs-page th:nth-child(n+5):nth-child(-n+11),.student-songs-page td:nth-child(n+5):nth-child(-n+11){display:none}}.assignments-page .day-filter-bar{display:flex;gap:.25rem;flex-wrap:wrap;margin-bottom:1rem}.assignments-page .day-filter-btn{font-size:.8rem;padding:.35rem .75rem;border-radius:100px;cursor:pointer;border:1px solid #17a2b8;transition:background .15s ease,color .15s ease;background:transparent;color:#17a2b8;font-weight:400}.assignments-page .day-filter-btn:hover:not(.day-filter-btn--active):not([data-active=true]){background:#17a2b81a}.assignments-page .day-filter-btn--active,.assignments-page .day-filter-btn[data-active=true]{background:#17a2b8;color:#fff;font-weight:600}.d-flex{display:flex}.gap-2{gap:.5rem}.align-center{align-items:center}.mb-0{margin-bottom:0}.loading-cell,.empty-cell{padding:2rem;text-align:center;color:var(--color-gray-500, #6c757d);font-size:.95rem}.error-cell{padding:2rem;text-align:center;color:#e1633b;font-size:.95rem}.audit-logs-page .table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.student-checkboxes-container{max-height:300px;overflow-y:auto;border:1px solid #EEEFF1;border-radius:6px;padding:.75rem}