@charset "UTF-8";.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}nn *{margin:0;padding:0;box-sizing:border-box}:root{--font-primary: "Montserrat", sans-serif;--font-brand: "Cinzel", serif;--primary: #164e63;--primary-light: #0e7490;--primary-hover: #0e3f52;--primary-dark: #083344;--primary-rgb: 22, 78, 99;--accent: #d97706;--success: #059669;--warning: #d97706;--error: #dc2626;--info: #2563eb;--background: #ffffff;--surface: #f8fafc;--surface-elevated: #ffffff;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--border: #e2e8f0;--border-light: #f1f5f9;--bg-card: #ffffff}body.dark-mode{--primary: #38bdf8;--primary-light: #0e7490;--primary-dark: #083344;--primary-hover: #0284c7;--primary-rgb: 56, 189, 248;--accent: #f43f5e;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--info: #38bdf8;--background: #0b0f19;--surface: #111827;--surface-elevated: #1f2937;--text-primary: #f8fafc;--text-secondary: #e2e8f0;--text-muted: #cbd5e1;--border: rgba(255, 255, 255, .12);--border-light: rgba(255, 255, 255, .08);--bg-card: #111827;--bs-body-bg: #0b0f19;--bs-body-color: #f8fafc;--bs-border-color: rgba(255, 255, 255, .12);--bs-form-control-bg: #111827;--bs-form-control-color: #f8fafc;--bs-form-control-border-color: rgba(255, 255, 255, .15);--bs-dropdown-bg: #111827;--bs-dropdown-link-color: #f8fafc;--bs-modal-bg: #111827;--bs-modal-color: #f8fafc}html,body{font-family:var(--font-primary);background:var(--background);color:var(--text-primary);line-height:1.6;transition:background .3s ease,color .3s ease;scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}:root{--sidebar-width: 215px;--sidebar-collapsed-width: 68px;--primary-hover: #083344;--primary-light: rgba(22, 78, 99, .08);--success-light: rgba(16, 185, 129, .08);--warning-light: rgba(245, 158, 11, .08);--danger-light: rgba(239, 68, 68, .08)}@media(min-width:1600px){:root{--sidebar-width: 220px}}@media(max-width:1400px){:root{--sidebar-width: 215px}}@media(max-width:1200px){:root{--sidebar-width: 205px}}@media(max-width:1024px){:root{--sidebar-width: 0px;--sidebar-collapsed-width: 0px}}.page-wrapper{display:flex;min-height:100vh;background:var(--background)!important;background-image:radial-gradient(at 15% 15%,rgba(22,78,99,.08) 0px,transparent 50%),radial-gradient(at 85% 85%,rgba(139,92,246,.06) 0px,transparent 50%),radial-gradient(at 80% 20%,rgba(14,116,144,.06) 0px,transparent 40%)!important;background-attachment:fixed!important;transition:all .25s cubic-bezier(.4,0,.2,1)}.page-wrapper.sidebar-collapsed .main-wrapper{margin-left:var(--sidebar-collapsed-width)}body.dark-mode .page-wrapper{background:#0b0f19!important;background-image:radial-gradient(at 15% 15%,rgba(14,116,144,.15) 0px,transparent 50%),radial-gradient(at 85% 85%,rgba(139,92,246,.12) 0px,transparent 50%),radial-gradient(at 80% 20%,rgba(56,189,248,.08) 0px,transparent 40%)!important}.main-wrapper{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;min-width:0;background:transparent!important;position:relative;transition:margin-left .25s cubic-bezier(.4,0,.2,1)}app-header{position:sticky;top:0;z-index:1000;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.card,.sites-card,.stat-card,.overview-card,.panel,.box-card{background:#ffffffbf!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;border:1px solid rgba(255,255,255,.85)!important;border-radius:18px!important;box-shadow:0 8px 30px -4px #0000000a,inset 0 1px 1px #ffffffe6!important;transition:transform .25s ease,box-shadow .25s ease,background .25s ease!important}body.dark-mode .card,body.dark-mode .sites-card,body.dark-mode .stat-card,body.dark-mode .overview-card,body.dark-mode .panel,body.dark-mode .box-card{background:#0f172ab8!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 8px 30px -4px #00000059,inset 0 1px 1px #ffffff0d!important}.card:hover,.sites-card:hover,.stat-card:hover,.overview-card:hover{box-shadow:0 14px 34px -4px #164e631f,inset 0 1px 2px #fff!important}.card-header{padding:18px 24px;border-bottom:1px solid rgba(226,232,240,.8)!important;background:#f8fafca6!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;display:flex;align-items:center;justify-content:space-between}.modal-overlay,.cdk-overlay-backdrop{background:#0f172a73!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}.modal-content,.modal-box,.modal-card,.dialog-box{background:#fffffff2!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:1px solid rgba(255,255,255,.9)!important;border-radius:20px!important;box-shadow:0 25px 50px -12px #0f172a59,inset 0 1px 1px #fff!important}body.dark-mode .modal-content,body.dark-mode .modal-box,body.dark-mode .modal-card,body.dark-mode .dialog-box{background:#111827!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 25px 50px -12px #000000b3,inset 0 1px 1px #ffffff0d!important;color:#f8fafc!important}body.dark-mode .header-content{background:#111827!important;border-color:#ffffff1a!important;box-shadow:0 4px 20px #00000059!important}body.dark-mode .header-content .form-title{color:#f8fafc!important}body.dark-mode .header-content .form-subtitle{color:#94a3b8!important}body.dark-mode .header-content .btn-back-dashboard{background:#38bdf81a!important;color:#38bdf8!important;border-color:#38bdf840!important}body.dark-mode .header-content .btn-back-dashboard:hover{background:#38bdf8!important;color:#0b0f19!important}.notification-panel,.profile-dropdown,.dropdown-menu{background:#ffffffe6!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border:1px solid rgba(255,255,255,.85)!important;box-shadow:0 16px 36px -4px #0f172a2e,inset 0 1px 1px #fff!important;border-radius:16px!important}body.dark-mode .notification-panel,body.dark-mode .profile-dropdown,body.dark-mode .dropdown-menu{background:#0f172ae6!important;border:1px solid rgba(255,255,255,.12)!important}.btn-primary{background:var(--primary);color:#fff;border:none;border-radius:10px;padding:10px 24px;font-size:14px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:.2s;font-family:var(--font-primary)}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.btn-secondary{background:var(--secondary, #e2e8f0);color:var(--secondary-text, #334155);border:none;border-radius:10px;padding:10px 24px;font-size:14px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:.2s;font-family:var(--font-primary)}.btn-secondary:hover{background:#cbd5e1}.btn-danger{background:#ef4444;color:#fff;border:none;border-radius:10px;padding:10px 24px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-family:var(--font-primary)}.search-input{height:42px;padding:0 14px;border-radius:8px;border:1.5px solid var(--border);background:var(--surface);color:var(--text-primary);font-size:14px;width:280px;font-family:var(--font-primary)}.search-input:focus{border-color:var(--primary);outline:none}.header-actions{display:flex;align-items:center;gap:12px}table{width:100%;border-collapse:collapse}@media(max-width:1024px){table{min-width:700px}}@media(max-width:480px){table{min-width:600px}}th{padding:14px 20px;background:var(--surface-elevated);border-bottom:2px solid var(--border);color:var(--text-muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;text-align:left}td{padding:14px 20px;border-bottom:1px solid var(--border);font-size:14px;color:var(--text-secondary)}@media(max-width:1024px){th,td{white-space:nowrap}}tbody tr:hover{background:#00000005}body.dark-mode tbody tr:hover{background:#ffffff05}.table-actions{display:flex!important;gap:8px!important;align-items:center!important;flex-wrap:wrap}.action-btn{width:34px!important;height:34px!important;border-radius:8px!important;border:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;font-size:14px!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important}.action-btn:hover{transform:translateY(-2px) scale(1.05)!important}.view-btn{background:var(--primary-light)!important;color:var(--primary)!important}.view-btn:hover,.view-btn:hover i{background:var(--primary)!important;color:#fff!important}.edit-btn{background:var(--warning-light, rgba(245, 158, 11, .08))!important;color:#d97706!important}.edit-btn:hover,.edit-btn:hover i{background:#f59e0b!important;color:#fff!important}.site-btn:hover,.site-btn:hover i{background:#10b981!important;color:#fff!important}.delete-btn{background:var(--danger-light, rgba(239, 68, 68, .08))!important;color:#ef4444!important}.delete-btn:hover{background:#ef4444!important;color:#fff!important}.email-btn{background:#e0f2fe!important;color:#0284c7!important}.email-btn:hover{background:#0284c7!important;color:#fff!important}.impersonate-btn{background:#e0e7ff!important;color:#4f46e5!important}.impersonate-btn:hover{background:#4f46e5!important;color:#fff!important}.site-btn{background:var(--success-light, rgba(16, 185, 129, .08))!important;color:#10b981!important}.site-btn:hover{background:#10b981!important;color:#fff!important}.check-btn{background:var(--success-light, rgba(16, 185, 129, .08))!important;color:#059669!important}.check-btn:hover{background:#059669!important;color:#fff!important}.login-btn{background:var(--primary-light)!important;color:var(--primary)!important}.login-btn:hover{background:var(--primary)!important;color:#fff!important}.table-footer{display:flex;justify-content:center;align-items:center;margin-top:20px;padding:20px 0;border-top:1px solid var(--border)}.entries-control{display:none}#pagination{display:flex;justify-content:center!important;align-items:center;gap:8px;width:100%}@media(max-width:480px){#pagination{gap:4px}#pagination .page-btn{min-width:32px;height:32px;padding:0 6px;font-size:12px}#pagination .page-btn.nav-btn{min-width:60px;padding:0 8px}}.page-btn{min-width:40px;height:40px;padding:0 12px;border:1px solid var(--border);border-radius:10px;background:var(--background);color:var(--text-primary);font-size:14px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease-in-out}.page-btn:hover:not(.disabled):not(.active){background:var(--secondary, #e2e8f0);color:var(--primary);border-color:var(--primary)}.page-btn.active{background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important}.page-btn.disabled{opacity:.4;cursor:not-allowed;pointer-events:none;background:var(--background)!important;color:var(--text-muted)!important;border-color:var(--border)!important}.page-btn.ellipsis{border:none!important;background:transparent!important;cursor:default;pointer-events:none;color:var(--text-muted);min-width:24px;padding:0 2px}.page-btn.nav-btn{padding:0 18px;min-width:90px;background:var(--secondary, #e2e8f0);color:var(--secondary-text, #334155);border:1px solid var(--border)}.page-btn.nav-btn:hover:not(.disabled){background:var(--primary);color:#fff;border-color:var(--primary)}body.dark-mode .page-btn{background:var(--surface);border-color:var(--border);color:var(--text-secondary)}body.dark-mode .page-btn.disabled{background:var(--surface)!important;border-color:var(--border)!important}body.dark-mode .page-btn.nav-btn{background:var(--border);color:var(--text-secondary);border-color:var(--border)}body.dark-mode .page-btn.nav-btn:hover:not(.disabled){background:var(--primary);color:#fff;border-color:var(--primary)}.card,.control-card{background:var(--surface-elevated);border-radius:14px;border:1px solid var(--border);box-shadow:0 4px 16px #0000000a;margin-bottom:2rem;overflow:hidden}.card-content{padding:1.5rem}.card-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1.25rem;margin-bottom:1.25rem;border-bottom:1px solid var(--border-light)}.card-actions,.header-actions{display:flex;align-items:center;gap:12px}.customer-search,.search-input,.device-search,.unifi-search{height:42px;min-width:260px;padding:0 16px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text-primary);font-size:14px;outline:none;transition:border-color .2s}.customer-search:focus,.search-input:focus,.device-search:focus,.unifi-search:focus{border-color:var(--primary)}.customer-search::placeholder,.search-input::placeholder,.device-search::placeholder,.unifi-search::placeholder{color:var(--text-muted)}.btn-primary{height:42px;padding:0 20px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;transition:background .2s}.btn-primary:hover{background:var(--primary-hover)}.status-badge,.badge{padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;display:inline-block}.status-active{background:#dcfce7!important;color:#166534!important}.status-inactive{background:#fee2e2!important;color:#991b1b!important}.text-center{text-align:center}nhtml,body,app-root,.dashboard,.main-content,.admin-container{background:var(--background);color:var(--text-primary)}.sidebar{width:280px;background:var(--surface);border-right:1px solid var(--border);padding:2rem 1.5rem;position:fixed;height:100vh;overflow-y:auto}.logo-text{font-family:var(--font-brand);font-weight:700;color:var(--text-primary)}.nav-menu{list-style:none}.nav-item{margin-bottom:.5rem}.nav-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:8px;text-decoration:none;color:var(--text-secondary);font-weight:500;transition:.2s ease}.nav-link:hover,.nav-link.active{color:#fff;background:var(--primary)}body.dark-mode input::placeholder,body.dark-mode textarea::placeholder{color:#94a3b8!important}body.dark-mode input:focus,body.dark-mode textarea:focus,body.dark-mode select:focus{border-color:var(--primary-light)!important;box-shadow:0 0 0 2px #22c55e40!important}body.dark-mode .form-check:not(.form-switch) .form-check-input{background-color:#0f172a!important;border-color:#2ac732!important;accent-color:#568849!important}body.dark-mode .form-check:not(.form-switch) .form-check-input:checked{background-color:#298138!important;border-color:#76f072!important;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e")!important}.ng-select .ng-select-container{height:50px!important;padding:.875rem 1rem!important;border-radius:8px!important;border:1px solid var(--border)!important;background:var(--surface-elevated)!important;color:var(--text-primary)!important}.ng-select .ng-select-container{min-height:40px!important;height:40px!important;border-radius:8px!important;border:1px solid var(--border)!important;background:var(--surface-elevated)!important;color:var(--text-primary)!important}.ng-select .ng-value-container .ng-value .ng-value-label,.ng-select .ng-value-container .ng-value,.ng-select .ng-input>input{color:var(--text-primary)!important}.ng-select .ng-value-container .ng-placeholder{color:var(--text-muted)!important}.ng-select .ng-clear-wrapper,.ng-select .ng-arrow-wrapper{color:var(--text-secondary)!important}.ng-dropdown-panel{background:var(--surface-elevated)!important;border:1px solid var(--border)!important;color:var(--text-primary)!important}.ng-dropdown-panel .ng-option{background:transparent!important;color:var(--text-primary)!important}.ng-dropdown-panel .ng-option:hover,.ng-dropdown-panel .ng-option.ng-option-marked{background:var(--surface)!important;color:var(--text-primary)!important}.ng-dropdown-panel .ng-option.ng-option-selected{background:var(--primary)!important;color:#fff!important}.ng-dropdown-panel .ng-option.ng-option-disabled{color:var(--text-muted)!important}body.dark-mode .search-input,body.dark-mode .filter-select,body.dark-mode .pagination-btn,body.dark-mode .btncolor{background:var(--primary);color:var(--surface);border:1px solid var(--border)}body.dark-mode .pagination-btn:hover:not(:disabled),body.dark-mode .pagination-btn.active{background:var(--primary);color:var(--surface)}body.dark-mode .pagination-btn:disabled{color:#64748b}body.dark-mode .dropdown-menu,body.dark-mode .icon-picker{background:#020617!important;border:1px solid var(--border)!important;color:#e2e8f0!important}.modal-footer{margin-top:1.5rem!important;padding-top:1rem!important}.modal-footer .btn+.btn{margin-left:.75rem}body.dark-mode .modal-footer{border-top:1px solid var(--border)}body.dark-mode .section,body.dark-mode .card,body.dark-mode .stat-card,body.dark-mode .kpi-card,body.dark-mode .report-card{background:var(--surface);border-color:var(--border)}body.dark-mode .bg-light{background-color:var(--surface)!important;color:var(--text-primary)!important}body.dark-mode .border{border-color:var(--border)!important}body.dark-mode .table{color:var(--text-primary);border-color:var(--border)}body.dark-mode .table th,body.dark-mode .table td{border-color:var(--border);color:var(--text-primary)}body.dark-mode .table-bordered{border-color:var(--border)}body.dark-mode .form-control,body.dark-mode .form-select,body.dark-mode .ng-select .ng-select-container{background-color:var(--surface-elevated)!important;color:var(--text-primary)!important;border-color:var(--border)!important}body.dark-mode .ng-dropdown-panel{background-color:var(--surface)!important;border-color:var(--border)!important}body.dark-mode .ng-dropdown-panel .ng-option{background-color:var(--surface)!important;color:var(--text-primary)!important}body.dark-mode .ng-dropdown-panel .ng-option.ng-option-marked{background-color:var(--surface-elevated)!important}body.dark-mode .main-content,body.dark-mode .section-card,body.dark-mode .card,body.dark-mode .sites-card,body.dark-mode .stat-card,body.dark-mode .overview-card,body.dark-mode .panel,body.dark-mode .box-card,body.dark-mode .control-card,body.dark-mode .customers-main-card,body.dark-mode .brand-card,body.dark-mode .ticket-card,body.dark-mode .settings-card,body.dark-mode .report-card,body.dark-mode .kpi-card,body.dark-mode .modal-content,body.dark-mode .modal-box,body.dark-mode .dialog-box,body.dark-mode .view-modal,body.dark-mode .billing-summary,body.dark-mode .member-card,body.dark-mode .tax-item,body.dark-mode .table-responsive{background:#111827!important;border-color:#ffffff1f!important;color:#f8fafc!important}body.dark-mode .card-header,body.dark-mode .modal-header,body.dark-mode .panel-header,body.dark-mode .box-header,body.dark-mode .customers-toolbar-container{background:#0f172a!important;border-color:#ffffff1a!important;color:#f8fafc!important}body.dark-mode .modal-footer,body.dark-mode .table-footer{background:#0f172a!important;border-color:#ffffff1a!important;color:#cbd5e1!important}body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode h4,body.dark-mode h5,body.dark-mode h6,body.dark-mode strong,body.dark-mode b,body.dark-mode .section-title,body.dark-mode .modal-title,body.dark-mode .card-title,body.dark-mode .page-title,body.dark-mode .brand-title,body.dark-mode .panel-title{color:#f8fafc!important}body.dark-mode p,body.dark-mode label,body.dark-mode span,body.dark-mode small,body.dark-mode .form-label,body.dark-mode .billing-label,body.dark-mode .stat-title,body.dark-mode .section-subtitle,body.dark-mode .sub-title,body.dark-mode .info-label{color:#e2e8f0!important}body.dark-mode .text-muted,body.dark-mode .muted-text{color:#cbd5e1!important}body.dark-mode input,body.dark-mode textarea,body.dark-mode select,body.dark-mode .form-control,body.dark-mode .form-select,body.dark-mode .search-input,body.dark-mode .customer-search-input,body.dark-mode .filter-select,body.dark-mode .entries-select,body.dark-mode .page-select{background:#0f172a!important;color:#f8fafc!important;border-color:#ffffff26!important}body.dark-mode input::placeholder,body.dark-mode textarea::placeholder,body.dark-mode select::placeholder,body.dark-mode .form-control::placeholder,body.dark-mode .form-select::placeholder,body.dark-mode .search-input::placeholder,body.dark-mode .customer-search-input::placeholder,body.dark-mode .filter-select::placeholder,body.dark-mode .entries-select::placeholder,body.dark-mode .page-select::placeholder{color:#94a3b8!important}body.dark-mode input:focus,body.dark-mode textarea:focus,body.dark-mode select:focus,body.dark-mode .form-control:focus,body.dark-mode .form-select:focus,body.dark-mode .search-input:focus,body.dark-mode .customer-search-input:focus,body.dark-mode .filter-select:focus,body.dark-mode .entries-select:focus,body.dark-mode .page-select:focus{border-color:#38bdf8!important;box-shadow:0 0 0 2px #38bdf840!important;background:#0f172a!important}body.dark-mode table,body.dark-mode .table,body.dark-mode .performance-table,body.dark-mode .customer-table,body.dark-mode .sites-table{color:#f8fafc!important;border-color:#ffffff1a!important;--bs-table-bg: transparent !important;--bs-table-color: #f8fafc !important;--bs-table-border-color: rgba(255, 255, 255, .1) !important}body.dark-mode table thead th,body.dark-mode table th,body.dark-mode .table thead th,body.dark-mode .table th,body.dark-mode .performance-table thead th,body.dark-mode .performance-table th,body.dark-mode .customer-table thead th,body.dark-mode .customer-table th,body.dark-mode .sites-table thead th,body.dark-mode .sites-table th{background:#0f172a!important;color:#e2e8f0!important;border-color:#ffffff1a!important;font-weight:700}body.dark-mode table tbody tr,body.dark-mode table tr,body.dark-mode .table tbody tr,body.dark-mode .table tr,body.dark-mode .performance-table tbody tr,body.dark-mode .performance-table tr,body.dark-mode .customer-table tbody tr,body.dark-mode .customer-table tr,body.dark-mode .sites-table tbody tr,body.dark-mode .sites-table tr{background:transparent!important}body.dark-mode table tbody tr td,body.dark-mode table tr td,body.dark-mode .table tbody tr td,body.dark-mode .table tr td,body.dark-mode .performance-table tbody tr td,body.dark-mode .performance-table tr td,body.dark-mode .customer-table tbody tr td,body.dark-mode .customer-table tr td,body.dark-mode .sites-table tbody tr td,body.dark-mode .sites-table tr td{background:transparent!important;color:#f8fafc!important;border-color:#ffffff14!important}body.dark-mode table tbody tr:hover,body.dark-mode table tr:hover,body.dark-mode .table tbody tr:hover,body.dark-mode .table tr:hover,body.dark-mode .performance-table tbody tr:hover,body.dark-mode .performance-table tr:hover,body.dark-mode .customer-table tbody tr:hover,body.dark-mode .customer-table tr:hover,body.dark-mode .sites-table tbody tr:hover,body.dark-mode .sites-table tr:hover{background:#38bdf80a!important}body.dark-mode table tbody tr:hover td,body.dark-mode table tr:hover td,body.dark-mode .table tbody tr:hover td,body.dark-mode .table tr:hover td,body.dark-mode .performance-table tbody tr:hover td,body.dark-mode .performance-table tr:hover td,body.dark-mode .customer-table tbody tr:hover td,body.dark-mode .customer-table tr:hover td,body.dark-mode .sites-table tbody tr:hover td,body.dark-mode .sites-table tr:hover td{background:transparent!important}body.dark-mode .badge:not([class*=bg-]):not([class*=status-]),body.dark-mode .sr-badge,body.dark-mode .site-tag,body.dark-mode .mac-badge,body.dark-mode .ip-badge,body.dark-mode .id-badge,body.dark-mode .staff-id-tag,body.dark-mode .created-date-badge,body.dark-mode .joined-date-badge,body.dark-mode .hired-date-badge,body.dark-mode .id-mono-tag{background:#1e293b!important;color:#e2e8f0!important;border-color:#ffffff1f!important}body.dark-mode .loc-pill:not(.state){background:#1e293b!important;color:#cbd5e1!important;border-color:#ffffff1f!important}body.dark-mode .loc-pill.state{background:#0e749040!important;color:#38bdf8!important;border-color:#38bdf84d!important}body.dark-mode .role-chip,body.dark-mode .user-type-chip{background:#1e293b!important;border-color:#ffffff26!important;color:#e2e8f0!important}body.dark-mode .role-chip.type-client,body.dark-mode .role-chip.role-client,body.dark-mode .user-type-chip.type-client,body.dark-mode .user-type-chip.role-client{background:#0ea5e926!important;color:#38bdf8!important;border-color:#38bdf84d!important}body.dark-mode .role-chip.type-vendor,body.dark-mode .role-chip.role-vendor,body.dark-mode .user-type-chip.type-vendor,body.dark-mode .user-type-chip.role-vendor{background:#a855f726!important;color:#c084fc!important;border-color:#a855f74d!important}body.dark-mode .role-chip.type-admin,body.dark-mode .role-chip.role-admin,body.dark-mode .user-type-chip.type-admin,body.dark-mode .user-type-chip.role-admin{background:#10b98126!important;color:#34d399!important;border-color:#10b9814d!important}body.dark-mode .role-chip.type-both,body.dark-mode .role-chip.trainee-chip,body.dark-mode .user-type-chip.type-both,body.dark-mode .user-type-chip.trainee-chip{background:#f59e0b26!important;color:#fbbf24!important;border-color:#f59e0b4d!important}body.dark-mode .position-label{background:#0f172a!important;border-color:#ffffff1a!important;color:#cbd5e1!important}body.dark-mode .metric-cell{background:#0f172a!important;border-color:#ffffff1f!important}body.dark-mode .metric-cell .m-label{color:#94a3b8!important}body.dark-mode .metric-cell .m-value{color:#f8fafc!important}body.dark-mode .metric-cell.metric-up{background:#10b9811f!important;border-color:#10b9814d!important}body.dark-mode .metric-cell.metric-up i{color:#34d399!important}body.dark-mode .metric-cell.metric-up .m-value{color:#6ee7b7!important}body.dark-mode .metric-cell.metric-down{background:#ef44441f!important;border-color:#ef44444d!important}body.dark-mode .metric-cell.metric-down i{color:#f87171!important}body.dark-mode .metric-cell.metric-down .m-value{color:#fca5a5!important}body.dark-mode .metric-cell.metric-latency{background:#8b5cf61f!important;border-color:#8b5cf64d!important}body.dark-mode .metric-cell.metric-latency i{color:#a78bfa!important}body.dark-mode .metric-cell.metric-latency .m-value{color:#c4b5fd!important}body.dark-mode .metric-cell.metric-check{background:#0ea5e91f!important;border-color:#0ea5e94d!important}body.dark-mode .metric-cell.metric-check i{color:#38bdf8!important}body.dark-mode .metric-cell.metric-check .m-value{color:#7dd3fc!important}body.dark-mode .cred-pill-box,body.dark-mode .color-pill-box{background:#0f172a!important;border-color:#ffffff26!important}body.dark-mode .cred-pill-box .cred-value,body.dark-mode .cred-pill-box .color-hex-code,body.dark-mode .color-pill-box .cred-value,body.dark-mode .color-pill-box .color-hex-code{color:#f8fafc!important}body.dark-mode .cred-pill-box .cred-action-btn,body.dark-mode .color-pill-box .cred-action-btn{color:#94a3b8!important}body.dark-mode .cred-pill-box .cred-action-btn:hover,body.dark-mode .color-pill-box .cred-action-btn:hover{color:#38bdf8!important;background:#1e293b!important}body.dark-mode .cred-chip-label{color:#cbd5e1!important}body.dark-mode .brand-logo-frame{background:#1e293b!important;border-color:#ffffff1f!important}body.dark-mode .brand-logo-frame .logo-fallback-initials{color:#f8fafc!important}body.dark-mode .action-soft-btn,body.dark-mode .page-nav-btn,body.dark-mode .page-number-btn{background-color:#1e293b!important;border-color:#ffffff1f!important;color:#cbd5e1!important}body.dark-mode .action-soft-btn:hover:not(:disabled),body.dark-mode .page-nav-btn:hover:not(:disabled),body.dark-mode .page-number-btn:hover:not(:disabled){background-color:#334155!important;color:#38bdf8!important;border-color:#38bdf8!important}body.dark-mode .action-soft-btn:disabled,body.dark-mode .page-nav-btn:disabled,body.dark-mode .page-number-btn:disabled{background:#0f172a!important;color:#475569!important;opacity:.5}body.dark-mode .action-soft-btn.active,body.dark-mode .page-nav-btn.active,body.dark-mode .page-number-btn.active{background:#0284c7!important;border-color:#0284c7!important;color:#fff!important}body.dark-mode .action-buttons-group{background:#0f172a!important;border-color:#ffffff1f!important}body.dark-mode .act-btn{background-color:#1e293b!important;border-color:#ffffff1a!important}body.dark-mode .act-btn.act-view,body.dark-mode .act-btn.view-btn{color:#38bdf8!important}body.dark-mode .act-btn.act-view:hover,body.dark-mode .act-btn.view-btn:hover{background-color:#0284c7!important;color:#fff!important;border-color:#38bdf8!important}body.dark-mode .act-btn.act-edit,body.dark-mode .act-btn.edit-btn{color:#fbbf24!important}body.dark-mode .act-btn.act-edit:hover,body.dark-mode .act-btn.edit-btn:hover{background-color:#d97706!important;color:#fff!important;border-color:#fbbf24!important}body.dark-mode .act-btn.act-email{color:#c084fc!important}body.dark-mode .act-btn.act-email:hover{background-color:#9333ea!important;color:#fff!important;border-color:#c084fc!important}body.dark-mode .act-btn.act-login{color:#34d399!important}body.dark-mode .act-btn.act-login:hover{background-color:#059669!important;color:#fff!important;border-color:#34d399!important}body.dark-mode .act-btn.act-delete,body.dark-mode .act-btn.delete-btn{color:#f87171!important}body.dark-mode .act-btn.act-delete:hover,body.dark-mode .act-btn.delete-btn:hover{background-color:#dc2626!important;color:#fff!important;border-color:#f87171!important}body.dark-mode .act-btn:not([class*=act-]):not([class*=-btn]){color:#cbd5e1!important}body.dark-mode .act-btn:not([class*=act-]):not([class*=-btn]):hover{background-color:#334155!important;color:#f8fafc!important}body.dark-mode .ng-select .ng-select-container{background-color:#0f172a!important;border-color:#ffffff26!important;color:#f8fafc!important}body.dark-mode .ng-select .ng-select-container .ng-value-container .ng-value{color:#f8fafc!important;background-color:transparent!important}body.dark-mode .ng-select .ng-select-container .ng-value-container .ng-value .ng-value-label{color:#f8fafc!important}body.dark-mode .ng-select .ng-select-container .ng-value-container .ng-placeholder{color:#64748b!important}body.dark-mode .ng-select .ng-select-container .ng-value-container .ng-input>input{color:#f8fafc!important;background:transparent!important}body.dark-mode .ng-dropdown-panel{background-color:#111827!important;border-color:#ffffff1f!important;box-shadow:0 10px 25px #00000080!important}body.dark-mode .ng-dropdown-panel .ng-option{background-color:transparent!important;color:#f8fafc!important}body.dark-mode .ng-dropdown-panel .ng-option.ng-option-marked{background-color:#1e293b!important;color:#38bdf8!important}body.dark-mode .ng-dropdown-panel .ng-option.ng-option-selected{background-color:#0284c7!important;color:#fff!important}body.dark-mode .main-content{background:var(--background)!important}body.dark-mode .section-card,body.dark-mode .billing-summary,body.dark-mode .member-card,body.dark-mode .tax-item,body.dark-mode .modal-content{background:var(--surface)!important;border-color:var(--border)!important;color:var(--text-primary)!important}body.dark-mode .section-title,body.dark-mode .modal-title,body.dark-mode .billing-value,body.dark-mode .member-info strong{color:var(--text-primary)!important}body.dark-mode .form-label,body.dark-mode .billing-label,body.dark-mode .text-muted,body.dark-mode small{color:var(--text-secondary)!important}body.dark-mode .form-control,body.dark-mode .form-select,body.dark-mode textarea,body.dark-mode input,body.dark-mode select{background:var(--surface-elevated)!important;border-color:var(--border)!important;color:var(--text-primary)!important}body.dark-mode input[readonly]{background:#020617!important;color:var(--text-secondary)!important}body.dark-mode .addon-check{background:var(--surface)!important;border-color:var(--border)!important}body.dark-mode .addon-check:hover{border-color:var(--primary)!important}body.dark-mode hr{border-color:var(--border)!important}body.dark-mode .predefined-taxes{background:#020617!important;border-color:var(--border)!important}body.dark-mode .tax-breakdown{background:#020617!important;border-left-color:var(--primary)!important}body.dark-mode .modal-overlay{background:#000000b3!important}body.dark-mode .billing-subtotal,body.dark-mode .billing-row,body.dark-mode .tax-items-list,body.dark-mode .predefined-taxes{background:var(--surface)!important;color:var(--text-primary)!important;border-color:var(--border)!important}body.dark-mode .billing-summary input[readonly],body.dark-mode .tax-item input[readonly]{background:#020617!important;color:var(--text-secondary)!important;border-color:var(--border)!important}body.dark-mode .billing-summary hr,body.dark-mode .billing-row hr{border-color:var(--border)!important}body.dark-mode .grand-total{color:#4ade80!important}body.dark-mode .transaction-content,body.dark-mode .transaction-detail-container{background:var(--background)!important;color:var(--text-primary)!important}body.dark-mode .detail-card,body.dark-mode .main-card,body.dark-mode .details-section,body.dark-mode .info-grid>div{background:var(--surface)!important;border:1px solid var(--border)!important;color:var(--text-primary)!important}body.dark-mode .main-card.success,body.dark-mode .amount-card,body.dark-mode .payment-success{background:linear-gradient(135deg,#16a34a,#22c55e)!important;color:#fff!important}body.dark-mode .status-badge.completed{background:#22c55e26!important;color:#4ade80!important;border:1px solid rgba(34,197,94,.4)!important}body.dark-mode .btn,body.dark-mode .action-btn,body.dark-mode .download-btn{border-color:var(--border)!important}body.dark-mode .additional-details,body.dark-mode .details-card{background:var(--surface)!important;border:1px solid var(--border)!important}body.dark-mode .label,body.dark-mode .info-label,body.dark-mode small{color:var(--text-secondary)!important}body.dark-mode .value,body.dark-mode .info-value,body.dark-mode strong{color:var(--text-primary)!important}body.dark-mode .invoice-generator{background:#020817!important}body.dark-mode .form-panel{background:#0f172a!important;border-color:#1e293b!important}body.dark-mode .preview-panel{background:#020617!important}body.dark-mode .header{border-color:#1e293b!important}body.dark-mode .header-content h1,body.dark-mode .panel-header h2,body.dark-mode h3,body.dark-mode h4,body.dark-mode p,body.dark-mode label,body.dark-mode span,body.dark-mode small{color:#e2e8f0!important}body.dark-mode .form-control{background:#020617!important;border-color:#1e293b!important;color:#f8fafc!important}body.dark-mode .form-control::placeholder{color:#94a3b8!important}body.dark-mode .btn-outline{border-color:#334155!important;color:#e2e8f0!important}body.dark-mode .btn-outline:hover{background:#020617!important}body.dark-mode .invoice-preview{background:#020617!important;box-shadow:none!important}body.dark-mode .invoice-document{background:#020617!important}body.dark-mode .company-name,body.dark-mode .guest-name,body.dark-mode .meta-row strong,body.dark-mode .col-desc strong,body.dark-mode .col-amount,body.dark-mode .totals-row.total{color:#f8fafc!important}body.dark-mode .company-details,body.dark-mode .meta-row span,body.dark-mode .col-qty,body.dark-mode .col-rate,body.dark-mode .totals-row{color:#e2e8f0!important}body.dark-mode .invoice-table .table-header{background:#020617!important}body.dark-mode .invoice-table .table-row{border-color:#1e293b!important}body.dark-mode .totals-row.total{border-color:#334155!important}body.dark-mode .invoice-notes{background:#f59e0b14!important;border-left-color:#f59e0b!important}body.dark-mode .invoice-footer{border-color:#1e293b!important}body.dark-mode .modal-footer{background:#020617!important;border-color:#1e293b!important}.tour-step{z-index:99999!important}.tour-step .tour-block{max-width:320px!important;width:320px!important;border-radius:14px!important;padding:16px 18px!important;background:#fff!important;box-shadow:0 12px 35px #00000040!important;border:1px solid #e2e8f0!important}.tour-step .tour-title{font-size:16px!important;font-weight:700!important;margin-bottom:6px!important}.tour-step .tour-content{font-size:13px!important;line-height:1.5!important;color:#475569!important}.tour-step .tour-buttons{margin-top:10px!important}.tour-step .next-button{background:#0e7490!important;color:#fff!important;border-radius:8px!important;padding:6px 14px!important;font-size:13px!important;border:none!important}.tour-step .link-button{background:transparent!important;color:#64748b!important;border:none!important;font-size:13px!important}.elavon-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000bf;display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.elavon-modal-container{width:90%;max-width:650px;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 25px 50px -12px #00000080;border:1px solid #e2e8f0}.elavon-modal-header{padding:1rem 1.5rem;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.header-content{display:flex;align-items:center;gap:.75rem}.elavon-icon{font-size:1.5rem;color:#0e7490}.elavon-modal-container h3{margin:0;font-size:1.1rem;font-weight:700;color:#0f172a!important}.close-btn{background:none;border:none;font-size:2rem;line-height:1;cursor:pointer;color:#64748b;padding:0}.close-btn:hover{color:#ef4444}.elavon-modal-body{background:#fff;min-height:550px}body.dark-mode .elavon-modal-container{background:#0f172a;border-color:#1e293b}body.dark-mode .elavon-modal-header{background:#1e293b;border-bottom-color:#334155}body.dark-mode .elavon-modal-container h3{color:#f1f5f9!important}body.dark-mode .elavon-modal-body{background:#0f172a}.policy-hero-banner{background:linear-gradient(135deg,#0f172a,#0e7490);color:#fff;padding:80px 20px;text-align:center;position:relative;overflow:hidden;margin-top:0}.policy-hero-banner:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.05) 0%,transparent 80%);pointer-events:none}.policy-hero-banner h1{font-size:42px;font-weight:700;letter-spacing:-.5px;margin-bottom:12px;font-family:Playfair Display,serif}.policy-hero-banner .policy-updated{font-size:15px;color:#ffffffbf;letter-spacing:.5px;margin:0}.policy-page{max-width:900px;margin:0 auto;padding:40px 20px 80px;font-family:Inter,system-ui,-apple-system,sans-serif}.policy-tabs{display:flex;justify-content:center;gap:16px;margin-bottom:40px}.policy-tabs .tab-btn{background:#f8fafc;border:1px solid #e2e8f0;border-radius:30px;padding:12px 28px;font-size:15px;font-weight:600;color:#475569;cursor:pointer;transition:all .25s ease;display:flex;align-items:center;gap:8px;box-shadow:0 2px 4px #00000005}.policy-tabs .tab-btn i{font-size:16px}.policy-tabs .tab-btn:hover{background:#f1f5f9;color:#0f172a;transform:translateY(-1px)}.policy-tabs .tab-btn.active{background:#0e7490;color:#fff;border-color:#0e7490;box-shadow:0 4px 12px #0e749033}.policy-card{background:#fff;padding:48px;border-radius:16px;border:1px solid #f1f5f9;box-shadow:0 10px 30px #0f172a0a;margin-bottom:24px}@media(max-width:768px){.policy-card{padding:28px 20px}}.policy-intro{margin-bottom:40px;font-size:16.5px;color:#334155;line-height:1.85}.policy-section-block{margin-top:48px;border-top:1px solid #f1f5f9;padding-top:32px}.policy-section-block:first-child{margin-top:0;border-top:none;padding-top:0}.section-title{display:flex;align-items:center;gap:16px;font-size:22px;font-weight:700;color:#0f172a;margin-top:0;margin-bottom:20px}.section-title .sec-num{background:#0e749014;color:#0e7490;min-width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0;font-family:Inter,sans-serif}.policy-content,.section-body{font-size:16px;line-height:1.85;color:#334155}.policy-content .policy-paragraph,.section-body .policy-paragraph{margin-bottom:20px;color:#475569}.policy-content .policy-paragraph:last-child,.section-body .policy-paragraph:last-child{margin-bottom:0}.policy-content .policy-subheading,.section-body .policy-subheading{font-size:18px;font-weight:700;color:#0f172a;margin-top:32px;margin-bottom:16px;font-family:Inter,sans-serif;letter-spacing:.5px;text-transform:uppercase}.policy-content .policy-list,.section-body .policy-list{margin:16px 0 24px 24px;padding-left:0;list-style-type:disc}.policy-content .policy-list li,.section-body .policy-list li{margin-bottom:10px;font-size:15.5px;color:#475569;line-height:1.85;display:list-item}.pdf-header-actions{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#f8fafc;border-radius:12px;margin-bottom:24px;border:1px solid #e2e8f0;gap:16px}@media(max-width:768px){.pdf-header-actions{flex-direction:column;align-items:stretch;text-align:center}}.pdf-header-actions .pdf-info{font-size:14px;color:#475569;font-weight:500}.pdf-header-actions .pdf-info i{color:#0e7490;margin-right:4px}.pdf-header-actions .btn-download{background:#0e7490;color:#fff;text-decoration:none;padding:10px 20px;border-radius:8px;font-weight:600;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;border:none;cursor:pointer}.pdf-header-actions .btn-download:hover{background:#0e3a4b;transform:translateY(-1px)}.pdf-iframe-container{border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.pdf-iframe-container .policy-pdf-viewer{width:100%;height:850px;border:none;display:block}.policy-empty{text-align:center;padding:60px 40px;background:#fff;border-radius:16px;border:1px solid #f1f5f9;box-shadow:0 10px 30px #0f172a0a;color:#64748b}.policy-empty .empty-icon{font-size:48px;color:#cbd5e1;margin-bottom:16px}.policy-empty h3{font-size:20px;font-weight:600;color:#334155;margin-bottom:8px}.policy-empty p{font-size:15px;margin:0}.btn-back-arrow{cursor:pointer;font-size:1.15rem;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:none;background:#0e74900f;color:#0e7490;transition:all .2s cubic-bezier(.4,0,.2,1);margin-right:12px;outline:none;vertical-align:middle}.btn-back-arrow:hover{background:#0e7490;color:#fff;transform:translate(-2px);box-shadow:0 4px 10px #0e749033}.btn-back-arrow:active{transform:translate(-2px) scale(.95)}body.dark-mode .btn-back-arrow{background:#ffffff14;color:#f1f5f9}body.dark-mode .btn-back-arrow:hover{background:#10b981;color:#fff;box-shadow:0 4px 10px #10b9814d}.layout-error-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999999;display:flex;align-items:center;justify-content:center;padding:1.5rem}.layout-popup-card{background:#fff;padding:3rem 2.5rem;border-radius:28px;width:100%;max-width:440px;text-align:center;box-shadow:0 16px 40px #00000014;border:1px solid #f1f5f9;display:flex;flex-direction:column;align-items:center;gap:1.25rem;animation:modalScaleIn .3s cubic-bezier(.34,1.56,.64,1)}body.dark-mode .layout-popup-card{background:#1e293b;border-color:#334155;box-shadow:0 16px 40px #0000004d}.layout-popup-icon-wrapper{display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.layout-popup-title{font-size:1.5rem;font-weight:800;letter-spacing:.05em;margin:0}.layout-popup-title.error-title{color:#f23a2f}.layout-popup-title.success-title{color:#28b463}.layout-popup-body{font-size:.95rem;color:#475569;line-height:1.6;margin:0 0 1rem;font-weight:500;width:100%}body.dark-mode .layout-popup-body{color:#cbd5e1}.layout-popup-body p{margin:0 0 .75rem}.layout-popup-body p:last-child{margin-bottom:0}.layout-popup-scroll{max-height:180px;overflow-y:auto;padding-right:.25rem;margin-top:.5rem;width:100%}.layout-popup-scroll::-webkit-scrollbar{width:5px}.layout-popup-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}body.dark-mode .layout-popup-scroll::-webkit-scrollbar-thumb{background:#475569}.layout-popup-bullet-item{background:#fef2f2;border:1px solid #fee2e2;color:#ef4444;padding:10px 14px;border-radius:10px;font-size:.875rem;font-weight:600;margin-bottom:8px;display:flex;align-items:center;justify-content:center;gap:6px;line-height:1.4}body.dark-mode .layout-popup-bullet-item{background:#ef444414;border-color:#ef444426;color:#f87171}.layout-popup-btn{width:100%;max-width:260px;padding:14px;border-radius:10px;border:none;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .2s ease;outline:none;display:inline-flex;align-items:center;justify-content:center}.layout-popup-btn.error-btn{background-color:#f23a2f;color:#fff;box-shadow:0 4px 12px #f23a2f40}.layout-popup-btn.error-btn:hover{background-color:#d92d24;transform:translateY(-1px);box-shadow:0 6px 16px #f23a2f59}.layout-popup-btn.success-btn{background-color:#28b463;color:#fff;box-shadow:0 4px 12px #28b46340}.layout-popup-btn.success-btn:hover{background-color:#219653;transform:translateY(-1px);box-shadow:0 6px 16px #28b46359}.layout-popup-btn:active{transform:translateY(0) scale(.98)}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.92) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-content{max-height:85vh!important;display:flex!important;flex-direction:column!important}.modal-body{flex:1!important;overflow-y:auto!important;padding-right:8px!important;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.35) transparent}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:transparent}.modal-body::-webkit-scrollbar-thumb{background:#94a3b859;border-radius:10px}.modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8a6}.ngx-toastr{background:#fff!important;border-radius:16px!important;box-shadow:0 4px 20px #0000001a,0 1px 4px #0000000f!important;border:1px solid #f1f5f9!important;padding:14px 44px 14px 60px!important;min-width:260px!important;max-width:360px!important;color:#374151!important;background-repeat:no-repeat!important;background-position:16px 50%!important;background-size:28px 28px!important;position:relative!important}.ngx-toastr .toast-title{display:block!important;font-size:15px!important;font-weight:700!important;line-height:1.3!important;margin-bottom:4px!important}.ngx-toastr .toast-message{font-size:13.5px!important;font-weight:400!important;color:#6b7280!important;line-height:1.5!important}.ngx-toastr .toast-close-button{position:absolute!important;top:50%!important;right:14px!important;transform:translateY(-50%)!important;color:#9ca3af!important;font-size:18px!important;font-weight:400!important;line-height:1!important;background:none!important;border:none!important;cursor:pointer!important;padding:4px!important;transition:color .15s ease!important}.ngx-toastr .toast-close-button:hover{color:#374151!important}.toast-success{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='20' fill='%2322c55e'/%3E%3Cpath d='M11 21l7 7 12-15' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E")!important}.toast-success .toast-title{color:#16a34a!important}.toast-error,.toast-soft-error{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='20' fill='%23ef4444'/%3E%3Cpath d='M13 13l14 14M27 13L13 27' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' fill='none'/%3E%3C/svg%3E")!important}.toast-error .toast-title,.toast-soft-error .toast-title{color:#dc2626!important}.toast-warning{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='20' fill='%23f59e0b'/%3E%3Crect x='18.2' y='10' width='3.6' height='13' rx='1.8' fill='%23fff'/%3E%3Ccircle cx='20' cy='29' r='2.4' fill='%23fff'/%3E%3C/svg%3E")!important}.toast-warning .toast-title{color:#d97706!important}.toast-info{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='20' fill='%233b82f6'/%3E%3Ccircle cx='20' cy='12.5' r='2.2' fill='%23fff'/%3E%3Crect x='18.2' y='18' width='3.6' height='11' rx='1.8' fill='%23fff'/%3E%3C/svg%3E")!important}.toast-info .toast-title{color:#2563eb!important}.ngx-toastr .toast-progress{position:absolute!important;bottom:0!important;left:0!important;height:3px!important;border-radius:0 0 16px 16px!important}.toast-success .toast-progress{background:#22c55e!important;opacity:.5!important}.toast-error .toast-progress,.toast-soft-error .toast-progress{background:#ef4444!important;opacity:.5!important}.toast-warning .toast-progress{background:#f59e0b!important;opacity:.5!important}.toast-info .toast-progress{background:#3b82f6!important;opacity:.5!important}#toast-container{top:72px!important;padding:8px!important}#toast-container>div{opacity:1!important;animation:toastSlideIn .25s cubic-bezier(.4,0,.2,1) forwards}@keyframes toastSlideIn{0%{transform:translate(40px);opacity:0}to{transform:translate(0);opacity:1}}body.dark-mode .ngx-toastr{background:#1e293b!important;border-color:#334155!important;box-shadow:0 4px 20px #00000059!important}body.dark-mode .ngx-toastr .toast-message{color:#f8fafc!important}body.dark-mode .ngx-toastr .toast-close-button{color:#64748b!important}body.dark-mode .ngx-toastr .toast-close-button:hover{color:#cbd5e1!important}body.is-printing-pdf app-sidenav,body.is-printing-pdf app-hoteladminheader,body.is-printing-pdf app-admin-chat-widget,body.is-printing-pdf .sidebar,body.is-printing-pdf .header,body.is-printing-pdf .toast-container,body.is-printing-pdf #toast-container,body.is-printing-pdf .mini-popup-overlay,body.is-printing-pdf ngx-guided-tour,body.is-printing-pdf .noprint,body.is-printing-pdf .invoice-sidebar{display:none!important;visibility:hidden!important;opacity:0!important;height:0!important;overflow:hidden!important}@media print{html,body{background:#fff!important;color:#000!important}app-sidenav,app-hoteladminheader,app-admin-chat-widget,.sidebar,.header,.toast-container,#toast-container,.mini-popup-overlay,ngx-guided-tour,.noprint,.invoice-sidebar{display:none!important;visibility:hidden!important;opacity:0!important;height:0!important;overflow:hidden!important}.layout,.content,.invoice-detail-container{display:block!important;width:100%!important;max-width:100%!important;min-height:auto!important;height:auto!important;margin:0!important;padding:0!important;background:#fff!important;box-shadow:none!important}.invoice-document{box-shadow:none!important;border:none!important;padding:0!important;width:100%!important;min-height:auto!important;height:auto!important;margin:0!important}}.fullscreen-preloader-overlay{width:100vw!important;height:100vh!important;max-width:100vw!important;max-height:100vh!important;display:flex!important;align-items:center!important;justify-content:center!important}.custom-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172a66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:99999;animation:fadeIn .25s ease-out}.custom-modal-content{background:#ffffffd9;border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #1f268726;border-radius:16px;width:420px;max-width:90%;padding:24px;text-align:center;transform:translateY(0);animation:slideUp .3s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column;gap:16px}.modal-header-section{display:flex;flex-direction:column;align-items:center;gap:12px}.modal-header-section .modal-icon{font-size:2.5rem;color:#4f46e5;background:#4f46e51a;width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:50%}.modal-header-section h3{margin:0;font-size:1.25rem;font-weight:700;color:#0f172a}.modal-body-section p{margin:0;font-size:.95rem;color:#475569;line-height:1.5}.modal-footer-section{display:flex;gap:12px;justify-content:center;margin-top:8px}.modal-footer-section button{padding:10px 20px;border-radius:9999px;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;outline:none}.modal-footer-section .btn-cancel{background:#f1f5f9;color:#475569}.modal-footer-section .btn-cancel:hover{background:#e2e8f0;color:#334155}.modal-footer-section .btn-confirm{background:#4f46e5;color:#fff;box-shadow:0 4px 12px #4f46e533}.modal-footer-section .btn-confirm:hover{background:#4338ca;transform:translateY(-1px)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.folio-doc-page{background:#fff!important;padding:40px 50px!important;box-shadow:0 10px 30px #0000000d!important;border:1px solid #cbd5e1!important;min-height:1050px!important;margin:0 auto 25px!important;box-sizing:border-box!important;width:100%!important;max-width:850px!important;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif!important;color:#000!important;border-color:#cbd5e1!important;background-color:#fff!important}.folio-doc-page *{color:#000!important;border-color:#000!important;background-color:transparent!important}.folio-doc-page .folio-doc-header{display:grid!important;grid-template-columns:120px 1fr auto!important;gap:20px!important;align-items:center!important;margin-bottom:15px!important}.folio-doc-page .folio-doc-header .logo-container{display:flex!important;align-items:center!important}.folio-doc-page .folio-doc-header .logo-container .doc-logo{max-width:110px!important;height:auto!important;object-fit:contain!important}.folio-doc-page .folio-doc-header .hotel-details{text-align:center!important;line-height:1.4!important}.folio-doc-page .folio-doc-header .hotel-details .hotel-name{font-size:15px!important;font-weight:800!important;margin:0 0 4px!important;color:#000!important}.folio-doc-page .folio-doc-header .hotel-details .hotel-meta{font-size:11px!important;margin:0!important;color:#000!important}.folio-doc-page .folio-doc-header .statement-meta{text-align:right!important;font-size:11px!important}.folio-doc-page .folio-doc-header .statement-meta .statement-title{font-size:18px!important;font-weight:800!important;margin:0 0 6px!important;color:#000!important;letter-spacing:.05em!important}.folio-doc-page .folio-doc-header .statement-meta .meta-item{margin-bottom:2px!important;display:block!important}.folio-doc-page .folio-doc-header .statement-meta .meta-item .meta-label{font-weight:700!important;color:#000!important}.folio-doc-page .folio-doc-header .statement-meta .meta-item .meta-val{font-weight:400!important;color:#000!important;margin-left:4px!important}.folio-doc-page .folio-divider-black{border-top:1px solid #000000!important;margin:12px 0!important;display:block!important;height:1px!important;width:100%!important}.folio-doc-page .folio-info-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:20px!important;font-size:11.5px!important;margin-bottom:6px!important;width:100%!important}.folio-doc-page .folio-info-grid .info-column{display:flex!important;flex-direction:column!important;gap:6px!important}.folio-doc-page .folio-info-grid .info-row{display:flex!important;justify-content:space-between!important;gap:10px!important;align-items:baseline!important}.folio-doc-page .folio-info-grid .info-row .label{font-weight:700!important;color:#000!important;white-space:nowrap!important;min-width:auto!important}.folio-doc-page .folio-info-grid .info-row .value{text-align:right!important;color:#000!important;word-break:normal!important;overflow-wrap:anywhere!important}.folio-doc-page .folio-info-bottom-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:40px!important;font-size:11.5px!important;margin-bottom:12px!important;width:100%!important}.folio-doc-page .folio-info-bottom-grid .info-column{display:flex!important;flex-direction:column!important;gap:6px!important}.folio-doc-page .folio-info-bottom-grid .info-row{display:flex!important;justify-content:space-between!important;gap:10px!important;align-items:baseline!important}.folio-doc-page .folio-info-bottom-grid .info-row .label{font-weight:700!important;color:#000!important;white-space:nowrap!important}.folio-doc-page .folio-info-bottom-grid .info-row .value{text-align:right!important;color:#000!important}.folio-doc-page .folio-room-rate-section{font-size:11.5px!important;margin-bottom:12px!important}.folio-doc-page .folio-room-rate-section .room-rate-title{font-size:13px!important;font-weight:700!important;text-decoration:underline!important;margin:0 0 8px!important;color:#000!important}.folio-doc-page .folio-room-rate-section .room-rate-row{display:flex!important;justify-content:space-between!important;margin-bottom:2px!important;padding:3px 0!important;border-bottom:.5px dashed #cccccc!important;color:#000!important}.folio-doc-page .folio-room-rate-section .room-rate-row:last-of-type{border-bottom:none!important}.folio-doc-page .folio-room-rate-section .room-rate-est{font-weight:700!important;margin:8px 0 0!important;color:#000!important}.folio-doc-page .folio-table-section{margin-bottom:12px!important}.folio-doc-page .folio-table-section .folio-transaction-table{width:100%!important;border-collapse:collapse!important;font-size:11px!important}.folio-doc-page .folio-table-section .folio-transaction-table th{font-weight:700!important;color:#000!important;border-top:1.5px solid #000000!important;border-bottom:1.5px solid #000000!important;padding:8px 4px!important;text-align:left}.folio-doc-page .folio-table-section .folio-transaction-table td{padding:8px 4px!important;border-bottom:.5px solid #cccccc!important;color:#000!important}.folio-doc-page .folio-table-section .folio-transaction-table tr.payment-row td:nth-last-child(1),.folio-doc-page .folio-table-section .folio-transaction-table tr.payment-row td:nth-last-child(2){font-weight:700!important}.folio-doc-page .folio-table-section .folio-transaction-table tr.last-row td:nth-last-child(1){font-weight:700!important}.folio-doc-page .folio-table-section .folio-transaction-table .text-right{text-align:right!important}.folio-doc-page .folio-summary-section{margin-bottom:20px!important}.folio-doc-page .folio-summary-section .summary-title{font-size:16px!important;font-weight:700!important;margin:0 0 8px!important;color:#000!important}.folio-doc-page .folio-summary-section .folio-summary-table{width:100%!important;border-collapse:collapse!important;font-size:11px!important}.folio-doc-page .folio-summary-section .folio-summary-table th{font-weight:700!important;color:#000!important;border-bottom:1.5px solid #000000!important;padding:8px 4px!important;text-align:left}.folio-doc-page .folio-summary-section .folio-summary-table td{padding:10px 4px!important;color:#000!important;border-bottom:none!important}.folio-doc-page .folio-summary-section .folio-summary-table .text-right{text-align:right!important}.folio-doc-page .folio-policy-and-signature{margin-top:25px!important;page-break-inside:avoid!important;break-inside:avoid!important}.folio-doc-page .folio-policy-and-signature .signature-section{margin-bottom:25px!important}.folio-doc-page .folio-policy-and-signature .signature-section .sig-label{font-size:12px!important;font-weight:700!important;color:#000!important;display:block!important;margin-bottom:4px!important}.folio-doc-page .folio-policy-and-signature .signature-section .sig-agreement{font-size:10px!important;color:#000!important;font-style:italic!important;margin:0!important}.folio-doc-page .folio-policy-and-signature .policy-info-section{margin-top:20px!important;border-top:1px dashed #000000!important;padding-top:15px!important;font-size:11px!important}.folio-doc-page .folio-policy-and-signature .policy-info-section .policy-section-title{font-size:12px!important;font-weight:700!important;margin:0 0 6px!important;color:#000!important}.folio-doc-page .folio-policy-and-signature .policy-info-section .policy-content-text{line-height:1.4!important;color:#000!important;text-align:justify!important}.folio-doc-page .folio-policy-and-signature .vehicle-info-block{margin-top:15px!important}.folio-doc-page .folio-policy-and-signature .vehicle-info-block .vehicle-header{font-weight:700!important;margin:0 0 8px!important;font-size:11.5px!important}.folio-doc-page .folio-policy-and-signature .vehicle-info-block .vehicle-fields-row{display:flex!important;gap:25px!important;flex-wrap:wrap!important}.folio-doc-page .folio-policy-and-signature .vehicle-info-block .vehicle-fields-row .vehicle-field{display:flex!important;align-items:flex-end!important;gap:8px!important}.folio-doc-page .folio-policy-and-signature .vehicle-info-block .vehicle-fields-row .vehicle-field span{font-weight:700!important}.folio-doc-page .folio-policy-and-signature .vehicle-info-block .vehicle-fields-row .vehicle-field .line-input{border-bottom:1px solid #000000!important;height:16px!important}.folio-doc-page .doc-footer{margin-top:20px!important}.folio-doc-page .doc-footer .simple-print-time{font-size:9.5px!important;color:#000!important;text-align:right!important;border-top:1px dashed #000000!important;padding-top:6px!important}body.dark-mode .folio-doc-page,body.dark-mode .doc-page{background:#fff!important;background-color:#fff!important;color:#000!important;border-color:#cbd5e1!important}body.dark-mode .folio-doc-page h1,body.dark-mode .folio-doc-page h2,body.dark-mode .folio-doc-page h3,body.dark-mode .folio-doc-page h4,body.dark-mode .folio-doc-page h5,body.dark-mode .folio-doc-page h6,body.dark-mode .folio-doc-page p,body.dark-mode .folio-doc-page span,body.dark-mode .folio-doc-page div,body.dark-mode .folio-doc-page td,body.dark-mode .folio-doc-page th,body.dark-mode .folio-doc-page strong,body.dark-mode .folio-doc-page label,body.dark-mode .folio-doc-page input,body.dark-mode .folio-doc-page select,body.dark-mode .folio-doc-page textarea,body.dark-mode .folio-doc-page i,body.dark-mode .folio-doc-page a,body.dark-mode .folio-doc-page *,body.dark-mode .doc-page h1,body.dark-mode .doc-page h2,body.dark-mode .doc-page h3,body.dark-mode .doc-page h4,body.dark-mode .doc-page h5,body.dark-mode .doc-page h6,body.dark-mode .doc-page p,body.dark-mode .doc-page span,body.dark-mode .doc-page div,body.dark-mode .doc-page td,body.dark-mode .doc-page th,body.dark-mode .doc-page strong,body.dark-mode .doc-page label,body.dark-mode .doc-page input,body.dark-mode .doc-page select,body.dark-mode .doc-page textarea,body.dark-mode .doc-page i,body.dark-mode .doc-page a,body.dark-mode .doc-page *{color:#000!important;border-color:#000!important;background-color:transparent!important}.portal-modal-overlay{position:fixed;inset:0;background:#0f172a99;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:fadeIn .3s ease forwards}.portal-modal-container{display:flex;flex-direction:column;background:var(--surface, #ffffff);border:1px solid var(--border, #e2e8f0);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:90%;max-width:1200px;height:85vh;border-radius:16px;overflow:hidden;transition:all .3s cubic-bezier(.34,1.56,.64,1);animation:slideUp .3s cubic-bezier(.34,1.56,.64,1) forwards}.portal-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.75rem;border-bottom:1px solid var(--border, #e2e8f0);background:var(--surface, #ffffff)}.portal-modal-body{flex:1;overflow-y:auto;padding:1.75rem;background:var(--background, #f8fafc)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}body.dark-mode .portal-quick-card{background:#0f172a;border-color:#1e293b}body.dark-mode .portal-quick-card .portal-card-name{color:#f8fafc}body.dark-mode .portal-quick-card .portal-card-desc{color:#e2e8f0}body.dark-mode .portal-modal-container{background:#0f172a;border-color:#1e293b}body.dark-mode .portal-modal-header{background:#0f172a;border-bottom-color:#1e293b}body.dark-mode .portal-modal-header .modal-title-text{color:#f8fafc}body.dark-mode .btn-portal-action,body.dark-mode .btn-portal-close{background:#1e293b;color:#e2e8f0}body.dark-mode .portal-modal-body{background:#020617}.room-management-tabbed-container{display:flex;flex-direction:column;height:100%;width:100%}.tab-headers{position:sticky;top:-1.75rem;z-index:100;background:var(--background, #f8fafc);margin-top:-1.75rem;padding-top:1.75rem;padding-bottom:10px;margin-bottom:20px;display:flex;gap:8px;border-bottom:2px solid var(--border, #e2e8f0)}body.dark-mode .tab-headers{background:#020617!important}.tab-header-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border:none;background:none;font-size:.95rem;font-weight:600;color:var(--text-secondary, #64748b);cursor:pointer;border-radius:8px;transition:all .25s ease}.tab-header-btn i{font-size:1rem}.tab-header-btn:hover{color:var(--text-primary, #1e293b);background:var(--border-light, #f1f5f9)}.tab-header-btn.active{color:var(--primary, #0e7490);background:#0e749014;box-shadow:inset 0 -2px 0 var(--primary, #0e7490)}.tab-content-wrapper{flex:1;overflow:auto;min-height:500px}.btn-room-setup:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0e749040;background:linear-gradient(135deg,#0e7490,#06b6d4)!important}body.dark-mode .tab-headers{border-bottom-color:#1e293b}body.dark-mode .tab-header-btn{color:#e2e8f0}body.dark-mode .tab-header-btn:hover{color:#f8fafc;background:#1e293b}body.dark-mode .tab-header-btn.active{color:#38bdf8;background:#0ea5e91f;box-shadow:inset 0 -2px #38bdf8}body.modal-open{overflow:hidden!important}.portal-modal-overlay{position:fixed!important;inset:0!important;background:#0f172a99!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;z-index:10090!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:1.5rem!important;opacity:1!important;visibility:visible!important;animation:none!important;transition:none!important}.portal-modal-container{display:flex!important;flex-direction:column!important;background:var(--surface, #ffffff)!important;border:1px solid var(--border, #e2e8f0)!important;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a!important;width:90%!important;max-width:1200px!important;height:85vh!important;border-radius:16px!important;overflow:visible!important;opacity:1!important;transform:none!important;animation:none!important;transition:none!important}.portal-modal-container.full-view{width:100vw!important;height:100vh!important;max-width:100vw!important;border-radius:0!important;border:none!important}.portal-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.75rem;border-bottom:1px solid var(--border, #e2e8f0);background:var(--surface, #ffffff);border-radius:16px 16px 0 0}.portal-modal-header .modal-title-text{font-size:1.35rem;font-weight:850;color:var(--text-primary, #1e293b);margin:0}.portal-modal-header-left{display:flex;align-items:center;gap:.75rem}.btn-portal-back{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1.5px solid var(--border, #e2e8f0);background:var(--background, #f1f5f9);color:var(--text-secondary, #64748b);cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .15s ease;flex-shrink:0}.btn-portal-back i{font-size:.85rem}.btn-portal-back:hover{background:#2563eb1a;color:#2563eb;border-color:#2563eb;transform:translate(-2px)}.btn-portal-back:active{transform:translate(-4px);background:#2563eb2e}.portal-modal-actions{display:flex;align-items:center;gap:.75rem}.btn-portal-action,.btn-portal-close{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;border:none;background:var(--background, #f1f5f9);color:var(--text-secondary, #64748b);cursor:pointer;transition:all .2s ease}.btn-portal-action:hover,.btn-portal-close:hover{background:#2563eb1a;color:#2563eb;transform:scale(1.05)}.btn-portal-close:hover{background:#ef44441a;color:#ef4444}.portal-modal-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:2rem;background:var(--background, #f8fafc);border-radius:0 0 16px 16px;min-height:0}.portal-modal-body .modal-backdrop,.portal-modal-body .modal-overlay,.portal-modal-body .night-audit-overlay,.portal-modal-body .overlay-backdrop{z-index:20000!important;position:fixed!important}.portal-modal-body .portal-modal-overlay{z-index:20000!important;position:fixed!important;inset:0!important}.portal-modal-body .modal-container,.portal-modal-body .modal-dialog,.portal-modal-body .modal-content{z-index:20001!important;position:relative!important}.portal-modal-body .portal-modal-container{z-index:20001!important;border-radius:12px!important}.dashboard-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:.65rem 1.4rem;border-radius:50px;font-size:.88rem;font-weight:600;letter-spacing:.02em;cursor:pointer;border:1px solid transparent;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:background-color .15s ease,box-shadow .15s ease;color:#fff;height:38px;text-decoration:none}.dashboard-action-btn i{font-size:.95rem}.dashboard-action-btn:hover{box-shadow:0 8px 12px -3px #00000026,0 4px 6px -2px #0000001a;color:#fff}.dashboard-action-btn:active{box-shadow:inset 0 2px 4px #0000001a}.btn-slate{background:linear-gradient(135deg,#475569,#334155);border-color:#475569}.btn-teal{background:linear-gradient(135deg,#0d9488,#0f766e);border-color:#0d9488}.btn-amber{background:linear-gradient(135deg,#d97706,#b45309);border-color:#d97706}.btn-emerald{background:linear-gradient(135deg,#059669,#047857);border-color:#059669}.btn-indigo{background:linear-gradient(135deg,#4f46e5,#3730a3);border-color:#4f46e5}.btn-blue{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#2563eb}.btn-cyan{background:linear-gradient(135deg,#0891b2,#0e7490);border-color:#0891b2}.dashboard-header{display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap;gap:1rem;padding:1rem 0!important;background:var(--surface, #e9f1f9)!important;border-bottom:1px solid var(--border, #e2e8f0)!important;margin-bottom:0!important}@media(min-width:1024px)and (max-width:1399px){app-hoteladminheader .header-content{padding:0 44px!important}}@media(min-width:768px)and (max-width:1023px){app-hoteladminheader .header-content{padding:0 32px!important}}.dash-header-info{display:flex;flex-direction:column;gap:4px}.dash-header-info .header-title{font-size:1.6rem;font-weight:800;color:var(--text-primary, #1e293b);margin:0;line-height:1.2}.hotel-id-badge{display:inline-flex;align-items:center;gap:6px;background:#0e749014;border:1px solid rgba(14,116,144,.2);padding:3px 12px;border-radius:20px;font-size:.8rem;font-weight:600;color:#0e7490;width:fit-content}.dash-quick-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:nowrap;flex-shrink:0}.quick-btn{font-family:inherit;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:0 1.6rem!important;min-width:max-content!important;width:auto!important;flex-shrink:0!important;flex-grow:0!important;border-radius:50px!important;border:1px solid rgba(255,255,255,.1)!important;font-size:.88rem!important;font-weight:700!important;letter-spacing:.02em!important;cursor:pointer;color:#fff!important;white-space:nowrap!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 4px 12px #0000000d!important;height:38px!important}.quick-btn i{font-size:.95rem;transition:transform .2s ease}.quick-btn span{font-family:inherit;font-weight:700}.quick-btn:hover{transform:translateY(-2px) scale(1.02);color:#fff}.quick-btn:hover i{transform:scale(1.1)}.quick-btn:active{transform:translateY(0) scale(.98);box-shadow:inset 0 2px 4px #0000001a}.q-slate{background:linear-gradient(135deg,#64748b,#475569);border-color:#64748b33}.q-slate:hover{box-shadow:0 8px 24px #47556959}.q-teal{background:linear-gradient(135deg,#14b8a6,#0d9488);border-color:#14b8a633}.q-teal:hover{box-shadow:0 8px 24px #0d948859}.q-amber{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#f59e0b33}.q-amber:hover{box-shadow:0 8px 24px #d9770659}.q-emerald{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b98133}.q-emerald:hover{box-shadow:0 8px 24px #05966959}.q-indigo{background:linear-gradient(135deg,#6366f1,#4f46e5);border-color:#6366f133}.q-indigo:hover{box-shadow:0 8px 24px #4f46e559}.q-blue{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f633}.q-blue:hover{box-shadow:0 8px 24px #2563eb59}.q-primary{border-color:#2563eb66}@media(max-width:1200px){.dash-quick-actions{flex-wrap:wrap;justify-content:flex-start;gap:8px;width:100%;margin-top:.5rem}.quick-btn{padding:0 1.25rem!important;font-size:.82rem!important;height:36px!important;min-width:max-content!important;width:auto!important}}@media(max-width:768px){.dashboard-header{flex-direction:column;align-items:flex-start;gap:12px;padding:1.25rem 1rem!important}.dash-quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));width:100%;gap:8px;margin-top:8px}.quick-btn{width:100%!important;min-width:0!important;padding:0 .75rem!important;font-size:.82rem!important;gap:6px!important;justify-content:center!important;border-radius:8px!important}}@media(max-width:480px){.dash-quick-actions{grid-template-columns:repeat(2,1fr);gap:6px}.quick-btn{font-size:.78rem!important;height:34px!important;border-radius:6px!important}}@media print{.layout,.content,.dashboard,.dashboard.admin-page,.folio-dashboard-container{display:block!important;padding:0!important;margin:0!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;background:#fff!important}.main-content,.dashboard-bg-accent,.portal-modal-overlay,.panel-header,.dashboard-header,.dashboard-cards-container,.night-audit-overlay,.folio-kpi-grid,.folio-card{display:none!important;visibility:hidden!important;height:0!important;width:0!important;overflow:hidden!important;margin:0!important;padding:0!important;border:none!important;position:absolute!important;left:-9999px!important}.invoice-side-panel{position:static!important;display:block!important;width:100%!important;max-width:100%!important;height:auto!important;box-shadow:none!important;background:#fff!important;transform:none!important;overflow:visible!important;right:0!important;margin:0!important;padding:0!important}.panel-body{padding:0!important;height:auto!important;overflow:visible!important;background:#fff!important}div[style*="left: -9999px"],div[style*="left:-9999px"]{display:none!important;visibility:hidden!important;height:0!important;width:0!important;overflow:hidden!important}}@media(max-width:1024px){.portal-modal-container{width:96%!important;max-width:96%!important;height:90vh!important;max-height:90vh!important}}@media(max-width:768px){body .portal-modal-overlay{padding:.5rem!important}body .portal-modal-container{width:100%!important;height:100%!important;max-height:100vh!important;max-height:100dvh!important;border-radius:0!important;margin:0!important;border:none!important}.portal-modal-header{padding:1rem 1.25rem!important;border-radius:0!important}.portal-modal-header .modal-title-text{font-size:1.15rem!important}.portal-modal-body{padding:1.5rem!important;border-radius:0!important}}@media(max-width:576px){.filter-select,.form-control,.form-select,input[type=text],input[type=date],input[type=number],input[type=email],input[type=password],select,textarea{width:100%!important;max-width:100%!important;box-sizing:border-box!important;font-size:14px!important}.me-2,.ms-md-2{margin-right:0!important;margin-left:0!important}}.table-responsive,.res-list-container{width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}@media(max-width:576px){.card-header-add-btn{padding:0 .75rem!important;font-size:.75rem!important;height:30px!important}}@media(max-width:768px){body .portal-modal-overlay,.modal.active{padding:4px!important;display:flex!important;align-items:center!important;justify-content:center!important}.modal{padding:4px!important}body .portal-modal-container,.modal-content{width:100%!important;max-width:100%!important;height:100%!important;max-height:100vh!important;max-height:100dvh!important;border-radius:0!important;margin:0!important;display:flex!important;flex-direction:column!important;border:none!important}.portal-modal-header,.modal-header{padding:12px 16px!important;flex-shrink:0!important;border-radius:0!important}.portal-modal-body,.modal-body{padding:12px 16px!important;flex:1 1 auto!important;overflow-y:auto!important;border-radius:0!important;max-height:calc(100vh - 60px)!important;max-height:calc(100dvh - 60px)!important}.portal-modal-body .row,.portal-modal-body .form-row,.portal-modal-body .grid,.portal-modal-body .form-grid,.portal-modal-body .stats-grid,.portal-modal-body .color-grid,.portal-modal-body .admin-grid,.portal-modal-body .room-details-grid,.modal-body .row,.modal-body .form-row,.modal-body .grid,.modal-body .form-grid,.modal-body .stats-grid,.modal-body .color-grid,.modal-body .admin-grid,.modal-body .room-details-grid{display:flex!important;flex-direction:column!important;width:100%!important;max-width:100%!important;gap:12px!important;margin-inline:0!important}.portal-modal-body .col-lg-12,.portal-modal-body .col-lg-6,.portal-modal-body .col-lg-4,.portal-modal-body .col-lg-3,.portal-modal-body .col-md-12,.portal-modal-body .col-md-6,.portal-modal-body .col-md-4,.portal-modal-body .col-md-3,.portal-modal-body .col-sm-12,.portal-modal-body .col-sm-6,.portal-modal-body .col-12,.modal-body .col-lg-12,.modal-body .col-lg-6,.modal-body .col-lg-4,.modal-body .col-lg-3,.modal-body .col-md-12,.modal-body .col-md-6,.modal-body .col-md-4,.modal-body .col-md-3,.modal-body .col-sm-12,.modal-body .col-sm-6,.modal-body .col-12{width:100%!important;max-width:100%!important;flex:1 1 100%!important;padding-inline:0!important;margin-bottom:0!important}.portal-modal-body .form-group,.portal-modal-body .detail-item,.portal-modal-body .info-row,.modal-body .form-group,.modal-body .detail-item,.modal-body .info-row{display:flex!important;flex-direction:column!important;align-items:stretch!important;width:100%!important;gap:4px!important;margin-bottom:8px!important}.portal-modal-body .form-group label,.portal-modal-body .detail-item label,.portal-modal-body .info-row label,.modal-body .form-group label,.modal-body .detail-item label,.modal-body .info-row label{font-weight:700!important;margin-bottom:2px!important}.portal-modal-body .form-group span,.portal-modal-body .form-group input,.portal-modal-body .form-group select,.portal-modal-body .form-group textarea,.portal-modal-body .detail-item span,.portal-modal-body .detail-item input,.portal-modal-body .detail-item select,.portal-modal-body .detail-item textarea,.portal-modal-body .info-row span,.portal-modal-body .info-row input,.portal-modal-body .info-row select,.portal-modal-body .info-row textarea,.modal-body .form-group span,.modal-body .form-group input,.modal-body .form-group select,.modal-body .form-group textarea,.modal-body .detail-item span,.modal-body .detail-item input,.modal-body .detail-item select,.modal-body .detail-item textarea,.modal-body .info-row span,.modal-body .info-row input,.modal-body .info-row select,.modal-body .info-row textarea{width:100%!important;max-width:100%!important}.portal-modal-body .table-responsive,.portal-modal-body .res-list-container,.portal-modal-body .list-wrapper,.portal-modal-body .tab-content-wrapper,.modal-body .table-responsive,.modal-body .res-list-container,.modal-body .list-wrapper,.modal-body .tab-content-wrapper{width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.portal-modal-body .tab-headers,.portal-modal-body .nav-tabs,.portal-modal-body .segmented-control,.modal-body .tab-headers,.modal-body .nav-tabs,.modal-body .segmented-control{display:flex!important;flex-wrap:wrap!important;gap:4px!important;border-bottom:none!important;width:100%!important}.portal-modal-body .tab-headers .tab-header-btn,.portal-modal-body .tab-headers .nav-link,.portal-modal-body .tab-headers .segment-btn,.portal-modal-body .nav-tabs .tab-header-btn,.portal-modal-body .nav-tabs .nav-link,.portal-modal-body .nav-tabs .segment-btn,.portal-modal-body .segmented-control .tab-header-btn,.portal-modal-body .segmented-control .nav-link,.portal-modal-body .segmented-control .segment-btn,.modal-body .tab-headers .tab-header-btn,.modal-body .tab-headers .nav-link,.modal-body .tab-headers .segment-btn,.modal-body .nav-tabs .tab-header-btn,.modal-body .nav-tabs .nav-link,.modal-body .nav-tabs .segment-btn,.modal-body .segmented-control .tab-header-btn,.modal-body .segmented-control .nav-link,.modal-body .segmented-control .segment-btn{flex:1 1 calc(50% - 4px)!important;justify-content:center!important;text-align:center!important;font-size:.78rem!important;padding:8px 4px!important;margin:0!important;border-radius:6px!important}.portal-modal-footer,.modal-footer{display:flex!important;flex-direction:column-reverse!important;gap:8px!important;padding:12px 16px!important;flex-shrink:0!important}.portal-modal-footer button,.portal-modal-footer .btn,.modal-footer button,.modal-footer .btn{width:100%!important;margin:0!important;justify-content:center!important;height:38px!important;font-size:.85rem!important}}@media(max-width:480px){.portal-modal-body .tab-headers .tab-header-btn,.portal-modal-body .nav-tabs .nav-link,.portal-modal-body .segmented-control .segment-btn,.modal-body .tab-headers .tab-header-btn,.modal-body .nav-tabs .nav-link,.modal-body .segmented-control .segment-btn{flex:1 1 100%!important;width:100%!important}}.portal-modal-body .mobile-nav-toggle{display:none!important}.portal-modal-body .header{display:flex!important;align-items:center!important;justify-content:flex-start!important;text-align:left!important;flex-wrap:wrap!important;gap:10px!important;width:100%!important}.portal-modal-body .header-title,.portal-modal-body .header h1,.portal-modal-body .header h2{text-align:left!important;margin:0!important;flex:0 1 auto!important}.portal-modal-body .header-actions{margin-left:auto!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important}.portal-modal-body .dashboard{padding:0!important;margin:0!important}body .portal-modal-body .main-content{padding:0!important;margin:0!important;width:100%!important;max-width:100%!important;min-height:auto!important}.portal-modal-body .toolbar-container,.portal-modal-body .filter-toolbar,.portal-modal-body .toolbar-right,.portal-modal-body .filter-row,.portal-modal-body .controls-row{display:flex!important;flex-wrap:wrap!important;gap:8px!important;align-items:center!important;width:100%!important}.portal-modal-body .table-responsive,.portal-modal-body .res-list-container,.portal-modal-body .list-wrapper{width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}@media(max-width:1024px){.portal-modal-body .header{gap:8px!important}.portal-modal-body .header-title,.portal-modal-body .header h1{font-size:1.25rem!important}.portal-modal-body .stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}}@media(max-width:768px){.portal-modal-body .header{padding:0!important;margin-bottom:12px!important;gap:8px!important}.portal-modal-body .header-title,.portal-modal-body .header h1{font-size:1.15rem!important}.portal-modal-body .header-actions{width:100%!important}.portal-modal-body .header-actions .btn{flex:1 1 auto!important;font-size:.82rem!important;padding:6px 14px!important}.portal-modal-body .toolbar-container{flex-direction:column!important;align-items:stretch!important}.portal-modal-body .toolbar-right{justify-content:flex-start!important;flex-wrap:wrap!important}.portal-modal-body .search-bar,.portal-modal-body .search-input{width:100%!important;max-width:100%!important}.portal-modal-body .stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.portal-modal-body .stat-card{padding:12px!important}.portal-modal-body .filter-select,.portal-modal-body select,.portal-modal-body .form-select,.portal-modal-body .form-control{width:100%!important;max-width:100%!important;font-size:13px!important}.portal-modal-body .view-toggle{order:-1!important}.portal-modal-body .guest-count{font-size:.78rem!important}.portal-modal-body .room-management-tabbed-container .tab-headers{display:grid!important;grid-template-columns:1fr 1fr!important;gap:4px!important}.portal-modal-body .room-management-tabbed-container .tab-headers .tab-header-btn{font-size:.78rem!important;padding:8px 4px!important;justify-content:center!important;text-align:center!important}}@media(max-width:480px){body .portal-modal-overlay{padding:0!important}body .portal-modal-container{width:100%!important;height:100%!important;max-width:100vw!important;max-height:100vh!important;max-height:100dvh!important;border-radius:0!important;margin:0!important;border:none!important}.portal-modal-header{padding:10px 12px!important;gap:6px!important}.portal-modal-header .modal-title-text{font-size:1rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:55vw!important}.portal-modal-header-left{gap:6px!important}.btn-portal-back,.btn-portal-action,.btn-portal-close{width:32px!important;height:32px!important;min-width:32px!important;border-radius:8px!important}.btn-portal-back i,.btn-portal-action i,.btn-portal-close i{font-size:.8rem!important}.portal-modal-actions{gap:4px!important}.portal-modal-body{padding:8px 10px!important}.portal-modal-body .header{padding:0!important;margin-bottom:10px!important;gap:6px!important}.portal-modal-body .header-title,.portal-modal-body .header h1{font-size:1.05rem!important}.portal-modal-body .header-actions{width:100%!important}.portal-modal-body .header-actions .btn{width:100%!important;font-size:.8rem!important;padding:6px 10px!important}.portal-modal-body .stats-grid{grid-template-columns:1fr!important;gap:6px!important}.portal-modal-body .stat-card{padding:10px!important}.portal-modal-body input[type=text],.portal-modal-body input[type=search],.portal-modal-body .form-control,.portal-modal-body .form-select,.portal-modal-body select{width:100%!important;font-size:13px!important}.portal-modal-body .toolbar-container,.portal-modal-body .toolbar-right{gap:6px!important}.portal-modal-body .toolbar-right .btn{font-size:.75rem!important;padding:4px 8px!important}.portal-modal-body table{min-width:500px!important;font-size:.75rem!important}.portal-modal-body .table-responsive{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.portal-modal-body .modern-list-card{min-width:0!important;overflow:hidden!important}.portal-modal-body .room-management-tabbed-container .tab-headers{display:grid!important;grid-template-columns:1fr 1fr!important;gap:4px!important}.portal-modal-body .room-management-tabbed-container .tab-headers .tab-header-btn{font-size:.7rem!important;padding:6px 4px!important;white-space:nowrap!important}.portal-modal-body .tab-headers .tab-header-btn,.portal-modal-body .nav-tabs .nav-link,.portal-modal-body .segmented-control .segment-btn{flex:1 1 calc(50% - 4px)!important;justify-content:center!important;text-align:center!important;font-size:.75rem!important;padding:6px 4px!important}.portal-modal-body .pagination{flex-wrap:wrap!important;gap:4px!important;justify-content:center!important}.portal-modal-body .pagination .page-link{padding:4px 8px!important;font-size:.75rem!important}.portal-modal-body .action-buttons,.portal-modal-body .actions-cell{display:flex!important;gap:2px!important}.portal-modal-body .action-buttons .btn,.portal-modal-body .action-buttons button,.portal-modal-body .actions-cell .btn,.portal-modal-body .actions-cell button{padding:3px 6px!important;font-size:.7rem!important;min-width:28px!important}}.portal-modal-body .new-stats-grid{display:grid!important;gap:12px!important;width:100%!important}.portal-modal-body .new-stat-card{padding:16px 14px!important;min-height:auto!important;border-radius:12px!important}.portal-modal-body .new-stat-card .card-value{font-size:1.4rem!important}.portal-modal-body .new-stat-card .icon-circle{width:40px!important;height:40px!important;font-size:16px!important;border-radius:10px!important}.portal-modal-body .new-stat-card .card-icon-wrapper{gap:10px!important}.portal-modal-body .new-stat-card .card-title{font-size:.7rem!important}.portal-modal-body .filters-row,.portal-modal-body .filter-row{display:flex!important;flex-wrap:wrap!important;gap:8px!important;width:100%!important}.portal-modal-body .filters-row .filter-dropdown,.portal-modal-body .filters-row ng-select,.portal-modal-body .filters-row .ng-select,.portal-modal-body .filter-row .filter-dropdown,.portal-modal-body .filter-row ng-select,.portal-modal-body .filter-row .ng-select{flex:1 1 auto!important;min-width:120px!important}@media(min-width:1025px){.portal-modal-body .toolbar-container{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;gap:12px!important;width:100%!important}.portal-modal-body .toolbar-container .search-bar{flex:0 0 450px!important;max-width:450px!important;margin-bottom:0!important}.portal-modal-body .toolbar-container .filters-row,.portal-modal-body .toolbar-container .filter-row{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;flex:3.5!important;width:auto!important;gap:12px!important}.portal-modal-body .toolbar-container .filters-row .filter-dropdown,.portal-modal-body .toolbar-container .filters-row ng-select,.portal-modal-body .toolbar-container .filters-row .ng-select,.portal-modal-body .toolbar-container .filters-row .date-input-wrapper,.portal-modal-body .toolbar-container .filter-row .filter-dropdown,.portal-modal-body .toolbar-container .filter-row ng-select,.portal-modal-body .toolbar-container .filter-row .ng-select,.portal-modal-body .toolbar-container .filter-row .date-input-wrapper{flex:1!important;min-width:120px!important;width:auto!important}.portal-modal-body .toolbar-container .toolbar-right{display:flex!important;flex-direction:row!important;align-items:center!important;gap:12px!important;margin-left:auto!important}}.portal-modal-body .table-header{display:flex!important;flex-wrap:wrap!important;gap:8px!important;align-items:center!important}.portal-modal-body .bulk-actions-container{display:flex!important;flex-wrap:wrap!important;gap:4px!important}.portal-modal-body .bulk-actions-container .btnbulk{font-size:.75rem!important;padding:4px 10px!important}.portal-modal-body .table-container{width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}@media(max-width:1024px){.portal-modal-body .new-stats-grid{grid-template-columns:repeat(3,1fr)!important}}@media(max-width:768px){.portal-modal-body .new-stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.portal-modal-body .new-stat-card{padding:12px 10px!important}.portal-modal-body .new-stat-card .card-value{font-size:1.2rem!important}.portal-modal-body .new-stat-card .icon-circle{width:36px!important;height:36px!important;font-size:14px!important}.portal-modal-body .filters-row,.portal-modal-body .filter-row{flex-direction:column!important}.portal-modal-body .filters-row .filter-dropdown,.portal-modal-body .filters-row ng-select,.portal-modal-body .filters-row .ng-select,.portal-modal-body .filter-row .filter-dropdown,.portal-modal-body .filter-row ng-select,.portal-modal-body .filter-row .ng-select{width:100%!important;min-width:0!important}.portal-modal-body .table-header{flex-direction:column!important;align-items:flex-start!important;gap:6px!important}.portal-modal-body .table-title{font-size:1rem!important}.portal-modal-body .rooms-table{min-width:600px!important;font-size:.78rem!important}}@media(max-width:480px){.portal-modal-body .new-stats-grid{grid-template-columns:1fr 1fr!important;gap:6px!important}.portal-modal-body .new-stat-card{padding:10px 8px!important;border-radius:10px!important}.portal-modal-body .new-stat-card .card-value{font-size:1.1rem!important}.portal-modal-body .new-stat-card .icon-circle{width:32px!important;height:32px!important;font-size:13px!important;border-radius:8px!important}.portal-modal-body .new-stat-card .card-title{font-size:.65rem!important}.portal-modal-body .new-stat-card .card-icon-wrapper{gap:8px!important}.portal-modal-body .bulk-actions-container{width:100%!important}.portal-modal-body .bulk-actions-container .btnbulk{flex:1 1 auto!important;font-size:.7rem!important;padding:4px 8px!important}.portal-modal-body .selected-count{font-size:.7rem!important;width:100%!important}}[data-tooltip]{position:relative}[data-tooltip]:before{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(4px);background:#0f172af2;color:#f8fafc;font-size:.72rem;font-weight:600;font-family:Plus Jakarta Sans,Inter,sans-serif;padding:6px 10px;border-radius:6px;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:all .15s ease;z-index:9999;box-shadow:0 4px 12px #00000026;border:1px solid rgba(255,255,255,.08)}[data-tooltip]:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(4px);border-width:4px 4px 0;border-style:solid;border-color:rgba(15,23,42,.95) transparent transparent;opacity:0;visibility:hidden;pointer-events:none;transition:all .15s ease;z-index:9999;margin-bottom:-4px}[data-tooltip]:hover:before{opacity:1;visibility:visible;transform:translate(-50%) translateY(-6px)}[data-tooltip]:hover:after{opacity:1;visibility:visible;transform:translate(-50%) translateY(-6px)}.badge-card{background-color:#38bdf814!important;color:#0369a1!important;font-weight:700;font-size:.78rem;padding:4px 10px;border-radius:20px;border:1px solid rgba(56,189,248,.2)!important;display:inline-block}body.dark-mode .badge-card{background-color:#38bdf826!important;color:#38bdf8!important}.badge-terminal{background-color:#10b98114!important;color:#065f46!important;font-weight:700;font-size:.78rem;padding:4px 10px;border-radius:20px;border:1px solid rgba(16,185,129,.2)!important;display:inline-block}body.dark-mode .badge-terminal{background-color:#10b98126!important;color:#34d399!important}.badge-cash{background-color:#f59e0b14!important;color:#b45309!important;font-weight:700;font-size:.78rem;padding:4px 10px;border-radius:20px;border:1px solid rgba(245,158,11,.2)!important;display:inline-block}body.dark-mode .badge-cash{background-color:#f59e0b26!important;color:#fbbf24!important}@media(max-width:1024px){[data-tooltip]:before,[data-tooltip]:after{display:none!important;content:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}.dash-stat-btn:hover,.filter-btn:hover,.room-card:hover,.new-stat-card:hover,.tab-header-btn:hover,.btn:hover,button:hover{transform:none!important;box-shadow:none!important}}app-sidebar{display:block}.page-wrapper{display:flex;width:100%;min-height:100vh;background:var(--background)}.main-wrapper{flex:1;display:flex;flex-direction:column;min-width:0;margin-left:260px;width:calc(100% - 260px);background:var(--background);transition:margin-left .3s ease,width .3s ease}app-header{display:block;width:100%}app-footer{display:block;width:100%}@media(max-width:1024px){.main-wrapper{margin-left:0;width:100%}}@media(min-width:1025px){.mobile-nav-toggle{display:none!important}}.content,#page-content{flex:1;padding:1.5rem 2rem;background:var(--background)}@media(max-width:768px){.content,#page-content{padding:1rem}}body.dark-mode{color:var(--text-primary)!important;background-color:var(--background)!important}body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode h4,body.dark-mode h5,body.dark-mode h6,body.dark-mode p,body.dark-mode label,body.dark-mode span,body.dark-mode div,body.dark-mode th,body.dark-mode td,body.dark-mode li,body.dark-mode a:not(.btn),body.dark-mode strong,body.dark-mode b,body.dark-mode legend,body.dark-mode .title,body.dark-mode .page-title,body.dark-mode .card-title,body.dark-mode .header-title,body.dark-mode .menu-title,body.dark-mode .nav-link,body.dark-mode .site-link,body.dark-mode .ticket-subject{color:var(--text-primary)}body.dark-mode .text-muted,body.dark-mode .text-secondary,body.dark-mode .sub-text,body.dark-mode .subtitle,body.dark-mode .description,body.dark-mode .text-slate-500,body.dark-mode .text-gray-500,body.dark-mode small,body.dark-mode .reply-title{color:var(--text-muted)!important}body.dark-mode input[type=text],body.dark-mode input[type=number],body.dark-mode input[type=email],body.dark-mode input[type=password],body.dark-mode input[type=search],body.dark-mode input[type=date],body.dark-mode select,body.dark-mode textarea,body.dark-mode .form-control,body.dark-mode .search-input,body.dark-mode .filter-select,body.dark-mode .modern-select,body.dark-mode .reply-textarea{background-color:var(--surface)!important;color:var(--text-primary)!important;border-color:var(--border)!important}body.dark-mode input[type=text]::placeholder,body.dark-mode input[type=number]::placeholder,body.dark-mode input[type=email]::placeholder,body.dark-mode input[type=password]::placeholder,body.dark-mode input[type=search]::placeholder,body.dark-mode input[type=date]::placeholder,body.dark-mode select::placeholder,body.dark-mode textarea::placeholder,body.dark-mode .form-control::placeholder,body.dark-mode .search-input::placeholder,body.dark-mode .filter-select::placeholder,body.dark-mode .modern-select::placeholder,body.dark-mode .reply-textarea::placeholder{color:var(--text-muted)!important;opacity:.8}body.dark-mode input[type=text] option,body.dark-mode input[type=number] option,body.dark-mode input[type=email] option,body.dark-mode input[type=password] option,body.dark-mode input[type=search] option,body.dark-mode input[type=date] option,body.dark-mode select option,body.dark-mode textarea option,body.dark-mode .form-control option,body.dark-mode .search-input option,body.dark-mode .filter-select option,body.dark-mode .modern-select option,body.dark-mode .reply-textarea option{background-color:var(--surface)!important;color:var(--text-primary)!important}body.dark-mode .card,body.dark-mode .overview-card,body.dark-mode .modal-content,body.dark-mode .panel,body.dark-mode .box,body.dark-mode .subject-card,body.dark-mode .reply-card,body.dark-mode .info-card,body.dark-mode .detail-card,body.dark-mode .card-header,body.dark-mode .card-body,body.dark-mode .card-footer{background-color:var(--surface-elevated)!important;color:var(--text-primary)!important;border-color:var(--border)!important}body.dark-mode .legacy-action-btn,body.dark-mode .btn-outline,body.dark-mode .btn-secondary,body.dark-mode .action-btn,body.dark-mode .btn-light{background-color:var(--surface)!important;color:var(--text-primary)!important;border-color:var(--border)!important}body.dark-mode .legacy-action-btn:hover,body.dark-mode .btn-outline:hover,body.dark-mode .btn-secondary:hover,body.dark-mode .action-btn:hover,body.dark-mode .btn-light:hover{background-color:var(--border)!important;color:var(--text-primary)!important}body.dark-mode table,body.dark-mode .table,body.dark-mode .ticket-table{color:var(--text-primary)!important;border-color:var(--border)!important}body.dark-mode table thead,body.dark-mode table th,body.dark-mode .table thead,body.dark-mode .table th,body.dark-mode .ticket-table thead,body.dark-mode .ticket-table th{background-color:var(--surface)!important;color:var(--text-secondary)!important;border-color:var(--border)!important}body.dark-mode table tbody tr,body.dark-mode .table tbody tr,body.dark-mode .ticket-table tbody tr{border-color:var(--border)!important}body.dark-mode table tbody tr:hover,body.dark-mode .table tbody tr:hover,body.dark-mode .ticket-table tbody tr:hover{background-color:#ffffff0a!important}body.dark-mode table td,body.dark-mode .table td,body.dark-mode .ticket-table td{color:var(--text-primary)!important;border-color:var(--border)!important}body.dark-mode .badge-open,body.dark-mode .badge-secondary,body.dark-mode .badge-on-hold,body.dark-mode .badge-inprogress,body.dark-mode .badge-draft{background-color:#94a3b82e!important;color:#cbd5e1!important}body.dark-mode .badge-high,body.dark-mode .badge-danger,body.dark-mode .badge-urgent,body.dark-mode .badge-critical{background-color:#ef444433!important;color:#fca5a5!important}body.dark-mode .badge-medium,body.dark-mode .badge-warning,body.dark-mode .badge-pending{background-color:#f59e0b33!important;color:#fde047!important}body.dark-mode .badge-low,body.dark-mode .badge-success,body.dark-mode .badge-resolved,body.dark-mode .badge-active,body.dark-mode .badge-completed{background-color:#10b98133!important;color:#6ee7b7!important}body:not(.dark-mode) .text-muted,body:not(.dark-mode) small,body:not(.dark-mode) .sub-text,body:not(.dark-mode) .subtitle,body:not(.dark-mode) .description{color:var(--text-muted)}body:not(.dark-mode) input::placeholder,body:not(.dark-mode) textarea::placeholder{color:var(--text-muted)}body:not(.dark-mode) .action-btn,body:not(.dark-mode) .legacy-action-btn{background-color:#f8fafc;border-color:#e2e8f0}body:not(.dark-mode) .action-btn.view-btn,body:not(.dark-mode) .legacy-action-btn.view-btn{color:#0284c7}body:not(.dark-mode) .action-btn.view-btn:hover,body:not(.dark-mode) .legacy-action-btn.view-btn:hover{background:#e0f2fe;border-color:#38bdf8;color:#0369a1}body:not(.dark-mode) .action-btn.edit-btn,body:not(.dark-mode) .legacy-action-btn.edit-btn{color:#d97706}body:not(.dark-mode) .action-btn.edit-btn:hover,body:not(.dark-mode) .legacy-action-btn.edit-btn:hover{background:#fef3c7;border-color:#fbbf24;color:#b45309}body:not(.dark-mode) .action-btn.email-btn,body:not(.dark-mode) .legacy-action-btn.email-btn{color:#7c3aed}body:not(.dark-mode) .action-btn.email-btn:hover,body:not(.dark-mode) .legacy-action-btn.email-btn:hover{background:#f3e8ff;border-color:#c084fc;color:#6d28d9}body:not(.dark-mode) .action-btn.impersonate-btn,body:not(.dark-mode) .legacy-action-btn.impersonate-btn{color:#059669}body:not(.dark-mode) .action-btn.impersonate-btn:hover,body:not(.dark-mode) .legacy-action-btn.impersonate-btn:hover{background:#dcfce7;border-color:#34d399;color:#047857}body:not(.dark-mode) .action-btn.delete-btn,body:not(.dark-mode) .legacy-action-btn.delete-btn{color:#dc2626}body:not(.dark-mode) .action-btn.delete-btn:hover,body:not(.dark-mode) .legacy-action-btn.delete-btn:hover{background:#fee2e2;border-color:#f87171;color:#b91c1c}body:not(.dark-mode) .customer-email,body:not(.dark-mode) .email-link{color:#164e63!important}.action-btn,.legacy-action-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;border:1px solid var(--border);background-color:var(--surface);color:var(--text-primary);font-size:13px;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.action-btn i,.legacy-action-btn i{font-size:13px}.action-btn:hover,.legacy-action-btn:hover{transform:translateY(-1px);box-shadow:0 3px 6px #0000001a}body.dark-mode .action-btn,body.dark-mode .legacy-action-btn{background-color:#1e293b!important;border-color:#334155!important}body.dark-mode .action-btn.view-btn,body.dark-mode .legacy-action-btn.view-btn{color:#38bdf8!important}body.dark-mode .action-btn.view-btn:hover,body.dark-mode .legacy-action-btn.view-btn:hover{background:#38bdf833!important;border-color:#38bdf8!important;color:#7dd3fc!important}body.dark-mode .action-btn.edit-btn,body.dark-mode .legacy-action-btn.edit-btn{color:#fbbf24!important}body.dark-mode .action-btn.edit-btn:hover,body.dark-mode .legacy-action-btn.edit-btn:hover{background:#fbbf2433!important;border-color:#fbbf24!important;color:#fde047!important}body.dark-mode .action-btn.email-btn,body.dark-mode .legacy-action-btn.email-btn{color:#c084fc!important}body.dark-mode .action-btn.email-btn:hover,body.dark-mode .legacy-action-btn.email-btn:hover{background:#c084fc33!important;border-color:#c084fc!important;color:#e9d5ff!important}body.dark-mode .action-btn.impersonate-btn,body.dark-mode .legacy-action-btn.impersonate-btn{color:#34d399!important}body.dark-mode .action-btn.impersonate-btn:hover,body.dark-mode .legacy-action-btn.impersonate-btn:hover{background:#34d39933!important;border-color:#34d399!important;color:#6ee7b7!important}body.dark-mode .action-btn.delete-btn,body.dark-mode .legacy-action-btn.delete-btn{color:#f87171!important}body.dark-mode .action-btn.delete-btn:hover,body.dark-mode .legacy-action-btn.delete-btn:hover{background:#f8717133!important;border-color:#f87171!important;color:#fca5a5!important}body.dark-mode .customer-name,body.dark-mode .site-name,body.dark-mode .brand-name,body.dark-mode .staff-name,body.dark-mode .user-name{color:#f8fafc!important}body.dark-mode .customer-email,body.dark-mode .email-link{color:#60a5fa!important}body.dark-mode .customer-id,body.dark-mode .customer-phone,body.dark-mode .joined-date,body.dark-mode .user-type{color:#cbd5e1!important}body.dark-mode .status-active{background-color:#10b9812e!important;color:#6ee7b7!important;border:1px solid rgba(16,185,129,.3)!important}body.dark-mode .status-inactive{background-color:#ef44442e!important;color:#fca5a5!important;border:1px solid rgba(239,68,68,.3)!important}body.dark-mode .status-pending{background-color:#f59e0b2e!important;color:#fde047!important;border:1px solid rgba(245,158,11,.3)!important}.sidebar .nav-link i,.sidebar .menu-title i:first-child{font-size:1.15rem!important;width:24px!important;height:24px!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:transform .2s ease,color .2s ease!important}body:not(.dark-mode) .sidebar .fa-gauge-high{color:#0284c7!important}body:not(.dark-mode) .sidebar .fa-wifi{color:#2563eb!important}body:not(.dark-mode) .sidebar .fa-microchip{color:#7c3aed!important}body:not(.dark-mode) .sidebar .fa-id-badge,body:not(.dark-mode) .sidebar .fa-users{color:#059669!important}body:not(.dark-mode) .sidebar .fa-tags,body:not(.dark-mode) .sidebar .fa-copyright{color:#db2777!important}body:not(.dark-mode) .sidebar .fa-user-shield{color:#4f46e5!important}body:not(.dark-mode) .sidebar .fa-building{color:#d97706!important}body:not(.dark-mode) .sidebar .fa-laptop-code{color:#0d9488!important}body:not(.dark-mode) .sidebar .fa-ticket{color:#dc2626!important}body:not(.dark-mode) .sidebar .fa-chart-line{color:#16a34a!important}body:not(.dark-mode) .sidebar .fa-address-book,body:not(.dark-mode) .sidebar .fa-signal{color:#0891b2!important}body:not(.dark-mode) .sidebar .fa-clipboard-list,body:not(.dark-mode) .sidebar .fa-clock-rotate-left{color:#9333ea!important}body:not(.dark-mode) .sidebar .fa-sliders,body:not(.dark-mode) .sidebar .fa-gear{color:#64748b!important}body.dark-mode .sidebar .fa-gauge-high{color:#38bdf8!important}body.dark-mode .sidebar .fa-wifi{color:#60a5fa!important}body.dark-mode .sidebar .fa-microchip{color:#c084fc!important}body.dark-mode .sidebar .fa-id-badge,body.dark-mode .sidebar .fa-users{color:#34d399!important}body.dark-mode .sidebar .fa-tags,body.dark-mode .sidebar .fa-copyright{color:#f472b6!important}body.dark-mode .sidebar .fa-user-shield{color:#818cf8!important}body.dark-mode .sidebar .fa-building{color:#fbbf24!important}body.dark-mode .sidebar .fa-laptop-code{color:#2dd4bf!important}body.dark-mode .sidebar .fa-ticket{color:#f87171!important}body.dark-mode .sidebar .fa-chart-line{color:#4ade80!important}body.dark-mode .sidebar .fa-address-book,body.dark-mode .sidebar .fa-signal{color:#22d3ee!important}body.dark-mode .sidebar .fa-clipboard-list,body.dark-mode .sidebar .fa-clock-rotate-left{color:#a78bfa!important}body.dark-mode .sidebar .fa-sliders,body.dark-mode .sidebar .fa-gear{color:#cbd5e1!important}.sidebar .nav-link.active i{color:#fff!important}.sidebar .nav-link:hover i,.sidebar .menu-title:hover i:first-child{transform:scale(1.15)}.stats-grid,.chain-overview,.tickets-overview,.overview-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:1.25rem!important;margin-bottom:1.5rem!important;width:100%!important}@media(max-width:1200px){.stats-grid,.chain-overview,.tickets-overview,.overview-grid{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:640px){.stats-grid,.chain-overview,.tickets-overview,.overview-grid{grid-template-columns:repeat(1,1fr)!important;gap:1rem!important}}.stat-card,.overview-card{padding:.9rem 1.25rem!important;border-radius:16px!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:1rem!important;min-height:80px!important;box-sizing:border-box!important}.stat-card .stat-icon,.stat-card .overview-icon,.overview-card .stat-icon,.overview-card .overview-icon{width:44px!important;height:44px!important;border-radius:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:1.25rem!important;flex-shrink:0!important;margin:0!important}.stat-card .stat-info,.stat-card .overview-info,.overview-card .stat-info,.overview-card .overview-info{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;gap:2px!important;min-width:0!important;flex:1!important}.stat-card .stat-title,.stat-card .overview-header,.stat-card .overview-title,.overview-card .stat-title,.overview-card .overview-header,.overview-card .overview-title{display:block!important;font-size:.75rem!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.05em!important;color:var(--text-secondary, #64748b)!important;margin-bottom:0!important;width:auto!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.stat-card .stat-value,.stat-card .overview-value,.overview-card .stat-value,.overview-card .overview-value{font-size:1.6rem!important;font-weight:800!important;color:var(--text-primary)!important;line-height:1.1!important;margin-bottom:0!important;margin-top:0!important}.stat-card .stat-change,.stat-card .overview-sub,.stat-card .overview-subtitle,.overview-card .stat-change,.overview-card .overview-sub,.overview-card .overview-subtitle{font-size:.75rem!important;font-weight:600!important;color:var(--text-secondary)!important}body:not(.dark-mode) .stat-card,body:not(.dark-mode) .overview-card{background:#ffffffbf!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;border:1px solid rgba(255,255,255,.85)!important;box-shadow:0 4px 16px #00000008,inset 0 1px 1px #ffffffe6!important}body:not(.dark-mode) .stat-card:hover,body:not(.dark-mode) .overview-card:hover{transform:translateY(-3px)!important;box-shadow:0 10px 24px #00000014!important;border-color:#164e6340!important}body:not(.dark-mode) .stat-card .overview-icon,body:not(.dark-mode) .stat-card .stat-icon,body:not(.dark-mode) .overview-card .overview-icon,body:not(.dark-mode) .overview-card .stat-icon{background:#164e631a!important;color:#164e63!important;border:1px solid rgba(22,78,99,.2)!important}body:not(.dark-mode) .stat-card.cyan .stat-icon,body:not(.dark-mode) .stat-card:nth-child(1) .overview-icon,body:not(.dark-mode) .overview-card.cyan .stat-icon,body:not(.dark-mode) .overview-card:nth-child(1) .overview-icon{background:#164e631a!important;color:#164e63!important;border:1px solid rgba(22,78,99,.2)!important}body:not(.dark-mode) .stat-card.green .stat-icon,body:not(.dark-mode) .stat-card:nth-child(2) .overview-icon,body:not(.dark-mode) .overview-card.green .stat-icon,body:not(.dark-mode) .overview-card:nth-child(2) .overview-icon{background:#10b9811a!important;color:#059669!important;border:1px solid rgba(16,185,129,.2)!important}body:not(.dark-mode) .stat-card.red .stat-icon,body:not(.dark-mode) .stat-card:nth-child(3) .overview-icon,body:not(.dark-mode) .overview-card.red .stat-icon,body:not(.dark-mode) .overview-card:nth-child(3) .overview-icon{background:#f43f5e1a!important;color:#e11d48!important;border:1px solid rgba(244,63,94,.2)!important}body:not(.dark-mode) .stat-card.amber .stat-icon,body:not(.dark-mode) .stat-card:nth-child(4) .overview-icon,body:not(.dark-mode) .overview-card.amber .stat-icon,body:not(.dark-mode) .overview-card:nth-child(4) .overview-icon{background:#f59e0b1a!important;color:#d97706!important;border:1px solid rgba(245,158,11,.2)!important}body.dark-mode .card,body.dark-mode .stat-card,body.dark-mode .overview-card,body.dark-mode .action-item,body.dark-mode .table-container{background:linear-gradient(145deg,#192233,#0d1527)!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 4px 20px #00000059!important}body.dark-mode .card:hover,body.dark-mode .stat-card:hover,body.dark-mode .overview-card:hover,body.dark-mode .action-item:hover,body.dark-mode .table-container:hover{background:linear-gradient(145deg,#1e293d,#0f182c)!important;border-color:#ffffff2e!important;box-shadow:0 8px 25px #00000073!important}body.dark-mode .stat-card .overview-icon,body.dark-mode .stat-card .stat-icon,body.dark-mode .overview-card .overview-icon,body.dark-mode .overview-card .stat-icon{background:#38bdf82e!important;color:#38bdf8!important;border:1px solid rgba(56,189,248,.3)!important;box-shadow:0 2px 8px #0000004d!important}body.dark-mode .stat-card:nth-child(1) .overview-icon,body.dark-mode .overview-card:nth-child(1) .overview-icon{background:#38bdf833!important;color:#38bdf8!important;border-color:#38bdf859!important}body.dark-mode .stat-card:nth-child(2) .overview-icon,body.dark-mode .overview-card:nth-child(2) .overview-icon{background:#34d39933!important;color:#34d399!important;border-color:#34d39959!important}body.dark-mode .stat-card:nth-child(3) .overview-icon,body.dark-mode .overview-card:nth-child(3) .overview-icon{background:#f8717133!important;color:#f87171!important;border-color:#f8717159!important}body.dark-mode .stat-card:nth-child(4) .overview-icon,body.dark-mode .overview-card:nth-child(4) .overview-icon{background:#fbbf2433!important;color:#fbbf24!important;border-color:#fbbf2459!important}body.dark-mode .page-branding #header-icon{background:#38bdf833!important;color:#38bdf8!important;border:1px solid rgba(56,189,248,.3)!important;box-shadow:0 2px 6px #0003!important}.overview-card .overview-icon,.chain-overview .overview-icon,.stat-card .stat-icon,.stat-card .overview-icon,.stats-grid .overview-icon,.overview-icon,.stat-icon{width:44px!important;height:44px!important;border-radius:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:1.25rem!important;transition:all .3s ease!important;flex-shrink:0!important}.overview-card .overview-icon i,.chain-overview .overview-icon i,.stat-card .stat-icon i,.stat-card .overview-icon i,.stats-grid .overview-icon i,.overview-icon i,.stat-icon i{font-size:1.25rem!important;line-height:1!important}.action-btn,.legacy-action-btn,.site-action-btn,.table-actions button,.table-action-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-width:34px!important;width:auto!important;height:34px!important;padding:0 10px!important;border-radius:8px!important;border:1px solid var(--border)!important;background-color:var(--surface)!important;color:var(--text-primary)!important;font-size:13px!important;font-weight:500!important;white-space:nowrap!important;cursor:pointer!important;transition:all .2s ease!important;box-shadow:0 1px 2px #0000000d!important;margin:0 2px!important}.action-btn i,.legacy-action-btn i,.site-action-btn i,.table-actions button i,.table-action-btn i{font-size:13px!important}.action-btn:hover,.legacy-action-btn:hover,.site-action-btn:hover,.table-actions button:hover,.table-action-btn:hover{transform:translateY(-1px)!important;box-shadow:0 3px 6px #00000026!important}body:not(.dark-mode) .action-btn,body:not(.dark-mode) .legacy-action-btn,body:not(.dark-mode) .site-action-btn,body:not(.dark-mode) .table-actions button{background-color:#f8fafc!important;border-color:#e2e8f0!important}body:not(.dark-mode) .action-btn.view-btn,body:not(.dark-mode) .action-btn.btn-view,body:not(.dark-mode) .action-btn.site-view-btn,body:not(.dark-mode) .legacy-action-btn.view-btn,body:not(.dark-mode) .legacy-action-btn.btn-view,body:not(.dark-mode) .legacy-action-btn.site-view-btn,body:not(.dark-mode) .site-action-btn.view-btn,body:not(.dark-mode) .site-action-btn.btn-view,body:not(.dark-mode) .site-action-btn.site-view-btn,body:not(.dark-mode) .table-actions button.view-btn,body:not(.dark-mode) .table-actions button.btn-view,body:not(.dark-mode) .table-actions button.site-view-btn{color:#0284c7!important}body:not(.dark-mode) .action-btn.view-btn:hover,body:not(.dark-mode) .action-btn.btn-view:hover,body:not(.dark-mode) .action-btn.site-view-btn:hover,body:not(.dark-mode) .legacy-action-btn.view-btn:hover,body:not(.dark-mode) .legacy-action-btn.btn-view:hover,body:not(.dark-mode) .legacy-action-btn.site-view-btn:hover,body:not(.dark-mode) .site-action-btn.view-btn:hover,body:not(.dark-mode) .site-action-btn.btn-view:hover,body:not(.dark-mode) .site-action-btn.site-view-btn:hover,body:not(.dark-mode) .table-actions button.view-btn:hover,body:not(.dark-mode) .table-actions button.btn-view:hover,body:not(.dark-mode) .table-actions button.site-view-btn:hover{background:#e0f2fe!important;border-color:#38bdf8!important;color:#0369a1!important}body:not(.dark-mode) .action-btn.edit-btn,body:not(.dark-mode) .action-btn.btn-edit,body:not(.dark-mode) .action-btn.site-edit-btn,body:not(.dark-mode) .legacy-action-btn.edit-btn,body:not(.dark-mode) .legacy-action-btn.btn-edit,body:not(.dark-mode) .legacy-action-btn.site-edit-btn,body:not(.dark-mode) .site-action-btn.edit-btn,body:not(.dark-mode) .site-action-btn.btn-edit,body:not(.dark-mode) .site-action-btn.site-edit-btn,body:not(.dark-mode) .table-actions button.edit-btn,body:not(.dark-mode) .table-actions button.btn-edit,body:not(.dark-mode) .table-actions button.site-edit-btn{color:#d97706!important}body:not(.dark-mode) .action-btn.edit-btn:hover,body:not(.dark-mode) .action-btn.btn-edit:hover,body:not(.dark-mode) .action-btn.site-edit-btn:hover,body:not(.dark-mode) .legacy-action-btn.edit-btn:hover,body:not(.dark-mode) .legacy-action-btn.btn-edit:hover,body:not(.dark-mode) .legacy-action-btn.site-edit-btn:hover,body:not(.dark-mode) .site-action-btn.edit-btn:hover,body:not(.dark-mode) .site-action-btn.btn-edit:hover,body:not(.dark-mode) .site-action-btn.site-edit-btn:hover,body:not(.dark-mode) .table-actions button.edit-btn:hover,body:not(.dark-mode) .table-actions button.btn-edit:hover,body:not(.dark-mode) .table-actions button.site-edit-btn:hover{background:#fef3c7!important;border-color:#fbbf24!important;color:#b45309!important}body:not(.dark-mode) .action-btn.email-btn,body:not(.dark-mode) .action-btn.btn-email,body:not(.dark-mode) .legacy-action-btn.email-btn,body:not(.dark-mode) .legacy-action-btn.btn-email,body:not(.dark-mode) .site-action-btn.email-btn,body:not(.dark-mode) .site-action-btn.btn-email,body:not(.dark-mode) .table-actions button.email-btn,body:not(.dark-mode) .table-actions button.btn-email{color:#7c3aed!important}body:not(.dark-mode) .action-btn.email-btn:hover,body:not(.dark-mode) .action-btn.btn-email:hover,body:not(.dark-mode) .legacy-action-btn.email-btn:hover,body:not(.dark-mode) .legacy-action-btn.btn-email:hover,body:not(.dark-mode) .site-action-btn.email-btn:hover,body:not(.dark-mode) .site-action-btn.btn-email:hover,body:not(.dark-mode) .table-actions button.email-btn:hover,body:not(.dark-mode) .table-actions button.btn-email:hover{background:#f3e8ff!important;border-color:#c084fc!important;color:#6d28d9!important}body:not(.dark-mode) .action-btn.impersonate-btn,body:not(.dark-mode) .action-btn.btn-impersonate,body:not(.dark-mode) .legacy-action-btn.impersonate-btn,body:not(.dark-mode) .legacy-action-btn.btn-impersonate,body:not(.dark-mode) .site-action-btn.impersonate-btn,body:not(.dark-mode) .site-action-btn.btn-impersonate,body:not(.dark-mode) .table-actions button.impersonate-btn,body:not(.dark-mode) .table-actions button.btn-impersonate{color:#059669!important}body:not(.dark-mode) .action-btn.impersonate-btn:hover,body:not(.dark-mode) .action-btn.btn-impersonate:hover,body:not(.dark-mode) .legacy-action-btn.impersonate-btn:hover,body:not(.dark-mode) .legacy-action-btn.btn-impersonate:hover,body:not(.dark-mode) .site-action-btn.impersonate-btn:hover,body:not(.dark-mode) .site-action-btn.btn-impersonate:hover,body:not(.dark-mode) .table-actions button.impersonate-btn:hover,body:not(.dark-mode) .table-actions button.btn-impersonate:hover{background:#dcfce7!important;border-color:#34d399!important;color:#047857!important}body:not(.dark-mode) .action-btn.delete-btn,body:not(.dark-mode) .action-btn.btn-delete,body:not(.dark-mode) .legacy-action-btn.delete-btn,body:not(.dark-mode) .legacy-action-btn.btn-delete,body:not(.dark-mode) .site-action-btn.delete-btn,body:not(.dark-mode) .site-action-btn.btn-delete,body:not(.dark-mode) .table-actions button.delete-btn,body:not(.dark-mode) .table-actions button.btn-delete{color:#dc2626!important}body:not(.dark-mode) .action-btn.delete-btn:hover,body:not(.dark-mode) .action-btn.btn-delete:hover,body:not(.dark-mode) .legacy-action-btn.delete-btn:hover,body:not(.dark-mode) .legacy-action-btn.btn-delete:hover,body:not(.dark-mode) .site-action-btn.delete-btn:hover,body:not(.dark-mode) .site-action-btn.btn-delete:hover,body:not(.dark-mode) .table-actions button.delete-btn:hover,body:not(.dark-mode) .table-actions button.btn-delete:hover{background:#fee2e2!important;border-color:#f87171!important;color:#b91c1c!important}body:not(.dark-mode) .action-btn.check-btn,body:not(.dark-mode) .action-btn.btn-check,body:not(.dark-mode) .legacy-action-btn.check-btn,body:not(.dark-mode) .legacy-action-btn.btn-check,body:not(.dark-mode) .site-action-btn.check-btn,body:not(.dark-mode) .site-action-btn.btn-check,body:not(.dark-mode) .table-actions button.check-btn,body:not(.dark-mode) .table-actions button.btn-check{color:#16a34a!important}body:not(.dark-mode) .action-btn.check-btn:hover,body:not(.dark-mode) .action-btn.btn-check:hover,body:not(.dark-mode) .legacy-action-btn.check-btn:hover,body:not(.dark-mode) .legacy-action-btn.btn-check:hover,body:not(.dark-mode) .site-action-btn.check-btn:hover,body:not(.dark-mode) .site-action-btn.btn-check:hover,body:not(.dark-mode) .table-actions button.check-btn:hover,body:not(.dark-mode) .table-actions button.btn-check:hover{background:#dcfce7!important;border-color:#4ade80!important;color:#15803d!important}body:not(.dark-mode) .action-btn.ticket-btn,body:not(.dark-mode) .action-btn.btn-ticket,body:not(.dark-mode) .action-btn.archive-btn,body:not(.dark-mode) .legacy-action-btn.ticket-btn,body:not(.dark-mode) .legacy-action-btn.btn-ticket,body:not(.dark-mode) .legacy-action-btn.archive-btn,body:not(.dark-mode) .site-action-btn.ticket-btn,body:not(.dark-mode) .site-action-btn.btn-ticket,body:not(.dark-mode) .site-action-btn.archive-btn,body:not(.dark-mode) .table-actions button.ticket-btn,body:not(.dark-mode) .table-actions button.btn-ticket,body:not(.dark-mode) .table-actions button.archive-btn{color:#0284c7!important}body:not(.dark-mode) .action-btn.ticket-btn:hover,body:not(.dark-mode) .action-btn.btn-ticket:hover,body:not(.dark-mode) .action-btn.archive-btn:hover,body:not(.dark-mode) .legacy-action-btn.ticket-btn:hover,body:not(.dark-mode) .legacy-action-btn.btn-ticket:hover,body:not(.dark-mode) .legacy-action-btn.archive-btn:hover,body:not(.dark-mode) .site-action-btn.ticket-btn:hover,body:not(.dark-mode) .site-action-btn.btn-ticket:hover,body:not(.dark-mode) .site-action-btn.archive-btn:hover,body:not(.dark-mode) .table-actions button.ticket-btn:hover,body:not(.dark-mode) .table-actions button.btn-ticket:hover,body:not(.dark-mode) .table-actions button.archive-btn:hover{background:#e0f2fe!important;border-color:#38bdf8!important;color:#0369a1!important}body:not(.dark-mode) .action-btn.voucher-btn,body:not(.dark-mode) .action-btn.btn-voucher,body:not(.dark-mode) .action-btn.site-voucher-btn,body:not(.dark-mode) .legacy-action-btn.voucher-btn,body:not(.dark-mode) .legacy-action-btn.btn-voucher,body:not(.dark-mode) .legacy-action-btn.site-voucher-btn,body:not(.dark-mode) .site-action-btn.voucher-btn,body:not(.dark-mode) .site-action-btn.btn-voucher,body:not(.dark-mode) .site-action-btn.site-voucher-btn,body:not(.dark-mode) .table-actions button.voucher-btn,body:not(.dark-mode) .table-actions button.btn-voucher,body:not(.dark-mode) .table-actions button.site-voucher-btn{color:#7c3aed!important}body:not(.dark-mode) .action-btn.voucher-btn:hover,body:not(.dark-mode) .action-btn.btn-voucher:hover,body:not(.dark-mode) .action-btn.site-voucher-btn:hover,body:not(.dark-mode) .legacy-action-btn.voucher-btn:hover,body:not(.dark-mode) .legacy-action-btn.btn-voucher:hover,body:not(.dark-mode) .legacy-action-btn.site-voucher-btn:hover,body:not(.dark-mode) .site-action-btn.voucher-btn:hover,body:not(.dark-mode) .site-action-btn.btn-voucher:hover,body:not(.dark-mode) .site-action-btn.site-voucher-btn:hover,body:not(.dark-mode) .table-actions button.voucher-btn:hover,body:not(.dark-mode) .table-actions button.btn-voucher:hover,body:not(.dark-mode) .table-actions button.site-voucher-btn:hover{background:#f3e8ff!important;border-color:#c084fc!important;color:#6d28d9!important}body.dark-mode .action-btn,body.dark-mode .legacy-action-btn,body.dark-mode .site-action-btn,body.dark-mode .table-actions button{background-color:#1e293b!important;border-color:#334155!important}body.dark-mode .action-btn.view-btn,body.dark-mode .action-btn.btn-view,body.dark-mode .action-btn.site-view-btn,body.dark-mode .legacy-action-btn.view-btn,body.dark-mode .legacy-action-btn.btn-view,body.dark-mode .legacy-action-btn.site-view-btn,body.dark-mode .site-action-btn.view-btn,body.dark-mode .site-action-btn.btn-view,body.dark-mode .site-action-btn.site-view-btn,body.dark-mode .table-actions button.view-btn,body.dark-mode .table-actions button.btn-view,body.dark-mode .table-actions button.site-view-btn{color:#38bdf8!important}body.dark-mode .action-btn.view-btn:hover,body.dark-mode .action-btn.btn-view:hover,body.dark-mode .action-btn.site-view-btn:hover,body.dark-mode .legacy-action-btn.view-btn:hover,body.dark-mode .legacy-action-btn.btn-view:hover,body.dark-mode .legacy-action-btn.site-view-btn:hover,body.dark-mode .site-action-btn.view-btn:hover,body.dark-mode .site-action-btn.btn-view:hover,body.dark-mode .site-action-btn.site-view-btn:hover,body.dark-mode .table-actions button.view-btn:hover,body.dark-mode .table-actions button.btn-view:hover,body.dark-mode .table-actions button.site-view-btn:hover{background:#38bdf833!important;border-color:#38bdf8!important;color:#7dd3fc!important}body.dark-mode .action-btn.edit-btn,body.dark-mode .action-btn.btn-edit,body.dark-mode .action-btn.site-edit-btn,body.dark-mode .legacy-action-btn.edit-btn,body.dark-mode .legacy-action-btn.btn-edit,body.dark-mode .legacy-action-btn.site-edit-btn,body.dark-mode .site-action-btn.edit-btn,body.dark-mode .site-action-btn.btn-edit,body.dark-mode .site-action-btn.site-edit-btn,body.dark-mode .table-actions button.edit-btn,body.dark-mode .table-actions button.btn-edit,body.dark-mode .table-actions button.site-edit-btn{color:#fbbf24!important}body.dark-mode .action-btn.edit-btn:hover,body.dark-mode .action-btn.btn-edit:hover,body.dark-mode .action-btn.site-edit-btn:hover,body.dark-mode .legacy-action-btn.edit-btn:hover,body.dark-mode .legacy-action-btn.btn-edit:hover,body.dark-mode .legacy-action-btn.site-edit-btn:hover,body.dark-mode .site-action-btn.edit-btn:hover,body.dark-mode .site-action-btn.btn-edit:hover,body.dark-mode .site-action-btn.site-edit-btn:hover,body.dark-mode .table-actions button.edit-btn:hover,body.dark-mode .table-actions button.btn-edit:hover,body.dark-mode .table-actions button.site-edit-btn:hover{background:#fbbf2433!important;border-color:#fbbf24!important;color:#fde047!important}body.dark-mode .action-btn.email-btn,body.dark-mode .action-btn.btn-email,body.dark-mode .legacy-action-btn.email-btn,body.dark-mode .legacy-action-btn.btn-email,body.dark-mode .site-action-btn.email-btn,body.dark-mode .site-action-btn.btn-email,body.dark-mode .table-actions button.email-btn,body.dark-mode .table-actions button.btn-email{color:#c084fc!important}body.dark-mode .action-btn.email-btn:hover,body.dark-mode .action-btn.btn-email:hover,body.dark-mode .legacy-action-btn.email-btn:hover,body.dark-mode .legacy-action-btn.btn-email:hover,body.dark-mode .site-action-btn.email-btn:hover,body.dark-mode .site-action-btn.btn-email:hover,body.dark-mode .table-actions button.email-btn:hover,body.dark-mode .table-actions button.btn-email:hover{background:#c084fc33!important;border-color:#c084fc!important;color:#e9d5ff!important}body.dark-mode .action-btn.impersonate-btn,body.dark-mode .action-btn.btn-impersonate,body.dark-mode .legacy-action-btn.impersonate-btn,body.dark-mode .legacy-action-btn.btn-impersonate,body.dark-mode .site-action-btn.impersonate-btn,body.dark-mode .site-action-btn.btn-impersonate,body.dark-mode .table-actions button.impersonate-btn,body.dark-mode .table-actions button.btn-impersonate{color:#34d399!important}body.dark-mode .action-btn.impersonate-btn:hover,body.dark-mode .action-btn.btn-impersonate:hover,body.dark-mode .legacy-action-btn.impersonate-btn:hover,body.dark-mode .legacy-action-btn.btn-impersonate:hover,body.dark-mode .site-action-btn.impersonate-btn:hover,body.dark-mode .site-action-btn.btn-impersonate:hover,body.dark-mode .table-actions button.impersonate-btn:hover,body.dark-mode .table-actions button.btn-impersonate:hover{background:#34d39933!important;border-color:#34d399!important;color:#6ee7b7!important}body.dark-mode .action-btn.delete-btn,body.dark-mode .action-btn.btn-delete,body.dark-mode .legacy-action-btn.delete-btn,body.dark-mode .legacy-action-btn.btn-delete,body.dark-mode .site-action-btn.delete-btn,body.dark-mode .site-action-btn.btn-delete,body.dark-mode .table-actions button.delete-btn,body.dark-mode .table-actions button.btn-delete{color:#f87171!important}body.dark-mode .action-btn.delete-btn:hover,body.dark-mode .action-btn.btn-delete:hover,body.dark-mode .legacy-action-btn.delete-btn:hover,body.dark-mode .legacy-action-btn.btn-delete:hover,body.dark-mode .site-action-btn.delete-btn:hover,body.dark-mode .site-action-btn.btn-delete:hover,body.dark-mode .table-actions button.delete-btn:hover,body.dark-mode .table-actions button.btn-delete:hover{background:#f8717133!important;border-color:#f87171!important;color:#fca5a5!important}body.dark-mode .action-btn.check-btn,body.dark-mode .action-btn.btn-check,body.dark-mode .legacy-action-btn.check-btn,body.dark-mode .legacy-action-btn.btn-check,body.dark-mode .site-action-btn.check-btn,body.dark-mode .site-action-btn.btn-check,body.dark-mode .table-actions button.check-btn,body.dark-mode .table-actions button.btn-check{color:#4ade80!important}body.dark-mode .action-btn.check-btn:hover,body.dark-mode .action-btn.btn-check:hover,body.dark-mode .legacy-action-btn.check-btn:hover,body.dark-mode .legacy-action-btn.btn-check:hover,body.dark-mode .site-action-btn.check-btn:hover,body.dark-mode .site-action-btn.btn-check:hover,body.dark-mode .table-actions button.check-btn:hover,body.dark-mode .table-actions button.btn-check:hover{background:#4ade8033!important;border-color:#4ade80!important;color:#86efac!important}body.dark-mode .action-btn.ticket-btn,body.dark-mode .action-btn.btn-ticket,body.dark-mode .action-btn.archive-btn,body.dark-mode .legacy-action-btn.ticket-btn,body.dark-mode .legacy-action-btn.btn-ticket,body.dark-mode .legacy-action-btn.archive-btn,body.dark-mode .site-action-btn.ticket-btn,body.dark-mode .site-action-btn.btn-ticket,body.dark-mode .site-action-btn.archive-btn,body.dark-mode .table-actions button.ticket-btn,body.dark-mode .table-actions button.btn-ticket,body.dark-mode .table-actions button.archive-btn{color:#38bdf8!important}body.dark-mode .action-btn.ticket-btn:hover,body.dark-mode .action-btn.btn-ticket:hover,body.dark-mode .action-btn.archive-btn:hover,body.dark-mode .legacy-action-btn.ticket-btn:hover,body.dark-mode .legacy-action-btn.btn-ticket:hover,body.dark-mode .legacy-action-btn.archive-btn:hover,body.dark-mode .site-action-btn.ticket-btn:hover,body.dark-mode .site-action-btn.btn-ticket:hover,body.dark-mode .site-action-btn.archive-btn:hover,body.dark-mode .table-actions button.ticket-btn:hover,body.dark-mode .table-actions button.btn-ticket:hover,body.dark-mode .table-actions button.archive-btn:hover{background:#38bdf833!important;border-color:#38bdf8!important;color:#7dd3fc!important}body.dark-mode .action-btn.voucher-btn,body.dark-mode .action-btn.btn-voucher,body.dark-mode .action-btn.site-voucher-btn,body.dark-mode .legacy-action-btn.voucher-btn,body.dark-mode .legacy-action-btn.btn-voucher,body.dark-mode .legacy-action-btn.site-voucher-btn,body.dark-mode .site-action-btn.voucher-btn,body.dark-mode .site-action-btn.btn-voucher,body.dark-mode .site-action-btn.site-voucher-btn,body.dark-mode .table-actions button.voucher-btn,body.dark-mode .table-actions button.btn-voucher,body.dark-mode .table-actions button.site-voucher-btn{color:#c084fc!important}body.dark-mode .action-btn.voucher-btn:hover,body.dark-mode .action-btn.btn-voucher:hover,body.dark-mode .action-btn.site-voucher-btn:hover,body.dark-mode .legacy-action-btn.voucher-btn:hover,body.dark-mode .legacy-action-btn.btn-voucher:hover,body.dark-mode .legacy-action-btn.site-voucher-btn:hover,body.dark-mode .site-action-btn.voucher-btn:hover,body.dark-mode .site-action-btn.btn-voucher:hover,body.dark-mode .site-action-btn.site-voucher-btn:hover,body.dark-mode .table-actions button.voucher-btn:hover,body.dark-mode .table-actions button.btn-voucher:hover,body.dark-mode .table-actions button.site-voucher-btn:hover{background:#c084fc33!important;border-color:#c084fc!important;color:#e9d5ff!important}.btn-delete-selected,.btn-danger,.btn-primary.btn-delete-selected{background-color:#0e7490!important;color:#fff!important;border:none!important;border-radius:10px!important;padding:.5rem 1.25rem!important;font-size:.875rem!important;font-weight:700!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;cursor:pointer!important;transition:all .25s ease!important;box-shadow:0 3px 8px #0e749040!important}.btn-delete-selected i,.btn-danger i,.btn-primary.btn-delete-selected i{font-size:.9rem!important;color:#fff!important}.btn-delete-selected:hover,.btn-danger:hover,.btn-primary.btn-delete-selected:hover{background-color:#155e75!important;transform:translateY(-1px)!important;box-shadow:0 5px 12px #0e749059!important}.btn-delete-selected.active-danger,.btn-delete-selected.active-delete,.btn-danger.active-danger,.btn-danger.active-delete,.btn-primary.btn-delete-selected.active-danger,.btn-primary.btn-delete-selected.active-delete{background-color:#ef4444!important;color:#fff!important;box-shadow:0 4px 12px #ef444466!important}.btn-delete-selected.active-danger i,.btn-delete-selected.active-delete i,.btn-danger.active-danger i,.btn-danger.active-delete i,.btn-primary.btn-delete-selected.active-danger i,.btn-primary.btn-delete-selected.active-delete i{color:#fff!important}.btn-delete-selected.active-danger:hover,.btn-delete-selected.active-delete:hover,.btn-danger.active-danger:hover,.btn-danger.active-delete:hover,.btn-primary.btn-delete-selected.active-danger:hover,.btn-primary.btn-delete-selected.active-delete:hover{background-color:#dc2626!important;transform:translateY(-1px)!important;box-shadow:0 6px 16px #ef444480!important}.btn-delete-selected:disabled,.btn-danger:disabled,.btn-primary.btn-delete-selected:disabled{opacity:.7;cursor:not-allowed}.content,#page-content{width:100%!important;max-width:100%!important;box-sizing:border-box;overflow-x:hidden;padding:1.5rem;scrollbar-width:none;-ms-overflow-style:none}.content::-webkit-scrollbar,#page-content::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}@media(max-width:768px){.content,#page-content{padding:1rem .75rem!important}}@media(max-width:480px){.content,#page-content{padding:.75rem .5rem!important}}.table-responsive,.data-table-wrapper,.table-wrapper{width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;margin-bottom:1rem;border-radius:12px}.table-responsive::-webkit-scrollbar,.data-table-wrapper::-webkit-scrollbar,.table-wrapper::-webkit-scrollbar{height:6px}.table-responsive::-webkit-scrollbar-track,.data-table-wrapper::-webkit-scrollbar-track,.table-wrapper::-webkit-scrollbar-track{background:#00000008;border-radius:4px}.table-responsive::-webkit-scrollbar-thumb,.data-table-wrapper::-webkit-scrollbar-thumb,.table-wrapper::-webkit-scrollbar-thumb{background:#0e74904d;border-radius:4px}.table-responsive::-webkit-scrollbar-thumb:hover,.data-table-wrapper::-webkit-scrollbar-thumb:hover,.table-wrapper::-webkit-scrollbar-thumb:hover{background:#0e749099}.table-responsive table,.data-table-wrapper table,.table-wrapper table{min-width:600px}@media(max-width:768px){table.data-table,table.table{min-width:580px;font-size:13px}table.data-table th,table.data-table td,table.table th,table.table td{padding:8px 10px!important;white-space:nowrap}}.stats-grid,.overview-grid,.dashboard-grid,.dashboard-stat-grid,.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;width:100%;margin-bottom:1.5rem}@media(max-width:640px){.stats-grid,.overview-grid,.dashboard-grid,.dashboard-stat-grid,.cards-grid{grid-template-columns:1fr;gap:.85rem}}.search-filter-row,.header-actions-row,.filter-bar,.table-toolbar,.card-header-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;width:100%;margin-bottom:1rem}@media(max-width:768px){.search-filter-row,.header-actions-row,.filter-bar,.table-toolbar,.card-header-actions{flex-direction:column;align-items:stretch!important;gap:10px}.search-filter-row .search-box,.search-filter-row .search-input-wrap,.search-filter-row input[type=search],.search-filter-row input[type=text],.header-actions-row .search-box,.header-actions-row .search-input-wrap,.header-actions-row input[type=search],.header-actions-row input[type=text],.filter-bar .search-box,.filter-bar .search-input-wrap,.filter-bar input[type=search],.filter-bar input[type=text],.table-toolbar .search-box,.table-toolbar .search-input-wrap,.table-toolbar input[type=search],.table-toolbar input[type=text],.card-header-actions .search-box,.card-header-actions .search-input-wrap,.card-header-actions input[type=search],.card-header-actions input[type=text]{width:100%!important}.search-filter-row .btn,.search-filter-row button,.header-actions-row .btn,.header-actions-row button,.filter-bar .btn,.filter-bar button,.table-toolbar .btn,.table-toolbar button,.card-header-actions .btn,.card-header-actions button{width:100%;justify-content:center}}.modal-dialog,.modal-content,.dialog-box{max-width:95vw!important;box-sizing:border-box}@media(max-width:576px){.modal-dialog{margin:.5rem auto}.modal-content{border-radius:14px!important;padding:1rem!important}.modal-header,.modal-footer{padding:.75rem 0!important;flex-wrap:wrap;gap:8px}}.form-row,.form-grid{display:flex;flex-wrap:wrap;gap:16px}.form-row .form-group,.form-row .form-col,.form-grid .form-group,.form-grid .form-col{flex:1 1 240px;min-width:0}@media(max-width:600px){.form-row,.form-grid{flex-direction:column}.form-row .form-group,.form-row .form-col,.form-grid .form-group,.form-grid .form-col{flex:1 1 100%!important;width:100%!important}}@media(hover:none)and (pointer:coarse){.btn,.icon-btn,.action-btn,.page-btn{min-height:42px;min-width:42px}}body.dark-mode .uptime-badge{background:#1e293b!important;color:#94a3b8!important}body.dark-mode .uptime-badge.active{background:#10b98126!important;color:#34d399!important;border:1px solid rgba(16,185,129,.3)!important}body.dark-mode .ip-address-pill,body.dark-mode .ip-mono-link{background:#0f172a!important;border-color:#334155!important;color:#38bdf8!important}body.dark-mode .upload-zone{background:#0f172a!important;border-color:#334155!important}body.dark-mode .modal-footer,body.dark-mode .custom-modal-footer,body.dark-mode .modal-footer-actions{background:#0f172a!important;border-top-color:#ffffff1a!important}body.dark-mode .live-time-chip{background:#0f172a!important;border-color:#334155!important;color:#cbd5e1!important}body.dark-mode .live-time-chip.pacific{background:#0ea5e926!important;border-color:#38bdf859!important;color:#38bdf8!important}body.dark-mode .live-time-chip.pacific i{color:#38bdf8!important}body.dark-mode .live-time-chip.pacific .tz-chip-tag{color:#38bdf8!important;background:#0ea5e940!important}body.dark-mode .live-time-chip.pacific .tz-chip-time{color:#e0f2fe!important}body.dark-mode .live-time-chip.mountain{background:#22c55e26!important;border-color:#4ade8059!important;color:#4ade80!important}body.dark-mode .live-time-chip.mountain i{color:#4ade80!important}body.dark-mode .live-time-chip.mountain .tz-chip-tag{color:#4ade80!important;background:#22c55e40!important}body.dark-mode .live-time-chip.mountain .tz-chip-time{color:#dcfce7!important}body.dark-mode .live-time-chip.central{background:#eab30826!important;border-color:#facc1559!important;color:#facc15!important}body.dark-mode .live-time-chip.central i{color:#facc15!important}body.dark-mode .live-time-chip.central .tz-chip-tag{color:#facc15!important;background:#eab30840!important}body.dark-mode .live-time-chip.central .tz-chip-time{color:#fef9c3!important}body.dark-mode .live-time-chip.eastern{background:#f9731626!important;border-color:#fb923c59!important;color:#fb923c!important}body.dark-mode .live-time-chip.eastern i{color:#fb923c!important}body.dark-mode .live-time-chip.eastern .tz-chip-tag{color:#fb923c!important;background:#f9731640!important}body.dark-mode .live-time-chip.eastern .tz-chip-time{color:#ffedd5!important}body.dark-mode .hotspot-card-premium{background:#111827!important;border-color:#ffffff1a!important}body.dark-mode .hotspot-card-premium .hotspot-top-header{background:#0f172a!important;border-bottom-color:#ffffff14!important}body.dark-mode .hotspot-card-premium .hotspot-table-wrap,body.dark-mode .hotspot-card-premium .premium-mini-table{background:#111827!important}body.dark-mode .hotspot-card-premium .hotspot-table-wrap thead th,body.dark-mode .hotspot-card-premium .premium-mini-table thead th{background:#0f172a!important;color:#94a3b8!important;border-bottom-color:#334155!important}body.dark-mode .hotspot-card-premium .hotspot-table-wrap tbody tr td,body.dark-mode .hotspot-card-premium .premium-mini-table tbody tr td{background:#111827!important;color:#f8fafc!important;border-bottom-color:#ffffff0f!important}body.dark-mode .hotspot-card-premium .hotspot-table-wrap tbody tr:hover td,body.dark-mode .hotspot-card-premium .premium-mini-table tbody tr:hover td{background:#1e293b!important}body.dark-mode .note-card{background:#1e293b!important;border-color:#334155!important}body.dark-mode .note-card .note-card-header{background:#0f172a!important;border-bottom-color:#334155!important}body.dark-mode .note-card .note-card-header .note-header-title{color:#f8fafc!important}body.dark-mode .note-card .note-card-header .note-header-subtitle{color:#94a3b8!important}body.dark-mode .note-card .note-card-body{background:#111827!important}body.dark-mode .note-card .note-card-body .note-scroll-content{color:#f8fafc!important}body.dark-mode .site-meta-pills .meta-pill.info-pill{background:#0f172a!important;border-color:#334155!important;color:#cbd5e1!important}body.dark-mode .site-meta-pills .meta-pill.location-pill{background:#0e749033!important;border-color:#38bdf84d!important;color:#38bdf8!important}body.dark-mode .file-picker-wrap .btn-file-browse{background:#1e293b!important;border-color:#334155!important;color:#cbd5e1!important}body.dark-mode .call-id-chip{background:#1e293b!important;color:#38bdf8!important;border:1px solid rgba(56,189,248,.25)!important}body.dark-mode .call-id-chip:hover{background:#334155!important;color:#7dd3fc!important;border-color:#38bdf8!important}body.dark-mode .call-id-chip i{color:#94a3b8!important}body.dark-mode .call-modal-overlay{background:#000000bf!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important}body.dark-mode .call-modal-card{background:#111827!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 25px 60px -10px #000000d9!important;color:#f8fafc!important}body.dark-mode .call-modal-card .modal-header{background:#0f172a!important;border-bottom:1px solid rgba(255,255,255,.1)!important}body.dark-mode .call-modal-card .modal-header h3{color:#f8fafc!important}body.dark-mode .call-modal-card .modal-header .modal-subtitle,body.dark-mode .call-modal-card .modal-header .modal-close-btn{color:#94a3b8!important}body.dark-mode .call-modal-card .modal-header .modal-close-btn:hover{color:#fff!important}body.dark-mode .call-modal-card .modal-header i{color:#38bdf8!important}body.dark-mode .call-modal-card .modal-body{background:#111827!important;color:#f8fafc!important}body.dark-mode .call-modal-card .call-banner{background:#1e293b!important;border:1px solid rgba(255,255,255,.1)!important}body.dark-mode .call-modal-card .call-banner .banner-right{color:#f8fafc!important}body.dark-mode .call-modal-card .detail-item{background:#1e293b!important;border:1px solid rgba(255,255,255,.1)!important}body.dark-mode .call-modal-card .detail-item .detail-label{color:#94a3b8!important}body.dark-mode .call-modal-card .detail-item .detail-value{color:#f8fafc!important}body.dark-mode .call-modal-card .detail-item .detail-value.highlight{color:#38bdf8!important}body.dark-mode .call-modal-card .detail-item .detail-sub{color:#94a3b8!important}body.dark-mode .call-modal-card .recording-section{background:#1e293b!important;border:1px solid rgba(255,255,255,.1)!important}body.dark-mode .call-modal-card .recording-section h4{color:#f8fafc!important}body.dark-mode .call-modal-card .recording-section p{color:#94a3b8!important}body.dark-mode .call-modal-card .alert-box.info{background:#38bdf826!important;border:1px solid rgba(56,189,248,.3)!important;color:#bae6fd!important}body.dark-mode .call-modal-card .alert-box.info i{color:#38bdf8!important}body.dark-mode .call-modal-card .alert-box.info strong{color:#fff!important}body.dark-mode .call-modal-card .alert-box.info p{color:#e0f2fe!important}body.dark-mode .call-modal-card .info-group label{color:#cbd5e1!important}body.dark-mode .call-modal-card .info-group .readonly-input{background:#1e293b!important;color:#38bdf8!important;border-color:#ffffff26!important}body.dark-mode .call-modal-card .info-group .helper-text{color:#94a3b8!important}body.dark-mode .call-modal-card .info-group .helper-text strong,body.dark-mode .call-modal-card .config-checklist h4{color:#f8fafc!important}body.dark-mode .call-modal-card .config-checklist .check-item{background:#1e293b!important;border:1px solid rgba(255,255,255,.1)!important}body.dark-mode .call-modal-card .config-checklist .check-item strong{color:#f8fafc!important}body.dark-mode .call-modal-card .config-checklist .check-item p{color:#94a3b8!important}body.dark-mode .call-modal-card .modal-footer{background:#0f172a!important;border-top:1px solid rgba(255,255,255,.1)!important}body.dark-mode .custom-dropdown-container .custom-dropdown-trigger{background:#1e293b!important;border-color:#ffffff26!important;color:#f8fafc!important}body.dark-mode .custom-dropdown-container .custom-dropdown-trigger:hover,body.dark-mode .custom-dropdown-container .custom-dropdown-trigger.open{border-color:#38bdf8!important;box-shadow:0 2px 8px #38bdf840!important}body.dark-mode .custom-dropdown-container .custom-dropdown-trigger .trigger-arrow{color:#94a3b8!important}body.dark-mode .custom-dropdown-container .custom-dropdown-menu{background:#111827!important;border:1px solid rgba(255,255,255,.15)!important;box-shadow:0 10px 25px -5px #0009,0 8px 10px -6px #00000080!important}body.dark-mode .custom-dropdown-container .custom-dropdown-menu .custom-dropdown-item{color:#e2e8f0!important}body.dark-mode .custom-dropdown-container .custom-dropdown-menu .custom-dropdown-item:hover{background:#38bdf826!important;color:#38bdf8!important}body.dark-mode .custom-dropdown-container .custom-dropdown-menu .custom-dropdown-item.selected{background:#38bdf840!important;color:#38bdf8!important;font-weight:700}body.dark-mode .custom-dropdown-container .custom-dropdown-menu .custom-dropdown-item.selected .item-check{color:#38bdf8!important}.ticket-mention-pill{display:inline-flex;align-items:center;gap:3px;background:#0284c71f;color:#0284c7!important;border:1px solid rgba(2,132,199,.25);padding:1px 7px;border-radius:6px;font-weight:700;font-size:.8125rem;text-decoration:none!important;vertical-align:middle;margin:0 2px;transition:all .15s ease-in-out;cursor:pointer}.ticket-mention-pill .mention-hash{font-size:.7rem;opacity:.85}.ticket-mention-pill:hover{background:#0284c7!important;color:#fff!important;border-color:#0284c7;transform:translateY(-1px);box-shadow:0 2px 5px #0284c74d}body.dark-mode .ticket-mention-pill{background:#38bdf826;color:#38bdf8!important;border-color:#38bdf84d}body.dark-mode .ticket-mention-pill:hover{background:#38bdf8!important;color:#0b0f19!important;border-color:#38bdf8;box-shadow:0 2px 6px #38bdf866}