.tooltip-content{background-color:var(--bs-dark);color:var(--bs-light);padding:.5rem .75rem;border-radius:.375rem;font-size:.875rem;line-height:1.4;max-width:300px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;z-index:99999;animation-duration:.1s;animation-timing-function:cubic-bezier(.16,1,.3,1)}[data-theme=dark] .tooltip-content{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.tooltip-content[data-state=delayed-open],.tooltip-content[data-state=instant-open]{animation-name:slideUpAndFade}.tooltip-content[data-state=closed]{animation-name:fadeOut}.tooltip-arrow{fill:var(--bs-dark)}[data-theme=dark] .tooltip-arrow{fill:var(--bg-secondary)}@keyframes slideUpAndFade{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.tooltip-content.tooltip-error{background-color:var(--bs-danger);color:var(--bs-white)}.tooltip-content.tooltip-error .tooltip-arrow{fill:var(--bs-danger)}.tooltip-content.tooltip-success{background-color:var(--bs-success);color:var(--bs-white)}.tooltip-content.tooltip-success .tooltip-arrow{fill:var(--bs-success)}.tooltip-content.tooltip-info{background-color:var(--bs-info);color:var(--bs-white)}.tooltip-content.tooltip-info .tooltip-arrow{fill:var(--bs-info)}.tooltip-content.tooltip-warning{background-color:var(--bs-warning);color:var(--bs-dark)}.tooltip-content.tooltip-warning .tooltip-arrow{fill:var(--bs-warning)}.settings-panel-trigger{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--bg-secondary);border:1px solid var(--border-light);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.settings-panel-trigger:hover{background-color:var(--sidebar-active-bg);color:var(--text-primary);border-color:var(--primary-color)}.settings-panel-overlay{position:fixed;inset:0;background-color:#00000080;z-index:10100;animation:fadeIn .3s ease-out forwards}.settings-panel-overlay.closing{animation:fadeOut .3s ease-out forwards}.settings-panel{position:fixed;top:0;right:0;height:100vh;background-color:var(--bg-primary);border-left:1px solid var(--border-light);box-shadow:-4px 0 16px #0003;z-index:10101;display:flex;flex-direction:column;animation:slideInRight .3s ease-out forwards}.settings-panel.closing{animation:slideOutRight .3s ease-out forwards}.settings-panel-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--border-light)}.settings-panel-title{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.settings-panel-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:6px;transition:all .2s ease}.settings-panel-close:hover{background-color:var(--sidebar-active-bg);color:var(--text-primary)}.settings-panel-content{flex:1;overflow-y:auto;padding:24px}.settings-panel-content::-webkit-scrollbar{width:8px}.settings-panel-content::-webkit-scrollbar-track{background:var(--bg-secondary)}.settings-panel-content::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}.settings-panel-content::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.settings-panel-content::-webkit-scrollbar-button{display:none}@media(max-width:767.98px){.settings-panel{width:100vw!important;max-width:100vw!important}.settings-panel-header{padding:20px}.settings-panel-title{font-size:1.1rem}.settings-panel-content{padding:20px}}.table-container{width:100%;overflow-x:auto;overflow-y:visible;border-radius:8px;border:1px solid var(--border-light);scrollbar-width:auto}.table-container-embedded{border:none;overflow:visible;border-radius:0}.table-container::-webkit-scrollbar{height:14px}.table-container::-webkit-scrollbar-track{background:var(--bg-primary);border-radius:0 0 8px 8px}.table-container::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:6px}.table-container::-webkit-scrollbar-thumb:hover{background:var(--accent-hover)}.table-container.sticky-container{max-height:70vh;overflow-y:auto}.dataTable{width:100%;border-collapse:collapse;background:var(--bg-secondary, #ffffff);margin-bottom:0;transition:none;--bs-table-bg: transparent;--bs-table-accent-bg: transparent;--bs-table-striped-bg: transparent;--bs-table-active-bg: transparent;--bs-table-hover-bg: transparent}.dataTable.sticky-headers>thead>tr>th{position:sticky;top:0;z-index:10;background-color:var(--bg-primary);box-shadow:0 2px 4px #0000001a}[data-theme=dark] .dataTable.sticky-headers>thead>tr>th{box-shadow:0 2px 4px #0000004d;background-color:var(--bg-primary)}[data-theme=dark] .dataTable{background:var(--bg-secondary, #1e293b)}:root:not([data-loading]) .dataTable{transition:background-color .3s ease}.dataTable>thead>tr{background-color:var(--border-color);color:var(--text-primary);font-weight:500}.dataTable-embedded>thead>tr{background-color:transparent}.dataTable>thead>tr>th,.dataTable>tbody>tr>td{padding:12px 16px;border-bottom:1px solid var(--border-light);text-align:left;color:var(--text-primary)}.dataTable>tbody>tr>td.dataTableCell{min-width:fit-content}.dataTable>thead>tr>th.autoSize,.dataTable>tbody>tr>td.autoSize{width:1%;white-space:nowrap}.dataTable.density-compact>thead>tr>th,.dataTable.density-compact>tbody>tr>td{padding:6px 12px}.dataTable.density-comfortable>thead>tr>th,.dataTable.density-comfortable>tbody>tr>td{padding:16px 20px}.dataTable>tbody>tr{font-weight:300;vertical-align:middle;transition:background-color .3s ease}.dataTable.zebra-striping>tbody>tr:nth-child(2n){background-color:var(--bs-tertiary-bg)!important}.dataTable.zebra-striping>tbody>tr:nth-child(2n)>td{background-color:var(--bs-tertiary-bg)}.dataTable.zebra-striping>tbody>tr:nth-child(2n):hover>td{background-color:var(--sidebar-active-bg)!important}.dataTable>tbody>tr.clickable-row{transition:background-color .2s ease;position:relative}.dataTable>tbody>tr.clickable-row>td:last-child{padding-right:40px}.dataTable>tbody>tr.clickable-row:after{content:"›";position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:28px;font-weight:700;color:var(--text-secondary);opacity:0;transition:opacity .2s ease;pointer-events:none}.dataTable>tbody>tr.clickable-row:hover:after{opacity:.5}.dataTable>tbody>tr.clickable-row:hover>td{background-color:var(--sidebar-active-bg)}.dataTable.zebra-striping>tbody>tr.clickable-row:nth-child(2n):hover{background-color:var(--sidebar-active-bg)}.dataTable.zebra-striping>tbody>tr.dataTableRow:nth-child(2n){background-color:var(--bs-tertiary-bg)}.dataTable.zebra-striping>tbody>tr.dataTableRow:nth-child(2n)>td{background-color:var(--bs-tertiary-bg)}.dataTable.zebra-striping>tbody>tr.dataTableRow:nth-child(2n):hover>td{background-color:var(--sidebar-active-bg)!important}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:0 4px}.table-title{margin:0;color:var(--text-primary);font-size:1.5rem;font-weight:600}.table-controls{display:flex;align-items:center;gap:8px}.table-control-label{font-size:.875rem;font-weight:500;color:var(--text-secondary);margin:0}.table-control-select{padding:4px 8px;border:1px solid var(--border-light);border-radius:4px;background-color:var(--bg-secondary);color:var(--text-primary);font-size:.875rem;min-width:80px}.table-control-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color-alpha)}.table-search-container{display:flex;align-items:center;gap:16px;margin-bottom:16px;padding:0 4px;justify-content:space-between}.table-search-group,.table-actions-group{display:flex;align-items:center;gap:8px}.table-search-label{font-size:.875rem;font-weight:500;color:var(--text-secondary);margin:0;white-space:nowrap}.table-search-input{max-width:450px;padding:8px 12px;border:1px solid var(--border-light);border-radius:4px;background-color:var(--bg-secondary);color:var(--text-primary);font-size:.875rem;transition:border-color .2s ease,box-shadow .2s ease}.table-search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color-alpha)}.table-search-input::placeholder{color:var(--text-placeholder)}@media(max-width:767.98px){.dataTable>thead>tr>th,.dataTable>tbody>tr>td{padding:8px 12px}.table-header{flex-direction:column;align-items:stretch;gap:12px}.table-title{font-size:1.25rem;text-align:center}.table-controls{justify-content:center}.table-search-container{flex-wrap:nowrap;gap:8px}.table-search-group{flex:1;min-width:0}.table-search-label{display:none}.table-search-input{width:100%;max-width:none}.table-actions-group{flex-shrink:0}}.dataTableCell:has(>.btn.btn-link),.dataTableCell:has(>.table-icon-placeholder),.dataTableCell:has(>div>.btn.btn-link){text-align:right;width:0;padding-left:0!important}.dataTableCell>button.btn.btn-link,.dataTableCell>div>button.btn.btn-link{padding-right:0;padding-left:0}.pagination-container{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding:8px 4px;gap:16px}.pagination-info{display:flex;align-items:center;gap:16px}.pagination-items-info{font-size:.875rem;color:var(--text-secondary);white-space:nowrap}.pagination-page-size{display:flex;align-items:center;gap:8px}.pagination-label{font-size:.875rem;color:var(--text-secondary);margin:0;white-space:nowrap}.pagination-select{padding:4px 8px;border:1px solid var(--border-light);border-radius:4px;background-color:var(--bg-secondary);color:var(--text-primary);font-size:.875rem;min-width:60px}.pagination-select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px #0d6efd40}.pagination-controls{display:flex;align-items:center;gap:4px}.pagination-button{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 8px;border:1px solid var(--border-light);border-radius:4px;background-color:var(--bg-secondary);color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:all .2s ease}.pagination-button:hover:not(:disabled){background-color:var(--sidebar-active-bg);border-color:var(--accent-primary)}.pagination-button:disabled{opacity:.5;cursor:not-allowed;background-color:var(--bg-secondary)}.pagination-active{background-color:var(--accent-primary)!important;color:var(--bg-secondary)!important;border-color:var(--accent-primary)!important}.pagination-prev,.pagination-next{font-size:1.2rem;font-weight:700}.pagination-dots{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;color:var(--text-secondary);font-size:.875rem}@media(max-width:767.98px){.pagination-container{flex-direction:column;align-items:stretch;gap:12px}.pagination-info{flex-direction:column;align-items:stretch;gap:8px}.pagination-items-info{text-align:center}.pagination-page-size{justify-content:center}.pagination-controls{justify-content:center;flex-wrap:wrap}.pagination-button{min-width:40px;height:40px}}.column-visibility-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.column-visibility-title{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.column-visibility-actions{display:flex;gap:8px}.btn-link-small{background:none;border:none;color:var(--primary-color);font-size:.85rem;cursor:pointer;padding:4px 8px;text-decoration:none;transition:opacity .2s ease}.btn-link-small:hover{opacity:.7;text-decoration:underline}.column-visibility-count{font-size:.85rem;color:var(--text-secondary);margin-bottom:14px}.column-visibility-list{display:flex;flex-direction:column;gap:10px}.column-visibility-item{display:flex;align-items:center;gap:12px}.column-visibility-name{flex:1;color:var(--text-primary);font-size:.9rem}.advanced-filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.advanced-filters-title{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.advanced-filters-actions{display:flex;gap:8px;align-items:center}.filter-count{font-size:.85rem;color:var(--text-secondary);margin-bottom:14px}.filters-empty-state{text-align:center;padding:20px;color:var(--text-muted);font-size:.9rem}.add-filter-dropdown{background-color:var(--bg-primary);border:1px solid var(--border-light);border-radius:6px;padding:16px;margin-bottom:16px}.add-filter-title{font-size:.9rem;font-weight:500;color:var(--text-secondary);margin-bottom:10px}.add-filter-columns{display:flex;flex-wrap:wrap;gap:8px}.add-filter-column{background-color:var(--bg-secondary);border:1px solid var(--border-light);border-radius:6px;padding:6px 12px;font-size:.85rem;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.add-filter-column:hover{background-color:var(--primary-color);color:var(--bg-primary);border-color:var(--primary-color)}.filters-list{display:flex;flex-direction:column;gap:16px}.filter-item{background-color:var(--bg-primary);border:1px solid var(--border-light);border-radius:6px;padding:16px}.filter-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.filter-column-name{font-size:.9rem;font-weight:500;color:var(--text-primary)}.filter-header-controls{display:flex;gap:8px;align-items:center}.filter-not-toggle{background-color:var(--bg-secondary);border:1px solid var(--border-light);border-radius:4px;padding:4px 8px;font-size:.75rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.filter-not-toggle:hover{background-color:var(--danger-color, #dc3545);color:var(--bg-primary);border-color:var(--danger-color, #dc3545)}.filter-not-toggle.active{background-color:var(--danger-color, #dc3545);color:var(--bg-primary);border-color:var(--danger-color, #dc3545);box-shadow:0 0 0 2px #dc354533}.filter-remove{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;transition:color .2s ease}.filter-remove:hover{color:var(--danger-color, #dc3545)}.filter-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.filter-operator{min-width:140px;padding:8px 12px;border:1px solid var(--border-light);border-radius:6px;background-color:var(--bg-secondary);color:var(--text-primary);font-size:.9rem}.filter-operator:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color-alpha)}.filter-inputs{display:flex;gap:10px;align-items:center}.filter-input{min-width:120px;padding:8px 12px;border:1px solid var(--border-light);border-radius:6px;background-color:var(--bg-secondary);color:var(--text-primary);font-size:.9rem}.filter-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color-alpha)}.filter-input::placeholder{color:var(--text-placeholder)}.filter-select{min-width:120px;padding:8px 12px;border:1px solid var(--border-light);border-radius:6px;background-color:var(--bg-secondary);color:var(--text-primary);font-size:.9rem}.filter-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color-alpha)}@media(max-width:767.98px){.advanced-filters-header{flex-direction:column;align-items:stretch;gap:8px}.advanced-filters-actions{justify-content:center}.filter-controls{flex-direction:column;align-items:stretch}.filter-operator,.filter-input,.filter-select{min-width:auto;width:100%}.filter-inputs{flex-direction:column;width:100%}}.table-settings-trigger{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--bg-secondary);border:1px solid var(--border-light);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.table-settings-trigger:hover{background-color:var(--sidebar-active-bg);color:var(--text-primary);border-color:var(--primary-color)}.table-refresh-trigger{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--bg-secondary);border:1px solid var(--border-light);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000001a;margin-right:8px}.table-refresh-trigger:hover:not(:disabled){background-color:var(--sidebar-active-bg);color:var(--text-primary);border-color:var(--primary-color)}.table-refresh-trigger:disabled{opacity:.6;cursor:not-allowed}.table-refresh-trigger .spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.table-settings-overlay{position:fixed;inset:0;background-color:#00000080;z-index:1100;animation:fadeIn .3s ease-out forwards}.table-settings-overlay.closing{animation:fadeOut .3s ease-out forwards}.table-settings-panel{position:fixed;top:0;right:0;width:480px;max-width:90vw;height:100vh;background-color:var(--bg-primary);border-left:1px solid var(--border-light);box-shadow:-4px 0 16px #0003;z-index:1101;display:flex;flex-direction:column;animation:slideInRight .3s ease-out forwards}.table-settings-panel.closing{animation:slideOutRight .3s ease-out forwards}.table-settings-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--border-light)}.table-settings-title{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.table-settings-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:6px;transition:all .2s ease}.table-settings-close:hover{background-color:var(--sidebar-active-bg);color:var(--text-primary)}.mobile-close-button{display:none}.table-settings-tabs{display:flex;border-bottom:1px solid var(--border-light)}.table-settings-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:18px;background:none;border:none;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;position:relative;font-size:1rem}.table-settings-tab:hover{color:var(--text-primary);background-color:var(--sidebar-active-bg)}.table-settings-tab.active{color:var(--primary-color);background-color:var(--primary-color-alpha, rgba(0, 123, 255, .1));border-bottom:2px solid var(--primary-color)}.table-settings-badge{background-color:var(--primary-color);color:var(--bg-primary);font-size:.7rem;font-weight:700;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.table-settings-content{flex:1;overflow-y:auto;padding:24px}.table-settings-content::-webkit-scrollbar-track{background:var(--bg-secondary)}.table-settings-content::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}.table-settings-content::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.table-settings-content::-webkit-scrollbar-button{display:none}@media(max-width:767.98px){.table-settings-panel{width:100vw;max-width:100vw;padding-top:60px}.table-settings-header{padding:20px;position:fixed;top:60px;left:0;right:0;background-color:var(--bg-primary);z-index:1102;border-top:1px solid var(--border-light)}.table-settings-title{font-size:1.1rem}.table-settings-tabs{flex-direction:column;margin-top:80px}.table-settings-tab{justify-content:flex-start;padding:16px 20px;font-size:1rem}.table-settings-content{padding:20px}.mobile-close-button{position:fixed;top:10px;right:10px;z-index:1103;width:44px;height:44px;background-color:var(--bg-secondary);border:2px solid var(--border-light);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003;color:var(--text-primary);cursor:pointer;transition:all .2s ease;animation:fadeIn .3s ease-out}.mobile-close-button:hover{background-color:var(--danger-color);border-color:var(--danger-color);color:#fff;transform:scale(1.05)}.mobile-close-button:active{transform:scale(.95)}.table-settings-close{display:none}}.table-display-settings{display:flex;flex-direction:column;gap:24px}.table-setting-group{display:flex;flex-direction:column;gap:8px}.table-setting-label{display:flex;align-items:center;gap:10px;cursor:pointer;color:var(--text-primary);font-weight:500;-webkit-user-select:none;user-select:none}.table-setting-label input[type=checkbox]{width:16px;height:16px;cursor:pointer}.table-setting-field-label{font-weight:500;color:var(--text-primary);margin-bottom:6px}.table-setting-select{padding:8px 12px;border:1px solid var(--border-light);border-radius:6px;background-color:var(--bg-secondary);color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.table-setting-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color-alpha)}.table-setting-description{color:var(--text-secondary);font-size:.875rem;line-height:1.4;margin-left:26px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.applied-filters{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding:8px 0;border-bottom:1px solid var(--border-light)}.applied-filters-label{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:500;color:var(--text-secondary);white-space:nowrap;flex-shrink:0}.applied-filters-label svg{color:var(--text-muted);flex-shrink:0}.applied-filters-scroll{flex:1;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.applied-filters-scroll::-webkit-scrollbar{display:none}.applied-filters-clear-all{background:none;border:1px solid var(--border-color);color:var(--text-secondary);font-size:.6875rem;font-weight:500;cursor:pointer;padding:4px 10px;border-radius:4px;white-space:nowrap;flex-shrink:0;transition:all .15s ease}.applied-filters-clear-all:hover{background-color:var(--bg-hover);border-color:var(--text-muted);color:var(--text-primary)}.applied-filters-list{display:flex;gap:6px;padding:2px 0}.filter-chip{display:inline-flex;align-items:center;gap:6px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:3px 6px 3px 10px;font-size:.75rem;font-weight:500;color:var(--text-primary);white-space:nowrap;flex-shrink:0}.filter-chip.global-filter{background-color:var(--primary-color-alpha);border-color:var(--primary-color);color:var(--primary-color)}.filter-chip.not-filter{background-color:var(--error-color-alpha-10);border-color:var(--error-color);color:var(--error-color)}.filter-chip-label{line-height:1.3;max-width:300px;overflow:hidden;text-overflow:ellipsis}.filter-chip-remove{display:flex;align-items:center;justify-content:center;width:16px;height:16px;min-width:16px;background-color:var(--border-color);color:var(--text-secondary);border:none;border-radius:50%;cursor:pointer;transition:background-color .15s ease;flex-shrink:0;padding:0}.filter-chip-remove:hover{background-color:var(--error-color);color:#fff}.filter-chip.global-filter .filter-chip-remove{background-color:var(--primary-color);color:#fff}.filter-chip.global-filter .filter-chip-remove:hover{background-color:var(--error-color)}.filter-chip.not-filter .filter-chip-remove{background-color:var(--error-color);color:#fff}.filter-chip.not-filter .filter-chip-remove:hover{background-color:#dc2626}@media(max-width:767.98px){.applied-filters{gap:8px;padding:6px 0}.applied-filters-label{font-size:.6875rem;gap:4px}.applied-filters-label svg{width:12px;height:12px}.applied-filters-scroll{-webkit-overflow-scrolling:touch}.filter-chip{font-size:.6875rem;padding:2px 5px 2px 8px;gap:5px}.filter-chip-label{max-width:200px}.filter-chip-remove{width:15px;height:15px;min-width:15px}.filter-chip-remove svg{width:10px;height:10px}.applied-filters-clear-all{font-size:.625rem;padding:3px 8px}}.editable-cell-display{display:flex;align-items:center;gap:8px;width:100%;padding:4px 8px;margin:-4px -8px;border-radius:4px;cursor:pointer;transition:all .15s ease;border:2px solid transparent}.editable-cell-display:hover{background-color:var(--sidebar-active-bg);border-color:var(--border-light)}.editable-cell-display:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(var(--bs-primary-rgb),.1)}.cell-value{flex:1;min-width:0}.pencil-icon{flex-shrink:0;display:flex;align-items:center;color:var(--text-secondary);opacity:0;transition:opacity .15s ease}.pencil-icon.visible{opacity:.6}.editable-wrapper{width:100%;display:flex;align-items:center}.editable-input{width:100%;padding:6px 10px;border:2px solid var(--accent-primary);border-radius:6px;background-color:var(--bg-secondary);color:var(--text-primary);font-size:inherit;font-family:inherit;outline:none;box-shadow:0 0 0 3px rgba(var(--bs-primary-rgb),.15),0 2px 8px #0000001a;transition:all .2s cubic-bezier(.4,0,.2,1);animation:editFadeIn .15s cubic-bezier(.4,0,.2,1)}@keyframes editFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.editable-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 4px rgba(var(--bs-primary-rgb),.2),0 4px 12px #00000026}.editable-input:disabled{opacity:.6;cursor:not-allowed}[data-theme=dark] .editable-input{box-shadow:0 0 0 3px rgba(var(--bs-primary-rgb),.25),0 2px 8px #0000004d}[data-theme=dark] .editable-input:focus{box-shadow:0 0 0 4px rgba(var(--bs-primary-rgb),.3),0 4px 12px #00000080}.card-view{width:100%}.card-view-empty{text-align:center;padding:40px 20px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;padding:8px 0}.data-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:12px;padding:12px;transition:all .2s ease;box-shadow:0 2px 8px #0000000a;display:flex;flex-direction:column;height:100%;position:relative}.clickable-card{cursor:pointer}.data-card-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:8px}.data-card-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--accent-primary);color:#fff;border-radius:10px}.data-card-title{flex:1;min-width:0}.data-card-title h4{margin:0 0 4px;font-size:1.1rem;font-weight:600;color:var(--text-primary);line-height:1.3;word-wrap:break-word}.data-card-subtitle{margin:0;font-size:.9rem;color:var(--text-secondary);font-weight:400;line-height:1.2}.data-card-body{display:flex;flex-direction:column;gap:2px;flex:1}.data-card-field{display:flex;justify-content:space-between;align-items:center;padding:2px 16px 2px 0;border-radius:6px}.data-card-field-label{font-size:.85rem;font-weight:500;color:var(--text-secondary);flex-shrink:0;margin-right:12px}.data-card-field-value{font-size:.9rem;color:var(--text-primary);text-align:right;word-wrap:break-word;min-width:0;flex:1}.data-card-footer{margin-top:auto;padding-top:2px;text-align:center}.data-card-click-hint{font-size:.75rem;color:var(--text-muted);opacity:.6;transition:all .2s ease;font-weight:500}.data-card:hover .data-card-click-hint{opacity:1;color:var(--accent-primary)}[data-theme=dark] .data-card{box-shadow:0 2px 8px #0000004d}[data-theme=dark] .data-card:hover{box-shadow:0 6px 16px #0006}@media(max-width:767.98px){.card-grid{grid-template-columns:1fr}.data-card-header{flex-wrap:wrap}.data-card-actions{width:100%;justify-content:flex-end;order:3}.data-card-field{flex-direction:column;align-items:flex-start;gap:4px}.data-card-field-label{margin-right:0}.data-card-field-value{text-align:left;width:100%}}.view-toggle{display:flex;border:1px solid var(--border-light);border-radius:6px;overflow:hidden;background-color:var(--bg-secondary)}.view-toggle-btn{background:none;border:none;padding:8px 12px;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border-right:1px solid var(--border-light)}.view-toggle-btn:last-child{border-right:none}.view-toggle-btn:hover{background-color:var(--sidebar-active-bg);color:var(--text-primary)}.view-toggle-btn.active{background-color:var(--accent-primary);color:#fff}.view-toggle-btn.active:hover{background-color:var(--accent-hover)}.engine-metric-card{border:1px solid var(--border-light);border-radius:12px;box-shadow:0 0 2px 0 var(--border-light)}.engine-metric-card-body{padding:1.5rem}@media(max-width:991.98px){.engine-metric-card-body{padding:1rem}}.engine-metric-card-title{color:var(--text-secondary);font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}@media(max-width:991.98px){.engine-metric-card-title{font-size:.75rem;margin-bottom:.5rem!important}}.engine-metric-card-value{font-size:1.75rem;font-weight:600;line-height:1.2}@media(max-width:991.98px){.engine-metric-card-value{font-size:1.5rem;margin-bottom:.5rem!important}}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 4px rgba(var(--bs-primary-rgb),.12))}50%{filter:drop-shadow(0 0 6px rgba(var(--bs-primary-rgb),.2))}}.engine-metric-card-value.text-primary{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--color-blue-700) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:pulse-glow 3s ease-in-out infinite}.engine-metric-card-subtitle{color:var(--text-muted);font-size:.8rem}.engine-metric-card-icon{font-size:2.5rem;opacity:.6;margin-top:-.25rem}@media(max-width:991.98px){.engine-metric-card-icon{font-size:2rem}.engine-metric-card-mobile{padding:.75rem!important}.engine-metric-card-mobile-layout{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem}.engine-metric-card-icon-mobile{font-size:1.25rem;opacity:.6;display:flex;align-items:center}.engine-metric-card-label-mobile{display:flex;flex-direction:column;gap:.125rem}.engine-metric-card-label-mobile .engine-metric-card-title{font-size:.7rem;margin-bottom:0!important}.engine-metric-card-label-mobile .engine-metric-card-subtitle{font-size:.65rem;line-height:1.2}.engine-metric-card-value-mobile{font-size:1.25rem;font-weight:600;text-align:right;line-height:1.2}.engine-metric-card-value-mobile.text-primary{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--color-blue-700) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}}.engine-metric-card-unit{color:var(--text-muted);margin-left:.25em;font-size:var(--text-h6);opacity:.7;-webkit-text-fill-color:var(--text-muted)}.drive-history-compact{display:flex;flex-direction:column;gap:.75rem}.drive-history-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:.75rem;border-radius:8px;background:var(--bg-secondary);border:1px solid var(--border-light)}.drive-history-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.drive-history-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.drive-history-value{text-align:right;font-size:1rem;font-weight:600;color:var(--text-primary);display:flex;flex-direction:column;align-items:flex-end}.drive-history-subvalue{font-size:.75rem;font-weight:400;color:var(--text-muted);margin-top:.125rem}@media(max-width:767.98px){.quick-action-btn{padding:.5rem!important;font-size:.75rem!important;gap:.25rem!important}.quick-action-text{font-size:.75rem}}.overrev-report{width:100%}.overrev-table{display:flex;flex-direction:column;gap:0;border:1px solid var(--border-light);border-radius:var(--radius-md);overflow:hidden}.overrev-table-header{display:grid;grid-template-columns:2fr 2fr 2fr;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-light);font-weight:600;font-size:var(--text-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.overrev-table-header:has(.overrev-cell-rpm){grid-template-columns:2.5fr 1.5fr 1.5fr 1.5fr}.overrev-table-row{display:grid;grid-template-columns:2fr 2fr 2fr;transition:background-color .15s ease}.overrev-table-row:has(.overrev-cell-rpm){grid-template-columns:2.5fr 1.5fr 1.5fr 1.5fr}.overrev-table-row:hover{background-color:var(--bg-hover)}.overrev-cell{padding:var(--spacing-md);display:flex;align-items:center}.overrev-cell-range{justify-content:flex-start}.overrev-cell-count,.overrev-cell-hours{justify-content:center}.overrev-cell-rpm{justify-content:flex-start}.overrev-cell-revs,.overrev-cell-time,.overrev-cell-hours-ago{justify-content:center}@media(max-width:768px){.overrev-table-header,.overrev-table-row{grid-template-columns:1.5fr 1.5fr 1.5fr;font-size:var(--text-sm)}.overrev-table-header:has(.overrev-cell-rpm),.overrev-table-row:has(.overrev-cell-rpm){grid-template-columns:1.5fr 1fr 1fr 1fr}.overrev-cell{padding:var(--spacing-sm)}}.emissions-readiness{max-width:100%}.emissions-monitors{display:inline-flex;flex-direction:column;gap:0;border:1px solid var(--border-light);border-radius:var(--radius-md);overflow:hidden;min-width:400px;max-width:100%}.emissions-monitor-row{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);transition:background-color .15s ease}.emissions-monitor-row:hover{background-color:var(--bg-hover)}.emissions-monitor-label{font-weight:"500";color:var(--text-primary);font-size:var(--text-base)}.emissions-monitor-status{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--text-base)}@media(max-width:768px){.emissions-monitors{min-width:0;width:100%}.emissions-monitor-row{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.emissions-monitor-status{width:100%;justify-content:space-between}}.ecu-info{max-width:100%}.ecu-info-table{display:inline-flex;flex-direction:column;gap:0;border:1px solid var(--border-light);border-radius:var(--radius-md);overflow:hidden;min-width:400px;max-width:100%}.ecu-info-row{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);transition:background-color .15s ease}.ecu-info-row:hover{background-color:var(--bg-hover)}.ecu-info-label{font-weight:500;color:var(--text-primary);font-size:var(--text-base)}.ecu-info-value{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--text-base);color:var(--text-primary)}@media(max-width:768px){.ecu-info-table{min-width:0;width:100%}.ecu-info-row{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.ecu-info-value{width:100%;justify-content:space-between}}.hex-editor{display:flex;flex-direction:column;height:100%;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;font-size:13px;line-height:1.6}.hex-toolbar{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--bg-form);border-bottom:1px solid var(--border-color);gap:var(--spacing-md);flex-wrap:wrap}.hex-info{display:flex;gap:var(--spacing-lg);align-items:center;color:var(--text-secondary);font-size:var(--text-sm)}.hex-info-item{display:flex;align-items:center;gap:var(--spacing-xs)}.hex-info-item strong{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.hex-actions{display:flex;gap:var(--spacing-md);align-items:center}.hex-search{display:flex;align-items:center;gap:var(--spacing-sm)}.hex-search-input{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-primary);font-family:inherit;font-size:var(--text-sm);width:180px;transition:border-color .2s ease}.hex-search-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--primary-color-alpha)}.hex-search-input::placeholder{color:var(--text-muted)}.hex-search-nav{display:flex;align-items:center;gap:var(--spacing-xs)}.hex-search-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);padding:2px 8px;cursor:pointer;font-size:12px;transition:all .2s ease}.hex-search-btn:hover{background:var(--bg-hover);color:var(--accent-primary);border-color:var(--accent-primary)}.hex-search-counter{font-size:var(--text-xs);color:var(--text-muted);min-width:50px;text-align:center}.hex-copy-btn{display:flex;align-items:center;gap:var(--spacing-xs);background:var(--accent-primary);color:#fff;border:none;border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-md);cursor:pointer;font-size:var(--text-sm);transition:background .2s ease}.hex-copy-btn:hover{background:var(--accent-hover)}.hex-content{padding:var(--spacing-md);background:var(--bg-primary);overflow-x:auto;overflow-y:auto}.hex-content:focus{outline:2px solid var(--accent-primary);outline-offset:-2px}.hex-empty{padding:var(--spacing-2xl);text-align:center;color:var(--text-muted);font-style:italic}.hex-row{display:grid;grid-template-columns:minmax(70px,auto) 1fr 180px;gap:var(--spacing-lg);padding:2px 0;transition:background .15s ease;align-items:start}.hex-row.no-ascii{grid-template-columns:minmax(70px,auto) 1fr}.hex-row:hover{background:var(--bg-hover)}.hex-offset{color:var(--text-muted);font-weight:var(--font-weight-medium);-webkit-user-select:none;user-select:none}.hex-bytes{display:flex;flex-wrap:wrap;gap:2px;min-width:0}.hex-byte{display:inline-block;padding:2px 4px;border-radius:3px;cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--packet-viewer-hex);background:transparent;transition:background .1s ease,color .1s ease;font-weight:var(--font-weight-medium);margin:0 -1px}.hex-byte.hovered:not(.selected),.hex-byte:hover:not(.selected){background:var(--primary-color-alpha);color:var(--accent-primary);position:relative;z-index:1}.hex-byte.selected{background:var(--accent-primary)!important;color:#fff!important;border-radius:0;position:relative;z-index:2}.hex-byte.selected:not(.selected+.hex-byte){border-top-left-radius:3px;border-bottom-left-radius:3px}.hex-byte.selected:not(:has(+.hex-byte.selected)){border-top-right-radius:3px;border-bottom-right-radius:3px}@supports not (selector(:has(*))){.hex-byte.selected{border-radius:3px}}.hex-byte.focused.selected{box-shadow:0 0 0 1px #ffffff80;z-index:3}.hex-ascii{color:var(--text-secondary);font-weight:var(--font-weight-normal);-webkit-user-select:none;user-select:none;padding-left:var(--spacing-md);border-left:2px solid var(--border-color);font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;letter-spacing:0;text-align:left;line-height:1.6;display:flex;flex-wrap:wrap;align-content:flex-start;font-size:14px}.ascii-char{display:inline-block;cursor:pointer;transition:background .1s ease,color .1s ease;padding:2px 1px;margin:0;min-width:8px;text-align:center}.ascii-char.hovered:not(.selected),.ascii-char:hover:not(.selected){background:var(--primary-color-alpha);color:var(--accent-primary);position:relative;z-index:1}.ascii-char.selected{background:var(--accent-primary)!important;color:#fff!important;border-radius:0;position:relative;z-index:2}.ascii-char.selected:first-child,.ascii-char.selected:not(.selected+.ascii-char){border-top-left-radius:2px;border-bottom-left-radius:2px}.ascii-char.selected:last-child,.ascii-char.selected:not(:has(+.ascii-char.selected)){border-top-right-radius:2px;border-bottom-right-radius:2px}@supports not (selector(:has(*))){.ascii-char.selected{border-radius:2px}}.ascii-char.highlighted:not(.selected){color:var(--text-primary);font-weight:var(--font-weight-semibold)}.hex-utf8{flex:0 1 auto;max-width:200px;margin-left:auto;padding:var(--spacing-xs) var(--spacing-sm);color:var(--text-muted);font-size:var(--text-xs);font-style:italic;background:var(--bg-form);border-radius:var(--radius-sm);line-height:1.4;word-break:break-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:1200px){.hex-row{grid-template-columns:minmax(65px,auto) 1fr 160px;gap:var(--spacing-md)}}@media(max-width:992px){.hex-toolbar{flex-direction:column;align-items:stretch}.hex-info{flex-wrap:wrap;gap:var(--spacing-sm)}.hex-actions{justify-content:space-between}.hex-search-input{flex:1}.hex-row{grid-template-columns:minmax(60px,auto) 1fr;gap:var(--spacing-md)}.hex-ascii{display:none}}@media(max-width:768px){.hex-editor{font-size:11px}.hex-row{grid-template-columns:auto 1fr;gap:var(--spacing-sm)}.hex-bytes{gap:2px}.hex-byte{padding:1px 3px}}@media(max-width:480px){.hex-editor{font-size:10px}.hex-row{gap:var(--spacing-xs)}.hex-bytes{gap:1px}.hex-byte{padding:1px 2px}.hex-offset{font-size:9px}}.hex-editor.loading{opacity:.6;pointer-events:none}.hex-editor.loading:after{content:"Loading...";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-secondary);padding:var(--spacing-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:var(--text-primary);font-weight:var(--font-weight-semibold)}.hex-content::-webkit-scrollbar{width:8px;height:8px}.hex-content::-webkit-scrollbar-track{background:var(--bg-secondary)}.hex-content::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}.hex-content::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.hex-editor.selecting,.hex-editor.selecting .hex-byte{cursor:text}@media print{.hex-toolbar{display:none}.hex-editor{border:1px solid #000}.hex-byte.selected{background:#ccc!important;color:#000!important}}.packet-hex-viewer{display:flex;flex-direction:column;height:calc(100vh - 180px);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;font-size:13px;line-height:1.6}.packet-hex-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--bg-form);border-bottom:1px solid var(--border-color);flex-shrink:0}.packet-hex-info{display:flex;gap:var(--spacing-md);align-items:center;color:var(--text-secondary);font-size:var(--text-sm)}.packet-hex-info-item{display:flex;align-items:center;gap:6px}.packet-hex-info-item strong{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.match-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;color:#fff;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);animation:slideIn .2s ease}.match-badge.selection-badge{background:var(--accent-primary)}.match-badge.search-badge{background:var(--warning-color)}@keyframes slideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.packet-hex-copy-btn{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:var(--accent-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .2s ease;animation:slideIn .2s ease}.packet-hex-copy-btn:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.packet-hex-search{position:relative;display:flex;align-items:center;width:400px;flex-shrink:0}.packet-hex-search-icon{position:absolute;left:10px;color:var(--text-muted);pointer-events:none}.packet-hex-search-input{width:100%;padding:6px 90px 6px 32px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-secondary)!important;color:var(--text-primary);font-size:var(--text-sm);transition:border-color .2s ease,box-shadow .2s ease}.packet-hex-search-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--primary-color-alpha)}.packet-hex-search-input::placeholder{color:var(--text-placeholder);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.packet-hex-search-input.hex-input{font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace;letter-spacing:.08em;font-weight:var(--font-weight-medium);border-color:var(--packet-viewer-hex);background:var(--bs-info-bg-subtle);text-transform:uppercase;color:var(--packet-viewer-hex)}.packet-hex-search-nav{position:absolute;right:36px;display:flex;gap:2px;background:var(--bg-form);border-radius:var(--radius-sm);padding:2px;border:1px solid var(--border-color);z-index:10}.packet-hex-search-nav-btn{padding:4px 6px;background:var(--bg-secondary);border:none;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xs);transition:all .2s ease;min-width:24px;height:24px}.packet-hex-search-nav-btn:hover:not(:disabled){background:var(--accent-primary);color:#fff}.packet-hex-search-nav-btn:disabled{opacity:.4;cursor:not-allowed}.packet-hex-search-clear{position:absolute;right:8px;padding:4px;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all .2s ease;z-index:10}.packet-hex-search-clear:hover{background:var(--bg-hover);color:var(--text-primary)}.packet-hex-content{flex:1;overflow-y:auto;padding:var(--spacing-sm);background:var(--bg-primary);position:relative}.packet-hex-content::-webkit-scrollbar{width:8px}.packet-hex-content::-webkit-scrollbar-track{background:var(--bg-secondary)}.packet-hex-content::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}.packet-hex-content::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.packet-hex-empty-state{padding:var(--spacing-2xl);text-align:center;color:var(--text-muted);font-style:italic}.packet-hex-block{background:var(--bg-secondary);border:1px solid var(--border-light);border-left:4px solid var(--text-muted);border-radius:var(--radius-md);margin-bottom:12px;overflow:hidden;transition:all .15s ease}.packet-hex-block:hover{border-color:var(--border-color);box-shadow:var(--shadow-sm)}.packet-hex-block.selected{border-color:var(--accent-primary);box-shadow:var(--shadow-md)}.packet-hex-block.hovered{background:var(--primary-color-alpha-15);border-left-color:var(--accent-primary);box-shadow:0 0 0 3px var(--primary-color-alpha),var(--shadow-md)}.packet-hex-scroll-indicator{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:8px 16px;background:var(--accent-primary);color:#fff;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-lg);z-index:10;pointer-events:none;cursor:not-allowed;opacity:.75;animation:pulse 2s ease-in-out infinite}.packet-hex-scroll-indicator.top{top:10px}.packet-hex-scroll-indicator.bottom{bottom:10px}@keyframes pulse{0%,to{opacity:.7;box-shadow:0 0 #3b82f600}50%{opacity:1;box-shadow:0 0 20px 4px #3b82f699}}.packet-header-bar{display:flex;justify-content:space-between;align-items:center;padding:6px 12px;background:var(--bg-form);border-bottom:1px solid var(--border-light);font-size:var(--text-xs);transition:background .15s ease}.packet-header-bar:hover{background:var(--bg-hover)}.packet-header-left{display:flex;align-items:center;gap:var(--spacing-md)}.packet-header-right{display:flex;align-items:center;gap:var(--spacing-sm)}.packet-protocol-name{display:inline-flex;align-items:center;gap:6px;font-weight:var(--font-weight-semibold);color:var(--text-primary)}.packet-protocol-name:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background-color:currentColor}.packet-info{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--font-weight-normal)}.packet-copy-btn{padding:2px 6px;background:var(--bg-hover);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;opacity:.7}.packet-copy-btn:hover{opacity:1;background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.packet-hex-block:not(:hover) .packet-copy-btn{opacity:.4}.packet-jump-log-btn{padding:2px 6px;background:var(--accent-primary);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;opacity:.7}.packet-jump-log-btn:hover{opacity:1;background:var(--accent-hover)}.packet-hex-block:not(:hover) .packet-jump-log-btn{opacity:.4}.packet-hex-editor-wrapper{background:var(--bg-primary);padding:12px}.packet-hex-editor-wrapper .hex-editor{border:none;border-radius:0;background:transparent;height:auto}.packet-hex-editor-wrapper .hex-toolbar{background:var(--bg-form);border-radius:var(--radius-sm);margin-bottom:12px;padding:8px 12px}.packet-hex-editor-wrapper .hex-content{background:transparent;padding:0;flex:none;height:auto;overflow:visible!important}.packet-hex-editor-wrapper .hex-content:focus{outline:none}.packet-hex-editor-wrapper .hex-content::-webkit-scrollbar{display:none}.packet-hex-editor-wrapper .hex-content{-ms-overflow-style:none;scrollbar-width:none}@media(max-width:992px){.packet-hex-editor-wrapper{padding:12px}.packet-header-bar{flex-direction:column;align-items:flex-start;gap:4px}}@media(max-width:768px){.packet-hex-viewer{font-size:12px;height:calc(100vh - 260px)}.packet-hex-block{margin-bottom:16px}.packet-hex-editor-wrapper{padding:8px}.packet-header-bar{padding:8px 12px}.packet-hex-search{max-width:200px}}@media(max-width:992px)and (min-width:769px){.packet-hex-viewer{height:calc(100vh - 220px)}}:root{--color-slate-900: #0f172a;--color-gray-800: #1e293b;--color-gray-700: #374151;--color-gray-400: #9ca3af;--color-gray-300: #d1d5db;--color-blue-600: #2563eb;--color-blue-700: #1d4ed8;--color-blue-500: #3b82f6;--color-blue-400: #60a5fa;--color-blue-300: #93c5fd;--color-white: white;--bg-primary: #f5f7fa;--bg-secondary: #ffffff;--bg-tertiary: #f8fafc;--bg-form: #f8fafc;--bg-breadcrumb: #edf2f7;--bg-sidebar: #f8f9fa;--bg-hover: #f1f5f9;--text-primary: #222222;--text-secondary: #6c757d;--text-muted: #9ca3af;--border-color: #dee2e6;--border-light: #e5e7eb;--accent-primary: #0d6efd;--accent-primary-alpha: rgba(13, 110, 253, .1);--accent-hover: #155a9c;--sidebar-active-bg: #e7f1ff;--error-color: #ef4444;--error-color-rgb: 239, 68, 68;--error-color-alpha-10: rgba(239, 68, 68, .1);--error-color-alpha-15: rgba(239, 68, 68, .15);--error-color-alpha-20: rgba(239, 68, 68, .2);--danger-color: var(--error-color);--success-color: #22c55e;--success-color-rgb: 34, 197, 94;--success-hover: #16a34a;--warning-color: #f59e0b;--warning-color-rgb: 245, 158, 11;--warning-color-alpha: rgba(245, 158, 11, .25);--warning-color-alpha-light: rgba(245, 158, 11, .15);--info-color: #3b82f6;--info-color-rgb: 59, 130, 246;--error-hover: #dc2626;--placeholder-text: #999999;--link-color: #0d6efd;--link-hover-color: #155a9c;--scrollbar-thumb: #cbd5e0;--scrollbar-thumb-hover: #9ca3af;--modal-backdrop: rgba(0, 0, 0, .75);--primary-color: var(--accent-primary);--primary-color-alpha: rgba(13, 110, 253, .1);--primary-color-alpha-15: rgba(13, 110, 253, .15);--primary-color-alpha-20: rgba(13, 110, 253, .2);--text-placeholder: var(--placeholder-text);--kbd-bg: rgba(128, 128, 128, .2);--error-bg: rgba(239, 68, 68, .1);--auto-detect-color: var(--error-color);--user-tag-color: var(--warning-color);--badge-info: #60a5fa;--badge-info-text: #ffffff;--badge-info-rgb: 96, 165, 250;--badge-low: #64748b;--badge-low-text: #ffffff;--badge-low-rgb: 100, 116, 139;--badge-medium: #f97316;--badge-medium-text: #ffffff;--badge-medium-rgb: 249, 115, 22;--badge-high: #ef4444;--badge-high-text: #ffffff;--badge-high-rgb: 239, 68, 68;--badge-code: #6b7280;--badge-code-text: #ffffff;--badge-cel: var(--badge-medium);--badge-cel-text: var(--badge-medium-text);--protocol-request: #3b82f6;--protocol-request-bg: rgba(59, 130, 246, .1);--protocol-response: #22c55e;--protocol-response-bg: rgba(34, 197, 94, .1);--protocol-meta: #9ca3af;--protocol-meta-bg: rgba(156, 163, 175, .1);--protocol-status: #f59e0b;--protocol-status-bg: rgba(245, 158, 11, .1);--protocol-poweron: #8b5cf6;--protocol-poweron-bg: rgba(139, 92, 246, .1);--protocol-command: #06b6d4;--protocol-command-bg: rgba(6, 182, 212, .1);--protocol-error: #ef4444;--protocol-error-bg: rgba(239, 68, 68, .1);--packet-viewer-hex: #fb923c;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.5rem;--spacing-2xl: 2rem;--spacing-3xl: 3rem;--spacing-4xl: 4rem;--spacing-5xl: 5rem;--text-h1: 2.25rem;--text-h2: 1.875rem;--text-h3: 1.5rem;--text-h4: 1.25rem;--text-h5: 1.125rem;--text-h6: 1rem;--text-base: .875rem;--text-lg: 1rem;--text-sm: .8rem;--text-xs: .75rem;--text-xl: 1.125rem;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.6;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .25);--shadow-accent-sm: 0 2px 8px rgba(13, 110, 253, .15);--shadow-accent-md: 0 4px 12px rgba(13, 110, 253, .2);--shadow-accent-lg: 0 8px 20px rgba(13, 110, 253, .3);--shadow-accent-xl: 0 12px 24px rgba(13, 110, 253, .4);--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 9999px;--breakpoint-xs: 0px;--breakpoint-sm: 576px;--breakpoint-md: 768px;--breakpoint-lg: 992px;--breakpoint-xl: 1200px;--breakpoint-xxl: 1400px;--breakpoint-sm-max: 575.98px;--breakpoint-md-max: 767.98px;--breakpoint-lg-max: 991.98px;--breakpoint-xl-max: 1199.98px;--breakpoint-xxl-max: 1399.98px;--bs-body-bg: var(--bg-primary);--bs-body-color: var(--text-primary);--bs-border-color: var(--border-color);--bs-border-color-translucent: var(--border-light);--bs-primary: var(--accent-primary);--bs-primary-rgb: 13, 110, 253;--bs-secondary: var(--text-secondary);--bs-secondary-color: var(--placeholder-text);--bs-success: var(--success-color);--bs-danger: var(--error-color);--bs-warning: var(--warning-color);--bs-link-color: var(--link-color);--bs-link-hover-color: var(--link-hover-color);--bs-link-color-rgb: 13, 110, 253;--bs-link-opacity: 1;--bs-tertiary-bg: rgba(0, 0, 0, .05);--bs-info-text-emphasis: var(--accent-primary);--bs-info-bg-subtle: rgba(13, 110, 253, .1);--bs-info-border-subtle: rgba(13, 110, 253, .25);--bs-success-text-emphasis: var(--success-color);--bs-success-bg-subtle: rgba(34, 197, 94, .1);--bs-success-border-subtle: rgba(34, 197, 94, .25);--bs-warning-text-emphasis: var(--warning-color);--bs-warning-bg-subtle: rgba(245, 158, 11, .1);--bs-warning-border-subtle: rgba(245, 158, 11, .25);--bs-danger-text-emphasis: var(--error-color);--bs-danger-bg-subtle: rgba(239, 68, 68, .1);--bs-danger-border-subtle: rgba(239, 68, 68, .25)}[data-theme=dark]{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-form: #334155;--bg-sidebar: #1a202c;--bg-hover: #334155;--text-primary: #e2e8f0;--text-secondary: #cbd5e0;--text-muted: #a0aec0;--border-color: #2d3748;--border-light: #374151;--accent-primary: #60a5fa;--accent-hover: #93c5fd;--sidebar-active-bg: #2d3748;--error-color: #ef4444;--error-color-rgb: 239, 68, 68;--error-color-alpha-10: rgba(239, 68, 68, .1);--error-color-alpha-15: rgba(239, 68, 68, .15);--error-color-alpha-20: rgba(239, 68, 68, .2);--error-hover: #dc2626;--danger-color: var(--error-color);--success-color: #22c55e;--success-color-rgb: 34, 197, 94;--success-hover: #16a34a;--warning-color: #f59e0b;--warning-color-rgb: 245, 158, 11;--placeholder-text: #718096;--bg-breadcrumb: #1a202c;--link-color: #7dd3fc;--link-hover-color: #38bdf8;--scrollbar-thumb: #4a5568;--scrollbar-thumb-hover: #718096;--primary-color: var(--accent-primary);--primary-color-alpha: rgba(96, 165, 250, .15);--primary-color-alpha-15: rgba(96, 165, 250, .2);--primary-color-alpha-20: rgba(96, 165, 250, .25);--text-placeholder: var(--placeholder-text);--kbd-bg: rgba(255, 255, 255, .1);--error-bg: rgba(239, 68, 68, .15);--auto-detect-color: var(--error-color);--user-tag-color: var(--warning-color);--badge-info: #60a5fa;--badge-info-text: #ffffff;--badge-info-rgb: 96, 165, 250;--badge-low: #64748b;--badge-low-text: #ffffff;--badge-low-rgb: 100, 116, 139;--badge-medium: #f97316;--badge-medium-text: #ffffff;--badge-medium-rgb: 249, 115, 22;--badge-high: #ef4444;--badge-high-text: #ffffff;--badge-high-rgb: 239, 68, 68;--badge-code: #6b7280;--badge-code-text: #ffffff;--badge-cel: var(--badge-medium);--badge-cel-text: var(--badge-medium-text);--protocol-request: #60a5fa;--protocol-request-bg: rgba(96, 165, 250, .15);--protocol-response: #34d399;--protocol-response-bg: rgba(52, 211, 153, .15);--protocol-meta: #9ca3af;--protocol-meta-bg: rgba(156, 163, 175, .15);--protocol-status: #fbbf24;--protocol-status-bg: rgba(251, 191, 36, .15);--protocol-poweron: #a78bfa;--protocol-poweron-bg: rgba(167, 139, 250, .15);--protocol-command: #22d3ee;--protocol-command-bg: rgba(34, 211, 238, .15);--protocol-error: #f87171;--protocol-error-bg: rgba(248, 113, 113, .15);--packet-viewer-hex: #fdba74;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .6);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .8);--shadow-accent-sm: 0 2px 8px rgba(96, 165, 250, .2);--shadow-accent-md: 0 4px 12px rgba(96, 165, 250, .25);--shadow-accent-lg: 0 8px 20px rgba(96, 165, 250, .35);--shadow-accent-xl: 0 12px 24px rgba(96, 165, 250, .45);--bs-body-bg: var(--bg-primary);--bs-body-color: var(--text-primary);--bs-border-color: var(--border-color);--bs-border-color-translucent: var(--border-light);--bs-primary: var(--accent-primary);--bs-primary-rgb: 96, 165, 250;--bs-secondary: var(--text-secondary);--bs-secondary-color: var(--placeholder-text);--bs-success: var(--success-color);--bs-danger: var(--error-color);--bs-warning: var(--warning-color);--bs-link-color: var(--link-color);--bs-link-hover-color: var(--link-hover-color);--bs-link-color-rgb: 125, 211, 252;--bs-link-opacity: 1;--bs-tertiary-bg: rgba(255, 255, 255, .05);--bs-info-text-emphasis: var(--accent-primary);--bs-info-bg-subtle: rgba(96, 165, 250, .15);--bs-info-border-subtle: rgba(96, 165, 250, .3);--bs-success-text-emphasis: var(--success-color);--bs-success-bg-subtle: rgba(34, 197, 94, .15);--bs-success-border-subtle: rgba(34, 197, 94, .3);--bs-warning-text-emphasis: var(--warning-color);--bs-warning-bg-subtle: rgba(245, 158, 11, .15);--bs-warning-border-subtle: rgba(245, 158, 11, .3);--bs-danger-text-emphasis: var(--error-color);--bs-danger-bg-subtle: rgba(239, 68, 68, .15);--bs-danger-border-subtle: rgba(239, 68, 68, .3)}.device-link{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--link-color)}.device-link:hover{color:var(--link-hover-color);text-decoration:none}.car-link{text-decoration:none;color:var(--link-color)}.car-link:hover{color:var(--link-hover-color);text-decoration:none}.toggleable-section-header{background-color:var(--bg-secondary);border-radius:8px;cursor:pointer;transition:background-color .2s ease}.toggleable-section-header:hover{background-color:var(--sidebar-active-bg)}.rich-text-value-badge{display:inline-block;padding:.15em .4em;border-radius:var(--radius-sm);font-family:monospace;font-size:.95em;font-weight:var(--font-weight-medium);background-color:var(--bg-form);white-space:nowrap;vertical-align:baseline;line-height:1;box-shadow:var(--shadow-xs)}.modal-content{background-color:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-color)}.modal-header{border-bottom-color:var(--border-color)}.modal-footer{border-top-color:var(--border-color)}.modal-title{color:var(--text-primary)}.btn-close{filter:var(--bs-btn-close-filter, invert(1) grayscale(100%) brightness(200%))}[data-theme=dark] .btn-close{filter:invert(1) grayscale(100%) brightness(200%)}.form-control,.form-select{background-color:var(--bg-form);border-color:var(--border-color);color:var(--text-primary)}.form-control:focus,.form-select:focus{background-color:var(--bg-form);border-color:var(--accent-primary);color:var(--text-primary);box-shadow:0 0 0 .25rem var(--primary-color-alpha)}.form-control::placeholder{color:var(--text-placeholder)}.form-label{color:var(--text-primary)}.form-text{color:var(--text-muted)}.btn-outline-secondary{background-color:var(--bg-secondary)!important;border-color:var(--border-color)!important;color:var(--text-secondary)!important}.btn-outline-secondary:hover{background-color:var(--bg-primary)!important;border-color:var(--accent-primary)!important;color:var(--accent-primary)!important}.btn-outline-info{background-color:var(--bg-secondary)!important;border-color:var(--info-color)!important;color:var(--info-color)!important}.btn-outline-info:hover{background-color:var(--info-color)!important;border-color:var(--info-color)!important;color:var(--color-white)!important}.tooltip{--bs-tooltip-bg: var(--bg-secondary);--bs-tooltip-color: var(--text-primary);--bs-tooltip-opacity: 1;z-index:1070}.tooltip .tooltip-inner{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 .125rem .25rem #0000001a;font-size:.75rem;max-width:200px;padding:.375rem .75rem}.tooltip .tooltip-arrow:before{border-color:transparent}.tooltip.bs-tooltip-top .tooltip-arrow:before,.tooltip.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow:before{border-top-color:var(--bg-secondary)}.tooltip.bs-tooltip-end .tooltip-arrow:before,.tooltip.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow:before{border-right-color:var(--bg-secondary)}.tooltip.bs-tooltip-bottom .tooltip-arrow:before,.tooltip.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow:before{border-bottom-color:var(--bg-secondary)}.tooltip.bs-tooltip-start .tooltip-arrow:before,.tooltip.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow:before{border-left-color:var(--bg-secondary)}@keyframes breathing-glow-high{0%,to{box-shadow:0 0 4px rgba(var(--badge-high-rgb),.15),0 0 8px rgba(var(--badge-high-rgb),.08),inset 0 0 4px rgba(var(--badge-high-rgb),.1)}50%{box-shadow:0 0 8px rgba(var(--badge-high-rgb),.15),0 0 12px rgba(var(--badge-high-rgb),.08),inset 0 0 8px rgba(var(--badge-high-rgb),.15)}}@keyframes border-beam{0%{background-position:200% 0%}to{background-position:-200% 0%}}.breathing-glow-high{position:relative;animation:breathing-glow-high 3s ease-in-out infinite}.breathing-glow-high:before{content:"";position:absolute;inset:-2px;border-radius:12px;background:linear-gradient(90deg,transparent 0%,transparent 45%,rgba(var(--badge-high-rgb),.3) 50%,transparent 55%,transparent 100%);background-size:200% 100%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;padding:2px;animation:border-beam 8s linear infinite;animation-delay:calc(var(--beam-delay, 0) * -1s);pointer-events:none}.breathing-glow-high:hover{animation:none}.breathing-glow-high:hover:before{animation:none;opacity:0}.modal-content[data-modal-border-laptop-only][data-severity=High]{box-shadow:0 0 20px rgba(var(--badge-high-rgb),.4),0 0 40px rgba(var(--badge-high-rgb),.2)}.modal-content[data-modal-border-laptop-only][data-severity=Medium]{box-shadow:0 0 20px rgba(var(--badge-medium-rgb),.4),0 0 40px rgba(var(--badge-medium-rgb),.2)}.modal-content[data-modal-border-laptop-only][data-severity=Low]{box-shadow:0 0 20px rgba(var(--badge-low-rgb),.4),0 0 40px rgba(var(--badge-low-rgb),.2)}.modal-content[data-modal-border-laptop-only][data-severity=Info]{box-shadow:0 0 20px rgba(var(--badge-info-rgb),.4),0 0 40px rgba(var(--badge-info-rgb),.2)}@media(max-width:991.98px){.modal-content[data-modal-border-laptop-only]{box-shadow:none}}.dot-pattern-bg{position:relative}.dot-pattern-bg:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,var(--border-light) 1.5px,transparent 1.5px);background-size:32px 32px;background-position:0 0;opacity:.4;pointer-events:none;border-radius:inherit;z-index:0}.dot-pattern-bg>*{position:relative;z-index:1}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.gradient-text{background:linear-gradient(-45deg,var(--color-blue-600),var(--color-blue-300));background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:900;animation:gradientShift 20s ease infinite;line-height:1.2}.modern-tagline{font-weight:300;letter-spacing:.025em;line-height:1.5}@media(max-width:575.98px){.gradient-text{letter-spacing:-.01em}}.communications-tab-content{width:100%;max-width:1400px;margin:0 auto;padding:0 var(--spacing-md)}@media(max-width:991.98px){.communications-tab-content{max-width:none;padding:0}}.communications-page{display:flex;flex-direction:column;height:calc(100vh - 120px);gap:var(--spacing-lg);padding:var(--spacing-lg);overflow:hidden}.communications-header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap;flex-shrink:0}.header-left{display:flex;align-items:center;gap:var(--spacing-lg);flex:1}.page-title{margin:0;font-size:var(--text-h4);font-weight:var(--font-weight-semibold);color:var(--text-primary);display:flex;flex-direction:column;gap:var(--spacing-xs)}.log-name{font-size:var(--text-sm);font-weight:var(--font-weight-normal);color:var(--text-secondary)}.header-actions{display:flex;gap:var(--spacing-sm);align-items:center}.download-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--accent-primary);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-weight-medium);transition:background .2s ease}.download-btn:hover{background:var(--accent-hover)}.communications-content{flex:1;display:grid;grid-template-columns:1fr 2fr;gap:var(--spacing-lg);min-height:0}.packet-list-panel,.hex-editor-panel{display:flex;flex-direction:column;min-height:0;overflow:hidden}@media(max-width:1200px){.communications-content{grid-template-columns:2fr 3fr}}@media(max-width:992px){.communications-content{grid-template-columns:1fr;grid-template-rows:auto 1fr}.packet-list-panel{max-height:300px}}@media(max-width:768px){.communications-page{padding:var(--spacing-md);gap:var(--spacing-md)}.communications-header{flex-direction:column;align-items:stretch}.header-left{flex-direction:column;align-items:flex-start}.page-title{font-size:var(--text-h5)}.header-actions{justify-content:stretch}.download-btn{flex:1;justify-content:center}}.communications-page .loading,.communications-page .error{flex:1;display:flex;align-items:center;justify-content:center}.packet-list-panel::-webkit-scrollbar,.hex-editor-panel::-webkit-scrollbar{width:8px;height:8px}.packet-list-panel::-webkit-scrollbar-track,.hex-editor-panel::-webkit-scrollbar-track{background:var(--bg-secondary)}.packet-list-panel::-webkit-scrollbar-thumb,.hex-editor-panel::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}.packet-list-panel::-webkit-scrollbar-thumb:hover,.hex-editor-panel::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}@media print{.communications-header{border-bottom:2px solid #000;padding-bottom:var(--spacing-md)}.header-actions,.back-button{display:none}.communications-content{grid-template-columns:1fr;page-break-inside:avoid}.packet-list-panel{max-height:none}}