@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:#fff;--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 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--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);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base);border:none}.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);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.alert-secondary{color:var(--dark);background-color:#6b72801a;border-color:#6b728033}.navbar{box-shadow:var(--shadow-sm)}.container-fluid{padding-left:var(--space-4);padding-right:var(--space-4)}@media (width>=992px){.container-fluid{padding-left:var(--space-6);padding-right:var(--space-6)}}.form-control{border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);transition:border-color var(--transition-base), box-shadow var(--transition-base);border:1px solid #e2e8f0}.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);padding:var(--space-1);border:1px solid #e2e8f0}.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{z-index:5;background-color:#fff;top:0}.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);flex-direction:column;display:flex}.data-card:hover{transform:translateY(-2px)}.data-card .card-body{flex-direction:column;flex:1;display:flex}.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;margin-bottom:var(--space-4);border-radius:var(--radius-md);position:relative;overflow-y:auto;box-shadow:inset 0 0 0 1px #0000001a}.table-container .table{margin-bottom:0}.table-container .table thead th{z-index:1;background-color:var(--dark);color:#fff;position:sticky;top:0}.table-empty-state{padding:var(--space-6);color:var(--secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.table-empty-state i{margin-bottom:var(--space-3);opacity:.5;font-size:2rem}.table-empty-state p{margin-bottom:0}.loading-indicator{padding:var(--space-6);justify-content:center;align-items:center;width:100%;display:flex}.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{margin-bottom:var(--space-2);color:var(--dark);font-weight:600}.filter-panel .filter-buttons{justify-content:center;gap:var(--space-3);margin-top:var(--space-3);display:flex}.filter-panel .date-shortcuts{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.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);cursor:pointer;transition:background-color var(--transition-base);border:1px solid #0000001a}.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{margin-bottom:var(--space-2);color:var(--dark);font-weight:700}.page-header .page-subtitle{color:var(--secondary)}.summary-metrics{gap:var(--space-4);margin-bottom:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));display:grid}.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);color:var(--dark);margin-bottom:var(--space-1);font-weight:700}.metric-card .metric-label{color:var(--secondary);font-size:var(--font-size-sm)}.metric-card .metric-change{font-size:var(--font-size-sm);margin-top:var(--space-2);align-items:center;display:flex}.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{border-radius:var(--radius-md);width:100%;height:100px;margin-bottom:var(--space-4);border:1px solid #0000001a;position:relative;overflow:hidden}.heatmap-tooltip{padding:var(--space-2) var(--space-3);color:#fff;border-radius:var(--radius-md);font-size:var(--font-size-sm);z-index:10;pointer-events:none;background-color:#000c;display:none;position:absolute}.heatmap-tooltip .time{font-weight:600}.btn{border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);transition:all var(--transition-base);font-weight:500}.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{right:var(--space-3);color:var(--secondary);cursor:pointer;z-index:2;background:0 0;border:none;position:absolute;top:50%;transform:translateY(-50%)}@media (width<=768px){.filter-panel{padding:var(--space-3)}.table-container{max-height:300px}.chart-container{height:250px}}.app-container{background-color:var(--light);flex-direction:column;min-height:100vh;display:flex}.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{border-radius:var(--radius-md);margin-bottom:0}.main-content{padding:var(--space-3) 0;flex:1}@media (width<=768px){.navbar-nav-scroll{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.navbar .btn{margin-bottom:var(--space-2)}}