@import"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css";:root{--primary: #2563eb;--primary-dark: #1d4ed8;--primary-light: #3b82f6;--secondary: #6b7280;--dark: #1e293b;--light: #f8fafc;--surface: #ffffff;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--info: #3b82f6;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-8: 3rem;--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--transition-base: .15s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1)}.btn-primary:hover,.btn-primary:active,.btn-primary:focus{background-color:var(--primary-dark)!important;border-color:var(--primary-dark)!important}.btn-link{color:var(--primary)}.card{border-radius:var(--radius-md);border:none;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base)}.card:hover{box-shadow:var(--shadow-md)}.card-title{color:var(--dark);font-weight:600}.table{font-size:var(--font-size-sm)}.table-dark{background-color:var(--dark)}.table thead th{background-color:var(--light);color:var(--dark);font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}.alert-secondary{background-color:#6b72801a;border-color:#6b728033;color:var(--dark)}.navbar{box-shadow:var(--shadow-sm)}.container-fluid{padding-left:var(--space-4);padding-right:var(--space-4)}@media (min-width: 992px){.container-fluid{padding-left:var(--space-6);padding-right:var(--space-6)}}.form-control{border-radius:var(--radius-md);border:1px solid #e2e8f0;padding:var(--space-2) var(--space-3);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.form-control:focus{border-color:var(--primary-light);box-shadow:0 0 0 3px #3b82f640}.spinner-border{color:var(--primary)}.vue-select-custom .vs__dropdown-toggle{border-radius:var(--radius-md);border:1px solid #e2e8f0;padding:var(--space-1)}.vue-select-custom .vs__selected{color:var(--dark)}.vue-select-custom .vs__open-indicator{fill:var(--secondary)}.table-responsive{position:relative}.table thead.sticky-top{top:0;z-index:5;background-color:#fff}.table-fixed-height{max-height:400px;overflow-y:auto}.tooltip-inner{background-color:var(--dark);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3)}.data-card{height:100%;transition:transform var(--transition-base);display:flex;flex-direction:column}.data-card:hover{transform:translateY(-2px)}.data-card .card-body{display:flex;flex-direction:column;flex:1}.data-card .card-title{font-size:var(--font-size-lg);margin-bottom:var(--space-2)}.data-card .card-subtitle{color:var(--secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-4)}.table-container{max-height:350px;overflow-y:auto;margin-bottom:var(--space-4);position:relative;border-radius:var(--radius-md);box-shadow:inset 0 0 0 1px #0000001a}.table-container .table{margin-bottom:0}.table-container .table thead th{position:sticky;top:0;z-index:1;background-color:var(--dark);color:#fff}.table-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6);color:var(--secondary);text-align:center}.table-empty-state i{font-size:2rem;margin-bottom:var(--space-3);opacity:.5}.table-empty-state p{margin-bottom:0}.loading-indicator{display:flex;justify-content:center;align-items:center;padding:var(--space-6);width:100%}.loading-indicator .spinner-border{margin-right:var(--space-3)}.filter-panel{background-color:var(--light);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-5);box-shadow:var(--shadow-sm)}.filter-panel .form-group{margin-bottom:var(--space-3)}.filter-panel .filter-label{font-weight:600;margin-bottom:var(--space-2);color:var(--dark)}.filter-panel .filter-buttons{display:flex;justify-content:center;gap:var(--space-3);margin-top:var(--space-3)}.filter-panel .date-shortcuts{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.filter-panel .date-shortcut{font-size:var(--font-size-sm);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);background-color:var(--light);border:1px solid rgba(0,0,0,.1);cursor:pointer;transition:background-color var(--transition-base)}.filter-panel .date-shortcut:hover{background-color:#0000000d}.filter-panel .date-shortcut.active{background-color:var(--primary);color:#fff;border-color:var(--primary)}.page-header{padding:var(--space-4) 0;margin-bottom:var(--space-5)}.page-header h1{font-weight:700;margin-bottom:var(--space-2);color:var(--dark)}.page-header .page-subtitle{color:var(--secondary)}.summary-metrics{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-4);margin-bottom:var(--space-5)}.metric-card{background-color:var(--surface);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:var(--shadow-sm)}.metric-card .metric-value{font-size:var(--font-size-2xl);font-weight:700;color:var(--dark);margin-bottom:var(--space-1)}.metric-card .metric-label{color:var(--secondary);font-size:var(--font-size-sm)}.metric-card .metric-change{font-size:var(--font-size-sm);display:flex;align-items:center;margin-top:var(--space-2)}.metric-card .metric-change.positive{color:var(--success)}.metric-card .metric-change.negative{color:var(--danger)}.chart-container{width:100%;height:300px;margin-bottom:var(--space-4)}.heatmap-container{position:relative;width:100%;height:100px;border-radius:var(--radius-md);overflow:hidden;border:1px solid rgba(0,0,0,.1);margin-bottom:var(--space-4)}.heatmap-tooltip{position:absolute;display:none;padding:var(--space-2) var(--space-3);background-color:#000c;color:#fff;border-radius:var(--radius-md);font-size:var(--font-size-sm);z-index:10;pointer-events:none}.heatmap-tooltip .time{font-weight:600}.btn{border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);font-weight:500;transition:all var(--transition-base)}.btn-primary{background-color:var(--primary);border-color:var(--primary)}.btn-outline-primary{color:var(--primary);border-color:var(--primary)}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--font-size-sm)}.flatpickr-calendar{z-index:9999!important;position:absolute!important;top:auto!important;left:auto!important}.flatpickr-input{background-color:var(--surface)!important}.date-picker-container{position:relative!important}.date-picker-container .clear-button{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--secondary);cursor:pointer;z-index:2}@media (max-width: 768px){.filter-panel{padding:var(--space-3)}.table-container{max-height:300px}.chart-container{height:250px}}.app-container{min-height:100vh;display:flex;flex-direction:column;background-color:var(--light)}.navbar{background-color:var(--surface);padding:var(--space-2) var(--space-4)}.navbar-brand{font-size:var(--font-size-lg);color:var(--dark)}.time-notice{padding:var(--space-2) 0}.time-notice .alert{margin-bottom:0;border-radius:var(--radius-md)}.main-content{flex:1;padding:var(--space-3) 0}@media (max-width: 768px){.navbar-nav-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.navbar .btn{margin-bottom:var(--space-2)}}