:root{--tp-color-bg: #f7f8fc;--tp-color-surface: #ffffff;--tp-color-surface-alt: #eff6ff;--tp-color-text: #111827;--tp-color-text-muted: #6b7280;--tp-color-border: #e5e7eb;--tp-color-primary: #1d4ed8;--tp-color-primary-hover: #1e40af;--tp-color-primary-active: #1e3a8a;--tp-color-primary-contrast: #ffffff;--tp-color-link: var(--tp-color-primary);--tp-color-success: #2f855a;--tp-color-success-bg: #e6f4ea;--tp-color-warning: #b7791f;--tp-color-warning-bg: #fef3d9;--tp-color-danger: #c53030;--tp-color-danger-bg: #fdecec;--tp-color-info: #1d4ed8;--tp-color-info-bg: #eff6ff;--tp-sidebar-bg-start: #2d3748;--tp-sidebar-bg-end: #1a202c;--tp-sidebar-text: #edf2f7;--tp-sidebar-text-muted: #a0aec0;--tp-sidebar-active-bg: #1d4ed8;--tp-sidebar-active-text: #ffffff;--tp-table-header-bg: #f7f8fc;--tp-table-row-hover-bg: #eff6ff;--tp-scrollbar-track: #f7f8fc;--tp-scrollbar-thumb: #cbd5e0;--tp-scrollbar-thumb-hover: #a0aec0;--tp-shadow-color: rgba(29, 78, 216, .14);--tp-shadow-elevated: 0 6px 20px rgba(29, 78, 216, .18);--tp-radius-md: 8px}.ng-select.ng-select-opened>.ng-select-container{background:#fff;border-color:hsl(0,0%,70%) #ccc hsl(0,0%,85%)}.ng-select.ng-select-opened>.ng-select-container:hover{box-shadow:none}.ng-select.ng-select-opened>.ng-select-container .ng-arrow{top:-2px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) #999;border-width:0 5px 5px}.ng-select.ng-select-opened>.ng-select-container .ng-arrow:hover{border-color:rgba(0,0,0,0) rgba(0,0,0,0) #333}.ng-select.ng-select-opened.ng-select-top>.ng-select-container{border-top-right-radius:0;border-top-left-radius:0}.ng-select.ng-select-opened.ng-select-right>.ng-select-container{border-top-right-radius:0;border-bottom-right-radius:0}.ng-select.ng-select-opened.ng-select-bottom>.ng-select-container{border-bottom-right-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-opened.ng-select-left>.ng-select-container{border-top-left-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-focused:not(.ng-select-opened)>.ng-select-container{border-color:#007eff;box-shadow:inset 0 1px 1px #00000013,0 0 0 3px #007eff1a}.ng-select.ng-select-disabled>.ng-select-container{background-color:#f9f9f9}.ng-select .ng-has-value .ng-placeholder{display:none}.ng-select .ng-select-container{color:#333;background-color:#fff;border-radius:4px;border:1px solid #ccc;min-height:36px;align-items:center}.ng-select .ng-select-container:hover{box-shadow:0 1px #0000000f}.ng-select .ng-select-container .ng-value-container{align-items:center;padding-left:10px}[dir=rtl] .ng-select .ng-select-container .ng-value-container{padding-right:10px;padding-left:0}.ng-select .ng-select-container .ng-value-container .ng-placeholder{color:#999}.ng-select.ng-select-single .ng-select-container{height:36px}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{top:5px;left:0;padding-left:10px;padding-right:50px}[dir=rtl] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{padding-right:10px;padding-left:50px}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value{background-color:#f9f9f9;border:1px solid hsl(0,0%,90%)}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label{padding:0 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-top:5px;padding-left:7px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-right:7px;padding-left:0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{font-size:.9em;margin-bottom:5px;color:#333;background-color:#ebf5ff;border-radius:2px;margin-right:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{margin-right:0;margin-left:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{background-color:#f9f9f9}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:0;padding-right:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label,.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{display:inline-block;padding:1px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{background-color:#d1e8ff}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-right:1px solid rgb(183.6,218.88,255)}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-left:1px solid rgb(183.6,218.88,255);border-right:none}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:1px solid rgb(183.6,218.88,255)}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:0;border-right:1px solid rgb(183.6,218.88,255)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 0 3px 3px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 3px 3px 0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input>input{color:#000}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{top:5px;padding-bottom:5px;padding-left:3px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{padding-right:3px;padding-left:0}.ng-select .ng-clear-wrapper{color:#999}.ng-select .ng-clear-wrapper:hover .ng-clear{color:#d0021b}.ng-select .ng-clear-wrapper:focus .ng-clear{color:#d0021b}.ng-select .ng-clear-wrapper:focus{outline:none}.ng-select .ng-spinner-zone{padding:5px 5px 0 0}[dir=rtl] .ng-select .ng-spinner-zone{padding:5px 0 0 5px}.ng-select .ng-arrow-wrapper{width:25px;padding-right:5px}[dir=rtl] .ng-select .ng-arrow-wrapper{padding-left:5px;padding-right:0}.ng-select .ng-arrow-wrapper:hover .ng-arrow{border-top-color:#666}.ng-select .ng-arrow-wrapper .ng-arrow{border-color:#999 rgba(0,0,0,0) rgba(0,0,0,0);border-style:solid;border-width:5px 5px 2.5px}.ng-dropdown-panel{background-color:#fff;border:1px solid #ccc;box-shadow:0 1px #0000000f;left:0}.ng-dropdown-panel.ng-select-top{bottom:100%;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-color:#e6e6e6;margin-bottom:-1px}.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.ng-dropdown-panel.ng-select-right{left:100%;top:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:#e6e6e6;margin-bottom:-1px}.ng-dropdown-panel.ng-select-right .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px}.ng-dropdown-panel.ng-select-bottom{top:100%;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-top-color:#e6e6e6;margin-top:-1px}.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.ng-dropdown-panel.ng-select-left{left:-100%;top:0;border-top-left-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:#e6e6e6;margin-bottom:-1px}.ng-dropdown-panel.ng-select-left .ng-dropdown-panel-items .ng-option:first-child{border-top-left-radius:4px}.ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid #ccc;padding:5px 7px}.ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid #ccc;padding:5px 7px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{-webkit-user-select:none;user-select:none;padding:8px 10px;font-weight:500;color:#0000008a;cursor:pointer}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background-color:#f5faff}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked{color:#0000008a;background-color:#ebf5ff;font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{background-color:#fff;color:#000000de;padding:8px 10px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{color:#333;background-color:#ebf5ff}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label{font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background-color:#f5faff;color:#333}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:#ccc}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:22px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-right:22px;padding-left:0}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{font-size:80%;font-weight:400;padding-right:5px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-left:5px;padding-right:0}[dir=rtl] .ng-dropdown-panel{direction:rtl;text-align:right}:root{--tp-btn-primary-bg: var(--tp-color-primary);--tp-btn-primary-bg-hover: var(--tp-color-primary-hover);--tp-btn-primary-bg-active: var(--tp-color-primary-active);--tp-btn-primary-color: var(--tp-color-primary-contrast);--tp-btn-secondary-bg: var(--tp-color-surface);--tp-btn-secondary-bg-hover: var(--tp-color-surface-alt);--tp-btn-secondary-color: var(--tp-color-primary);--tp-btn-secondary-border: var(--tp-color-primary);--tp-btn-danger-bg: var(--tp-color-surface);--tp-btn-danger-bg-hover: var(--tp-color-danger-bg);--tp-btn-danger-color: var(--tp-color-danger);--tp-btn-danger-border: var(--tp-color-danger);--tp-btn-radius: var(--tp-radius-md, 8px);--tp-btn-font-size: 14px;--tp-btn-font-weight: 600;--tp-btn-padding-y: 10px;--tp-btn-padding-x: 18px;--tp-btn-min-height: 40px;--tp-btn-disabled-opacity: .55}.btn-primary,button.btn-primary,a.btn-primary,input.btn-primary[type=submit]{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--tp-btn-min-height);padding:var(--tp-btn-padding-y) var(--tp-btn-padding-x);border:none;border-radius:var(--tp-btn-radius);background:var(--tp-btn-primary-bg);color:var(--tp-btn-primary-color);font-family:inherit;font-size:var(--tp-btn-font-size);font-weight:var(--tp-btn-font-weight);line-height:1.2;text-decoration:none;white-space:nowrap;cursor:pointer;box-sizing:border-box;transition:background .2s ease,box-shadow .2s ease,transform .1s ease}.btn-primary:hover:not(:disabled),a.btn-primary:hover{background:var(--tp-btn-primary-bg-hover)}.btn-primary:active:not(:disabled){background:var(--tp-btn-primary-bg-active);transform:scale(.98)}.btn-primary:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--tp-color-primary) 35%,transparent)}.btn-primary:disabled,.btn-primary[disabled]{background:var(--tp-btn-primary-bg);color:var(--tp-btn-primary-color);opacity:.7;cursor:not-allowed;transform:none}.btn-secondary,button.btn-secondary,a.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--tp-btn-min-height);padding:calc(var(--tp-btn-padding-y) - 1px) calc(var(--tp-btn-padding-x) - 1px);border:1px solid var(--tp-btn-secondary-border);border-radius:var(--tp-btn-radius);background:var(--tp-btn-secondary-bg);color:var(--tp-btn-secondary-color);font-family:inherit;font-size:var(--tp-btn-font-size);font-weight:var(--tp-btn-font-weight);line-height:1.2;text-decoration:none;white-space:nowrap;cursor:pointer;box-sizing:border-box;transition:background .2s ease,box-shadow .2s ease,transform .1s ease}.btn-secondary:hover:not(:disabled),a.btn-secondary:hover{background:var(--tp-btn-secondary-bg-hover)}.btn-secondary:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--tp-color-primary) 35%,transparent)}.btn-secondary:disabled{background:#f1f5f9;color:#94a3b8;border-color:#cbd5e0;opacity:1;cursor:not-allowed}.btn-primary.btn-compact,.btn-secondary.btn-compact,.btn-danger.btn-compact,.btn-danger-outline.btn-compact,button.btn-primary.btn-compact,button.btn-secondary.btn-compact,button.btn-danger.btn-compact,a.btn-primary.btn-compact,a.btn-secondary.btn-compact,.btn-primary.btn-sm,.btn-secondary.btn-sm,.btn-danger.btn-sm,button.btn-primary.btn-sm,button.btn-secondary.btn-sm,button.btn-danger.btn-sm,a.btn-primary.btn-sm,a.btn-secondary.btn-sm{min-height:34px;padding:6px 12px;font-size:13px}.btn-secondary.btn-compact,.btn-secondary.btn-sm,button.btn-secondary.btn-compact,button.btn-secondary.btn-sm,a.btn-secondary.btn-compact,a.btn-secondary.btn-sm{padding:5px 11px}.btn-danger,button.btn-danger,.btn-danger-outline,button.btn-danger-outline{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--tp-btn-min-height);padding:calc(var(--tp-btn-padding-y) - 1px) calc(var(--tp-btn-padding-x) - 1px);border:1px solid var(--tp-btn-danger-border);border-radius:var(--tp-btn-radius);background:var(--tp-btn-danger-bg);color:var(--tp-btn-danger-color);font-family:inherit;font-size:var(--tp-btn-font-size);font-weight:var(--tp-btn-font-weight);line-height:1.2;cursor:pointer;box-sizing:border-box;transition:background .2s ease,transform .1s ease}.btn-danger:hover:not(:disabled),.btn-danger-outline:hover:not(:disabled){background:var(--tp-btn-danger-bg-hover)}.btn-danger:focus-visible,.btn-danger-outline:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--tp-color-danger) 30%,transparent)}.btn-danger:disabled,.btn-danger-outline:disabled{opacity:var(--tp-btn-disabled-opacity);cursor:not-allowed}.btn-small,button.btn-small{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:6px 14px;border:none;border-radius:6px;background:var(--tp-btn-primary-bg);color:var(--tp-btn-primary-color);font-family:inherit;font-size:13px;font-weight:var(--tp-btn-font-weight);line-height:1.2;cursor:pointer;box-sizing:border-box;transition:background .2s ease}.btn-small:hover:not(:disabled){background:var(--tp-btn-primary-bg-hover)}.btn-small.danger{background:var(--tp-btn-danger-bg);color:var(--tp-btn-danger-color);border:1px solid var(--tp-btn-danger-border)}.btn-small.danger:hover:not(:disabled){background:var(--tp-btn-danger-bg-hover)}.btn-download,.btn-preview,.btn-mini{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:var(--tp-btn-min-height);padding:var(--tp-btn-padding-y) var(--tp-btn-padding-x);border:none;border-radius:var(--tp-btn-radius);background:var(--tp-btn-primary-bg);color:var(--tp-btn-primary-color);font-family:inherit;font-size:var(--tp-btn-font-size);font-weight:var(--tp-btn-font-weight);cursor:pointer;text-decoration:none;transition:background .2s ease}.btn-download:hover:not(:disabled),.btn-preview:hover:not(:disabled),.btn-client-send:hover:not(:disabled),.btn-mini:hover:not(:disabled){background:var(--tp-btn-primary-bg-hover)}.btn-client-send{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:var(--tp-btn-min-height);padding:var(--tp-btn-padding-y) var(--tp-btn-padding-x);border:1px solid var(--tp-btn-primary-bg);border-radius:var(--tp-btn-radius);background:var(--tp-color-surface);color:var(--tp-btn-primary-bg);font-family:inherit;font-size:var(--tp-btn-font-size);font-weight:var(--tp-btn-font-weight);cursor:pointer;transition:background .2s ease,color .2s ease}.btn-client-send:hover:not(:disabled){background:var(--tp-btn-primary-bg);color:var(--tp-btn-primary-color)}.login-form .btn-primary{width:100%}.btn-icon-action{background:transparent;border:none;cursor:pointer;padding:6px;border-radius:6px;font-size:18px;line-height:1}.btn-icon-action:hover{background:#edf2f7}.confirm-btn.btn-primary,.confirm-btn.btn-secondary{min-width:120px}.logout-btn,.btn-change-password{display:inline-flex;align-items:center;justify-content:center;min-height:var(--tp-btn-min-height);padding:var(--tp-btn-padding-y) var(--tp-btn-padding-x);border:none;border-radius:var(--tp-btn-radius);background:var(--tp-btn-primary-bg);color:var(--tp-btn-primary-color);font-family:inherit;font-size:var(--tp-btn-font-size);font-weight:var(--tp-btn-font-weight);cursor:pointer;transition:background .2s ease}.logout-btn:hover,.btn-change-password:hover{background:var(--tp-btn-primary-bg-hover)}.tabs-nav{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:24px;padding:4px;background:#f1f5f9;border-radius:12px;border:1px solid #e2e8f0}.tab-link{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:8px;border:1px solid transparent;font-size:14px;font-weight:600;color:#475569;text-decoration:none;background:transparent;cursor:pointer;transition:background .2s ease,color .2s ease,box-shadow .2s ease,border-color .2s ease}.tab-link:hover{background:#e2e8f0;color:#0f172a}.tab-link.active{background:var(--tp-color-primary);color:#fff;border-color:var(--tp-color-primary);box-shadow:0 1px 3px color-mix(in srgb,var(--tp-color-primary) 35%,transparent)}.tab-link.active:hover{background:var(--tp-color-primary-hover);color:#fff;border-color:var(--tp-color-primary-hover)}.tab-icon{font-size:18px;line-height:1}@media(max-width:768px){.tabs-nav{flex-direction:column}.tab-link{width:100%;justify-content:center}}@media(max-width:768px){.page-title-full{display:none}.page-title-short{display:block}.page-header,.header,.page-header-row{flex-direction:column!important;align-items:stretch!important;gap:12px!important;margin-bottom:16px!important}.page-header-actions,.header-actions,.page-header .header-actions{display:flex!important;flex-direction:column!important;align-items:stretch!important;width:100%!important;max-width:100%!important;gap:10px!important}.page-header .btn-primary,.page-header .btn-secondary,.page-header a.btn-primary,.page-header>button.btn-primary,.page-header>a.btn-primary,.page-header-actions .btn-primary,.page-header-actions a.btn-primary,.page-header-actions button.btn-primary,.header-actions .btn-primary,.header-actions a.btn-primary,.header .btn-primary,.header a.btn-primary{order:-1;width:100%!important;max-width:100%!important;min-width:0!important;justify-content:center;white-space:normal;text-align:center}.page-header-actions .btn-secondary,.page-header-actions button.btn-secondary,.header-actions .btn-secondary{width:100%!important;max-width:100%!important;min-width:0!important;justify-content:center;white-space:normal;text-align:center}.filters-section .search-box,.filters-section .filter-group{flex:1 1 100%;min-width:0;width:100%}.form-row,.form-row.compact,.form-grid,.add-form-grid,.booking-form-grid{grid-template-columns:1fr!important}.form-card{padding:16px!important}.form-container{padding-bottom:max(32px,env(safe-area-inset-bottom,0px))}.form-actions{flex-direction:column-reverse!important;align-items:stretch!important;gap:10px!important;padding:16px!important;margin-top:8px;margin-bottom:max(16px,env(safe-area-inset-bottom,0px))}.form-actions .btn-primary,.form-actions .btn-secondary,.form-actions button,.form-actions a.btn-primary,.form-actions a.btn-secondary{width:100%!important;max-width:100%!important;min-width:0!important;min-height:44px;justify-content:center;white-space:normal;text-align:center}.form-header h1,.page-header h1,.header h1{font-size:1.35rem;line-height:1.25}.table-container,.list-body.table-container,.list-card{overflow-x:auto!important;overflow-y:visible!important;-webkit-overflow-scrolling:touch;max-width:100%}.table-wrap,.table-container{margin-left:0;margin-right:0;padding-left:0;padding-right:0}.data-table{min-width:720px}.data-table th:last-child,.data-table td.actions-cell,.data-table td:has(.action-buttons){position:sticky;right:0;z-index:2;background:#fff;box-shadow:-6px 0 12px #0f172a14}.data-table thead th:last-child{background:#f7fafc;z-index:3}.data-table tbody tr:hover td.actions-cell,.data-table tbody tr:hover td:has(.action-buttons){background:#f7fafc}.data-table tbody tr.row-expanded td.actions-cell,.data-table tbody tr.row-expanded td:has(.action-buttons),.data-table tbody tr.row-editing td:has(.action-buttons){background:#f8fafc}.btn-icon-action{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}}@media(min-width:769px){.page-title-short{display:none}.page-title-full{display:block}}@media(max-width:480px){.filters-section{gap:12px}.stat-card:hover,.action-btn:hover{transform:none}}html{--mat-sys-background: #faf9fd;--mat-sys-error: #ba1a1a;--mat-sys-error-container: #ffdad6;--mat-sys-inverse-on-surface: #f2f0f4;--mat-sys-inverse-primary: #abc7ff;--mat-sys-inverse-surface: #2f3033;--mat-sys-on-background: #1a1b1f;--mat-sys-on-error: #ffffff;--mat-sys-on-error-container: #93000a;--mat-sys-on-primary: #ffffff;--mat-sys-on-primary-container: #00458f;--mat-sys-on-primary-fixed: #001b3f;--mat-sys-on-primary-fixed-variant: #00458f;--mat-sys-on-secondary: #ffffff;--mat-sys-on-secondary-container: #3e4759;--mat-sys-on-secondary-fixed: #131c2b;--mat-sys-on-secondary-fixed-variant: #3e4759;--mat-sys-on-surface: #1a1b1f;--mat-sys-on-surface-variant: #44474e;--mat-sys-on-tertiary: #ffffff;--mat-sys-on-tertiary-container: #0000ef;--mat-sys-on-tertiary-fixed: #00006e;--mat-sys-on-tertiary-fixed-variant: #0000ef;--mat-sys-outline: #74777f;--mat-sys-outline-variant: #c4c6d0;--mat-sys-primary: #005cbb;--mat-sys-primary-container: #d7e3ff;--mat-sys-primary-fixed: #d7e3ff;--mat-sys-primary-fixed-dim: #abc7ff;--mat-sys-scrim: #000000;--mat-sys-secondary: #565e71;--mat-sys-secondary-container: #dae2f9;--mat-sys-secondary-fixed: #dae2f9;--mat-sys-secondary-fixed-dim: #bec6dc;--mat-sys-shadow: #000000;--mat-sys-surface: #faf9fd;--mat-sys-surface-bright: #faf9fd;--mat-sys-surface-container: #efedf0;--mat-sys-surface-container-high: #e9e7eb;--mat-sys-surface-container-highest: #e3e2e6;--mat-sys-surface-container-low: #f4f3f6;--mat-sys-surface-container-lowest: #ffffff;--mat-sys-surface-dim: #dbd9dd;--mat-sys-surface-tint: #005cbb;--mat-sys-surface-variant: #e0e2ec;--mat-sys-tertiary: #343dff;--mat-sys-tertiary-container: #e0e0ff;--mat-sys-tertiary-fixed: #e0e0ff;--mat-sys-tertiary-fixed-dim: #bec2ff;--mat-sys-neutral-variant20: #2d3038;--mat-sys-neutral10: #1a1b1f;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:var(--tp-color-bg);color:var(--tp-color-text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{height:100%;overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--tp-scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--tp-scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--tp-scrollbar-thumb-hover)}button{font-family:inherit}button:focus{outline:none}a{color:inherit;text-decoration:none}input:focus,select:focus,textarea:focus{outline:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.filters-section{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px;padding:20px;margin-bottom:20px;background:var(--tp-color-surface);border-radius:12px;box-shadow:0 2px 8px var(--tp-shadow-color);width:100%}.filters-section .search-box{flex:1 1 0;min-width:160px}.filters-section .search-input{width:100%;padding:10px 12px;border:2px solid var(--tp-color-border);border-radius:8px;font-size:14px;min-height:40px;box-sizing:border-box;background:var(--tp-color-surface);color:var(--tp-color-text)}.filters-section .filter-group{display:flex;flex-direction:column;gap:6px;flex:1 1 0;min-width:160px}.filters-section .filter-group label{font-size:12px;font-weight:600;color:var(--tp-color-text-muted)}.filters-section .filter-select,.filters-section .filter-input{width:100%;padding:10px 12px;border:2px solid var(--tp-color-border);border-radius:8px;font-size:14px;min-height:40px;box-sizing:border-box;background:var(--tp-color-surface);color:var(--tp-color-text)}.filters-section .filter-select{cursor:pointer}.filters-section .search-input:focus,.filters-section .filter-input:focus,.filters-section .filter-select:focus{outline:none;border-color:var(--tp-color-primary)}.filters-section .filter-actions{flex:0 0 auto;min-width:auto}.filters-section .filter-actions .filter-spacer{display:block;min-height:22px}body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}@media(max-width:768px){.nav-item{min-height:48px;padding:14px 20px}.btn-primary,.btn-secondary,a.btn-primary{min-height:44px;padding:12px 20px}.filters-section{padding:12px;margin-bottom:12px}.filters-section .search-input,.filters-section .filter-input,.filters-section .filter-select{min-height:44px;font-size:16px}.page-header h1,.header h1{font-size:22px}.content-area{overflow-x:auto}.content-area,.dashboard-container,.packages-container,.leads-container,.hotels-container,.b2b-container,.container{max-width:100%}}@media(max-width:480px){.page-header h1{font-size:20px}}.cdk-overlay-container .mat-mdc-tooltip.hotel-rate-tooltip,.cdk-overlay-container .mat-mdc-tooltip-panel.hotel-rate-tooltip{z-index:10060}.mat-mdc-tooltip.hotel-rate-tooltip{white-space:pre-line;max-width:320px;font-size:13px;line-height:1.4}