@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--font-primary:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--bg-darker:#060913;--bg-dark:#0b0f19;--bg-card:#11182773;--bg-card-hover:#1f293799;--border-light:#ffffff0f;--border-focus:#00f2fe66;--primary:#00f2fe;--primary-hover:#4facfe;--primary-glow:#00f2fe26;--text-primary:#f8fafc;--text-muted:#94a3b8;--text-dark:#0f172a;--success:#10b981;--success-glow:#10b98126;--warning:#f59e0b;--danger:#ef4444;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-glow:0 0 20px 0 #00f2fe1a}*{box-sizing:border-box;font-family:var(--font-primary);scrollbar-width:none;-ms-overflow-style:none;margin:0;padding:0}::-webkit-scrollbar{display:none}body{background-color:var(--bg-darker);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}#root{flex-direction:column;min-height:100vh;display:flex}a{color:var(--primary);text-decoration:none;transition:all .2s}a:hover{color:var(--primary-hover)}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card:hover{background:var(--bg-card-hover);box-shadow:var(--shadow-lg), var(--shadow-glow);border-color:#ffffff1a}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00f2fe4d}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn}.form-group{gap:5px;margin-bottom:0}.form-label{color:var(--text-muted);margin-bottom:8px;font-size:13px;font-weight:600;display:block}.form-input{border:1px solid var(--border-light);border-radius:var(--radius-md);color:#fff;background:#ffffff05;outline:none;width:100%;padding:12px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #00f2fe1a}.modal-footer{justify-content:flex-end;gap:12px;margin-top:28px;display:flex}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-hover));color:var(--text-dark);border-radius:var(--radius-md);cursor:pointer;border:none;padding:12px 24px;font-size:14px;font-weight:700;transition:opacity .2s}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{border:1px solid var(--border-light);color:#fff;border-radius:var(--radius-md);cursor:pointer;background:#ffffff0d;padding:12px 24px;font-size:14px;font-weight:600;transition:background .2s}.btn-secondary:hover{background:#ffffff1a}.success-banner{border-radius:var(--radius-md);background:#10b98114;border:1px solid #10b98133;margin-bottom:24px;padding:18px}.error-banner{border-radius:var(--radius-md);color:var(--danger);background:#ef444414;border:1px solid #ef444433;margin-bottom:20px;padding:14px;font-size:13.5px}.info-banner{border-radius:var(--radius-md);background:#00f2fe0d;border:1px solid #00f2fe33;gap:12px;margin-bottom:24px;padding:16px;display:flex}.modal-card{width:100%;max-width:560px;max-height:90vh;padding:36px;position:relative;overflow-y:auto;box-shadow:0 0 30px #00f2fe26}.banner-icon{color:var(--primary);flex-shrink:0;margin-top:2px}.form-info-text{color:var(--text-primary);margin:0;font-size:13px;line-height:1.5}.form-category-desc{color:var(--text-muted);margin-top:6px;font-size:11px;line-height:1.4;display:block}.form-row-2col{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-input-textarea{resize:none;font-family:monospace;font-size:12px}.text-center-align{text-align:center;margin-bottom:24px}.success-icon-large{color:var(--success);margin-bottom:12px}.success-title{color:#fff;margin:0;font-size:20px;font-weight:800}.success-subtitle{color:var(--text-muted);margin-top:6px;font-size:14px}.success-banner-title{color:#fff;margin-bottom:12px;font-size:14px;font-weight:700}.success-banner-desc{color:var(--text-primary);margin-bottom:16px;font-size:13px;line-height:1.5}.flex-row-gap-8{gap:8px;display:flex}.form-input-readonly{background:#0003;font-family:monospace;font-size:12px}.btn-copy-style{padding:8px 12px;font-size:12px}.footer-note-text{color:var(--text-muted);margin:0 0 20px;font-size:12.5px;line-height:1.5}.flex-center-container{justify-content:center;display:flex}.btn-full-width{width:100%}.form-checkbox{cursor:pointer;width:18px;height:18px}.form-checkbox-label{cursor:pointer;-webkit-user-select:none;user-select:none;margin:0!important}.flex-align-center-gap-8{align-items:center;gap:8px;margin-top:16px;display:flex}.btn-danger-outline{color:#ef4444;background:#dc26261a;border:1px solid #dc262666;margin-right:auto}.btn-danger-outline:hover{background:#dc262633}.flex-row-checkbox{flex-direction:row;gap:8px;display:flex}.layout-loading-container{background:var(--bg-darker);min-height:100vh;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.dashboard-layout-root{background:var(--bg-darker);width:100dvw;min-height:100dvh;display:flex;overflow:hidden}.dashboard-layout-root.rtl-layout{flex-direction:row-reverse}.sidebar-aside{background:var(--bg-dark);border-right:1px solid var(--border-light);flex-direction:column;width:260px;min-width:260px;padding:24px;transition:width .3s cubic-bezier(.4,0,.2,1),min-width .3s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1);display:flex}.dashboard-layout-root.rtl-layout .sidebar-aside{border-right:none;border-left:1px solid var(--border-light)}.sidebar-aside.collapsed{width:72px;min-width:72px;height:100dvh;padding:24px 8px}.sidebar-aside.collapsed .sidebar-nav{overflow-y:visible}.sidebar-aside.collapsed .nav-link-item{flex-direction:column;justify-content:center;min-height:52px;padding:8px 4px}.sidebar-aside.collapsed .nav-link-item .nav-item-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%}.sidebar-aside.collapsed .nav-link-item .nav-item-label{text-align:center;white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.2px;max-width:100%;font-size:9px;font-weight:600;line-height:1.1;display:block;overflow:hidden}.sidebar-aside.collapsed .nav-link-item .nav-item-badge{border:1.5px solid var(--bg-dark);text-indent:-9999px;border-radius:50%;width:8px;height:8px;padding:0;font-size:0;position:absolute;top:6px;right:10px;overflow:hidden}.sidebar-aside.collapsed .sidebar-footer{flex-direction:column;align-items:center;gap:12px}.sidebar-aside.collapsed .sidebar-footer .logout-button{padding:8px}.brand-container{justify-content:space-between;align-items:center;gap:12px;width:100%;margin-bottom:20px;transition:margin-bottom .3s;display:flex}.brand-container .brand-inner{align-items:center;gap:12px;display:flex;overflow:hidden}.brand-container .brand-logo{width:36px;height:36px;box-shadow:none;background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.brand-container .brand-logo .brand-logo-img{object-fit:contain;width:32px;height:32px}.brand-container .brand-logo span{color:#060913;font-size:18px;font-weight:800}.brand-container .brand-text{color:#fff;letter-spacing:-.5px;white-space:nowrap;font-size:18px;font-weight:800}.collapsed .brand-container{flex-direction:column;gap:16px;margin-bottom:24px}.sidebar-toggle-btn{border:1px solid var(--border-light);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;outline:none;flex-shrink:0;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.sidebar-toggle-btn:hover{color:#fff;background:#ffffff0d;border-color:#fff3}.workspace-container{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;justify-content:space-between;height:calc(100dvh - 104px);display:flex;overflow:auto}.workspace-container::-webkit-scrollbar{display:none}.workspace-widget{border:1px solid var(--border-light);background:#ffffff05;border-radius:8px;margin-bottom:20px;padding:12px 16px}.workspace-widget .widget-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:11px;font-weight:700}.workspace-widget .widget-value{color:#fff;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:14px;font-weight:600;overflow:hidden}.sidebar-nav{flex-direction:column;flex-grow:1;gap:8px;padding-bottom:16px;display:flex;overflow-y:auto}.sidebar-dashboard-group{flex-direction:column;gap:4px;margin-bottom:8px;display:flex}.sidebar-group-items{flex-direction:column;gap:4px;display:flex}.sidebar-menu-group{border-top:1px solid #ffffff08;flex-direction:column;gap:4px;margin-bottom:12px;padding-top:12px;display:flex}.sidebar-menu-group:first-of-type{border-top:none;padding-top:0}.sidebar-collapsed-divider{background:var(--border-light);height:1px;margin:8px 4px}.sidebar-group-header{color:var(--text-muted);cursor:pointer;text-transform:uppercase;letter-spacing:1.5px;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:8px 16px;font-size:11px;font-weight:800;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.sidebar-group-header:before{content:"";background:var(--text-muted);opacity:.3;border-radius:50%;width:6px;height:6px;margin-right:8px;transition:all .3s;display:inline-block}.sidebar-group-header:hover{letter-spacing:1.8px;color:var(--primary)!important}.sidebar-group-header:hover:before{background:var(--primary);opacity:1;box-shadow:0 0 8px var(--primary)}.sidebar-group-header:hover .group-chevron{color:var(--primary)}.sidebar-group-header .group-chevron{color:var(--text-muted);transition:transform .3s cubic-bezier(.4,0,.2,1),color .3s}.sidebar-group-header .group-chevron.open{transform:rotate(-180deg)}.rtl-layout .sidebar-group-header:before{margin-left:8px;margin-right:0}.nav-link-item{cursor:pointer;color:var(--text-primary);background:0 0;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex;position:relative}.nav-link-item:hover{color:#fff;background:#ffffff05}.nav-link-item.active{background:var(--primary);font-weight:700;color:var(--text-dark)!important}.nav-link-item.active:hover{background:var(--primary);color:var(--text-dark)!important}.nav-link-item .nav-item-content{align-items:center;gap:10px;min-width:0;display:flex}.nav-link-item .nav-item-content svg{flex-shrink:0}.nav-link-item .nav-item-label{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.nav-link-item .nav-item-badge{background:var(--danger);color:#fff;border-radius:50%;flex-shrink:0;padding:2px 6px;font-size:10px;font-weight:700;line-height:1}.nav-link-item[data-tooltip]:hover:after{content:attr(data-tooltip);color:#fff;white-space:nowrap;border:1px solid var(--border-light);z-index:99999;pointer-events:none;opacity:0;background:#0e1322fa;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;animation:.15s ease-out forwards tooltipFadeIn;position:absolute;top:50%;left:calc(100% + 12px);right:auto;transform:translateY(-50%);box-shadow:0 4px 12px #0000004d}.nav-link-item[data-tooltip]:hover:before{content:"";border-style:solid;border-width:4px 6px 4px 0;border-color:transparent var(--border-light) transparent transparent;z-index:99999;pointer-events:none;opacity:0;animation:.15s ease-out forwards tooltipFadeIn;position:absolute;top:50%;left:calc(100% + 6px);right:auto;transform:translateY(-50%)}.rtl-layout .nav-link-item[data-tooltip]:hover:after{left:auto!important;right:calc(100% + 12px)!important}.rtl-layout .nav-link-item[data-tooltip]:hover:before{border-width:4px 0 4px 6px;border-color:transparent transparent transparent var(--border-light);left:auto!important;right:calc(100% + 6px)!important}@keyframes tooltipFadeIn{to{opacity:1}}.sidebar-footer{border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;padding-top:20px;display:flex}.user-profile-widget{align-items:center;gap:10px;display:flex}.user-profile-widget .avatar-box{width:32px;height:32px;color:var(--primary);background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;display:flex}.user-profile-widget .user-details{max-width:120px}.user-profile-widget .user-details .user-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.user-profile-widget .user-details .user-role{color:var(--text-muted);text-transform:capitalize;font-size:11px}.logout-button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;padding:6px;transition:all .2s;display:flex}.logout-button:hover{color:var(--danger);background:#ef444414}.main-content-wrapper{flex-direction:column;flex-grow:1;height:100vh;display:flex;overflow:hidden}.main-header{background:var(--bg-dark);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;height:70px;padding:16px;display:flex}.main-header .header-title{color:#fff;margin:0;font-size:20px;font-weight:800}.header-actions{align-items:center;gap:20px;display:flex}.lang-switcher-btn{border:1px solid var(--border-light);color:#fff;cursor:pointer;background:#ffffff08;border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:6px 12px;font-size:12px;font-weight:600;transition:background .2s;display:flex}.lang-switcher-btn:hover{background:#ffffff14}.api-health-widget{color:var(--success);background:#10b98114;border:1px solid #10b98138;border-radius:8px;align-items:center;gap:10px;padding:10px 16px;font-size:13px;font-weight:600;display:flex}.api-health-widget.offline{color:var(--danger);background:#ef444414;border-color:#ef444433}.api-health-widget__dot{background:var(--success);border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:1.8s ease-in-out infinite apiHealthPulse;box-shadow:0 0 #10b98173}.api-health-widget.offline .api-health-widget__dot{background:var(--danger);box-shadow:none;animation:none}.api-health-widget__label{text-transform:uppercase;letter-spacing:.04em;line-height:1}.logout-modal-backdrop{z-index:1000000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#04060ed1;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.logout-modal{border:1px solid var(--border-light);background:#0e1322fa;border-radius:18px;width:100%;max-width:420px;padding:24px;box-shadow:0 28px 60px #0000008c}.logout-modal__header{align-items:flex-start;gap:14px;display:flex}.logout-modal__icon{width:42px;height:42px;color:var(--danger);background:#ef44441f;border:1px solid #ef44443d;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.logout-modal h3{color:#fff;margin:0;font-size:18px;font-weight:800}.logout-modal p{color:var(--text-muted);margin:6px 0 0;font-size:14px;line-height:1.5}.logout-modal__actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.logout-modal__button{cursor:pointer;border:1px solid #0000;border-radius:10px;padding:10px 16px;font-size:14px;font-weight:700}.logout-modal__button--secondary{border-color:var(--border-light);color:#fff;background:#ffffff08}.logout-modal__button--primary{background:var(--danger);color:#fff}.logout-modal__button--secondary:hover{background:#ffffff0f}.logout-modal__button--primary:hover{filter:brightness(1.08)}@media (width<=520px){.logout-modal__actions{flex-direction:column}.logout-modal__button{width:100%}}@keyframes apiHealthPulse{0%{box-shadow:0 0 #10b98173}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 #10b98100}}.main-scroll-pane{background:var(--bg-darker);flex-grow:1;padding:40px;overflow:hidden auto}.main-scroll-pane.no-padding{height:calc(100vh - 70px);overflow:hidden;padding:0!important}.glass-input-datepicker{text-align:center;border:1px solid var(--border-light)!important;color:#fff!important;cursor:pointer!important;background:#ffffff08!important;border-radius:8px!important;outline:none!important;width:110px!important;padding:8px 12px!important;font-size:13px!important;transition:all .2s!important}.glass-input-datepicker:focus{border-color:var(--primary)!important;box-shadow:0 0 8px #00f2fe26!important}.react-datepicker{overflow:hidden;border:1px solid var(--border-light)!important;color:#fff!important;background-color:#0e1322!important;border-radius:12px!important;font-family:inherit!important;box-shadow:0 10px 30px #00000080!important}.react-datepicker__header{border-bottom:1px solid var(--border-light)!important;background-color:#060913!important}.react-datepicker__current-month,.react-datepicker__day-name,.react-datepicker-time__header{color:#fff!important}.react-datepicker__day{transition:all .2s;color:var(--text-primary)!important;border-radius:6px!important}.react-datepicker__day:hover{color:#fff!important;background-color:#ffffff14!important}.react-datepicker__day--selected,.react-datepicker__day--keyboard-selected,.react-datepicker__day--in-range{background-color:var(--primary)!important;color:var(--text-dark)!important;font-weight:700!important}.react-datepicker__day--disabled{color:var(--text-muted)!important}.react-datepicker__navigation-icon:before{border-color:#fff!important}@keyframes slideIn{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}.toast-container{z-index:999999;pointer-events:none;flex-direction:column;gap:12px;display:flex;position:fixed;bottom:24px;right:24px}.rtl-layout .toast-container{left:24px;right:auto}.notification-toast-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;background:#0e1322f2;border:1px solid #00f2fe4d;border-radius:12px;flex-direction:column;gap:10px;width:330px;padding:16px;animation:.3s ease-out forwards slideIn;display:flex;box-shadow:0 10px 30px #00000080}.notification-toast-card .toast-header{justify-content:space-between;align-items:flex-start;display:flex}.notification-toast-card .toast-header-info{align-items:center;gap:10px;display:flex}.notification-toast-card .toast-icon-badge{width:34px;height:34px;color:var(--primary);background:#00f2fe1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.notification-toast-card .toast-meta{flex-direction:column;display:flex}.notification-toast-card .toast-sender-name{color:#fff;margin:0;font-size:13px;font-weight:800;line-height:1.2}.notification-toast-card .toast-phone-badge{color:var(--primary);margin-top:2px;font-size:11px;font-weight:600;line-height:1.2}.notification-toast-card .toast-subtext{color:var(--text-muted);margin-top:2px;font-size:11px;line-height:1.2}.notification-toast-card .toast-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:2px;transition:color .2s;display:flex}.notification-toast-card .toast-close-btn:hover{color:#fff}.notification-toast-card .toast-body-preview{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12px;line-height:1.4;overflow:hidden}.notification-toast-card .toast-action-btn{width:100%;margin-top:4px}.billing-info-btn{all:unset;cursor:help;color:var(--text-muted);justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.billing-info-btn:hover,.billing-info-btn:focus{color:var(--primary);transform:scale(1.1)}.table-pagination{border-top:1px solid var(--border-light);background:#ffffff03;border-bottom-right-radius:12px;border-bottom-left-radius:12px;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.table-pagination .pagination-info{color:var(--text-muted);font-size:13px}.table-pagination .pagination-info strong{color:#fff}.table-pagination .pagination-buttons{align-items:center;gap:6px;display:flex}.table-pagination .pagination-btn{all:unset;cursor:pointer;color:var(--text-muted);border:1px solid var(--border-light);-webkit-user-select:none;user-select:none;background:#ffffff05;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:600;transition:all .2s}.table-pagination .pagination-btn:hover:not(:disabled){color:#fff;border-color:var(--text-muted);background:#ffffff0d}.table-pagination .pagination-btn.active{color:var(--text-dark);background:var(--primary);border-color:var(--primary)}.table-pagination .pagination-btn:disabled{cursor:not-allowed;opacity:.4}@media (width<=600px){.table-pagination{text-align:center;flex-direction:column;align-items:center;gap:12px}}.desktop-notification-btn{border:1px solid var(--border-light);color:var(--text-muted);cursor:pointer;background:#ffffff08;border-radius:8px;outline:none;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.desktop-notification-btn:hover{color:#fff;border-color:var(--primary);background:#ffffff14}.desktop-notification-btn.granted{color:#10b981;cursor:default;background:#10b9810d;border-color:#10b9814d}.tenant-card-container{flex-direction:column;gap:20px;padding:30px;display:flex}.tenant-card-container .tenant-title{color:#fff;margin-top:0;margin-bottom:4px;font-size:18px;font-weight:800}.tenant-card-container .tenant-slug-badge{color:var(--primary);text-transform:uppercase;background:#00f2fe14;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:700}.tenant-details-list{flex-direction:column;gap:12px;font-size:14px;display:flex}.tenant-details-list .detail-item{color:var(--text-muted);align-items:center;gap:10px;display:flex}.tenant-details-list .detail-item span{color:#fff}.tenant-action-btn{border:1px solid var(--border-light);color:#fff;cursor:pointer;background:#ffffff08;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:10px;padding:12px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.tenant-action-btn:hover{background:var(--primary);color:var(--text-dark);border-color:var(--primary)}.tenant-table-wrapper{border:1px solid var(--border-light);background:#ffffff03;border-radius:12px;width:100%;overflow-x:auto;box-shadow:0 8px 32px #0003}.tenant-data-table{border-collapse:collapse;color:#fff;width:100%;font-size:14px}.tenant-data-table thead tr{border-bottom:1px solid var(--border-light);background:#ffffff05}.tenant-data-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;padding:16px 24px;font-size:12px;font-weight:700}.tenant-data-table tbody tr{border-bottom:1px solid #ffffff0a;transition:background .2s}.tenant-data-table tbody tr:hover{background:#ffffff05!important}.tenant-data-table td{padding:20px 24px}.table-tenant-info-cell{flex-direction:column;gap:4px;display:flex}.table-tenant-info-cell .tenant-name-link{color:inherit;cursor:pointer;text-align:inherit;background:0 0;border:0;align-items:center;gap:6px;width:fit-content;padding:0;display:inline-flex}.table-tenant-info-cell .tenant-name-link:hover .name{color:var(--primary)}.table-tenant-info-cell .name{font-size:15px;font-weight:800}.table-tenant-info-cell .slug{color:var(--primary);text-transform:uppercase;background:#00f2fe0f;border-radius:4px;align-self:flex-start;padding:1px 6px;font-size:10px;font-weight:700}.table-detail-cell{color:var(--text-muted);align-items:center;gap:8px;display:flex}.table-inspect-btn{border:1px solid var(--border-light);color:#fff;cursor:pointer;background:#ffffff08;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.table-inspect-btn:hover{background:var(--primary);color:var(--text-dark);border-color:var(--primary)}.table-details-btn{color:var(--primary);cursor:pointer;background:#00f2fe0d;border:1px solid #00f2fe33;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:700;transition:all .2s ease-in-out;display:inline-flex}.table-details-btn:hover{background:var(--primary);color:var(--text-dark);border-color:var(--primary);transform:translateY(-1px);box-shadow:0 4px 12px #00f2fe26}.table-details-btn:active{transform:translateY(0)}.tenant-row-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.waba-card-container{flex-direction:column;gap:24px;padding:30px;display:flex;position:relative;overflow:hidden}.waba-card-header{justify-content:space-between;align-items:flex-start;display:flex}.waba-card-header .title{color:#fff;margin-top:0;margin-bottom:4px;font-size:18px;font-weight:800}.waba-card-header .subtitle{color:var(--text-muted);font-size:12px;font-weight:600}.waba-card-header .rating-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:800}.waba-card-header .rating-badge.rating-green{color:var(--success);background:#10b9811f;border:1px solid #10b98133}.waba-card-header .rating-badge.rating-yellow{color:var(--warning);background:#f59e0b1f;border:1px solid #f59e0b33}.waba-card-header .rating-badge.rating-red{color:var(--danger);background:#ef44441f;border:1px solid #ef444433}.waba-card-header .rating-badge.rating-default{color:var(--text-muted);border:1px solid var(--border-light);background:#ffffff0d}.waba-card-header .waba-card-actions{align-items:center;gap:8px;display:flex}.waba-card-header .btn-channel-settings{border:1px solid var(--border-light);color:var(--text-muted);cursor:pointer;background:#ffffff0d;border-radius:8px;outline:none;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.waba-card-header .btn-channel-settings:hover{color:var(--primary);border-color:var(--primary);background:#00f2fe1f;transform:rotate(35deg)}.waba-card-info-box{border:1px solid var(--border-light);background:#ffffff05;border-radius:8px;flex-direction:column;gap:12px;padding:16px;display:flex}.waba-card-info-box .info-row{justify-content:space-between;align-items:center;font-size:13px;display:flex}.waba-card-info-box .info-row .label{color:var(--text-muted);font-weight:500}.waba-card-info-box .info-row .value{color:#fff;font-weight:600}.waba-card-info-box .info-row .tier-badge{letter-spacing:.3px;border-radius:6px;padding:2px 8px;font-size:11.5px;font-weight:700}.waba-card-info-box .info-row .tier-badge.tier-starter{border:1px solid var(--border-light);color:#cbd5e1;background:#ffffff0f}.waba-card-info-box .info-row .tier-badge.tier-unlocked{color:var(--primary);background:#00f2fe1f;border:1px solid #00f2fe59}.waba-sync-status{color:var(--success);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.calling-toggle-row{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.btn-calling-toggle{cursor:pointer;color:var(--text-muted);background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.btn-calling-toggle:hover{opacity:.85}.btn-calling-toggle.active{color:var(--primary)}.toggle-error-text{color:var(--danger);text-align:right;margin-top:4px;font-size:11px;font-weight:600}.calling-toggle-wrapper{flex-direction:column;gap:4px;display:flex}.calling-note-text{color:var(--text-muted);text-align:left;font-size:11px;font-style:italic}.admin-overview-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.admin-overview-card{border:1px solid var(--border-light);background:#ffffff05;border-radius:16px;align-items:center;gap:14px;padding:18px;display:flex;box-shadow:0 8px 30px #00000029}.admin-overview-card__icon{width:42px;height:42px;color:var(--primary);background:#00f2fe14;border:1px solid #00f2fe29;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.admin-overview-card__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:700}.admin-overview-card__value{color:#fff;margin-top:4px;font-size:24px;font-weight:800}.admin-channel-health-card{border:1px solid var(--border-light);background:#ffffff05;border-radius:18px;padding:24px;box-shadow:0 8px 30px #00000029}.admin-channel-health-card__header{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.admin-channel-health-card__header h3{color:#fff;margin:0 0 6px;font-size:20px;font-weight:800}.admin-channel-health-card__header p{color:var(--text-muted);margin:0;font-size:13px}.admin-channel-health-card__legend{flex-wrap:wrap;gap:8px;display:flex}.legend-item,.health-pill{text-transform:uppercase;letter-spacing:.04em;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:6px 10px;font-size:11px;font-weight:800;display:inline-flex}.legend-item--healthy,.health-pill--healthy{color:var(--success);background:#10b9811a;border-color:#10b98138}.legend-item--warning,.health-pill--warning{color:var(--warning);background:#f59e0b1a;border-color:#f59e0b38}.legend-item--critical,.health-pill--critical{color:var(--danger);background:#ef44441a;border-color:#ef444438}.admin-channel-health-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.admin-channel-health-item{border:1px solid var(--border-light);background:#ffffff04;border-radius:16px;padding:18px}.admin-channel-health-item--warning{border-color:#f59e0b2e}.admin-channel-health-item--critical{border-color:#ef444438}.admin-channel-health-item__top{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.admin-channel-health-item__tenant{color:var(--text-muted);text-transform:uppercase;margin-bottom:4px;font-size:12px;font-weight:700}.admin-channel-health-item__name{color:#fff;font-size:16px;font-weight:800}.admin-channel-health-item__meta{color:var(--text-muted);flex-wrap:wrap;gap:8px;margin-bottom:12px;font-size:12px;display:flex}.admin-channel-health-item__meta span{border:1px solid var(--border-light);background:#ffffff0a;border-radius:999px;padding:5px 8px}.admin-channel-health-issues{color:var(--text-muted);margin:0;padding-left:18px;font-size:13px;line-height:1.6}.admin-channel-health-empty{color:var(--success);background:#10b98114;border:1px solid #10b9812e;border-radius:14px;padding:18px 20px}@media (width<=1200px){.admin-overview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-channel-health-list{grid-template-columns:1fr}}@media (width<=720px){.admin-overview-grid{grid-template-columns:1fr}.admin-channel-health-card__header,.admin-channel-health-item__top{flex-direction:column;align-items:flex-start}}.admin-billing-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}@media (width<=860px){.admin-billing-summary-grid{grid-template-columns:1fr}}.admin-billing-summary-card{border:1px solid var(--border-light);background:#ffffff05;border-radius:16px;padding:22px;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000002e}.admin-billing-summary-card .summary-card-inner{flex-direction:column;gap:6px;display:flex}.admin-billing-summary-card .summary-card-header-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.admin-billing-summary-card .summary-card-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:11px;font-weight:700}.admin-billing-summary-card .profit-margin-badge{color:var(--primary);background:#00f2fe1f;border:1px solid #00f2fe40;border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:11px;font-weight:700;display:inline-flex}.admin-billing-summary-card .summary-card-value{color:#fff;font-size:26px;font-weight:800}.admin-billing-summary-card .summary-card-value.agent-revenue{color:#fff}.admin-billing-summary-card .summary-card-value.meta-invoice{color:#ff4a5a}.admin-billing-summary-card.highlighted-profit{background:linear-gradient(135deg,#00f2fe0a,#00f2fe03);border-color:#00f2fe33}.admin-billing-summary-card.highlighted-profit .summary-card-value.net-profit{color:var(--primary)}.channel-settings-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1100;background:#04060ed1;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.channel-settings-modal{border:1px solid var(--border-light);background:#0b141a;border-radius:16px;flex-direction:column;width:100%;max-width:660px;max-height:90vh;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #0009,0 0 30px #00f2fe1a}.modal-header-section{border-bottom:1px solid var(--border-light);background:#ffffff05;justify-content:space-between;align-items:flex-start;padding:24px 28px 20px;display:flex}.modal-header-section .header-titles{flex-direction:column;gap:4px;display:flex}.modal-header-section .header-titles .channel-badge-pill{color:var(--primary);text-transform:uppercase;letter-spacing:1px;font-size:11px;font-weight:700}.modal-header-section .header-titles .modal-title{color:#fff;margin:0;font-size:20px;font-weight:800}.modal-header-section .header-titles .channel-subtitle-wrap{align-items:center;gap:8px;margin-top:2px;display:flex}.modal-header-section .header-titles .channel-subtitle{color:var(--text-muted);font-size:13px;font-weight:500}.modal-header-section .header-titles .channel-tier-badge{color:var(--primary);letter-spacing:.3px;background:#00f2fe1a;border:1px solid #00f2fe40;border-radius:4px;padding:1px 7px;font-size:11px;font-weight:700}.modal-header-section .btn-close-modal{border:1px solid var(--border-light);width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:#ffffff0d;border-radius:8px;outline:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.modal-header-section .btn-close-modal:hover{color:#fff;background:#ffffff1a}.modal-tabs-bar{border-bottom:1px solid var(--border-light);background:#ffffff03;gap:8px;padding:12px 28px 0;display:flex}.modal-tabs-bar .tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;outline:none;align-items:center;gap:6px;padding:10px 14px;font-size:13px;font-weight:600;transition:all .2s;display:flex;position:relative}.modal-tabs-bar .tab-btn:hover{color:#fff}.modal-tabs-bar .tab-btn.active{color:var(--primary)}.modal-tabs-bar .tab-btn.active:after{content:"";background:var(--primary);height:2px;box-shadow:0 0 10px var(--primary);position:absolute;bottom:-1px;left:0;right:0}.modal-content-body{flex-direction:column;flex:1;gap:20px;padding:24px 28px;display:flex;overflow-y:auto}.settings-card{border:1px solid var(--border-light);background:#ffffff05;border-radius:12px;flex-direction:column;gap:16px;padding:18px 20px;display:flex}.setting-toggle-item{justify-content:space-between;align-items:center;gap:16px;display:flex}.setting-toggle-item .setting-info{flex-direction:column;gap:4px;display:flex}.setting-toggle-item .setting-info .setting-label{color:#fff;font-size:14px;font-weight:700}.setting-toggle-item .setting-info .setting-desc{color:var(--text-muted);font-size:12px;line-height:1.4}.setting-toggle-item .toggle-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;outline:none;flex-shrink:0;padding:0;transition:all .2s}.setting-toggle-item .toggle-btn.active{color:var(--primary)}.setting-toggle-item .toggle-btn:disabled{opacity:.5;cursor:not-allowed}.setting-input-group{flex-direction:column;gap:6px;display:flex}.setting-input-group .input-label{color:#fff;font-size:13px;font-weight:600}.setting-input-group .input-desc{color:var(--text-muted);margin-bottom:2px;font-size:12px}.setting-input-group .text-input,.setting-input-group .select-input{border:1px solid var(--border-light);color:#fff;background:#ffffff0a;border-radius:8px;outline:none;padding:10px 14px;font-size:13px;transition:all .2s}.setting-input-group .text-input:focus,.setting-input-group .select-input:focus{border-color:var(--primary);background:#ffffff12}.security-info-banner{color:var(--primary);background:#00f2fe0d;border:1px solid #00f2fe33;border-radius:10px;gap:12px;padding:14px 16px;font-size:12px;line-height:1.5;display:flex}.security-info-banner .banner-icon{flex-shrink:0;margin-top:2px}.security-info-banner .banner-text{color:#c9d1d9}.security-info-banner .banner-text strong{color:var(--primary)}.modal-actions-footer{border-top:1px solid var(--border-light);background:#ffffff05;justify-content:flex-end;align-items:center;gap:12px;padding:18px 28px;display:flex}.modal-actions-footer .btn-cancel{border:1px solid var(--border-light);color:var(--text-muted);cursor:pointer;background:#ffffff0d;border-radius:8px;outline:none;padding:10px 18px;font-size:13px;font-weight:600;transition:all .2s}.modal-actions-footer .btn-cancel:hover{color:#fff;background:#ffffff1a}.modal-actions-footer .btn-save{background:var(--primary);color:#0b141a;cursor:pointer;border:none;border-radius:8px;outline:none;align-items:center;gap:8px;padding:10px 22px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.modal-actions-footer .btn-save:hover:not(:disabled){opacity:.9;box-shadow:0 0 15px #00f2fe66}.modal-actions-footer .btn-save:disabled{opacity:.6;cursor:not-allowed}.settings-loading-view{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:60px 20px;font-size:14px;display:flex}.spinner-mini{animation:.8s linear infinite modal-spinner-spin}@keyframes modal-spinner-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.settings-alert{border-radius:8px;align-items:center;gap:10px;padding:12px 16px;font-size:13px;font-weight:500;display:flex}.settings-alert.error{color:var(--danger);background:#ef44441a;border:1px solid #ef444440}.settings-alert.success{color:var(--success);background:#10b9811a;border:1px solid #10b98140}.settings-error-container{flex-direction:column;gap:12px;display:flex}.settings-error-card{background:#ef444412;border:1px solid #ef444447;border-radius:12px;flex-direction:column;gap:10px;padding:16px 18px;animation:.25s ease-out fadeInError;display:flex}.settings-error-card .error-card-header{border-bottom:1px solid #ef444426;justify-content:space-between;align-items:center;gap:12px;padding-bottom:8px;display:flex}.settings-error-card .error-card-header .error-title-wrap{align-items:center;gap:8px;display:flex}.settings-error-card .error-card-header .error-title-wrap .error-icon{color:var(--danger);flex-shrink:0}.settings-error-card .error-card-header .error-title-wrap .error-card-title{color:#fff;font-size:14px;font-weight:700}.settings-error-card .error-card-header .error-header-actions{align-items:center;gap:8px;display:flex}.settings-error-card .error-card-header .error-code-badge{color:#ff8585;letter-spacing:.5px;white-space:nowrap;background:#ef444433;border:1px solid #ef444459;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:800}.settings-error-card .error-card-header .btn-dismiss-error{color:#fff9;cursor:pointer;background:#ffffff0d;border:1px solid #ef44444d;border-radius:6px;outline:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:all .2s;display:flex}.settings-error-card .error-card-header .btn-dismiss-error:hover{color:#fff;background:#ef444440;border-color:#ef444499}.settings-error-card .error-card-details{color:#f1f5f9;font-size:13px;font-weight:500;line-height:1.5}.settings-error-card .error-section{background:#00000040;border-left:3px solid #0000;border-radius:8px;flex-direction:column;gap:4px;padding:10px 14px;display:flex}.settings-error-card .error-section.reason-section{border-left-color:var(--warning)}.settings-error-card .error-section.reason-section .section-label{color:var(--warning)}.settings-error-card .error-section.solution-section{border-left-color:var(--primary)}.settings-error-card .error-section.solution-section .section-label{color:var(--primary)}.settings-error-card .error-section .section-label{text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;font-size:11px;font-weight:800;display:flex}.settings-error-card .error-section .section-text{color:var(--text-muted);font-size:12.5px;font-weight:500;line-height:1.55}@keyframes fadeInError{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.sidebar-container{background:#111b21;flex-direction:column;width:350px;min-width:350px;height:100%;display:flex}.sidebar-container.lang-en{border-right:1px solid var(--border-light)}.sidebar-container.lang-ar{border-left:1px solid var(--border-light)}.sidebar-header{justify-content:space-between;align-items:center;padding:20px 24px 8px;display:flex}.sidebar-header h1{color:#e9edef;margin:0;font-size:22px;font-weight:800}.sidebar-add-btn{border:1px solid var(--border-light);cursor:pointer;color:var(--primary);background:#ffffff0a;border-radius:6px;outline:none;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.sidebar-add-btn:hover{background:#ffffff14}.sidebar-search-block{flex-direction:column;gap:2px;padding:5px 10px 0;display:flex}.search-wrapper{position:relative}.search-icon{color:#8696a0;position:absolute;top:50%;transform:translateY(-50%)}.search-icon.lang-en{left:12px}.search-icon.lang-ar{right:12px}.search-input{color:#d1d7db;background:#202c33;border:none;border-radius:8px;outline:none;width:100%;font-size:14px;transition:background .2s}.search-input.lang-en{padding:8px 12px 8px 36px}.search-input.lang-ar{padding:8px 36px 8px 12px}.main-tabs-bar{border-bottom:1px solid var(--border-light);gap:4px;width:100%;padding:0;display:flex}.main-tab-button{cursor:pointer;color:var(--text-muted);border:none;border-radius:0;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 4px;font-size:13px;font-weight:600;transition:all .2s;display:flex;position:relative;background:0 0!important}.main-tab-button:hover{color:#fff;background:#ffffff05!important}.main-tab-button:focus-visible{outline:0}.main-tab-button.active{font-weight:700;color:var(--primary)!important}.main-tab-button.active:after{content:"";background:var(--primary);height:3px;box-shadow:0 0 8px var(--primary);position:absolute;bottom:0;left:0;right:0}.main-tab-button.inactive{color:var(--text-muted)}.main-tab-button span{white-space:nowrap}.main-tab-button .badge{border-radius:10px;padding:2px 6px;font-size:10px;font-weight:800;line-height:1}.main-tab-button .badge.active{background:var(--primary);color:var(--text-dark)}.main-tab-button .badge.inactive{color:var(--text-muted);background:#ffffff14}.sub-chips-bar{scrollbar-width:none;border-bottom:1px solid #ffffff08;gap:8px;width:100%;padding:6px 0 10px;display:flex;overflow-x:auto}.sub-chips-bar::-webkit-scrollbar{display:none}.sub-chip-button{color:#8696a0;cursor:pointer;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff08;border-radius:100px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.sub-chip-button:hover{color:#e9edef;background:#ffffff1a}.sub-chip-button.active{color:var(--primary,#00d4aa);background:#00d4aa1f;border-color:#00d4aa4d;font-weight:700}.sub-chip-button .chip-badge{color:var(--primary,#00d4aa);background:#00d4aa33;border-radius:10px;padding:1px 5px;font-size:9px;font-weight:800;line-height:1}.chats-list{border-top:1px solid #222e35;flex-grow:1;overflow-y:auto}.no-chats-msg{text-align:center;color:#8696a0;padding:40px 24px;font-size:14px}.chat-card{cursor:pointer;background:0 0;border-bottom:1px solid #222e35;gap:14px;padding:12px 18px;transition:background .2s;display:flex;position:relative}.chat-card:hover{background:#202c33}.chat-card.selected,.chat-card.selected:hover{background:#2a3942}.chat-card.has-internal-note{background:#f59e0b0d;border-left:3px solid #f59e0b99}.chat-card.has-internal-note:hover{background:#f59e0b17}.chat-card.has-internal-note.selected,.chat-card.has-internal-note.selected:hover{background:#f59e0b1f}.chat-avatar{color:#d1d7db;background:#2a3942;border:1px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;font-weight:700;display:flex;overflow:hidden}.chat-avatar img{object-fit:cover;width:100%;height:100%}.chat-info{flex-direction:column;flex-grow:1;gap:3px;min-width:0;display:flex}.chat-header-row{justify-content:space-between;align-items:center;display:flex}.chat-name{color:#e9edef;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;overflow:hidden}.chat-time{color:#8696a0;font-size:11px;font-weight:400}.chat-time.unread{color:#00a884;font-weight:600}.chat-snippet{color:#8696a0;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:400;overflow:hidden}.chat-snippet.unread{color:#e9edef;font-weight:600}.chat-footer-row{justify-content:space-between;align-items:center;margin-top:2px;font-size:11px;display:flex}.chat-footer-left{align-items:center;gap:8px;display:flex}.chat-claim-label{font-weight:600}.chat-claim-label.claimed-you{color:#00a884}.chat-claim-label.claimed-other{color:var(--warning)}.chat-claim-label.open-all{color:#53bdeb}.chat-claim-label.unassigned,.chat-claim-label.offline{color:#8696a0}.chat-unread-badge{color:#111b21;background:#00a884;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:800;display:flex}.chat-channel-badge{color:var(--primary,#00d4aa);white-space:nowrap;text-overflow:ellipsis;background:#00d4aa14;border:1px solid #00d4aa33;border-radius:4px;align-self:flex-start;max-width:100%;margin-top:4px;padding:2px 6px;font-size:10px;font-weight:700;display:inline-block;overflow:hidden}.chats-loading-more{color:#8696a0;border-top:1px solid #ffffff08;justify-content:center;align-items:center;gap:8px;padding:14px 18px;font-size:12px;font-weight:500;display:flex}.chats-loading-spinner{border:2px solid #ffffff1a;border-top-color:var(--primary,#00d4aa);border-radius:50%;width:14px;height:14px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.sticker-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background-color:#000000a6;justify-content:center;align-items:center;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}.sticker-modal-card{color:#f1f5f9;background:#1e293bd9;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;width:90%;max-width:580px;max-height:85vh;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #00000080,0 10px 10px -5px #0006}.sticker-modal-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.sticker-header-title{align-items:center;gap:10px;display:flex}.sticker-title-icon{color:#10b981}.sticker-title-text{letter-spacing:-.01em;margin:0;font-size:1.15rem;font-weight:600}.sticker-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.sticker-close-btn:hover{color:#f1f5f9;background-color:#ffffff0f}.sticker-modal-content{flex-direction:column;flex:1;gap:20px;padding:24px;display:flex;overflow-y:auto}.sticker-error-alert{color:#fca5a5;background-color:#ef444426;border:1px solid #ef444440;border-radius:8px;padding:12px 16px;font-size:.9rem}.sticker-show-upload-btn{color:#e2e8f0;cursor:pointer;background-color:#ffffff0a;border:1px dashed #ffffff26;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-size:.92rem;font-weight:500;transition:all .2s;display:flex}.sticker-show-upload-btn:hover{color:#10b981;background-color:#ffffff14;border-color:#10b981}.sticker-upload-form{background-color:#0f172a66;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;gap:14px;padding:16px;animation:.2s ease-out fadeIn;display:flex}.sticker-upload-form-title{color:#e2e8f0;border-bottom:1px solid #ffffff0d;padding-bottom:8px;font-size:.95rem;font-weight:600}.sticker-upload-error{color:#fca5a5;background-color:#ef44441f;border-left:3px solid #ef4444;border-radius:4px;padding:8px 12px;font-size:.85rem}.sticker-form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.sticker-form-group{flex-direction:column;gap:6px;display:flex}.sticker-form-group label{color:#94a3b8;font-size:.8rem;font-weight:500}.sticker-form-group input{color:#f8fafc;background-color:#0f172a99;border:1px solid #ffffff1a;border-radius:6px;outline:none;padding:8px 12px;font-size:.9rem;transition:border-color .2s}.sticker-form-group input:focus{border-color:#10b981}.sticker-file-selector-wrapper{margin-top:4px}.hidden-file-selector{display:none}.sticker-select-file-btn{color:#34d399;cursor:pointer;background-color:#10b98114;border:1px solid #10b98133;border-radius:6px;width:100%;padding:10px;font-size:.85rem;font-weight:500;transition:all .2s}.sticker-select-file-btn:hover{background-color:#10b98126;border-color:#34d399}.sticker-upload-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.sticker-cancel-upload-btn{color:#94a3b8;cursor:pointer;background-color:#0000;border:1px solid #ffffff1a;border-radius:6px;padding:8px 16px;font-size:.85rem;transition:all .2s}.sticker-cancel-upload-btn:hover{color:#cbd5e1;background-color:#ffffff0a}.sticker-submit-upload-btn{color:#fff;cursor:pointer;background-color:#10b981;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:500;transition:background-color .2s;display:flex}.sticker-submit-upload-btn:hover:not(:disabled){background-color:#059669}.sticker-submit-upload-btn:disabled{opacity:.5;cursor:not-allowed}.sticker-categories-bar{border-bottom:1px solid #ffffff0d;gap:8px;padding-bottom:6px;display:flex;overflow-x:auto}.sticker-categories-bar::-webkit-scrollbar{height:4px}.sticker-categories-bar::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:10px}.sticker-category-tab{color:#94a3b8;cursor:pointer;white-space:nowrap;background-color:#ffffff08;border:1px solid #ffffff0f;border-radius:20px;padding:6px 14px;font-size:.82rem;transition:all .2s}.sticker-category-tab:hover{color:#e2e8f0;background-color:#ffffff0f}.sticker-category-tab.active{color:#34d399;background-color:#10b9811f;border-color:#10b9814d;font-weight:500}.sticker-loading-spinner-wrapper{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 0;font-size:.9rem;display:flex}.sticker-empty-state{color:#64748b;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 0;display:flex}.sticker-empty-icon{color:#ffffff14;width:48px;height:48px}.sticker-items-grid{grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:16px;padding:4px;display:grid}.sticker-grid-item{cursor:pointer;background:#0f172a40;border:1px solid #ffffff0a;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:12px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.sticker-grid-item:hover{background:#0f172a73;border-color:#10b9814d;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.sticker-grid-item:hover .sticker-delete-item-btn{opacity:1}.sticker-grid-image{object-fit:contain;-webkit-user-select:none;user-select:none;border-radius:4px;width:72px;height:72px}.sticker-grid-name{color:#cbd5e1;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.76rem;overflow:hidden}.sticker-delete-item-btn{color:#ef4444;cursor:pointer;opacity:0;background-color:#ef444426;border:1px solid #ef444440;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex;position:absolute;top:6px;right:6px}.sticker-delete-item-btn:hover{color:#fff;background-color:#ef4444;transform:scale(1.05)}.animate-spin{animation:1s linear infinite spin}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.chat-empty-state{height:100%;color:var(--text-muted);background:#ffffff01;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;display:flex}.empty-state-icon{border:1px solid var(--border-light);width:56px;height:56px;color:var(--text-muted);background:#ffffff03;border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.empty-state-text{margin:0;font-size:14.5px}.chat-window-container{background:#04060e33;flex-direction:column;flex-grow:1;height:100%;display:flex}.chat-header{border-bottom:1px solid var(--border-light);background:var(--bg-dark);z-index:10;justify-content:space-between;align-items:center;height:76px;padding:10px 24px;display:flex}.header-info{align-items:center;gap:12px;display:flex}.header-avatar{color:#d1d7db;fontWeight:700;fontSize:16px;background:#2a3942;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.header-avatar img{object-fit:cover;width:100%;height:100%}.header-name-row{align-items:center;gap:3px;display:flex}.header-name-text{color:#fff;margin:0;font-size:16px;font-weight:800}.edit-contact-btn{color:var(--primary);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:4px;font-size:11px;font-weight:700;display:inline-flex}.edit-contact-btn:hover{background:var(--primary);color:var(--text-dark);border-radius:4px;padding:4px}.header-metadata{align-items:center;gap:10px;font-size:12px;display:flex}.header-metadata .metadata-column{flex-direction:column;gap:4px;margin-top:4px;display:flex}.header-metadata span{color:var(--text-muted)}.header-metadata .separator{color:#ffffff26}.header-metadata strong{color:#fff;font-family:monospace}.header-metadata strong.primary{color:var(--primary)}.header-actions{gap:12px;display:flex}.btn-claim{background:var(--primary);color:var(--text-dark);cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:13px;font-weight:700;transition:opacity .2s}.btn-claim:hover{opacity:.9}.btn-resolve{border:1px solid var(--border-light);color:#fff;cursor:pointer;background:#ffffff08;border-radius:8px;padding:10px 20px;font-size:13px;font-weight:700;transition:all .2s}.btn-resolve:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.label-resolved{color:var(--success);text-transform:uppercase;background:#10b98114;border:1px solid #10b98133;border-radius:20px;justify-content:center;align-items:center;padding:6px 16px;font-size:12px;font-weight:800;display:flex}.btn-reopen{color:var(--primary);cursor:pointer;background:#00f2fe14;border:1px solid #00f2fe33;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:700;transition:all .2s}.btn-reopen:hover{background:var(--primary);color:var(--text-dark)}.chat-viewport{background:#0b141a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='%23ffffff' fill-opacity='0.015'%3E%3Cpath d='M15 15h1v1h-1zM25 35h1v1h-1zM35 15h1v1h-1zM45 45h1v1h-1zM55 25h1v1h-1zM65 55h1v1h-1zM10 50h1v1h-1zM30 65h1v1h-1zM50 70h1v1h-1zM70 10h1v1h-1zM5 25a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1zm30 30a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H36a1 1 0 0 1-1-1zm30-20a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H66a1 1 0 0 1-1-1z'/%3E%3C/g%3E%3C/svg%3E");flex-direction:column;flex-grow:1;gap:12px;padding:24px 32px;display:flex;overflow-y:auto}.today-divider{justify-content:center;margin:8px 0 16px;display:flex}.today-divider span{color:#8696a0;text-transform:uppercase;letter-spacing:.5px;background:#182229;border-radius:7px;padding:5px 12px;font-size:11px;font-weight:600;box-shadow:0 1px 2px #0000001a}.message-row{width:100%;margin-bottom:4px;animation:.2s fadeIn;display:flex}.message-row.inbound{justify-content:flex-start}.message-row.outbound{justify-content:flex-end}.message-wrapper{flex-direction:column;max-width:65%;display:flex}.message-wrapper.inbound{align-items:flex-start}.message-wrapper.outbound{align-items:flex-end}.chat-bubble{color:#e9edef;word-break:break-word;min-width:80px;max-width:100%;padding:8px 12px 14px;font-size:14.2px;line-height:1.45;position:relative;box-shadow:0 1px .5px #00000021}.chat-bubble.inbound{background:#202c33}.chat-bubble.inbound.lang-en{border-radius:0 8px 8px}.chat-bubble.inbound.lang-ar{border-radius:8px 8px 8px 0}.chat-bubble.outbound{background:#005c4b}.chat-bubble.outbound.lang-en{border-radius:8px 8px 0}.chat-bubble.outbound.lang-ar{border-radius:0 8px 8px}.chat-bubble .driver-agent-sender-label{color:#53bdeb;align-items:center;gap:4px;margin-bottom:3px;font-size:11px;font-weight:700;display:flex}.chat-bubble.sticker-bubble{box-shadow:none!important;background:0 0!important;padding:0 0 16px!important}.chat-bubble.sticker-bubble .bubble-meta{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;border-radius:10px;padding:2px 6px;bottom:0;right:0}.bubble-text{white-space:pre-wrap;word-break:break-word;display:inline-block}.bubble-text.inbound{margin-right:35px}.bubble-text.outbound{margin-right:52px}.bubble-meta{color:#ffffff73;-webkit-user-select:none;user-select:none;align-items:center;gap:4px;font-size:10px;display:flex;position:absolute;bottom:3px;right:7px}.bubble-meta span{font-size:10px}.bubble-meta .message-edited-badge{opacity:.8;font-size:10px;font-style:italic}.status-icon{display:inline-flex}.status-icon .icon-failed{color:#ef4444}.status-icon .icon-read{color:#53bdeb}.status-icon .icon-delivered,.status-icon .icon-sent{color:#ffffff73}.chat-bottom-bar{background:#202c33;border-top:1px solid #ffffff0a;justify-content:center;align-items:center;gap:10px;padding:12px 24px 12px 10px;display:flex}.warning-banner{color:var(--warning);background:#f59e0b0d;border:1px solid #f59e0b33;border-radius:8px;flex-direction:column;align-items:center;gap:12px;padding:16px 20px;font-size:13.5px;display:flex}.warning-banner svg{flex-shrink:0}.warning-banner__content{align-items:center;gap:8px;display:flex}.warning-banner__btn{background:linear-gradient(135deg, var(--primary), var(--primary-hover));color:#060913;cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:700;transition:opacity .2s}.warning-banner__btn:hover{opacity:.9}.info-banner{text-align:center;color:var(--text-muted);justify-content:center;align-items:center;gap:10px;padding:10px;font-size:13.5px;display:flex}.input-form{align-items:center;gap:12px;width:100%;display:flex;position:relative}.plus-menu-popover{border:1px solid var(--border-light);z-index:100;background:#121b2d;border-radius:8px;flex-direction:column;width:fit-content;padding:8px 0;display:flex;position:absolute;bottom:60px;left:-32px;box-shadow:0 8px 24px #0006}.plus-menu-btn{color:#fff;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 16px;font-size:13px;transition:background .2s;display:flex}.plus-menu-btn:hover{background:#ffffff0d}.plus-menu-btn svg{color:var(--primary)}.bubble-media-wrapper{margin-bottom:0}.bubble-media-wrapper.has-text{margin-bottom:8px}.media-image{cursor:pointer;border-radius:6px;max-width:100%;max-height:240px;display:block}.media-sticker{object-fit:contain;cursor:pointer;border-radius:8px;width:auto;max-width:160px;height:auto;max-height:160px;transition:transform .2s;display:block}.media-sticker:hover{transform:scale(1.03)}.media-sticker-wrapper{display:inline-block;position:relative}.media-sticker-wrapper:hover .add-sticker-to-library-btn{opacity:1;visibility:visible}.add-sticker-to-library-btn{color:#e2e8f0;cursor:pointer;opacity:0;visibility:hidden;z-index:10;background:#0f172abf;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:all .2s;display:flex;position:absolute;top:8px;right:8px}.add-sticker-to-library-btn:hover{color:#fff;background:#10b981;border-color:#10b981;transform:scale(1.08)}.media-video{border-radius:6px;max-width:100%;max-height:240px;display:block}.media-audio{max-width:100%;display:block}.media-file-link{color:var(--primary);align-items:center;gap:8px;font-size:13px;text-decoration:underline;display:inline-flex}.bubble-error-banner{color:#ef4444;clear:both;background:#ef444414;border:1px solid #ef444426;border-radius:4px;align-items:center;gap:4px;margin-top:6px;padding:4px 8px;font-size:11px;display:flex}.plus-btn{color:#8696a0;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex}.plus-btn:hover{color:#d1d7db}.plus-btn span{font-size:24px;font-weight:300;line-height:1}.message-input{color:#d1d7db;background:#2a3942;border:none;border-radius:8px;outline:none;flex-grow:1;padding:10px 18px;font-size:14.5px;transition:background .2s}.message-input:focus{background:#2c3e4a}.send-btn{background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.send-btn.active{color:#53bdeb;cursor:pointer;opacity:1}.send-btn.disabled{color:#8696a0;cursor:default;opacity:.6}.send-icon.lang-ar{transform:rotate(180deg)}.wa-media-viewer{z-index:100000;background:#0b141a;flex-direction:column;animation:.22s cubic-bezier(.1,.8,.25,1) forwards waViewerFadeIn;display:flex;position:fixed;inset:0;overflow:hidden}.wa-media-viewer.is-closing{animation:.18s cubic-bezier(.25,1,.5,1) forwards waViewerFadeOut}.wa-media-viewer.is-closing .wa-media-viewer__image{animation:.18s cubic-bezier(.25,1,.5,1) forwards waViewerZoomOut}.wa-media-viewer__header{-webkit-user-select:none;user-select:none;background:#111b21;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;height:60px;padding:0 24px;display:flex}.wa-media-viewer__sender-info{align-items:center;gap:12px;display:flex}.wa-media-viewer__avatar{width:36px;height:36px;color:var(--primary);background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.wa-media-viewer__meta-text{flex-direction:column;display:flex}.wa-media-viewer__sender-name{color:#fff;font-size:14px;font-weight:600}.wa-media-viewer__timestamp{color:var(--text-muted);margin-top:2px;font-size:11px}.wa-media-viewer__actions{align-items:center;gap:18px;display:flex}.wa-media-viewer__btn{color:#ffffffa6;cursor:pointer;background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:6px;text-decoration:none;transition:color .2s;display:flex}.wa-media-viewer__btn:hover{color:#fff}.wa-media-viewer__body{flex-grow:1;justify-content:center;align-items:center;padding:24px;display:flex;position:relative}.wa-media-viewer__image{object-fit:contain;border-radius:4px;max-width:100%;max-height:85vh;animation:.22s cubic-bezier(.1,.8,.25,1) forwards waViewerZoomIn;display:block;box-shadow:0 12px 48px #0009}.wa-media-viewer__footer{-webkit-user-select:none;user-select:none;background:#111b21;border-top:1px solid #ffffff0d;justify-content:flex-end;align-items:center;height:70px;padding:0 32px;display:flex}.wa-media-viewer__btn-done{color:#fff;cursor:pointer;background:#00a884;border:none;border-radius:4px;padding:8px 24px;font-size:14px;font-weight:600;transition:filter .2s}.wa-media-viewer__btn-done:hover{filter:brightness(1.1)}@keyframes waViewerFadeIn{0%{opacity:0}to{opacity:1}}@keyframes waViewerFadeOut{0%{opacity:1}to{opacity:0}}@keyframes waViewerZoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes waViewerZoomOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.hidden-file-input{display:none!important}.image-preview-overlay{z-index:1000;color:#fff;background:#0b141a;flex-direction:column;animation:.2s cubic-bezier(.1,.8,.25,1) forwards waViewerFadeIn;display:flex;position:absolute;inset:0}.image-preview-header{background:#0b141a80;justify-content:space-between;align-items:center;height:60px;padding:0 24px;display:flex}.image-preview-header .close-btn,.image-preview-header .tool-btn{color:#ffffffa6;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;transition:color .2s;display:flex}.image-preview-header .close-btn:hover,.image-preview-header .tool-btn:hover{color:#fff}.image-preview-tools{align-items:center;gap:16px;display:flex}.image-preview-body{flex-grow:1;justify-content:center;align-items:center;padding:24px;display:flex;overflow:hidden}.image-preview-img{object-fit:contain;border-radius:4px;max-width:100%;max-height:60vh;box-shadow:0 8px 32px #00000080}.image-preview-footer{background:#111b21;border-top:1px solid #ffffff0d;flex-direction:column;gap:16px;padding:16px 24px;display:flex}.image-preview-thumbnail-bar{align-items:center;gap:12px;display:flex}.image-preview-thumb-box{border:1px solid var(--primary);color:var(--text-muted);background:#ffffff0a;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;font-size:11px;display:flex}.image-preview-thumb-box img{object-fit:cover;border-radius:4px;width:48px;height:48px}.image-preview-thumb-box span{text-overflow:ellipsis;white-space:nowrap;max-width:60px;overflow:hidden}.image-preview-caption-container{align-items:center;gap:16px;width:100%;display:flex}.image-preview-caption-input-wrapper{background:#2a3942;border-radius:8px;flex-grow:1;align-items:center;gap:12px;height:42px;padding:0 16px;display:flex}.image-preview-caption-input{color:#fff;background:0 0;border:none;outline:none;flex-grow:1;font-size:14.5px}.image-preview-caption-input::placeholder{color:#8696a0}.image-preview-send-btn{color:#fff;cursor:pointer;background:#00a884;border:none;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:transform .2s,background-color .2s;display:flex}.image-preview-send-btn:hover{background:#00bfa5;transform:scale(1.05)}.image-preview-send-btn:active{transform:scale(.95)}.media-image-wrapper{max-width:100%;display:inline-block;position:relative}.media-sending-overlay{color:#fff;-webkit-user-select:none;user-select:none;background:#0009;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.media-sending-spinner{border:2.5px solid #fff3;border-top-color:var(--primary);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite waSpin}.media-sending-text{color:#ffffffe6;font-size:11px;font-weight:600}@keyframes waSpin{to{transform:rotate(360deg)}}.chat-loading-state{background:var(--bg-dark);height:100%;color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.chat-loading-state .loading-spinner{border:3px solid #ffffff0d;border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;margin-bottom:12px;animation:.8s linear infinite waSpin}.chat-loading-state .loading-text{color:var(--text-muted);font-size:14px}.chat-viewport-loading-header{justify-content:center;align-items:center;width:100%;padding:12px 0;display:flex}.chat-viewport-loading-header .loading-spinner.mini{border:2px solid #ffffff0d;border-top-color:var(--primary);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite waSpin}.file-preview-overlay{z-index:1000;color:#fff;background:#0b141a;flex-direction:column;animation:.2s cubic-bezier(.1,.8,.25,1) forwards waViewerFadeIn;display:flex;position:absolute;inset:0}.file-preview-header{background:#0b141acc;border-bottom:1px solid #ffffff0d;align-items:center;gap:16px;height:60px;padding:0 24px;display:flex}.file-preview-header .close-btn{color:#ffffffa6;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;transition:color .2s;display:flex}.file-preview-header .close-btn:hover{color:#fff}.file-preview-title{color:#e9edef;font-size:16px;font-weight:600}.file-preview-body{flex-grow:1;justify-content:center;align-items:center;padding:32px;display:flex}.file-preview-card{background:#111b21;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:420px;padding:32px 48px;display:flex;box-shadow:0 12px 32px #0006}.file-preview-icon-wrapper{background:#00f2fe14;border:1px solid #00f2fe33;border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.file-preview-icon.pdf{color:#ef4444}.file-preview-icon.excel{color:#10b981}.file-preview-icon.code{color:#3b82f6}.file-preview-icon.audio{color:#ec4899}.file-preview-icon.video{color:#8b5cf6}.file-preview-icon.archive{color:#f59e0b}.file-preview-icon.generic{color:var(--primary)}.file-preview-details{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.file-preview-name{color:#e9edef;word-break:break-word;font-size:15px;font-weight:700}.file-preview-size{color:#8696a0;font-size:12px}.file-preview-footer{background:#111b21;border-top:1px solid #ffffff0d;flex-direction:column;gap:16px;padding:16px 24px;display:flex}.file-preview-caption-container{align-items:center;gap:16px;width:100%;display:flex}.file-preview-caption-input-wrapper{background:#2a3942;border-radius:8px;flex-grow:1;align-items:center;height:42px;padding:0 16px;display:flex}.file-preview-caption-input{color:#fff;background:0 0;border:none;outline:none;flex-grow:1;font-size:14.5px}.file-preview-caption-input::placeholder{color:#8696a0}.file-preview-send-btn{color:#fff;cursor:pointer;background:#00a884;border:none;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:transform .2s,background-color .2s;display:flex}.file-preview-send-btn:hover{background:#00bfa5;transform:scale(1.05)}.file-preview-send-btn:active{transform:scale(.95)}.media-document-wrapper{width:100%;position:relative}.media-document-card{color:#e9edef;background:#0000002e;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:12px;min-width:220px;padding:10px 14px;text-decoration:none;transition:background .2s,border-color .2s;display:flex}.media-document-card:hover{background:#00000047;border-color:#ffffff26}.media-doc-icon{width:38px;height:38px;color:var(--primary);background:#00f2fe1f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.media-doc-info{flex-direction:column;flex-grow:1;display:flex;overflow:hidden}.media-doc-filename{color:#e9edef;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.media-doc-subtext{color:#ffffff73;letter-spacing:.5px;margin-top:2px;font-size:10px;font-weight:700}.media-doc-download{color:#8696a0;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex}.media-document-card:hover .media-doc-download{color:#fff}.media-video-wrapper,.media-audio-wrapper{max-width:100%;display:inline-block;position:relative}.mic-btn{color:#8696a0;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;transition:color .2s,transform .15s;display:flex}.mic-btn:hover{color:var(--primary);transform:scale(1.08)}.mic-btn:active{transform:scale(.95)}.recording-panel{color:#fff;background:#182229;border-radius:8px;flex-grow:1;justify-content:space-between;align-items:center;gap:16px;padding:8px 16px;display:flex}.recording-indicator-wrapper{align-items:center;gap:10px;display:flex}.recording-indicator-dot{background:#ef4444;border-radius:50%;width:10px;height:10px;animation:1.2s ease-in-out infinite waPulse}.recording-label{color:#8696a0;font-size:13.5px;font-weight:500}.recording-timer{color:#fff;font-family:monospace;font-size:14.5px;font-weight:700}.recording-actions{align-items:center;gap:12px;display:flex}.cancel-recording-btn,.send-recording-btn{cursor:pointer;color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:transform .2s,background-color .2s;display:flex}.cancel-recording-btn:active,.send-recording-btn:active{transform:scale(.9)}.cancel-recording-btn{color:#ef4444;background:#ef44441f;border:1px solid #ef444433}.cancel-recording-btn:hover{color:#fff;background:#ef4444;transform:scale(1.05)}.send-recording-btn{background:#00a884}.send-recording-btn:hover{background:#00bfa5;transform:scale(1.05)}@keyframes waPulse{0%{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.15)}to{opacity:.6;transform:scale(.9)}}.file-preview-media-player{justify-content:center;width:100%;margin-top:16px;display:flex}.file-preview-media-player.video{background:#000;border-radius:8px;max-height:240px;overflow:hidden}.preview-audio-element{border-radius:30px;outline:none;width:100%;max-width:320px}.preview-video-element{max-width:100%;max-height:240px;display:block}.calling-overlay-backdrop{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b141ad9;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s fadeInCall;display:flex;position:absolute;top:0;left:0}.calling-overlay-backdrop.ringbox{border:1px solid var(--border-light);background:#111b21;border-radius:12px;width:360px;height:auto;padding:16px;animation:.3s cubic-bezier(.16,1,.3,1) slideInCall;inset:auto 24px 24px auto;box-shadow:0 8px 32px #0006}.calling-card{text-align:center;flex-direction:column;align-items:center;gap:24px;width:100%;max-width:320px;display:flex}.calling-avatar{border:2px solid var(--primary);width:90px;height:90px;color:var(--primary);background:#00f2fe1a;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 0 20px #00f2fe33}.calling-avatar-icon.ringing-pulse{animation:1.5s infinite ringPulse}.calling-avatar-icon.active-pulse{animation:2s infinite activePulse}.calling-details .calling-contact-name{color:#fff;margin:0 0 8px;font-size:20px;font-weight:800}.calling-details .calling-status-text{color:var(--text-muted);letter-spacing:.5px;font-size:13.5px;font-weight:600}.calling-error{color:#ef4444;background:#ef44441a;border:1px solid #ef444433;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;display:flex}.calling-actions{justify-content:center;width:100%;display:flex}.ringbox-actions,.active-call-actions{justify-content:center;gap:24px;width:100%;display:flex}.btn-call-action{color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:all .25s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 4px 12px #00000040}.btn-call-action:hover{transform:scale(1.1)}.btn-call-action:active{transform:scale(.95)}.btn-call-action.accept{background:#25d366}.btn-call-action.accept:hover{background:#20ba59}.btn-call-action.reject,.btn-call-action.terminate{background:#ea4335}.btn-call-action.reject:hover,.btn-call-action.terminate:hover{background:#d93025}.btn-call-action.mute{color:#d1d7db;background:#ffffff1a;border:1px solid #ffffff26}.btn-call-action.mute:hover{background:#ffffff26}.btn-call-action.mute.muted{color:#721c24;background:#f8a5c2;border-color:#f5c6cb}.chat-system-message-call{justify-content:center;align-items:center;width:100%;margin:12px 0;display:flex}.chat-system-message-call .call-log-badge{border:1px solid var(--border-light);color:var(--text-muted);background:#ffffff08;border-radius:20px;align-items:center;gap:8px;padding:6px 14px;font-size:12px;font-weight:700;display:flex;box-shadow:0 2px 6px #0000001a}@keyframes fadeInCall{0%{opacity:0}to{opacity:1}}@keyframes slideInCall{0%{opacity:0;transform:translateY(50px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes ringPulse{0%{transform:scale(1);box-shadow:0 0 #00f2fe66}70%{transform:scale(1.05);box-shadow:0 0 0 15px #00f2fe00}to{transform:scale(1);box-shadow:0 0 #00f2fe00}}@keyframes activePulse{0%{transform:scale(1)}50%{transform:scale(1.03);box-shadow:0 0 10px #00f2fe4d}to{transform:scale(1)}}.btn-call-header{color:var(--primary);cursor:pointer;background:#00f2fe14;border:1px solid #00f2fe33;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;margin-right:8px;transition:all .2s;display:flex}.btn-call-header:hover{border-color:var(--primary);background:#00f2fe26;transform:translateY(-1px)}.btn-call-header:active{transform:translateY(0)}.chat-bottom-container{background:#090e17;border-top:1px solid #ffffff0f;flex-direction:column;display:flex}.chat-bottom-container.internal-note-mode{background:#141108;border-top-color:#f59e0b33}.chat-bottom-container.internal-note-mode .chat-bottom-bar{background:#f59e0b08}.chat-bottom-container.internal-note-mode .chat-bottom-bar .message-input{color:#fef08a;background:#f59e0b0d;border:1px solid #f59e0b26}.chat-bottom-container.internal-note-mode .chat-bottom-bar .message-input:focus{border-color:#f59e0b66;box-shadow:0 0 0 2px #f59e0b1a}.chat-bottom-container.internal-note-mode .chat-bottom-bar .send-btn.active{color:#000;background:#f59e0b}.chat-bottom-container.internal-note-mode .chat-bottom-bar .send-btn.active:hover{background:#d97706}.chat-input-mode-tabs{gap:2px;padding:0;display:flex}.chat-input-mode-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px 4px 0 0;margin-bottom:-1px;padding:10px;font-size:12px;font-weight:500;transition:all .2s}.chat-input-mode-tab:hover{color:#fff}.chat-input-mode-tab.active{color:var(--primary);background:#00f2fe0d;border:1px solid #00f2fe26;border-bottom-color:#0000}.chat-input-mode-tab.note-tab.active{color:#f59e0b;background:#f59e0b14;border:1px solid #f59e0b33;border-bottom-color:#0000}.chat-system-message-note{justify-content:center;width:100%;display:flex}.note-badge{background:#f59e0b0f;border:1px solid #f59e0b26;border-radius:8px;min-width:320px;max-width:85%;padding:12px 16px;font-family:inherit;box-shadow:0 2px 8px #00000026}.note-header{border-bottom:1px dashed #f59e0b26;justify-content:space-between;align-items:center;margin-bottom:6px;padding-bottom:4px;font-size:12px;display:flex}.note-author{color:#f59e0b;font-weight:600}.note-time{color:#f59e0b99;font-size:14px}.note-body{color:#fef08a;white-space:pre-wrap;word-break:break-word;flex-direction:row;gap:10px;font-size:13.5px;line-height:1.45;display:flex}.note-media{border-top:1px dashed #f59e0b1a;margin-top:8px;padding-top:8px}.note-media .media-image{cursor:pointer;border-radius:4px;max-height:180px}.note-media-link{color:#f59e0b;align-items:center;gap:6px;font-size:12px;text-decoration:none;display:inline-flex}.note-media-link:hover{text-decoration:underline}.assignee-select{border:1px solid var(--border-light);color:#fff;cursor:pointer;background:#121b2d;border-radius:4px;outline:none;margin-left:6px;padding:2px 8px;font-size:12px;font-weight:500;transition:border-color .2s}.assignee-select:focus{border-color:var(--primary)}.assignee-select option{color:#fff;background:#0f172a}.add-location-address-btn{width:100%;color:var(--primary,#00f2fe);cursor:pointer;background:#00f2fe0d;border:1px solid #00f2fe26;border-radius:6px;justify-content:center;align-items:center;gap:4px;margin-top:8px;padding:6px 12px;font-size:11.5px;font-weight:700;transition:all .2s;display:flex}.add-location-address-btn:hover{background:var(--primary,#00f2fe);color:var(--text-dark,#0b0f19)}.chat-window-container{flex-direction:row;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.chat-window-main-area{flex-direction:column;flex-grow:1;height:100%;display:flex;position:relative;overflow:hidden}.message-bubble-container{align-items:center;max-width:100%;display:flex;position:relative}.message-bubble-container.inbound{flex-direction:row}.message-bubble-container.outbound{flex-direction:row-reverse}.message-bubble-container:hover .message-hover-actions{opacity:1;visibility:visible;pointer-events:auto}.message-hover-actions{opacity:0;visibility:hidden;pointer-events:none;align-items:center;gap:10px;padding:0 6px;transition:opacity .15s,visibility .15s;display:flex}.message-reaction-trigger-btn{color:#8696a0;cursor:pointer;background:#202c33;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex;box-shadow:0 2px 6px #00000040}.message-reaction-trigger-btn:hover,.message-reaction-trigger-btn.active{color:var(--primary,#00f2fe);background:#2a3942;border-color:#00f2fe59;transform:scale(1.1)}.message-reaction-picker{z-index:120;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#202c33;border:1px solid #ffffff24;border-radius:28px;flex-direction:column;gap:6px;padding:4px 8px;animation:.18s cubic-bezier(.175,.885,.32,1.275) reactionPickerPop;display:flex;position:absolute;top:-46px;box-shadow:0 6px 24px #0000008c,0 0 0 1px #ffffff0d}.message-reaction-picker.inbound{left:0}.message-reaction-picker.outbound{right:0}@keyframes reactionPickerPop{0%{opacity:0;transform:scale(.7)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.reaction-picker-quick-list{align-items:center;gap:3px;display:flex}.reaction-picker-emoji-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px 6px;font-size:21px;line-height:1;transition:transform .12s,background .12s;display:flex}.reaction-picker-emoji-btn:hover{background:#ffffff1a;transform:scale(1.3)}.reaction-picker-emoji-btn.active{background:#00f2fe33;box-shadow:0 0 0 2px #00f2fe80}.reaction-picker-more-btn{color:#8696a0;cursor:pointer;background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;margin-left:2px;font-size:16px;font-weight:700;transition:all .15s;display:flex}.reaction-picker-more-btn:hover{color:#fff;background:#ffffff2e;transform:scale(1.1)}.reaction-picker-more-btn.active{background:var(--primary,#00f2fe);color:var(--text-dark,#0b0f19)}.reaction-picker-more-grid{border-top:1px solid #ffffff14;grid-template-columns:repeat(8,1fr);gap:3px;max-height:150px;padding-top:6px;display:grid;overflow-y:auto}.message-reactions-container{flex-wrap:wrap;align-items:center;gap:4px;margin-top:6px;display:flex}.message-reactions-container.inbound{justify-content:flex-start}.message-reactions-container.outbound{justify-content:flex-end}.message-reaction-badge{cursor:pointer;color:#e9edef;-webkit-user-select:none;user-select:none;background:#182229;border:1px solid #ffffff1f;border-radius:14px;align-items:center;gap:4px;padding:2px 7px;font-size:13px;transition:all .15s;display:inline-flex;box-shadow:0 1px 3px #0000004d}.message-reaction-badge:hover{background:#233138;border-color:#ffffff40;transform:scale(1.06)}.message-reaction-badge.my-reaction{background:#005c4b;border-color:#00f2fe66}.message-reaction-badge.my-reaction .reaction-badge-count{color:var(--primary,#00f2fe)}.message-reaction-badge .reaction-badge-emoji{font-size:13.5px;line-height:1}.message-reaction-badge .reaction-badge-count{color:#8696a0;font-size:11px;font-weight:700}.location-bubble-content{padding:8px 12px 4px}.location-link-card{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:12px;padding:12px;text-decoration:none;transition:background .2s;display:flex}.location-link-card:hover{background:#ffffff1a}.location-icon-box{background:var(--primary,#00f2fe);width:36px;height:36px;color:var(--text-dark,#0b0f19);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.location-details-box{flex-direction:column;gap:2px;min-width:0;display:flex}.location-title{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:700;overflow:hidden}.location-subtitle{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.add-location-icon{margin-right:4px}.quoted-reply-box{border-left:3.5px solid var(--primary,#00f2fe);cursor:pointer;-webkit-user-select:none;user-select:none;background:#00000038;border-radius:6px;flex-direction:column;gap:2px;max-width:100%;margin-bottom:6px;padding:6px 10px;transition:background .15s,opacity .15s,transform .1s;display:flex;overflow:hidden}.quoted-reply-box:hover{opacity:.95;background:#0006}.quoted-reply-box:active{transform:scale(.985)}.quoted-reply-box.outbound-quote{background:#00000040;border-left-color:#00a884}.quoted-reply-box.outbound-quote:hover{background:#00000073}.quoted-reply-box.inbound-quote{background:#0000002e;border-left-color:#53bdeb}.quoted-reply-box.inbound-quote:hover{background:#00000059}.quoted-reply-box .quoted-reply-sender{color:#53bdeb;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;font-weight:700;overflow:hidden}.quoted-reply-box.outbound-quote .quoted-reply-sender{color:#00a884}.quoted-reply-box .quoted-reply-text{color:#d1d7db;white-space:nowrap;text-overflow:ellipsis;font-size:12px;line-height:1.35;overflow:hidden}.message-reply-trigger-btn{color:#aebac1;cursor:pointer;background:#202c33;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 6px #00000040}.message-reply-trigger-btn:hover{color:#fff;background:#2a3942;transform:scale(1.1)}.active-reply-banner{background:#1f2c34;border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff0a;align-items:center;gap:12px;padding:8px 16px;animation:.18s cubic-bezier(.1,.8,.25,1) forwards waSlideUp;display:flex;position:relative}.active-reply-banner .active-reply-indicator{background:var(--primary,#00f2fe);border-radius:2px;flex-shrink:0;width:4px;height:36px}.active-reply-banner .active-reply-content{flex-direction:column;flex-grow:1;gap:2px;min-width:0;display:flex}.active-reply-banner .active-reply-content .active-reply-sender{color:var(--primary,#00f2fe);font-size:12px;font-weight:700}.active-reply-banner .active-reply-content .active-reply-snippet{color:#8696a0;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.active-reply-banner .active-reply-cancel-btn{color:#8696a0;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:flex}.active-reply-banner .active-reply-cancel-btn:hover{color:#fff;background:#ffffff1a}@keyframes waSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.message-row.highlight-message{border-radius:8px;animation:1.6s ease-out messageHighlightFlash}.message-row.highlight-message .chat-bubble{transition:box-shadow .3s;box-shadow:0 0 0 2px #00f2fea6,0 0 18px #00f2fe66}@keyframes messageHighlightFlash{0%{background:#00f2fe2e}30%{background:#00f2fe47}to{background:0 0}}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2000;background:#04060ed9;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-card{flex-direction:column;width:100%;max-width:740px;max-height:90vh;padding:32px;display:flex;position:relative;overflow-y:auto;box-shadow:0 0 30px #00f2fe26}.modal-title{color:#fff;margin-bottom:8px;font-size:20px;font-weight:800}.modal-subtitle{color:var(--text-muted);margin-bottom:24px;font-size:13px}.modal-subtitle strong{color:#fff;font-family:monospace}.modal-error{color:var(--danger);background:#ef444414;border:1px solid #ef444433;border-radius:8px;margin-bottom:20px;padding:12px;font-size:13px}.modal-form{flex-direction:column;gap:12px;display:flex}.form-group{flex-direction:column;display:flex}.form-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:10px;margin-bottom:6px;font-size:12px;font-weight:700}.input-container{position:relative}.input-container svg{color:var(--text-muted);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.form-input{border:1px solid var(--border-light);color:#fff;background:#ffffff05;border-radius:8px;outline:none;width:100%;padding:10px;font-size:14px;transition:border-color .2s}.form-input:focus{border-color:var(--primary)}.form-input.with-left-icon{padding-left:33px}.form-input.add-address-input-compact{padding:8px 12px}.edit-contact-submit-row{justify-content:flex-end;margin-top:8px;display:flex}.btn-cancel{border:1px solid var(--border-light);color:#fff;cursor:pointer;background:#ffffff0d;border-radius:8px;padding:10px 20px;font-size:13.5px;font-weight:600;transition:background .2s}.btn-cancel:hover{background:#ffffff1a}.btn-cancel.btn-close-full{justify-content:center;width:100%;display:flex}.btn-submit{background:linear-gradient(135deg, var(--primary), var(--primary-hover));color:var(--text-dark);cursor:pointer;border:none;border-radius:8px;padding:10px 24px;font-size:13.5px;font-weight:700;transition:opacity .2s}.btn-submit:hover{opacity:.9}.btn-submit:disabled{opacity:.7;cursor:default}.addresses-section{border-top:1px solid var(--border-light);flex-direction:column;gap:16px;margin-top:10px;padding-top:20px;display:flex}.addresses-header{justify-content:space-between;align-items:center;display:flex}.addresses-header h4{color:#fff;text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:14px;font-weight:700}.addresses-header .btn-add-address-trigger{color:var(--primary);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:13px;font-weight:600;transition:background .2s;display:flex}.addresses-header .btn-add-address-trigger:hover{background:#00f2fe0d}.addresses-list{flex-direction:column;gap:10px;display:flex}.address-item{border:1px solid var(--border-light);background:#ffffff05;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.address-item .address-details{align-items:flex-start;gap:10px;min-width:0;display:flex}.address-item .address-details svg{color:var(--text-muted);flex-shrink:0;margin-top:3px}.address-item .address-details .address-text{color:#d1d7db;word-break:break-word;font-size:13.5px;line-height:1.4}.address-item .address-details .address-text .city-country{color:var(--text-muted);margin-top:2px;font-size:12px}.address-item .address-item-actions{gap:8px;display:flex}.address-item .btn-delete-address{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.address-item .btn-delete-address:hover{color:var(--danger);background:#ef44440d}.no-addresses{text-align:center;color:var(--text-muted);border:1px dashed var(--border-light);background:#ffffff03;border-radius:8px;padding:16px;font-size:13px}.add-address-form{border:1px solid var(--border-light);background:#ffffff03;border-radius:8px;flex-direction:column;gap:12px;padding:16px;display:flex}.add-address-form .add-address-form-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:11px;font-weight:700}.add-address-form .form-row{gap:12px;width:100%;display:flex}.add-address-form .form-row .form-group{flex:1}.add-address-form .add-address-actions-top{justify-content:flex-end;margin-top:-4px;margin-bottom:8px;display:flex}.add-address-form .reverse-geocode-btn{border:1px solid var(--border-light);color:var(--primary);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:11px;font-weight:600;display:inline-flex}.add-address-form .reverse-geocode-btn:hover{background:#00f2fe0d}.add-address-form .form-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.add-address-form .form-actions button{cursor:pointer;border-radius:6px;padding:8px 16px;font-size:12px;font-weight:600;transition:all .2s}.add-address-form .form-actions .btn-cancel-address{border:1px solid var(--border-light);color:#fff;background:0 0}.add-address-form .form-actions .btn-cancel-address:hover{background:#ffffff0d}.add-address-form .form-actions .btn-save-address{background:var(--primary);color:var(--text-dark);border:none}.add-address-form .form-actions .btn-save-address:hover{opacity:.9}.add-address-form .form-actions .btn-save-address:disabled{opacity:.6;cursor:default}.map-preview-container{margin-top:4px;margin-bottom:12px}.map-preview-label{color:var(--text-muted);margin-bottom:6px;font-size:11px;display:block}.map-canvas-box{border:1px solid var(--border-light);border-radius:8px;width:100%;height:300px;overflow:hidden}.map-preview-footer{justify-content:flex-end;gap:12px;margin-top:6px;display:flex}.map-hint-text{color:var(--text-muted);align-items:center;margin-right:auto;font-size:10px;display:inline-flex}.add-address-btn-confirm{background:var(--primary);color:var(--text-dark);cursor:pointer;border:none;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:600}.modal-success{color:var(--success);background:#10b98114;border:1px solid #10b98133;border-radius:8px;margin-bottom:20px;padding:12px;font-size:13px}.btn-share-address{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.btn-share-address:hover{color:var(--primary);background:#00f2fe0d}.btn-share-address:disabled{opacity:.5;cursor:default}.address-share-indicator{color:var(--primary);align-items:center;gap:4px;margin-top:4px;font-size:11px;display:flex}.modal-footer-full{border-top:1px solid var(--border-light);margin-top:24px;padding-top:16px}.send-template-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100;background:#060913cc;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.send-template-modal-card{background:var(--bg-dark);border:1px solid var(--border-light);border-radius:12px;gap:32px;width:100%;max-width:840px;padding:32px;display:flex;position:relative;box-shadow:0 20px 40px #00000080}.send-template-modal-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:color .15s,background-color .15s;display:flex;position:absolute;top:24px;right:24px}.send-template-modal-close-btn:hover{color:#fff;background-color:#ffffff0d}.send-template-modal-left-col{flex-direction:column;flex:1.2;gap:20px;max-height:75vh;padding-right:12px;display:flex;overflow-y:auto}.send-template-modal-header .send-template-modal-title{color:#fff;margin-top:0;margin-bottom:6px;font-size:20px;font-weight:700}.send-template-modal-header .send-template-modal-subtitle{color:var(--text-muted);margin:0;font-size:13px}.send-template-modal-error{color:var(--danger,#ef4444);background:#ef444414;border:1px solid #ef444433;border-radius:8px;align-items:center;gap:10px;padding:12px 16px;font-size:13px;display:flex}.send-template-modal-loading,.send-template-modal-empty{color:var(--text-muted);text-align:center;padding:20px 0;font-size:14px}.send-template-form{flex-direction:column;gap:18px;display:flex}.send-template-form-group{flex-direction:column;display:flex}.send-template-form-group .send-template-label{color:var(--text-muted);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.send-template-recipient-container{width:100%;position:relative}.send-template-recipient-box{border:1px solid var(--border-light);cursor:text;background:#ffffff05;border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px;min-height:42px;padding:6px 10px;transition:border-color .15s,box-shadow .15s;display:flex}.send-template-recipient-box:focus-within,.send-template-recipient-box.is-open{border-color:var(--primary);box-shadow:0 0 0 2px #10b98126}.send-template-chip-list{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.send-template-chip{color:#6ee7b7;-webkit-user-select:none;user-select:none;background:#10b9811f;border:1px solid #10b9814d;border-radius:20px;align-items:center;gap:6px;padding:4px 8px 4px 10px;font-size:12px;font-weight:500;animation:.15s fadeInChip;display:inline-flex}.send-template-chip.is-manual{color:#93c5fd;background:#3b82f61f;border-color:#3b82f64d}.send-template-chip .send-template-chip-phone{opacity:.8;font-size:11px}.send-template-chip .send-template-chip-remove{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:2px;display:flex}.send-template-chip .send-template-chip-remove:hover{opacity:1;background-color:#ffffff26}@keyframes fadeInChip{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.send-template-search-input{color:#fff;background:0 0;border:none;outline:none;flex:1;min-width:140px;padding:4px 0;font-size:13px}.send-template-search-input::placeholder{color:#ffffff59}.send-template-selected-count-bar{justify-content:space-between;align-items:center;margin-top:6px;padding:0 2px;display:flex}.send-template-selected-count-bar .send-template-count-text{color:var(--text-muted);font-size:11px}.send-template-selected-count-bar .send-template-clear-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:11px;text-decoration:underline}.send-template-selected-count-bar .send-template-clear-btn:hover{color:var(--danger,#ef4444)}.send-template-recipient-dropdown{border:1px solid var(--border-light);z-index:1200;background:#0f172a;border-radius:8px;flex-direction:column;gap:2px;max-height:240px;padding:6px;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 30px #00000080}.send-template-recipient-dropdown::-webkit-scrollbar{width:6px}.send-template-recipient-dropdown::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.send-template-dropdown-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #ffffff0d;margin-bottom:4px;padding:6px 10px;font-size:11px;font-weight:600}.send-template-dropdown-item{cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;padding:8px 10px;transition:background-color .12s;display:flex}.send-template-dropdown-item:hover{background:#ffffff0f}.send-template-dropdown-item.is-selected{background:#10b98114}.send-template-dropdown-item .send-template-item-left{align-items:center;gap:10px;display:flex}.send-template-dropdown-item .send-template-item-avatar{width:28px;height:28px;color:var(--text-muted);background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;font-size:12px;display:flex}.send-template-dropdown-item .send-template-item-info{flex-direction:column;display:flex}.send-template-dropdown-item .send-template-item-info .send-template-item-name{color:#fff;font-size:13px;font-weight:500}.send-template-dropdown-item .send-template-item-info .send-template-item-phone{color:var(--text-muted);font-size:11px}.send-template-dropdown-item .send-template-item-status{color:var(--primary);align-items:center;gap:4px;font-size:11px;font-weight:600;display:flex}.send-template-dropdown-add-custom{cursor:pointer;color:var(--primary);background:#10b9810d;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;font-weight:500;display:flex}.send-template-dropdown-add-custom:hover{background:#10b9811f}.send-template-dropdown-loading,.send-template-dropdown-no-results{color:var(--text-muted);text-align:center;padding:12px 10px;font-size:12px}.send-template-select{border:1px solid var(--border-light);color:#fff;background:#ffffff05;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:14px;transition:border-color .15s}.send-template-select:focus{border-color:var(--primary)}.send-template-option{color:#fff;background:#0e1322}.send-template-variables-list{flex-direction:column;gap:12px;display:flex}.send-template-variable-row{align-items:center;gap:12px;display:flex}.send-template-variable-row .send-template-variable-badge{color:var(--primary);width:40px;font-size:12px;font-weight:600}.send-template-variable-row .send-template-variable-input{border:1px solid var(--border-light);color:#fff;background:#ffffff05;border-radius:8px;outline:none;flex:1;padding:8px 12px;font-size:13px;transition:border-color .15s}.send-template-variable-row .send-template-variable-input:focus{border-color:var(--primary)}.send-template-actions{justify-content:flex-end;gap:12px;margin-top:12px;display:flex}.send-template-cancel-btn{border:1px solid var(--border-light);color:#fff;cursor:pointer;background:0 0;border-radius:8px;padding:10px 20px;font-weight:600;transition:background-color .15s}.send-template-cancel-btn:hover{background-color:#ffffff0d}.send-template-submit-btn{background:linear-gradient(135deg, var(--primary), var(--primary-hover));color:#060913;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-weight:700;transition:opacity .15s;display:flex}.send-template-submit-btn:disabled{cursor:not-allowed;opacity:.6}.send-template-right-col{border-left:1px solid var(--border-light);flex-direction:column;width:280px;padding-left:32px;display:flex}.send-template-preview-title{color:#fff;text-transform:uppercase;letter-spacing:1px;margin:0 0 16px;font-size:13px;font-weight:700}.send-template-preview-frame{background:#070a14;background-image:radial-gradient(var(--border-light) .5px, transparent .5px);background-size:8px 8px;border:6px solid #232a3d;border-radius:20px;flex-direction:column;justify-content:flex-end;height:340px;padding:16px 12px;display:flex}.send-template-preview-bubble{max-width:95%;color:var(--text-primary);background:#121b2d;border-radius:10px 10px 0;align-self:flex-end;padding:10px;font-size:12px;box-shadow:0 4px 10px #0003}.send-template-preview-header{color:#fff;margin-bottom:4px;font-size:11px;font-weight:700}.send-template-preview-body{word-break:break-word;white-space:pre-wrap}.send-template-preview-footer{color:var(--text-muted);word-break:break-word;border-top:1px solid #ffffff05;margin-top:6px;padding-top:4px;font-size:10px}.send-template-channel-banner{color:#e2e8f0;background:#00f2fe0f;border:1px solid #00f2fe33;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;display:flex}.send-template-channel-banner .channel-banner-icon{color:var(--primary);align-items:center;display:flex}.send-template-channel-banner .channel-banner-text{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.send-template-channel-banner .channel-banner-text strong{color:#fff}.send-template-channel-banner .channel-banner-text .channel-phone-sub{color:var(--text-muted);font-size:12px}.send-template-empty-channel-warning{color:#f59e0b;background:#f59e0b14;border:1px solid #f59e0b40;border-radius:8px;align-items:center;gap:8px;padding:12px 14px;font-size:12.5px;line-height:1.4;display:flex}.add-sticker-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1100;background-color:#000000a6;justify-content:center;align-items:center;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}.add-sticker-modal-card{color:#f1f5f9;background:#1e293bf2;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;width:90%;max-width:420px;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #00000080,0 10px 10px -5px #0006}.add-sticker-modal-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.add-sticker-header-title{align-items:center;gap:10px;display:flex}.add-sticker-title-icon{color:#10b981}.add-sticker-title-text{color:#f8fafc;margin:0;font-size:1.1rem;font-weight:600}.add-sticker-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.add-sticker-close-btn:hover{color:#f8fafc;background:#ffffff1a}.add-sticker-modal-body{flex-direction:column;gap:16px;padding:20px;display:flex}.add-sticker-alert-error{color:#fca5a5;background:#ef444426;border:1px solid #ef44444d;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:.88rem;display:flex}.add-sticker-alert-success{color:#6ee7b7;background:#10b98126;border:1px solid #10b9814d;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:.88rem;display:flex}.add-sticker-preview-wrapper{background:#0f172a99;border:1px dashed #ffffff1a;border-radius:12px;justify-content:center;align-items:center;padding:14px;display:flex}.add-sticker-preview-img{object-fit:contain;filter:drop-shadow(0 4px 6px #0000004d);width:130px;height:130px}.add-sticker-status-row{justify-content:center;align-items:center;display:flex}.add-sticker-status-badge{border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:.8rem;font-weight:600;display:inline-flex}.add-sticker-status-badge.checking{color:#94a3b8;background:#94a3b826}.add-sticker-status-badge.in-library{color:#34d399;background:#10b9812e;border:1px solid #10b9814d}.add-sticker-status-badge.not-in-library{color:#cbd5e1;background:#94a3b826;border:1px solid #ffffff14}.add-sticker-info-box{background:#0f172a80;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;gap:10px;padding:12px 14px;display:flex}.add-sticker-info-row{justify-content:space-between;align-items:center;display:flex}.add-sticker-info-label{color:#94a3b8;font-size:.85rem}.add-sticker-info-val{color:#f8fafc;font-size:.9rem;font-weight:600}.add-sticker-category-tag{color:#10b981;letter-spacing:.5px;background:#10b98133;border-radius:6px;padding:2px 8px;font-size:.75rem;font-weight:700;display:inline-block}.add-sticker-form-group{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.add-sticker-label{color:#cbd5e1;font-size:.85rem;font-weight:500}.add-sticker-input{color:#f8fafc;background:#0f172acc;border:1px solid #ffffff1f;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:.9rem;transition:border-color .2s}.add-sticker-input:focus{border-color:#10b981}.add-sticker-input:disabled{opacity:.6;cursor:not-allowed}.add-sticker-modal-actions{justify-content:flex-end;align-items:center;gap:10px;margin-top:8px;display:flex}.add-sticker-cancel-btn{color:#cbd5e1;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:8px;padding:9px 16px;font-size:.88rem;font-weight:500;transition:all .2s}.add-sticker-cancel-btn:hover:not(:disabled){color:#f8fafc;background:#ffffff14}.add-sticker-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:8px;align-items:center;gap:8px;padding:9px 20px;font-size:.88rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 12px #10b98140}.add-sticker-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #10b98159}.add-sticker-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.add-sticker-delete-btn{color:#f87171;cursor:pointer;background:#ef444426;border:1px solid #ef444466;border-radius:8px;align-items:center;gap:8px;padding:9px 20px;font-size:.88rem;font-weight:600;transition:all .2s;display:flex}.add-sticker-delete-btn:hover:not(:disabled){color:#fff;background:#ef444440;border-color:#ef4444;transform:translateY(-1px)}.add-sticker-delete-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.add-sticker-send-btn{color:#10b981;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;align-items:center;gap:6px;padding:9px 16px;font-size:.88rem;font-weight:600;transition:all .2s;display:flex}.add-sticker-send-btn:hover:not(:disabled){background:#10b98126;border-color:#10b981;transform:translateY(-1px)}.add-sticker-spinner{animation:1s linear infinite spin}.inbox-page-wrapper{height:100%;box-shadow:none;background:0 0;border:none;border-radius:0;display:flex;overflow:hidden}.pagination-bar{color:#94a3b8;background:#0f172a66;border-top:1px solid #ffffff14;border-radius:0 0 12px 12px;justify-content:space-between;align-items:center;padding:14px 20px;font-size:.88rem;display:flex}.pagination-info{color:#cbd5e1;font-weight:500}.pagination-actions{align-items:center;gap:8px;display:flex}.pagination-btn{color:#f1f5f9;cursor:pointer;background:#1e293b99;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:500;transition:all .2s;display:inline-flex}.pagination-btn:hover:not(:disabled){color:#fff;background:#334155cc;border-color:#fff3}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-current-page{color:#10b981;background:#10b98126;border:1px solid #10b9814d;border-radius:6px;padding:4px 10px;font-size:.85rem;font-weight:700}.tenants-page{flex-direction:column;gap:24px;display:flex}.tenants-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}@media (width<=720px){.tenants-header{flex-direction:column}}.tenants-title{color:#fff;margin:0;font-size:28px;font-weight:800}.tenants-subtitle{color:var(--text-muted);margin:4px 0 0;font-size:14px}.tenants-refresh-btn{border:1px solid var(--border-light);color:#fff;cursor:pointer;background:#ffffff08;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;display:inline-flex}.tenants-refresh-btn:disabled{opacity:.65;cursor:not-allowed}.tenants-error{color:var(--danger);background:#ef444414;border:1px solid #ef444433;border-radius:10px;align-items:center;gap:12px;padding:16px;display:flex}.tenants-loading{text-align:center;color:var(--text-muted);padding:64px 0}.tenants-tabs{border-bottom:1px solid var(--border-light);gap:8px;margin-bottom:16px;padding-bottom:8px;display:flex}.tenants-tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s}.tenants-tab-btn:hover{color:#fff;background:#ffffff08}.tenants-tab-btn.active{color:var(--primary);background:#00f2fe14}.expenses-table-wrapper{background:var(--bg-dark);border:1px solid var(--border-light);border-radius:12px;overflow:hidden;box-shadow:0 8px 30px #00000026}.payment-status-cell{flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.expenses-data-table{border-collapse:collapse;width:100%}.expenses-data-table th{text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border-light);background:#ffffff05;padding:14px 18px;font-size:12px;font-weight:700}.expenses-data-table td{color:#fff;border-bottom:1px solid var(--border-light);vertical-align:middle;padding:16px 18px;font-size:14px}.expenses-data-table tr:last-child td{border-bottom:none}.expenses-data-table .channel-toggle-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;margin-left:6px;padding:2px 4px;transition:color .2s,background .2s;display:inline-flex}.channel-breakdown-table th{text-align:left;color:var(--text-muted);background:0 0;border-bottom:1px solid #ffffff0f;padding:6px 10px;font-weight:600}.tenants-header-actions{align-items:center;gap:12px;display:flex}@media (width<=720px){.tenants-header-actions{justify-content:space-between;width:100%}}.tenants-search-wrapper{align-items:center;display:flex;position:relative}.tenants-search-wrapper .search-icon{color:#94a3b8;pointer-events:none;position:absolute;left:10px}.tenants-search-input{color:#f8fafc;background:#1e293b99;border:1px solid #ffffff1a;border-radius:8px;outline:none;padding:8px 12px 8px 34px;font-size:.88rem;transition:all .2s}.tenants-search-input:focus{border-color:var(--primary);background:#1e293be6}.tenants-month-select{border:1px solid var(--border-light);color:#fff;cursor:pointer;appearance:none;background:#ffffff08 url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") right 12px center/16px no-repeat;border-radius:8px;outline:none;padding:10px 36px 10px 14px;font-size:14px;font-weight:600;transition:all .2s}.tenants-month-select:hover{background-color:#ffffff0f}.tenants-month-select option{color:#fff;background:#0e1322}.btn-add-tenant{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-hover) 100%);color:var(--text-dark);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 15px #00f2fe33}.btn-add-tenant:hover{transform:translateY(-1px);box-shadow:0 6px 20px #00f2fe4d}.btn-add-tenant:disabled{opacity:.65;cursor:not-allowed;transform:none}.numInputWrapper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.numInputWrapper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}@keyframes fpFadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translate(0,0)}}.flatpickr-calendar{opacity:0;text-align:center;visibility:hidden;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;direction:ltr;background:#3f4458;border:0;border-radius:5px;width:307.875px;padding:0;font-size:14px;line-height:24px;animation:none;display:none;position:absolute;box-shadow:1px 0 #20222c,-1px 0 #20222c,0 1px #20222c,0 -1px #20222c,0 3px 13px #00000014}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;visibility:visible;max-height:640px}.flatpickr-calendar.open{z-index:99999;display:inline-block}.flatpickr-calendar.animate.open{animation:.3s cubic-bezier(.23,1,.32,1) fpFadeInDown}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none!important;box-shadow:none!important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){box-shadow:-2px 0 #e6e6e6,5px 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{border-top:1px solid #20222c;height:40px}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{pointer-events:none;content:"";border:solid #0000;width:0;height:0;display:block;position:absolute;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#20222c}.flatpickr-calendar.arrowTop:after{border-bottom-color:#3f4458}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#20222c}.flatpickr-calendar.arrowBottom:after{border-top-color:#3f4458}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{display:inline-block;position:relative}.flatpickr-months{display:flex}.flatpickr-months .flatpickr-month{color:#fff;fill:#fff;text-align:center;-webkit-user-select:none;user-select:none;background:#3f4458;flex:1;height:34px;line-height:1;position:relative;overflow:hidden}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;user-select:none;cursor:pointer;z-index:3;color:#fff;fill:#fff;height:34px;padding:10px;text-decoration:none;position:absolute;top:0}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{left:0}.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{right:0}.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#eee}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{fill:inherit;transition:fill .1s}.numInputWrapper{height:auto;position:relative}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.numInputWrapper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.numInputWrapper span{opacity:0;cursor:pointer;box-sizing:border-box;border:1px solid #ffffff26;width:14px;height:50%;padding:0 4px 0 2px;line-height:50%;position:absolute;right:0}.numInputWrapper span:hover{background:#c0bba71a}.numInputWrapper span:active{background:#c0bba733}.numInputWrapper span:after{content:"";display:block;position:absolute}.numInputWrapper span.arrowUp{border-bottom:0;top:0}.numInputWrapper span.arrowUp:after{border-bottom:4px solid #fff9;border-left:4px solid #0000;border-right:4px solid #0000;top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-top:4px solid #fff9;border-left:4px solid #0000;border-right:4px solid #0000;top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:#ffffff80}.numInputWrapper:hover{background:#c0bba70d}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;color:inherit;text-align:center;width:75%;height:34px;padding:7.48px 0 0;font-weight:300;line-height:1;display:inline-block;position:absolute;left:12.5%;transform:translate(0,0)}.flatpickr-current-month span.cur-month{color:inherit;margin-left:.5ch;padding:0;font-family:inherit;font-weight:700;display:inline-block}.flatpickr-current-month span.cur-month:hover{background:#c0bba70d}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch�;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:#fff}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:#fff}.flatpickr-current-month input.cur-year{box-sizing:border-box;color:inherit;cursor:text;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;vertical-align:initial;appearance:textfield;background:0 0;border:0;border-radius:0;margin:0;padding:0 0 0 .5ch;display:inline-block}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{color:#ffffff80;pointer-events:none;background:0 0;font-size:100%}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;height:auto;font-family:inherit;font-weight:300;line-height:inherit;vertical-align:initial;background:#3f4458;border:none;border-radius:0;outline:none;width:auto;margin:-1px 0 0;padding:0 0 0 .5ch;position:relative}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:#c0bba70d}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:#3f4458;outline:none;padding:0}.flatpickr-weekdays{text-align:center;background:0 0;align-items:center;width:100%;height:28px;display:flex;overflow:hidden}.flatpickr-weekdays .flatpickr-weekdaycontainer{flex:1;display:flex}span.flatpickr-weekday{cursor:default;color:#fff;text-align:center;background:#3f4458;flex:1;margin:0;font-size:90%;font-weight:bolder;line-height:1;display:block}.dayContainer,.flatpickr-weeks{padding:1px 0 0}.flatpickr-days{align-items:flex-start;width:307.875px;display:flex;position:relative;overflow:hidden}.flatpickr-days:focus{outline:0}.dayContainer{text-align:left;box-sizing:border-box;opacity:1;outline:0;flex-wrap:wrap;justify-content:space-around;width:307.875px;min-width:307.875px;max-width:307.875px;padding:0;display:flex;transform:translate(0,0)}.dayContainer+.dayContainer{box-shadow:-1px 0 #20222c}.flatpickr-day{box-sizing:border-box;color:#fffffff2;cursor:pointer;text-align:center;background:0 0;border:1px solid #0000;border-radius:150px;flex-basis:14.2857%;justify-content:center;width:14.2857%;max-width:39px;height:39px;margin:0;font-weight:400;line-height:39px;display:inline-block;position:relative}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;background:#646c8c;border-color:#646c8c;outline:0}.flatpickr-day.today{border-color:#eee}.flatpickr-day.today:hover,.flatpickr-day.today:focus{color:#3f4458;background:#eee;border-color:#eee}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{-webkit-box-shadow:none;box-shadow:none;color:#fff;background:#80cbc4;border-color:#80cbc4}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)){box-shadow:-10px 0 #80cbc4}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;box-shadow:-5px 0 #646c8c,5px 0 #646c8c}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:#ffffff4d;cursor:default;background:0 0;border-color:#0000}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:#ffffff1a}.flatpickr-day.week.selected{border-radius:0;box-shadow:-5px 0 #80cbc4,5px 0 #80cbc4}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;box-shadow:1px 0 #20222c}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{color:#ffffff4d;cursor:default;background:0 0;border:none;width:100%;max-width:none;display:block}.flatpickr-innerContainer{box-sizing:border-box;display:flex;overflow:hidden}.flatpickr-rContainer{box-sizing:border-box;padding:0;display:inline-block}.flatpickr-time{text-align:center;box-sizing:border-box;outline:0;height:0;max-height:40px;line-height:40px;display:flex;overflow:hidden}.flatpickr-time:after{content:"";clear:both;display:table}.flatpickr-time .numInputWrapper{float:left;flex:1;width:40%;height:40px}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#fffffff2}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#fffffff2}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{-webkit-box-shadow:none;box-shadow:none;text-align:center;height:inherit;line-height:inherit;color:#fffffff2;box-sizing:border-box;appearance:textfield;background:0 0;border:0;border-radius:0;margin:0;padding:0;font-size:14px;position:relative}.flatpickr-time input.flatpickr-hour{font-weight:700}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{border:0;outline:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#fffffff2;-webkit-user-select:none;user-select:none;align-self:center;width:2%;font-weight:700}.flatpickr-time .flatpickr-am-pm{cursor:pointer;text-align:center;outline:0;width:18%;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#6a7395}.flatpickr-input[readonly]{cursor:pointer}.dashboard-page{flex-direction:column;gap:32px;display:flex}.dashboard-header{justify-content:space-between;align-items:center;gap:16px;display:flex}@media (width<=900px){.dashboard-header{flex-direction:column;align-items:flex-start}}.dashboard-header__title-block{min-width:0}.dashboard-eyebrow{color:var(--primary);text-transform:uppercase;letter-spacing:1px;font-size:12px;font-weight:800}.dashboard-title{color:#fff;margin:6px 0 0;font-size:28px;font-weight:800}.dashboard-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0 0;font-size:14px;display:flex}.dashboard-meta__strong{color:#fff}.dashboard-meta__strong--primary{color:var(--primary)}.dashboard-meta__divider{color:var(--border-light)}.dashboard-actions{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:12px;display:flex}.dashboard-btn{cursor:pointer;color:#fff;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.dashboard-btn--refresh{border-color:var(--border-light);background:#ffffff08}.dashboard-btn--refresh:hover:not(:disabled){background:#ffffff14}.dashboard-btn--refresh:disabled{opacity:.65;cursor:not-allowed}.dashboard-btn--filters.is-default{border-color:var(--border-light);color:#fff;background:#ffffff08}.dashboard-btn--filters.is-active{color:var(--primary);background:#00f2fe14;border-color:#00f2fe4d}.dashboard-btn--filters:hover{color:#fff;background:#ffffff14}.dashboard-error{color:var(--danger);background:#ef444414;border:1px solid #ef444433;border-radius:10px;align-items:center;gap:12px;padding:16px;font-size:14px;display:flex}.dashboard-loading{text-align:center;color:var(--text-muted);padding:100px 0}.dashboard-loading__icon{color:var(--primary);margin-bottom:16px}.dashboard-cards-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;display:grid}.dashboard-stat-card{align-items:center;gap:20px;padding:24px;display:flex}.dashboard-stat-card__icon{color:var(--primary);background:#00f2fe0f;border:1px solid #00f2fe26;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;padding:12px;display:flex}.dashboard-stat-card__icon--billing{background:#00f2fe1a;border-color:#00f2fe4d}.dashboard-stat-card__content{flex:1}.dashboard-stat-card__label{color:var(--text-muted);font-size:12px;font-weight:600}.dashboard-stat-card__value{color:#fff;margin:4px 0 0;font-size:26px;font-weight:800}.dashboard-stat-card__value--row{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.dashboard-pill{color:#fff;border-radius:12px;padding:2px 8px;font-size:12px;font-weight:700}.dashboard-pill--danger{background:var(--danger)}.dashboard-stat-card__substats{color:var(--text-muted);flex-wrap:wrap;gap:12px;margin-top:4px;font-size:11px;display:flex}.dashboard-stat-card__substat{align-items:center;gap:2px;display:inline-flex}.dashboard-stat-card__subicon--success{color:var(--success)}.dashboard-stat-card__subicon--primary{color:var(--primary)}.dashboard-billing-card{z-index:2;background:linear-gradient(135deg,#00f2fe0a 0%,#06091366 100%);border:1px solid #00f2fe4d;flex-direction:column;align-items:flex-start;gap:8px;padding:24px;display:flex;position:relative;overflow:visible}.dashboard-billing-card__content{flex:1;min-width:0}.dashboard-billing-card__headline{justify-content:space-between;align-items:center;gap:10px;display:flex}.dashboard-billing-card__actions{flex-shrink:0;align-items:center;gap:8px;display:inline-flex}.dashboard-billing-card__value{color:var(--primary);margin:4px 0 0;font-size:26px;font-weight:900}.dashboard-billing-card__unit{color:var(--text-muted);font-size:12px;font-weight:600}.dashboard-billing-card__meta{color:var(--text-muted);word-break:break-word;margin-top:4px;font-size:11px}.dashboard-billing-card__free-tier{color:var(--success);flex-wrap:wrap;align-items:center;gap:4px;margin-top:4px;font-size:11px;display:flex}.dashboard-billing-card__dot{background:var(--success);border-radius:50%;flex-shrink:0;width:6px;height:6px}.billing-info-btn{appearance:none;color:var(--text-muted);cursor:help;background:0 0;border:0;justify-content:center;align-items:center;padding:0;line-height:0;display:inline-flex}.billing-info-btn:hover,.billing-info-btn:focus-visible{color:#fff;outline:none}.billing-refresh-btn{appearance:none;color:var(--primary);cursor:pointer;background:#00f2fe14;border:1px solid #00f2fe38;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;transition:background .15s,border-color .15s,color .15s,transform .15s;display:inline-flex}.billing-refresh-btn:hover:not(:disabled),.billing-refresh-btn:focus-visible:not(:disabled){color:#fff;background:#00f2fe29;border-color:#00f2fe66;outline:none;transform:translateY(-1px)}.billing-refresh-btn:disabled{cursor:wait;opacity:.7}.billing-info-wrap{z-index:3;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.billing-info-wrap:hover .billing-tooltip,.billing-info-wrap:focus-within .billing-tooltip{opacity:1;pointer-events:auto;transform:translateY(0)}.billing-tooltip{border:1px solid var(--border-light);z-index:100;opacity:0;pointer-events:none;background:#0e1322;border-radius:8px;width:280px;padding:14px;transition:opacity .15s,transform .15s;position:absolute;top:calc(100% + 12px);right:0;transform:translateY(-4px);box-shadow:0 8px 24px #00000080}@media (width<=700px){.billing-tooltip{width:auto;left:0;right:0}}.billing-tooltip__title{color:#fff;border-bottom:1px solid var(--border-light);margin:0 0 10px;padding-bottom:6px;font-size:12px;font-weight:700}.billing-tooltip__summary{color:var(--text-muted);margin:0 0 10px;font-size:11px;line-height:1.5}.billing-tooltip__rows{flex-direction:column;gap:8px;font-size:11px;display:flex}.billing-tooltip__row{justify-content:space-between;gap:12px;display:flex}.billing-tooltip__row--small{padding-left:8px;font-size:10px}.billing-tooltip__total{border-top:1px dashed var(--border-light);justify-content:space-between;gap:12px;margin-top:2px;padding-top:6px;font-weight:700;display:flex}.billing-tooltip__label{color:var(--text-muted)}.billing-tooltip__label--strong{color:#fff}.billing-tooltip__value{color:#fff;text-align:right;font-weight:600}.billing-tooltip__value--success{color:var(--success)}.billing-tooltip__value--primary{color:var(--primary)}.billing-tooltip__channel-header{border-top:1px solid var(--border-light);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:8px;padding-top:6px;font-size:10px;font-weight:700}.billing-tooltip__channel-row{color:#cbd5e1;justify-content:space-between;gap:8px;padding-left:6px;font-size:10px;display:flex}.dashboard-panels{grid-template-columns:1fr;gap:24px;display:grid}.dashboard-activity-card{padding:28px}.dashboard-activity-card__header{align-items:center;gap:10px;margin-bottom:24px;display:flex}.dashboard-activity-card__icon{color:var(--primary)}.dashboard-section-title{color:#fff;margin:0;font-size:18px;font-weight:800}.dashboard-section-title--modal{align-items:center;gap:8px;display:flex}.dashboard-empty-state{text-align:center;color:var(--text-muted);padding:40px 0;font-size:14px}.dashboard-feed-list{flex-direction:column;gap:16px;height:300px;display:flex;overflow:auto}.dashboard-feed-item{border:1px solid var(--border-light);background:#ffffff03;border-radius:8px;justify-content:space-between;align-items:flex-start;padding:12px 16px;transition:background .2s;display:flex}.dashboard-feed-item:hover{background:#ffffff08}.dashboard-feed-item__main{align-items:flex-start;gap:12px;display:flex}.dashboard-feed-item__dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.dashboard-feed-item__dot--success{background:var(--success)}.dashboard-feed-item__dot--danger{background:var(--danger)}.dashboard-feed-item__dot--primary{background:var(--primary)}.dashboard-feed-item__dot--delivered{background:#94a3b8}.dashboard-feed-item__dot--muted{background:var(--text-muted)}.dashboard-feed-item__name{color:#fff;font-size:13px;font-weight:600}.dashboard-feed-item__phone{color:var(--text-muted);font-size:12px;font-weight:400}.dashboard-feed-item__action{color:var(--text-muted);margin-top:2px;font-size:13px}.dashboard-feed-item__time{color:var(--text-muted);white-space:nowrap;align-items:center;gap:4px;font-size:11px;display:flex}.dashboard-modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#060913d9;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.dashboard-modal{border:1px solid var(--border-light);width:540px;padding:28px;transition:width .2s ease-in-out;position:relative;box-shadow:0 20px 50px #0009}@media (width<=600px){.dashboard-modal{width:100%}}.dashboard-modal--compact{width:420px}.dashboard-modal__header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.dashboard-modal__title-icon{color:var(--primary)}.dashboard-modal__close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;transition:color .2s;display:flex}.dashboard-modal__close:hover{color:#fff}.dashboard-modal__body{flex-direction:column;gap:20px;margin-bottom:28px;display:flex}.dashboard-filter-toggle{cursor:pointer;border:1px solid var(--border-light);-webkit-user-select:none;user-select:none;background:#ffffff05;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;display:flex}.dashboard-filter-toggle__input{accent-color:var(--primary);cursor:pointer;width:18px;height:18px}.dashboard-filter-toggle__title{color:#fff;font-size:14px;font-weight:700}.dashboard-filter-toggle__subtitle{color:var(--text-muted);font-size:11px}.dashboard-filter-layout{border:1px solid var(--border-light);background:#0a0d18;border-radius:12px;display:flex;overflow:hidden}.dashboard-filter-presets{border-right:1px solid var(--border-light);background:#ffffff03;flex-direction:column;gap:4px;width:150px;padding:12px 8px;display:flex}.preset-button{color:var(--text-muted);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;width:100%;padding:8px 12px;font-size:13px;font-weight:600;transition:all .15s}.preset-button:hover{color:#fff;background:#ffffff05}.preset-button--active{color:var(--primary);background:#00f2fe14;font-weight:700}.dashboard-filter-calendar{background:#0e1322;flex-grow:1;justify-content:center;align-items:center;padding:16px;display:flex}.dashboard-all-time-note{color:var(--text-muted);text-align:center;background:#00f2fe08;border:1px dashed #00f2fe33;border-radius:8px;padding:16px;font-size:12px;line-height:1.5}.dashboard-all-time-note strong{color:var(--primary)}.dashboard-modal__footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.dashboard-modal__button{cursor:pointer;border-radius:8px;flex:1;padding:10px 16px;font-size:13px;font-weight:700;transition:all .2s}.dashboard-modal__button--danger{color:var(--danger);background:0 0;border:1px solid #ef444433}.dashboard-modal__button--danger:hover{background:#ef44440d;border-color:#ef44444d}.dashboard-modal__button--primary{background:var(--primary);color:var(--text-dark);border:none}.dashboard-modal__button--primary:hover{background:var(--primary-hover)}@media (width<=900px){.dashboard-stat-card,.dashboard-billing-card{padding:20px}.dashboard-filter-layout{flex-direction:column}.dashboard-filter-presets{border-right:none;border-bottom:1px solid var(--border-light);flex-flow:wrap;width:100%}.preset-button{flex:calc(50% - 4px);width:auto}}@media (width<=640px){.dashboard-title{font-size:24px}.dashboard-actions{justify-content:flex-start;width:100%}.dashboard-btn{flex:1;justify-content:center}.dashboard-modal__footer{flex-direction:column}}.sprints-container{flex-direction:column;gap:24px;width:100%;display:flex}.sprints-summary-card{border:1px solid var(--border-light);background:#ffffff05;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:24px 32px;display:flex}.sprints-summary-card .summary-left{flex-direction:column;gap:8px;display:flex}.sprints-summary-card .summary-left h2{color:#fff;margin:0;font-size:20px;font-weight:800}.sprints-summary-card .summary-left p{color:var(--text-muted);margin:0;font-size:14px}.sprints-summary-card .progress-wrapper{flex-direction:column;align-items:flex-end;gap:8px;min-width:280px;display:flex}.sprints-summary-card .progress-wrapper .progress-labels{width:100%;color:var(--primary);justify-content:space-between;font-size:13px;font-weight:700;display:flex}.sprints-summary-card .progress-wrapper .progress-bar-bg{background:#ffffff0d;border-radius:5px;width:100%;height:10px;overflow:hidden}.sprints-summary-card .progress-wrapper .progress-bar-fill{background:linear-gradient(90deg, var(--primary), var(--primary-hover));border-radius:5px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.sprints-filter-bar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sprints-filter-bar .filter-pill{border:1px solid var(--border-light);color:var(--text-muted);cursor:pointer;background:#ffffff08;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.sprints-filter-bar .filter-pill:hover{color:#fff;background:#ffffff0f}.sprints-filter-bar .filter-pill.active{color:var(--primary);background:#00f2fe1f;border-color:#00f2fe59}.sprints-filter-bar .filter-pill .pill-count{color:#fff;background:#ffffff14;border-radius:10px;padding:2px 7px;font-size:11px}.sprints-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:20px;display:grid}.sprint-card{border:1px solid var(--border-light);background:#ffffff04;border-radius:12px;flex-direction:column;gap:16px;padding:24px;transition:transform .2s,border-color .2s;display:flex}.sprint-card:hover{border-color:#00f2fe40;transform:translateY(-2px)}.sprint-card.completed{background:#10b98103;border-color:#10b98126}.sprint-card.completed:hover{border-color:#10b98159}.sprint-card.pending{background:#f59e0b03;border-color:#f59e0b26}.sprint-card.pending:hover{border-color:#f59e0b59}.sprint-card .sprint-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.sprint-card .sprint-header h3{color:#fff;margin:0;font-size:15.5px;font-weight:800;line-height:1.35}.sprint-card .sprint-header .status-badge{text-transform:uppercase;white-space:nowrap;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:800}.sprint-card .sprint-header .status-badge.completed{color:var(--success);background:#10b98114;border:1px solid #10b98133}.sprint-card .sprint-header .status-badge.pending{color:var(--warning);background:#f59e0b14;border:1px solid #f59e0b33}.sprint-card .sprint-tasks-list{flex-direction:column;flex-grow:1;gap:10px;display:flex}.sprint-card .task-item{color:#d1d7db;align-items:flex-start;gap:10px;font-size:13.5px;line-height:1.4;display:flex}.sprint-card .task-item .task-icon-done{color:var(--success);flex-shrink:0;margin-top:2px}.sprint-card .task-item .task-icon-pending{color:var(--warning);flex-shrink:0;margin-top:2px}.sprint-card .task-item.done{color:var(--text-muted)}.sprint-card .task-item.done .task-text{opacity:.8;text-decoration:line-through}.contacts-page-wrapper{flex-direction:column;gap:28px;display:flex}.contacts-header-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.contacts-title{color:#fff;margin:0;font-size:24px;font-weight:700}.contacts-subtitle{color:var(--text-muted);margin-top:4px;font-size:14px}.contacts-header-actions{gap:12px;display:flex}.btn-import-csv{border:1px solid var(--border-light);color:#fff;cursor:pointer;background:#ffffff0d;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.btn-import-csv:hover{background:#ffffff14}.btn-add-manual{background:linear-gradient(135deg, var(--primary), var(--primary-hover));color:#060913;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:700;display:flex;box-shadow:0 0 12px #00f2fe33}.contacts-alert-error{color:var(--danger);background:#ef444414;border:1px solid #ef444433;border-radius:8px;align-items:center;gap:12px;padding:14px 18px;font-size:14px;display:flex}.contacts-alert-success{color:var(--success);background:#10b98114;border:1px solid #10b98133;border-radius:8px;align-items:center;gap:12px;padding:14px 18px;font-size:14px;display:flex}.contacts-filter-bar{background:var(--bg-dark);border:1px solid var(--border-light);border-radius:12px;align-items:center;padding:18px 24px;display:flex}.contacts-search-box{width:100%;max-width:400px;position:relative}.contacts-search-box .search-icon{color:var(--text-muted);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.contacts-search-input{border:1px solid var(--border-light);color:#fff;background:#ffffff05;border-radius:8px;outline:none;width:100%;padding:10px 16px 10px 42px;font-size:14px;transition:border .2s}.contacts-search-input:focus{border-color:var(--primary)}.contacts-table-card{background:var(--bg-dark);border:1px solid var(--border-light);border-radius:12px;overflow:hidden}.contacts-state-padding{text-align:center;color:var(--text-muted);padding:60px}.contacts-table{border-collapse:collapse;text-align:left;width:100%}.contacts-table thead tr{border-bottom:1px solid var(--border-light);background:#ffffff03}.contacts-table th{color:var(--text-muted);padding:16px 24px;font-size:13px;font-weight:600}.contacts-table th.th-actions{text-align:right}.contacts-table tbody tr{border-bottom:1px solid var(--border-light);transition:background .2s}.contacts-table tbody tr:hover{background:#ffffff05}.contacts-table td.td-name{color:#fff;padding:16px 24px;font-size:14px;font-weight:600}.contacts-table td.td-phone{color:var(--text-primary);padding:16px 24px;font-size:14px}.contacts-table td.td-added-via{padding:16px 24px;font-size:13px}.contacts-table td.td-date{color:var(--text-muted);padding:16px 24px;font-size:13px}.contacts-table td.td-actions{text-align:right;padding:16px 24px}.via-tag{text-transform:uppercase;border-radius:100px;padding:4px 10px;font-size:11px;font-weight:700}.via-tag.via-csv_upload{color:var(--primary);background:#00f2fe14;border:1px solid #00f2fe26}.via-tag.via-inbound{color:var(--success);background:#10b98114;border:1px solid #10b98126}.via-tag.via-default{color:var(--text-muted);border:1px solid var(--border-light);background:#ffffff0d}.btn-edit-contact{color:var(--primary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;margin-right:4px;padding:6px;transition:background .2s;display:inline-flex}.btn-edit-contact:hover{background:#00f2fe14}.btn-delete-contact{color:var(--danger);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:background .2s;display:inline-flex}.btn-delete-contact:hover{background:#ef444414}.contact-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#060913cc;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.contact-modal-card{background:var(--bg-dark);border:1px solid var(--border-light);border-radius:12px;width:100%;max-width:480px;padding:32px;position:relative;box-shadow:0 20px 40px #00000080}.contact-modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;position:absolute;top:24px;right:24px}.contact-modal-title{color:#fff;margin-top:0;margin-bottom:24px;font-size:20px;font-weight:700}.contact-modal-form{flex-direction:column;gap:20px;display:flex}.contact-modal-form .form-label{color:var(--text-muted);margin-bottom:8px;font-size:13px;font-weight:600;display:block}.contact-modal-form .form-input{border:1px solid var(--border-light);color:#fff;background:#ffffff05;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:14px}.contact-modal-form .form-hint{color:var(--text-muted);margin-top:6px;font-size:12px;display:block}.contact-modal-actions{justify-content:flex-end;gap:12px;margin-top:12px;display:flex}.contact-modal-actions .btn-cancel{border:1px solid var(--border-light);color:#fff;cursor:pointer;background:0 0;border-radius:8px;padding:10px 20px;font-weight:600}.contact-modal-actions .btn-save{background:linear-gradient(135deg, var(--primary), var(--primary-hover));color:#060913;cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-weight:700}.contact-modal-actions .btn-save:disabled{cursor:not-allowed;opacity:.6}.csv-drop-zone{border:2px dashed var(--border-light);text-align:center;cursor:pointer;background:#ffffff03;border-radius:8px;padding:30px 20px;position:relative}.csv-drop-zone .csv-file-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.csv-drop-zone .upload-icon{color:var(--primary);margin-bottom:12px}.csv-drop-zone .file-name{color:#fff;font-size:14px;font-weight:600}.csv-drop-zone .drop-hint{color:var(--text-muted);margin-top:6px;font-size:12px}.format-guidelines{border:1px solid var(--border-light);color:var(--text-muted);background:#ffffff05;border-radius:8px;padding:16px;font-size:13px}.format-guidelines strong{color:#fff}.templates-table-wrapper{background:var(--bg-dark);border:1px solid var(--border-light);max-height:520px;box-shadow:var(--shadow-lg);border-radius:12px;position:relative;overflow:auto}.templates-data-table{border-collapse:separate;border-spacing:0;text-align:left;width:100%;min-width:800px;font-size:13px}.template-modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#060913d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.template-modal-dialog{background:var(--bg-dark,#0b0f19);border:1px solid var(--border-light,#ffffff1a);border-radius:16px;gap:28px;width:100%;max-width:960px;max-height:90vh;padding:28px 32px;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #000000b3}.template-modal-close-btn{color:var(--text-muted,#94a3b8);cursor:pointer;background:#ffffff0a;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:22px;right:22px}.template-modal-close-btn:hover{color:#fff;border-color:var(--border-light,#fff3);background:#ffffff1a}.template-modal-form-col{flex:1.2;max-height:80vh;padding-right:14px;overflow-y:auto}.template-modal-form-col::-webkit-scrollbar{width:6px}.template-modal-form-col::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}.template-modal-title{color:#fff;letter-spacing:-.3px;margin-top:0;margin-bottom:20px;font-size:20px;font-weight:700}.template-modal-form{flex-direction:column;gap:16px;display:flex}.template-form-group{flex-direction:column;display:flex}.template-form-row{gap:14px;display:flex}.template-form-row-item{flex:1}.template-form-row-item--wide{flex:1.5}.template-form-label{color:var(--text-muted,#94a3b8);margin-bottom:7px;font-size:13px;font-weight:600;display:block}.template-form-input,.template-form-select,.template-form-textarea{border:1px solid var(--border-light,#ffffff1a);color:#fff;box-sizing:border-box;background:#ffffff08;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:13.5px;transition:border-color .2s,box-shadow .2s}.template-form-input:focus,.template-form-select:focus,.template-form-textarea:focus{border-color:var(--primary,#0084ff);box-shadow:0 0 0 2px #0084ff26}.template-form-textarea{resize:vertical;min-height:85px}.template-form-select option{color:#fff;background:#0e1322}.template-form-help-text{color:var(--text-muted,#94a3b8);margin-top:4px;font-size:11px;line-height:1.4;display:block}.template-form-help-text code{color:var(--primary,#0084ff);background:#ffffff14;border-radius:4px;padding:1px 5px;font-size:11px}.template-category-info-box{border:1px solid var(--border-light,#ffffff14);background:#ffffff06;border-radius:6px;flex-direction:column;gap:5px;margin-top:6px;padding:8px 10px;display:flex}.template-category-badge-row{align-items:center;gap:6px;display:flex}.template-category-cost-badge{color:#38bdf8;background:#38bdf81f;border:1px solid #38bdf84d;border-radius:4px;align-items:center;gap:4px;padding:2px 7px;font-size:11px;font-weight:700;display:inline-flex}.template-category-desc-text{color:var(--text-muted,#94a3b8);margin:0;font-size:11.5px;line-height:1.4}.template-variables-card{border:1px solid var(--border-light,#ffffff14);background:#ffffff05;border-radius:8px;margin-top:10px;padding:14px}.template-variables-title{color:#fff;margin:0 0 4px;font-size:12px;font-weight:700}.template-variables-desc{color:var(--text-muted,#94a3b8);margin:0 0 10px;font-size:11px}.template-variables-list{flex-direction:column;gap:8px;display:flex}.template-variable-row{align-items:center;gap:10px;display:flex}.template-variable-badge{color:var(--primary,#0084ff);text-align:center;background:#0084ff1a;border-radius:4px;flex-shrink:0;width:44px;padding:4px 6px;font-size:12px;font-weight:600}.gemini-ai-section{flex-direction:column;gap:12px;margin-top:8px;display:flex}.gemini-ai-trigger-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.gemini-ai-btn-trigger{color:#d8b4fe;cursor:pointer;background:linear-gradient(135deg,#9333ea33,#4f46e540);border:1px solid #a855f766;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 2px 10px #9333ea26}.gemini-ai-btn-trigger:hover:not(:disabled){color:#fff;background:linear-gradient(135deg,#9333ea59,#4f46e566);border-color:#a855f7b3;transform:translateY(-1px);box-shadow:0 4px 14px #9333ea40}.gemini-ai-btn-trigger:disabled{opacity:.6;cursor:not-allowed}.gemini-ai-btn-trigger--loading{background:linear-gradient(135deg,#9333ea26,#4f46e533);border-color:#a855f74d}.gemini-ai-stale-badge{color:#f59e0b;background:#f59e0b1a;border:1px solid #f59e0b40;border-radius:6px;align-items:center;gap:6px;padding:5px 10px;font-size:11.5px;font-weight:500;display:inline-flex}.gemini-ai-quota-badge{color:#38bdf8;background:#38bdf81a;border:1px solid #38bdf840;border-radius:6px;align-items:center;gap:6px;padding:5px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.gemini-ai-quota-badge--exhausted{color:#f87171;background:#ef44441f;border-color:#ef44444d}.gemini-ai-spin-icon{animation:1s linear infinite spin-kf}@keyframes spin-kf{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.gemini-ai-card{background:#0f172a99;border-radius:10px;flex-direction:column;gap:12px;padding:16px;transition:all .3s;display:flex;position:relative;overflow:hidden}.gemini-ai-card--approved{background:linear-gradient(135deg,#22c55e0d 0%,#0f172ab3 100%);border:1px solid #22c55e59;box-shadow:0 4px 16px #22c55e1a}.gemini-ai-card--revision{background:linear-gradient(135deg,#f59e0b0f 0%,#0f172ab3 100%);border:1px solid #f59e0b59;box-shadow:0 4px 16px #f59e0b1a}.gemini-ai-card--rejected{background:linear-gradient(135deg,#ef444414 0%,#0f172ab3 100%);border:1px solid #ef444466;box-shadow:0 4px 16px #ef44441f}.gemini-ai-card--config{background:#0f172ab3;border:1px solid #94a3b840}.gemini-ai-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.gemini-ai-card-title-group{align-items:center;gap:8px;display:flex}.gemini-ai-card-title{color:#fff;margin:0;font-size:13.5px;font-weight:700}.gemini-ai-card-badges{align-items:center;gap:8px;display:flex}.gemini-ai-status-pill{text-transform:uppercase;letter-spacing:.5px;border-radius:9999px;padding:3px 8px;font-size:11px;font-weight:700}.gemini-ai-status-pill--approved{color:#4ade80;background:#22c55e33;border:1px solid #22c55e59}.gemini-ai-status-pill--revision{color:#fbbf24;background:#f59e0b33;border:1px solid #f59e0b59}.gemini-ai-status-pill--rejected{color:#f87171;background:#ef444433;border:1px solid #ef444459}.gemini-ai-status-pill--config{color:#cbd5e1;background:#94a3b826;border:1px solid #94a3b84d}.gemini-ai-score-badge{color:var(--text-muted,#94a3b8);background:#ffffff0d;border:1px solid #ffffff0f;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600}.gemini-ai-score-badge strong{color:#fff;margin-left:2px}.gemini-ai-summary-text{color:var(--text-primary,#e2e8f0);margin:0;font-size:12.5px;line-height:1.5}.gemini-ai-category-box{background:#ffffff05;border:1px solid #ffffff0f;border-radius:6px;padding:10px 12px;font-size:12px}.gemini-ai-category-status{align-items:center;gap:6px;margin-bottom:4px;font-weight:600;display:flex}.gemini-ai-category-status--match{color:#4ade80}.gemini-ai-category-status--mismatch{color:#fbbf24}.gemini-ai-category-explanation{color:var(--text-muted,#94a3b8);margin:0;font-size:11.5px;line-height:1.4}.gemini-ai-recommendations-box,.gemini-ai-violations-box{flex-direction:column;gap:6px;display:flex}.gemini-ai-recommendations-title,.gemini-ai-violations-title{color:#fff;align-items:center;gap:6px;margin:0;font-size:12px;font-weight:700;display:flex}.gemini-ai-recommendations-list,.gemini-ai-violations-list{flex-direction:column;gap:4px;margin:0;padding-left:18px;display:flex}.gemini-ai-recommendation-item{color:var(--text-primary,#e2e8f0);font-size:12px;line-height:1.4}.gemini-ai-violation-item{color:#f87171;font-size:12px;line-height:1.4}.gemini-ai-suggestion-box{background:#9333ea0f;border:1px dashed #a855f759;border-radius:8px;flex-direction:column;gap:8px;padding:12px;display:flex}.gemini-ai-suggestion-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.gemini-ai-suggestion-title{color:#d8b4fe;align-items:center;gap:6px;margin:0;font-size:12px;font-weight:700;display:flex}.gemini-ai-apply-btn{color:#e9d5ff;cursor:pointer;background:#a855f733;border:1px solid #a855f766;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:11.5px;font-weight:600;transition:all .2s;display:inline-flex}.gemini-ai-apply-btn:hover{color:#fff;background:#a855f759}.gemini-ai-apply-btn--applied{color:#86efac;background:#22c55e33;border-color:#22c55e66}.gemini-ai-suggestion-preview{color:#e2e8f0;white-space:pre-wrap;word-break:break-word;background:#0000004d;border-radius:6px;padding:8px 10px;font-size:12px;line-height:1.45}.template-modal-actions{border-top:1px solid var(--border-light,#ffffff14);justify-content:flex-end;align-items:center;gap:12px;margin-top:10px;padding-top:14px;display:flex}.template-cancel-btn{border:1px solid var(--border-light,#ffffff26);color:#fff;cursor:pointer;background:#ffffff05;border-radius:8px;padding:10px 18px;font-size:13.5px;font-weight:600;transition:background .2s}.template-cancel-btn:hover{background:#ffffff0f}.template-submit-wrapper{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.template-submit-btn{background:linear-gradient(135deg, var(--primary,#0084ff), var(--primary-hover,#06c));color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 22px;font-size:13.5px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 14px #0084ff40}.template-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #0084ff59}.template-submit-btn--disabled{color:var(--text-muted,#64748b);box-shadow:none;cursor:not-allowed;background:#ffffff0f;border:1px solid #ffffff14}.template-submit-btn--disabled:hover{box-shadow:none;transform:none}.template-submit-locked-hint{color:var(--text-muted,#94a3b8);text-align:right;font-size:11px}.template-preview-col{border-left:1px solid var(--border-light,#ffffff1a);flex-direction:column;flex-shrink:0;width:320px;padding-left:28px;display:flex}.template-preview-title{color:#fff;text-transform:uppercase;letter-spacing:.8px;margin:0 0 16px;font-size:13px;font-weight:700}.template-phone-frame{background:#070a14;background-image:radial-gradient(var(--border-light,#ffffff1a) .5px, transparent .5px);background-size:10px 10px;border:8px solid #232a3d;border-radius:24px;flex-direction:column;justify-content:flex-end;height:440px;padding:20px 14px;display:flex}.template-chat-bubble{max-width:92%;color:var(--text-primary,#f1f5f9);background:#121b2d;border-radius:12px 12px 0;align-self:flex-end;padding:14px;font-size:13px;box-shadow:0 4px 12px #0003}.template-chat-header{color:#fff;margin-bottom:6px;font-size:12px;font-weight:700}.template-chat-body{word-break:break-word;white-space:pre-wrap;line-height:1.45}.template-chat-footer{color:var(--text-muted,#94a3b8);word-break:break-word;border-top:1px solid #ffffff0d;margin-top:8px;padding-top:6px;font-size:11px}.tenant-details-page{flex-direction:column;gap:24px;display:flex}.tenant-details-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.tenant-details-header h1{color:#fff;margin:10px 0 6px;font-size:30px;font-weight:800}.tenant-details-header p{color:var(--text-muted);max-width:720px;margin:0;font-size:14px}.tenant-back-btn,.tenant-secondary-btn,.tenant-primary-btn{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.tenant-back-btn{color:var(--text-muted);background:0 0;margin-bottom:6px;padding-left:0}.tenant-secondary-btn{border-color:var(--border-light);color:#fff;background:#ffffff08}.tenant-primary-btn{background:linear-gradient(135deg, var(--primary), var(--primary-hover));color:var(--text-dark)}.tenant-details-actions{flex-direction:row;gap:12px;display:flex}.tenant-error-banner{color:var(--danger);background:#ef444414;border:1px solid #ef444433;border-radius:12px;padding:16px 18px}.tenant-loading{text-align:center;color:var(--text-muted);padding:64px 0}.tenant-summary-card,.tenant-billing-card,.tenant-note-card,.tenant-metric-card{border:1px solid var(--border-light);background:#ffffff05;border-radius:18px;box-shadow:0 10px 40px #0000002e}.tenant-summary-card{justify-content:space-between;align-items:flex-start;gap:20px;padding:28px;display:flex}.tenant-summary-copy{flex-direction:column;gap:10px;display:flex}.tenant-summary-copy h2{color:#fff;margin:0;font-size:28px;font-weight:800}.tenant-kicker{color:var(--primary);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:800}.tenant-meta{color:var(--text-muted);flex-wrap:wrap;gap:10px;font-size:13px;display:flex}.tenant-meta span{border:1px solid var(--border-light);background:#ffffff08;border-radius:999px;padding:6px 10px}.tenant-status{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:10px 14px;font-size:12px;font-weight:800}.tenant-status.active{color:var(--success);background:#10b9811f;border:1px solid #10b9813d}.tenant-status.inactive{color:var(--danger);background:#ef44441f;border:1px solid #ef44443d}.tenant-metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.tenant-metric-card{align-items:center;gap:16px;padding:22px;display:flex}.tenant-metric-card.highlighted{border-color:#00f2fe40}.metric-icon{width:52px;height:52px;color:var(--primary);background:#00f2fe14;border:1px solid #00f2fe2e;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.metric-label{color:var(--text-muted);margin-bottom:6px;font-size:13px}.metric-value{color:#fff;font-size:28px;font-weight:800}.tenant-billing-grid{grid-template-columns:1.1fr .9fr;gap:18px;display:grid}.tenant-billing-card,.tenant-note-card{padding:24px}.section-title{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:18px;display:flex}.section-title span{color:#fff;font-size:18px;font-weight:800}.section-title small{color:var(--text-muted);font-size:12px}.billing-line{color:var(--text-muted);border-bottom:1px solid #ffffff0d;justify-content:space-between;gap:12px;padding:14px 0;font-size:14px;display:flex}.billing-line:last-child{border-bottom:none;padding-bottom:0}.billing-line strong{color:#fff;text-align:right;font-weight:700}.tenant-note-card{flex-direction:column;gap:14px;display:flex}.tenant-note-card p{color:var(--text-muted);margin:0;font-size:14px;line-height:1.7}.overview-ai-quota-card{border:1px solid var(--border-light);background:#ffffff05;border-radius:18px;flex-direction:column;gap:20px;margin-top:24px;padding:24px;display:flex;box-shadow:0 10px 40px #0000002e}.overview-ai-quota-card__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.overview-ai-title-group{align-items:center;gap:12px;display:flex}.overview-ai-title-group h3{color:#fff;margin:0 0 4px;font-size:18px;font-weight:800}.overview-ai-title-group p{color:var(--text-muted);margin:0;font-size:13px}.overview-ai-icon-badge{color:#c084fc;background:#9333ea26;border:1px solid #a855f759;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.overview-ai-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.overview-ai-metric-item{border:1px solid var(--border-light);background:#ffffff05;border-radius:12px;flex-direction:column;gap:6px;padding:16px;display:flex}.overview-ai-metric-item .metric-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.overview-ai-metric-item .metric-value-row{align-items:baseline;gap:6px;display:flex}.overview-ai-metric-item .metric-value-row strong{color:#fff;font-size:22px;font-weight:800}.overview-ai-metric-item .metric-value-row .metric-limit,.overview-ai-metric-item .metric-value-row .metric-subtext{color:var(--text-muted);font-size:12px}.overview-ai-metric-item .metric-value-row .metric-date{font-size:13.5px;font-weight:600}.overview-ai-metric-item .metric-value-row .text-danger{color:#f87171}.overview-ai-metric-item .metric-value-row .text-success{color:#4ade80}.overview-ai-free-badge{color:#38bdf8;background:#38bdf81a;border:1px solid #38bdf840;border-radius:4px;align-items:center;gap:4px;width:fit-content;margin-top:2px;padding:2px 7px;font-size:11px;font-weight:700;display:inline-flex}.metric-extra-info{color:var(--text-muted);margin-top:2px;font-size:11px}.overview-ai-progress-track{background:#ffffff0f;border-radius:999px;width:100%;height:6px;margin-top:4px;overflow:hidden}.overview-ai-progress-bar{background:linear-gradient(90deg,#38bdf8,#818cf8);border-radius:999px;height:100%;transition:width .3s}.ai-limit-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.ai-limit-modal{border:1px solid var(--border-light);background:#0f172a;border-radius:16px;flex-direction:column;gap:18px;width:100%;max-width:440px;padding:24px;display:flex;box-shadow:0 20px 50px #0006}.ai-limit-modal-header{justify-content:space-between;align-items:center;display:flex}.ai-limit-modal-header h3{color:#fff;margin:0;font-size:18px;font-weight:700}.ai-limit-modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;display:flex}.ai-limit-modal-close:hover{color:#fff;background:#ffffff14}.ai-limit-modal-form{flex-direction:column;gap:14px;display:flex}.ai-limit-input-group{flex-direction:column;gap:6px;display:flex}.ai-limit-input-group label{color:#fff;font-size:13px;font-weight:600}.ai-limit-input-group input{border:1px solid var(--border-light);color:#fff;background:#ffffff0a;border-radius:8px;outline:none;padding:10px 14px;font-size:14px}.ai-limit-input-group input:focus{border-color:var(--primary)}.ai-limit-input-group span{color:var(--text-muted);font-size:11.5px}.ai-limit-modal-actions{justify-content:flex-end;gap:10px;margin-top:6px;display:flex}.tenant-waba-section{flex-direction:column;gap:18px;display:flex}.tenant-waba-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.tenant-waba-card{border:1px solid var(--border-light);background:#ffffff05;border-radius:18px;padding:22px;box-shadow:0 10px 40px #0000002e}.tenant-waba-card__header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.tenant-waba-card__header h3{color:#fff;margin:0 0 10px;font-size:18px;font-weight:800}.tenant-waba-badges{flex-wrap:wrap;gap:8px;display:flex}.badge{letter-spacing:.02em;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:11px;font-weight:800;display:inline-flex}.badge-primary{color:var(--primary);background:#00f2fe14;border-color:#00f2fe2e}.badge-success{color:var(--success);background:#10b9811a;border-color:#10b98133}.badge-danger{color:var(--danger);background:#ef44441a;border-color:#ef444433}.badge-soft{color:var(--text-muted);border-color:var(--border-light);background:#ffffff0a}.tenant-waba-id{border:1px solid var(--border-light);color:var(--text-muted);white-space:nowrap;background:#ffffff08;border-radius:999px;flex-shrink:0;align-items:center;gap:8px;padding:8px 12px;display:inline-flex}.tenant-waba-details{grid-template-columns:1fr;gap:12px;display:grid}.waba-detail-row{color:var(--text-muted);border-bottom:1px solid #ffffff0d;justify-content:space-between;gap:12px;padding:12px 0;font-size:13px;display:flex}.waba-detail-row:last-child{border-bottom:none;padding-bottom:0}.waba-detail-row span{align-items:center;gap:8px;display:inline-flex}.waba-detail-row strong{color:#fff;text-align:right;overflow-wrap:anywhere;font-weight:700}.tenant-empty-state{border:1px dashed var(--border-light);color:var(--text-muted);background:#ffffff05;border-radius:14px;padding:18px 20px}.note-header,.note-footer{align-items:center;gap:10px;display:flex}.note-header{color:var(--primary);font-weight:700}.note-footer{color:var(--text-muted);background:#00f2fe0f;border:1px solid #00f2fe1f;border-radius:12px;margin-top:auto;padding:12px 14px;font-size:13px;line-height:1.5}@media (width<=1100px){.tenant-details-header,.tenant-summary-card,.tenant-billing-grid,.tenant-waba-grid{grid-template-columns:1fr;display:grid}.tenant-summary-card{padding:24px}.tenant-metrics-grid{grid-template-columns:1fr}}@media (width<=720px){.tenant-details-header,.tenant-summary-card{flex-direction:column;display:flex}.tenant-waba-card__header,.waba-detail-row{flex-direction:column}}.tenant-success-banner{color:var(--success);background:#10b98114;border:1px solid #10b98133;border-radius:12px;padding:16px 18px;font-size:14px;font-weight:600}.waba-header-actions{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.waba-card-id-label{margin:0!important}.dev-webhook-tunnel-box{border:1px solid var(--border-light);background:#ffffff05;border-radius:18px;margin-top:32px;padding:24px;box-shadow:0 10px 40px #0000002e}.dev-webhook-tunnel-box h3{color:#fff;margin:0 0 6px;font-size:16px;font-weight:800}.dev-webhook-tunnel-box p{color:var(--text-muted);margin:0 0 20px;font-size:13px}.dev-webhook-tunnel-box .success-banner,.dev-webhook-tunnel-box .error-banner{margin-bottom:16px}.dev-webhook-form{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.dev-webhook-form .form-group{margin-bottom:0}.dev-webhook-form .form-group.flex-1{flex:1;min-width:200px}.dev-webhook-form .form-group.flex-2{flex:2;min-width:300px}.dev-webhook-form .form-group.flex-1-2{flex:1.2;min-width:220px}.dev-webhook-form select.form-input{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:36px}.dev-webhook-form select.form-input option{color:#fff;background:#0e1322}.dev-sync-submit-btn{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;height:42px;padding:0 24px;font-weight:700;display:flex}.tenant-details-tabs{border-bottom:1px solid var(--border-light);flex-wrap:wrap;gap:8px;margin-bottom:16px;padding-bottom:8px;display:flex}.tenant-details-tabs .tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:700;transition:all .2s}.tenant-details-tabs .tab-btn:hover{color:#fff;background:#ffffff08}.tenant-details-tabs .tab-btn.active{color:var(--primary);background:#00f2fe14;border-color:#00f2fe2e}.tenant-tab-content{flex-direction:column;gap:24px;display:flex}.tenant-tab-content .tab-section-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.tenant-tab-content .tab-section-header h2{color:#fff;margin:0 0 4px;font-size:22px;font-weight:800}.tenant-tab-content .tab-section-header .section-subtitle{color:var(--text-muted);font-size:13px}.tenant-tab-content .tab-section-header .tab-header-actions{align-items:center;gap:12px;display:flex}.overview-grid{grid-template-columns:1.2fr .8fr;gap:20px;display:grid}.overview-grid .overview-details-card,.overview-grid .overview-status-card{border:1px solid var(--border-light);background:#ffffff05;border-radius:18px;padding:24px}.overview-grid .overview-status-card{flex-direction:column;gap:16px;display:flex}.overview-grid .overview-status-card h3{color:#fff;margin:0;font-size:16px;font-weight:800}.overview-grid .overview-status-card .status-badge-large{text-align:center;text-transform:uppercase;letter-spacing:.04em;border-radius:12px;padding:12px;font-size:13px;font-weight:800}.overview-grid .overview-status-card .status-badge-large.active{color:var(--success);background:#10b9811a;border:1px solid #10b98133}.overview-grid .overview-status-card .status-badge-large.inactive{color:var(--danger);background:#ef44441a;border:1px solid #ef444433}.overview-grid .overview-status-card .status-explanation{color:var(--text-muted);margin:0;font-size:13px;line-height:1.6}.overview-grid .detail-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:14px 0;display:flex}.overview-grid .detail-row:last-child{border-bottom:none;padding-bottom:0}.overview-grid .detail-row .detail-label{color:var(--text-muted);align-items:center;gap:8px;font-size:13px;display:flex}.overview-grid .detail-row .detail-value{color:#fff;font-size:14px;font-weight:700}.expenses-summary-cards-container{margin-bottom:12px}.expenses-detail-grid{grid-template-columns:.9fr 1.1fr;gap:20px;display:grid}.expenses-detail-grid .billing-snapshot-block,.expenses-detail-grid .channels-expenses-block{border:1px solid var(--border-light);background:#ffffff05;border-radius:18px;padding:24px}.expenses-detail-grid .billing-snapshot-block h3,.expenses-detail-grid .channels-expenses-block h3{color:#fff;margin:0 0 16px;font-size:16px;font-weight:800}.channel-breakdown-wrapper{overflow-x:auto}.channel-breakdown-table th,.channel-breakdown-table td{text-align:left;border-bottom:1px solid #ffffff0d;padding:12px}.channel-breakdown-table th{color:var(--text-muted);font-weight:700}.channel-breakdown-table td{color:#fff}.tab-search-input-box,.sync-search-bar,.search-filter-box{border-radius:10px;align-items:center;gap:8px;width:280px;padding:8px 12px;display:flex}.tab-search-input-box svg,.sync-search-bar svg,.search-filter-box svg{color:var(--text-muted)}.tab-search-input-box input,.sync-search-bar input,.search-filter-box input{color:#fff;background:0 0;border:none;outline:none;width:100%;font-size:13px}.tab-status-select,.tab-channel-select,.tab-sync-channel-select,.expenses-month-select{border:1px solid var(--border-light);color:#fff;cursor:pointer;background:#ffffff08;border-radius:10px;outline:none;padding:8px 12px;font-size:13px;transition:all .2s}.tab-status-select:hover,.tab-channel-select:hover,.tab-sync-channel-select:hover,.expenses-month-select:hover{background:#ffffff0d;border-color:#ffffff2e}.tab-status-select:focus,.tab-channel-select:focus,.tab-sync-channel-select:focus,.expenses-month-select:focus{border-color:var(--primary)}.tab-status-select option,.tab-channel-select option,.tab-sync-channel-select option,.expenses-month-select option{color:#fff;background:#0e1322}.categories-table-wrapper,.contacts-table-wrapper,.users-table-wrapper,.templates-table-wrapper{border:1px solid var(--border-light);background:#ffffff05;border-radius:18px;max-height:480px;position:relative;overflow:auto;box-shadow:0 10px 40px #0000002e}.categories-table-wrapper::-webkit-scrollbar{width:6px;height:6px;display:block}.contacts-table-wrapper::-webkit-scrollbar{width:6px;height:6px;display:block}.users-table-wrapper::-webkit-scrollbar{width:6px;height:6px;display:block}.templates-table-wrapper::-webkit-scrollbar{width:6px;height:6px;display:block}.categories-table-wrapper::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.contacts-table-wrapper::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.users-table-wrapper::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.templates-table-wrapper::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.categories-data-table,.contacts-data-table,.users-data-table,.templates-data-table{border-collapse:separate;border-spacing:0;text-align:left;width:100%;font-size:14px}.categories-data-table thead,.contacts-data-table thead,.users-data-table thead,.templates-data-table thead{z-index:10;position:sticky;top:0}.categories-data-table th,.categories-data-table td,.contacts-data-table th,.contacts-data-table td,.users-data-table th,.users-data-table td,.templates-data-table th,.templates-data-table td{padding:16px 20px}.categories-data-table th,.contacts-data-table th,.users-data-table th,.templates-data-table th{z-index:10;color:var(--text-muted);background:#0b0f19;font-weight:700;position:sticky;top:0;box-shadow:inset 0 -1px #ffffff14}.categories-data-table td,.contacts-data-table td,.users-data-table td,.templates-data-table td{color:#fff;border-bottom:1px solid #ffffff0d}.template-messages-card{background:var(--bg-dark);border:1px solid var(--border-light);border-radius:16px;flex-direction:column;gap:20px;margin-top:28px;padding:24px 28px;display:flex;box-shadow:0 10px 30px #0003}.template-messages-card .section-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.template-messages-card .section-header-row h3{color:#fff;margin:0;font-size:18px;font-weight:700}.template-messages-card .search-filter-box{align-items:center;margin-left:auto;display:flex;position:relative}.template-messages-card .search-filter-box .search-icon,.template-messages-card .search-filter-box svg{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:17px;transform:translateY(-50%)}.template-messages-card .search-filter-box .templates-search-input{border:1px solid var(--border-light);color:#fff;background:#ffffff08;border-radius:8px;outline:none;width:250px;padding:8px 8px 8px 25px;font-size:13px;transition:all .2s}.template-messages-card .search-filter-box .templates-search-input:focus{border-color:var(--primary);background:#ffffff0f;box-shadow:0 0 0 2px #00f2fe26}.template-messages-card .search-filter-box .templates-search-input::placeholder{color:#fff6}.user-profile-cell .avatar-placeholder{width:38px;height:38px;color:var(--primary);background:#00f2fe14;border:1px solid #00f2fe2e;border-radius:10px;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex}.user-profile-cell .user-meta-id{color:var(--text-muted);margin-top:2px;font-size:11px;display:block}.table-actions-cell{gap:8px;display:flex}.table-actions-cell button{cursor:pointer;background:#ffffff08;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:inline-flex}.table-actions-cell button.btn-action-edit,.table-actions-cell button.btn-action-preview{color:var(--primary);border-color:#00f2fe1f}.table-actions-cell button.btn-action-edit:hover,.table-actions-cell button.btn-action-preview:hover{background:#00f2fe14}.table-actions-cell button.btn-action-sync{color:var(--success);border-color:#10b9811f}.table-actions-cell button.btn-action-sync:hover{background:#10b98114}.table-actions-cell button.btn-action-delete{color:var(--danger);border-color:#ef44441f}.table-actions-cell button.btn-action-delete:hover{background:#ef444414}.tab-pagination,.sync-pagination{justify-content:center;align-items:center;gap:16px;margin-top:8px;display:flex}.tab-pagination .page-nav-btn,.sync-pagination .page-nav-btn{border:1px solid var(--border-light);color:#fff;cursor:pointer;background:#ffffff08;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;transition:all .2s;display:inline-flex}.tab-pagination .page-nav-btn:disabled,.sync-pagination .page-nav-btn:disabled{opacity:.3;cursor:not-allowed}.tab-pagination .page-nav-btn:hover:not(:disabled),.sync-pagination .page-nav-btn:hover:not(:disabled){background:#ffffff0f}.tab-pagination .page-indicator,.sync-pagination .page-indicator{color:var(--text-muted);font-size:13px}.contacts-count-badge{border:1px solid var(--border-light);color:var(--text-muted);background:#ffffff08;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:inline-flex}.added-via-badge{text-transform:uppercase;letter-spacing:.02em;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:700}.added-via-badge.manual{color:var(--primary);background:#00f2fe14}.added-via-badge.inbound{color:var(--success);background:#10b98114}.sync-contacts-modal{max-width:95vw;width:550px!important}.sync-search-bar{margin-bottom:16px;width:100%!important}.sync-contacts-list-container{border:1px solid var(--border-light);background:#0000001a;border-radius:12px;height:280px;margin-bottom:12px;overflow-y:auto}.sync-contacts-table{border-collapse:collapse;width:100%;font-size:13px}.sync-contacts-table tr{cursor:pointer;transition:background .15s}.sync-contacts-table tr:hover{background:#ffffff05}.sync-contacts-table tr.selected{background:#00f2fe0a}.sync-contacts-table th,.sync-contacts-table td{text-align:left;color:#fff;border-bottom:1px solid #ffffff0a;padding:10px 14px}.sync-contacts-table th{color:var(--text-muted);z-index:1;background:#0e1322;font-weight:700;position:sticky;top:0}.sync-contacts-table input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.contacts-mini-loading,.contacts-mini-empty{text-align:center;color:var(--text-muted);padding:40px 0;font-size:13px}.role-badge-admin{color:var(--danger);background:#ef444414;border-color:#ef44442e}.role-badge-manager{color:#f59e0b;background:#f59e0b14;border-color:#f59e0b2e}.role-badge-agent{color:var(--primary);background:#00f2fe14;border-color:#00f2fe2e}.tenant-templates-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.tenant-template-card{border:1px solid var(--border-light);background:#ffffff05;border-radius:18px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 10px 40px #0000002e}.tenant-template-card .template-card-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 20px;display:flex}.tenant-template-card .template-card-header .template-card-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:220px;margin:0 0 8px;font-size:15px;font-weight:800;overflow:hidden}.tenant-template-card .template-card-badges{flex-wrap:wrap;gap:6px;display:flex}.tenant-template-card .btn-delete-template{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px;transition:all .2s}.tenant-template-card .btn-delete-template:hover{color:var(--danger);background:#ef444414}.tenant-template-card .template-card-body{flex-direction:column;flex:1;gap:14px;padding:20px;display:flex}.tenant-template-card .template-card-body .preview-block-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.04em;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.tenant-template-card .template-card-body .preview-text-content{color:#fff;background:#ffffff05;border:1px solid #ffffff0a;border-radius:8px;margin:0;padding:8px 12px;font-size:13px;line-height:1.5}.tenant-template-card .template-card-body .preview-text-content.message-body-text{font-family:var(--font-sans), system-ui;white-space:pre-wrap}.tenant-template-card .template-card-body .preview-text-content.footer-text{color:var(--text-muted)}.tenant-template-card .template-card-footer{background:#ffffff03;border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.tenant-template-card .template-card-footer .template-footer-meta{color:var(--text-muted);align-items:center;gap:6px;font-size:11px;display:flex}.tenant-template-card .template-card-footer .template-footer-meta strong{color:#fff}.template-category-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:4px;padding:3px 8px;font-size:10px;font-weight:800}.template-category-badge.marketing{color:#f59e0b;background:#f59e0b1a}.template-category-badge.authentication{color:var(--danger);background:#ef44441a}.template-category-badge.utility{color:var(--primary);background:#00f2fe1a}.template-channel-badge{color:#818cf8;text-transform:none;letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;background:#6366f11a;border:1px solid #6366f138;border-radius:4px;align-items:center;gap:5px;max-width:180px;padding:3px 8px;font-size:10px;font-weight:700;display:inline-flex;overflow:hidden}.template-channel-badge svg{flex-shrink:0}.tenant-sync-action-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tenant-sync-action-group .tab-sync-channel-select{min-width:170px}.template-channels-summary-bar{background:#ffffff04;border:1px solid #ffffff0d;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding:10px 16px;display:flex}.template-channels-summary-bar .summary-text{color:var(--text-muted);font-size:13px}.template-channels-summary-bar .summary-text strong{color:#fff}.template-channels-summary-bar .channel-pills-list{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.template-channels-summary-bar .channel-pills-list .channel-filter-pill{border:1px solid var(--border-light);color:var(--text-muted);cursor:pointer;background:#ffffff08;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.template-channels-summary-bar .channel-pills-list .channel-filter-pill:hover{color:#fff;background:#ffffff12}.template-channels-summary-bar .channel-pills-list .channel-filter-pill.active{color:var(--primary);background:#00f2fe1f;border-color:#00f2fe59}.template-channels-summary-bar .channel-pills-list .channel-filter-pill .pill-count{background:#ffffff14;border-radius:10px;padding:1px 6px;font-size:10px;font-weight:700}.channel-phone-sub{color:var(--text-muted);margin-left:4px;font-weight:400}.btn-clear-filters{border:1px solid var(--border-light);color:#fff;cursor:pointer;background:#ffffff0d;border-radius:8px;margin-top:12px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.btn-clear-filters:hover{border-color:var(--primary);background:#ffffff1a}.template-view-toggle{border:1px solid var(--border-light);background:#ffffff08;border-radius:10px;align-items:center;gap:2px;padding:3px;display:inline-flex}.template-view-toggle .view-toggle-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.template-view-toggle .view-toggle-btn:hover:not(.active){color:#fff;background:#ffffff0d}.template-view-toggle .view-toggle-btn.active{background:var(--primary);color:var(--text-dark,#060913);box-shadow:0 2px 8px #00f2fe40}.templates-table-wrapper{max-height:620px}.templates-table-wrapper .templates-data-table tbody tr{cursor:pointer;transition:background .15s}.templates-table-wrapper .templates-data-table tbody tr:hover{background:#ffffff06}.template-name-cell{flex-direction:column;gap:4px;max-width:220px;display:flex}.template-name-cell .tpl-name-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.template-name-cell .tpl-meta-id{color:var(--text-muted);font-size:11px;font-family:var(--font-mono,monospace)}.template-name-cell .tpl-header-tag{text-transform:uppercase;color:#a78bfa;background:#a78bfa1a;border:1px solid #a78bfa33;border-radius:4px;align-self:flex-start;margin-top:2px;padding:1px 6px;font-size:10px;font-weight:700;display:inline-block}.template-channel-cell{flex-direction:column;gap:4px;display:flex}.template-channel-cell .tpl-channel-phone{color:var(--text-muted);padding-left:2px;font-size:11px}.template-category-cell{flex-direction:column;gap:4px;display:flex}.template-category-cell .tpl-cost-sub{color:var(--text-muted);font-size:11px;font-weight:600}.template-language-cell .tpl-language-badge{color:#fff;border:1px solid var(--border-light);text-transform:uppercase;background:#ffffff0a;border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-size:12px;font-weight:700;display:inline-flex}.template-content-cell{max-width:340px}.template-content-cell .tpl-content-bubble-preview{cursor:pointer;background:#ffffff05;border:1px solid #ffffff0f;border-radius:8px;flex-direction:column;gap:4px;padding:8px 12px;transition:all .2s;display:flex}.template-content-cell .tpl-content-bubble-preview:hover{background:#ffffff0a;border-color:#00f2fe40}.template-content-cell .tpl-content-bubble-preview .tpl-bubble-header{color:var(--primary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:700;overflow:hidden}.template-content-cell .tpl-content-bubble-preview .tpl-bubble-body{color:#ffffffd9;-webkit-line-clamp:2;text-overflow:ellipsis;white-space:normal;word-break:break-word;-webkit-box-orient:vertical;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.template-content-cell .tpl-content-bubble-preview .tpl-bubble-footer{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;border-top:1px solid #ffffff0a;padding-top:3px;font-size:10px;overflow:hidden}.template-status-cell{flex-direction:column;gap:4px;display:flex}.template-status-cell .tpl-rejection-warning{color:var(--danger);word-break:break-word;max-width:150px;font-size:11px;line-height:1.3}.template-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.template-modal-card{border:1px solid var(--border-light);background:#0d121f;border-radius:20px;flex-direction:column;width:100%;max-width:640px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 60px #00000080}.template-modal-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.template-modal-header .modal-header-info{flex-direction:column;gap:4px;display:flex}.template-modal-header .modal-header-info h3{color:#fff;margin:0;font-size:17px;font-weight:800}.template-modal-header .modal-header-info .modal-subtitle{color:var(--text-muted);font-size:12px}.template-modal-header .modal-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px;transition:all .2s}.template-modal-header .modal-close-btn:hover{color:#fff;background:#ffffff14}.template-modal-body{flex-direction:column;gap:20px;padding:24px;display:flex;overflow-y:auto}.template-preview-mockup-wrapper{background:#080c14 radial-gradient(#ffffff08 1px,#0000 1px) 0 0/16px 16px;border:1px solid #ffffff0f;border-radius:16px;padding:20px}.template-preview-mockup-wrapper .whatsapp-message-bubble{background:#1f2c34;border-left:3px solid #00a884;border-radius:12px 12px 12px 2px;flex-direction:column;gap:10px;max-width:90%;padding:14px 16px;display:flex;box-shadow:0 4px 15px #0000004d}.template-preview-mockup-wrapper .whatsapp-message-bubble .whatsapp-header-content{color:#e9edef;border-bottom:1px solid #ffffff14;padding-bottom:8px;font-size:14px;font-weight:700}.template-preview-mockup-wrapper .whatsapp-message-bubble .whatsapp-media-header-box{color:#8696a0;text-transform:uppercase;background:#0003;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:12px;font-weight:600;display:flex}.template-preview-mockup-wrapper .whatsapp-message-bubble .whatsapp-body-content{color:#e9edef;white-space:pre-wrap;word-break:break-word;font-size:13.5px;line-height:1.5}.template-preview-mockup-wrapper .whatsapp-message-bubble .whatsapp-body-content .variable-token{color:var(--primary);font-weight:700;font-family:var(--font-mono,monospace);background:#00f2fe26;border-radius:4px;padding:1px 5px;font-size:12px}.template-preview-mockup-wrapper .whatsapp-message-bubble .whatsapp-footer-content{color:#8696a0;font-size:11px;line-height:1.3}.template-preview-mockup-wrapper .whatsapp-message-bubble .whatsapp-timestamp-row{color:#8696a0;justify-content:flex-end;align-items:center;gap:4px;margin-top:2px;font-size:10px;display:flex}.template-details-meta-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.template-details-meta-grid .meta-grid-item{background:#ffffff05;border:1px solid #ffffff0d;border-radius:10px;flex-direction:column;gap:3px;padding:10px 14px;display:flex}.template-details-meta-grid .meta-grid-item .meta-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.04em;font-size:10px;font-weight:700}.template-details-meta-grid .meta-grid-item .meta-val{color:#fff;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.meta-verified-badge{color:var(--success,#10b981);text-transform:uppercase;letter-spacing:.03em;background:#10b9811f;border:1px solid #10b98140;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.meta-estimate-badge{color:#f59e0b;text-transform:uppercase;letter-spacing:.03em;background:#f59e0b1f;border:1px solid #f59e0b40;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.meta-metric-pill{border:1px solid var(--border-light);color:var(--text-muted);background:#ffffff08;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:inline-flex}.meta-metric-pill strong{color:#fff}.profit-margin-badge{color:var(--success,#10b981);background:#10b98126;border:1px solid #10b9814d;border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:11px;font-weight:700;display:inline-flex}.channel-breakdown-empty{text-align:center;border:1px dashed var(--border-light);background:#ffffff03;border-radius:12px;flex-direction:column;align-items:center;gap:12px;padding:32px 20px;display:flex}.channel-breakdown-empty p{color:var(--text-muted);margin:0;font-size:13px}.channel-breakdown-slider-container{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.channel-breakdown-slider-container .channel-slider-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.channel-breakdown-slider{border:1px solid var(--border-light);scrollbar-width:none;background:#ffffff05;border-radius:12px;align-items:center;gap:8px;padding:5px;display:flex;overflow-x:auto}.channel-breakdown-slider::-webkit-scrollbar{display:none}.channel-slider-btn{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;flex-shrink:0;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.channel-slider-btn:hover{color:#fff;background:#ffffff0a}.channel-slider-btn.active{background:var(--primary);color:var(--text-dark);border-color:var(--primary);box-shadow:0 4px 14px #00f2fe40}.channel-slider-btn.active .channel-slider-count{color:var(--text-dark);background:#0003}.channel-slider-count{color:#fff;background:#ffffff14;border-radius:999px;padding:2px 7px;font-size:11px;font-weight:800;transition:all .2s}.channel-breakdown-table tbody tr{cursor:pointer;transition:background .15s}.channel-breakdown-table tbody tr:hover{background:#ffffff08}.channel-breakdown-table tbody tr.is-selected{border-left:3px solid var(--primary);background:#00f2fe12}.channel-breakdown-table tbody tr.is-selected td strong{color:var(--primary)}.billing-snapshot-block .billing-snapshot-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.billing-snapshot-block .billing-snapshot-header h3{color:#fff;margin:0;font-size:16px;font-weight:800}.billing-snapshot-block .channel-scope-badge{color:var(--primary);white-space:nowrap;background:#00f2fe1a;border:1px solid #00f2fe33;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}@media (width<=900px){.overview-grid,.expenses-detail-grid{grid-template-columns:1fr}}.expenses-page{flex-direction:column;gap:24px;display:flex}.expenses-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}@media (width<=720px){.expenses-header{flex-direction:column;align-items:stretch}}.expenses-title{color:#fff;margin-bottom:4px;font-size:24px;font-weight:800}.expenses-subtitle{color:var(--text-muted);font-size:14px}.expenses-header-actions{align-items:center;gap:12px;display:flex}@media (width<=720px){.expenses-header-actions{justify-content:space-between;width:100%}}.expenses-month-select{border:1px solid var(--border-light);color:#fff;cursor:pointer;appearance:none;background:#ffffff08 url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") right 12px center/16px no-repeat;border-radius:8px;outline:none;padding:10px 36px 10px 14px;font-size:14px;font-weight:600;transition:all .2s}.expenses-month-select:hover{background-color:#ffffff0f}.expenses-month-select option{color:#fff;background:#0e1322}.expenses-refresh-btn{border:1px solid var(--border-light);color:#fff;cursor:pointer;background:#ffffff08;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.expenses-refresh-btn:hover{background:#ffffff14}.expenses-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.expenses-error{color:var(--danger);background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;align-items:center;gap:10px;padding:12px 16px;font-size:14px;display:flex}.expenses-loading{text-align:center;color:var(--text-muted);padding:40px;font-size:14px}.expenses-summary-bar{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:16px;display:grid}.expenses-summary-bar .summary-card{border:1px solid var(--border-light);background:#ffffff05;border-radius:10px;flex-direction:column;gap:4px;padding:16px;display:flex}.expenses-summary-bar .summary-card.real-meta-card{background:linear-gradient(135deg,#00f2fe0d 0%,#4facfe05 100%);border:1px solid #00f2fe4d}.expenses-summary-bar .summary-card .summary-card-header{justify-content:space-between;align-items:center;gap:6px;display:flex}.expenses-summary-bar .summary-card .free-tier-badge{color:var(--primary);text-transform:uppercase;letter-spacing:.5px;background:#00f2fe26;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:700}.expenses-summary-bar .summary-card .summary-card-subtext{color:var(--text-muted);margin-top:2px;font-size:11px}.expenses-summary-bar .summary-card span{color:var(--text-muted);font-size:12px;font-weight:600}.expenses-summary-bar .summary-card strong{color:#fff;font-size:20px;font-weight:800}.expenses-summary-bar .summary-card strong.profit,.expenses-summary-bar .summary-card strong.paid-text{color:#4ade80}.expenses-summary-bar .summary-card strong.unpaid-text{color:#f87171}.expenses-filter-bar{align-items:center;gap:8px;margin-bottom:16px;display:flex}.payment-filter-btn{border:1px solid var(--border-light);color:var(--text-muted);cursor:pointer;background:#ffffff08;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .2s}.payment-filter-btn:hover{color:#fff;background:#ffffff0f}.payment-filter-btn.active{border-color:var(--primary);color:var(--primary);background:#00f2fe1f}.expenses-table-wrapper{border:1px solid var(--border-light);background:#ffffff05;border-radius:12px;overflow-x:auto}.expenses-data-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.expenses-data-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-light);background:#ffffff03;padding:14px 18px;font-size:11px;font-weight:700}.expenses-data-table td{border-bottom:1px solid var(--border-light);color:#fff;vertical-align:middle;padding:16px 18px}.expenses-data-table tbody tr:last-child td{border-bottom:none}.expenses-data-table .expense-meta-label{color:var(--text-muted);margin-top:3px;font-size:11px;display:block}.expenses-data-table .expense-profit-positive{color:#4ade80;font-weight:700}.expenses-data-table .expense-profit-negative{color:#f87171;font-weight:700}.expenses-data-table .total-month-cost-cell{flex-direction:column;width:max-content;display:flex}.expenses-data-table .channel-count-badge{color:var(--primary);background:#00f2fe1f;border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.expenses-data-table .channel-toggle-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:2px 4px;transition:color .2s,background .2s;display:inline-flex}.expenses-data-table .channel-toggle-btn:hover{color:#fff;background:#ffffff14}.expenses-data-table .payment-status-cell{flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.expenses-data-table .payment-status-badge{border-radius:14px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.expenses-data-table .payment-status-badge.paid{color:#4ade80;background:#22c55e26;border:1px solid #22c55e4d}.expenses-data-table .payment-status-badge.unpaid{color:#f87171;background:#ef444426;border:1px solid #ef44444d}.expenses-data-table .payment-action-btn{border:1px solid var(--border-light);color:var(--text-muted);cursor:pointer;background:#ffffff0d;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600;transition:all .2s}.expenses-data-table .payment-action-btn:hover{color:#fff;background:#ffffff1f}.channel-breakdown-row{background:#00000040}.channel-breakdown-row td{border-bottom:1px solid var(--border-light);padding:12px 18px 16px 36px}.channel-breakdown-card{border:1px solid var(--border-light);background:#ffffff05;border-radius:8px;padding:12px 16px}.channel-breakdown-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;margin-bottom:8px;font-size:12px;font-weight:700;display:flex}.channel-breakdown-table{border-collapse:collapse;width:100%;font-size:12px}.channel-breakdown-table th{color:var(--text-muted);border-bottom:1px solid #ffffff14;padding:6px 10px;font-size:11px;font-weight:600}.channel-breakdown-table td{color:#e2e8f0;border-bottom:1px solid #ffffff0a;padding:8px 10px}.channel-breakdown-table tr:last-child td{border-bottom:none}.payment-modal-info-box{background:#00f2fe0f;border:1px solid #00f2fe33;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:12px 16px;display:flex}.payment-modal-info-box span{color:var(--text-muted);font-size:13px}.payment-modal-info-box strong{color:var(--primary);font-size:18px;font-weight:800}.modal-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.modal-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;transition:all .2s}.modal-close-btn:hover{color:#fff;background:#ffffff1a}.modal-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.modal-actions .btn-secondary{border:1px solid var(--border-light);color:#fff;cursor:pointer;background:#ffffff0d;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .2s}.modal-actions .btn-secondary:hover{background:#ffffff1a}.modal-actions .btn-primary{color:#04060e;cursor:pointer;background:linear-gradient(135deg,#00f2fe 0%,#4facfe 100%);border:none;border-radius:8px;padding:10px 22px;font-size:14px;font-weight:700;transition:all .2s;box-shadow:0 4px 15px #00f2fe4d}.modal-actions .btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #00f2fe66}.modal-actions .btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.form-textarea{resize:vertical;min-height:80px;font-family:inherit}.meta-toggle-btn{border:1px solid var(--border-light);color:#fff;cursor:pointer;background:#ffffff08;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.meta-toggle-btn:hover{background:#ffffff14}.meta-toggle-btn.locked{color:#f87171;background:#ef444414;border-color:#ef444466}.meta-toggle-btn.locked:hover{background:#ef444426}.meta-toggle-btn.unlocked{color:#4ade80;background:#4ade8014;border-color:#4ade8066}.meta-toggle-btn.unlocked:hover{background:#4ade8026}.tenant-info-col{flex-direction:column;gap:8px;display:flex}.channel-count-badge.clickable{cursor:pointer}.real-meta-tenant-bubble{color:var(--primary);background:#00f2fe14;border:1px solid #00f2fe33;border-radius:4px;margin-top:4px;padding:2px 6px;font-size:10px;font-weight:700;display:inline-block}.security-modal{width:100%;max-width:420px}.security-modal .password-error-msg{color:#f87171;margin-top:6px;font-size:12px;font-weight:600;display:block}.view-templates-btn{color:var(--primary);cursor:pointer;background:#00f2fe14;border:1px solid #00f2fe33;border-radius:6px;align-items:center;gap:4px;margin-top:4px;padding:3px 8px;font-size:11px;font-weight:600;transition:all .2s;display:inline-flex}.view-templates-btn:hover{color:#fff;border-color:var(--primary);background:#00f2fe2e}.templates-modal{border-radius:16px;flex-direction:column;width:95%;max-width:980px;max-height:85vh;padding:32px;display:flex}.templates-modal-body{flex-direction:column;gap:20px;max-height:62vh;padding-right:4px;display:flex;overflow-y:auto}.templates-summary-row{border:1px solid var(--border-light);background:#ffffff05;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.templates-stat-pills{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.templates-stat-pill{border:1px solid var(--border-light);color:var(--text-muted);background:#ffffff0a;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;display:inline-flex}.templates-stat-pill strong{color:#fff;font-weight:700}.search-filter-box{align-items:center;margin-left:auto;display:flex;position:relative}.search-filter-box .search-icon,.search-filter-box svg{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-filter-box .templates-search-input{border:1px solid var(--border-light);color:#fff;background:#ffffff08;border-radius:8px;outline:none;width:250px;padding:8px 14px 8px 36px;font-size:13px;transition:all .2s}.search-filter-box .templates-search-input:focus{border-color:var(--primary);background:#ffffff0f;box-shadow:0 0 0 2px #00f2fe26}.search-filter-box .templates-search-input::placeholder{color:#fff6}.templates-table-wrapper{border:1px solid var(--border-light);background:#ffffff05;border-radius:12px;max-height:480px;position:relative;overflow:auto}.templates-table-wrapper::-webkit-scrollbar{width:6px;height:6px;display:block}.templates-table-wrapper::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.templates-data-table{border-collapse:separate;border-spacing:0;text-align:left;width:100%;font-size:13px}.templates-data-table thead{z-index:10;position:sticky;top:0}.templates-data-table th{z-index:10;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;box-shadow:inset 0 -1px 0 var(--border-light);background:#0b0f19;padding:14px 18px;font-size:10.5px;font-weight:700;position:sticky;top:0}.templates-data-table td{color:#e2e8f0;vertical-align:middle;border-bottom:1px solid #ffffff0a;padding:14px 18px}.templates-data-table tr:last-child td{border-bottom:none}.template-category-badge{letter-spacing:.5px;text-transform:uppercase;border-radius:12px;align-items:center;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.template-category-badge.marketing{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.template-category-badge.utility{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d}.template-category-badge.authentication{color:#c084fc;background:#a855f726;border:1px solid #a855f74d}.template-category-badge.other{color:#cbd5e1;background:#94a3b826;border:1px solid #94a3b84d}.template-msg-preview{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:11px;display:block;overflow:hidden}.empty-templates-cell{text-align:center;color:var(--text-muted);padding:24px}.users-page{flex-direction:column;gap:24px;display:flex}.users-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}@media (width<=720px){.users-header{flex-direction:column}}.users-title{color:#fff;margin:0;font-size:28px;font-weight:800}.users-subtitle{color:var(--text-muted);margin:4px 0 0;font-size:14px}.users-header-actions{align-items:center;gap:12px;display:flex}@media (width<=720px){.users-header-actions{justify-content:space-between;width:100%}}.users-refresh-btn{border:1px solid var(--border-light);color:#fff;cursor:pointer;background:#ffffff08;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.users-refresh-btn:hover{background:#ffffff14}.users-refresh-btn:disabled{opacity:.65;cursor:not-allowed}.btn-add-user{cursor:pointer;border-radius:8px;align-items:center;gap:8px;margin:0;padding:10px 18px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 15px #00f2fe33}.btn-add-user:hover{transform:translateY(-1px);box-shadow:0 6px 20px #00f2fe4d}.users-success-alert{color:var(--success);background:#10b98114;border:1px solid #10b98133;border-radius:10px;align-items:center;gap:12px;padding:16px;display:flex}.users-error-alert{color:var(--danger);background:#ef444414;border:1px solid #ef444433;border-radius:10px;align-items:center;gap:12px;padding:16px;display:flex}.users-toolbar-card{border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.users-filters{flex-wrap:wrap;align-items:center;gap:12px;display:flex}@media (width<=768px){.users-filters{width:100%}}.filter-select{border:1px solid var(--border-light);color:#fff;cursor:pointer;appearance:none;background:#0003 url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") right 12px center/12px no-repeat;border-radius:8px;outline:none;padding:8px 36px 8px 14px;font-size:14px;font-weight:500;transition:all .2s}.filter-select:hover{background-color:#ffffff05;border-color:#fff3}.filter-select option{background:var(--bg-darker);color:#fff}.rtl-layout .filter-select{background-position:12px;padding:8px 14px 8px 36px}.search-box-container{border:1px solid var(--border-light);background:#0003;border-radius:8px;align-items:center;gap:10px;width:100%;max-width:380px;padding:8px 14px;display:flex}.search-box-container .search-icon{color:var(--text-muted)}.search-box-container .search-input{color:#fff;background:0 0;border:none;outline:none;width:100%;padding:0 0 0 27px;font-size:14px}.search-box-container .search-input::placeholder{color:var(--text-muted)}.users-loading-state{text-align:center;color:var(--text-muted);padding:64px 0}.users-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:64px 24px;display:flex}.users-empty-state .empty-icon{color:var(--text-muted);margin-bottom:16px}.users-empty-state h3{color:#fff;margin:0;font-weight:700}.users-table-wrapper{border-radius:var(--radius-lg);border:1px solid var(--border-light);overflow-x:auto}.users-data-table{border-collapse:collapse;width:100%;font-size:14px}.users-data-table thead tr{border-bottom:1px solid var(--border-light);background:#ffffff05}.users-data-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;padding:16px 24px;font-size:12px;font-weight:700}.users-data-table tbody tr{border-bottom:1px solid #ffffff0a;transition:background .2s}.users-data-table tbody tr:hover{background:#ffffff04}.users-data-table tbody tr.user-row-self{background:#00f2fe03}.users-data-table td{vertical-align:middle;padding:16px 24px}.user-profile-cell{align-items:center;gap:12px;display:flex}.user-avatar-badge{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-hover) 100%);width:36px;height:36px;color:var(--text-dark);border-radius:50%;justify-content:center;align-items:center;font-size:15px;font-weight:800;display:flex;box-shadow:0 2px 10px #00f2fe26}.user-identity{flex-direction:column;gap:2px;display:flex}.user-identity .user-name{color:#fff;font-size:15px;font-weight:800}.user-identity .user-name .self-tag{color:var(--primary);margin-left:6px;font-size:11px;font-weight:700}.user-identity .user-email{color:var(--text-muted);align-items:center;gap:4px;font-size:12px;display:flex}.role-badge{letter-spacing:.5px;border:1px solid #0000;border-radius:12px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.role-badge.role-admin{color:var(--warning);background:#f59e0b14;border-color:#f59e0b33}.role-badge.role-manager{color:var(--primary);background:#00f2fe14;border-color:#00f2fe33}.role-badge.role-agent{color:var(--success);background:#10b98114;border-color:#10b98133}.tenant-info-cell{color:var(--text-muted);align-items:center;gap:8px;font-weight:500;display:flex}.tenant-info-cell span{color:#e2e8f0}.status-pill{border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.status-pill.active{color:#4ade80;background:#10b9811a}.status-pill.inactive{color:#f87171;background:#ef44441a}.user-row-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.btn-edit-action{border:1px solid var(--border-light);color:#fff;cursor:pointer;background:#ffffff08;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:700;transition:all .2s;display:inline-flex}.btn-edit-action:hover{background:var(--primary);color:var(--text-dark);border-color:var(--primary)}.btn-delete-action{color:var(--danger);cursor:pointer;background:#ef44440f;border:1px solid #ef444433;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:inline-flex}.btn-delete-action:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.password-hint{color:var(--text-muted);font-size:11px;font-weight:400}.form-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 14px center;background-repeat:no-repeat;background-size:14px;padding-right:36px!important}.form-select option{background-color:var(--bg-darker);color:#fff}.form-status-row{margin:12px 0 20px}.drivers-page{flex-direction:column;gap:24px;display:flex}.drivers-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}@media (width<=720px){.drivers-header{flex-direction:column}}.drivers-title{color:#fff;margin:0;font-size:28px;font-weight:800}.drivers-subtitle{color:var(--text-muted);margin:4px 0 0;font-size:14px}.drivers-header-actions{align-items:center;gap:12px;display:flex}@media (width<=720px){.drivers-header-actions{justify-content:space-between;width:100%}}.drivers-search-box{align-items:center;display:flex;position:relative}.drivers-search-box .search-icon{color:#94a3b8;pointer-events:none;position:absolute;left:10px}.drivers-search-input{color:#f8fafc;background:#1e293b99;border:1px solid #ffffff1a;border-radius:8px;outline:none;padding:8px 12px 8px 34px;font-size:.88rem;transition:all .2s}.drivers-search-input:focus{border-color:var(--primary);background:#1e293be6}.drivers-refresh-btn{border:1px solid var(--border-light);color:#fff;cursor:pointer;background:#ffffff08;border-radius:8px;justify-content:center;align-items:center;padding:10px;transition:all .2s;display:inline-flex}.drivers-refresh-btn:hover{background:#ffffff14}.drivers-refresh-btn:disabled{opacity:.65;cursor:not-allowed}.btn-add-driver{background:var(--primary);color:var(--text-dark);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 15px #00f2fe33}.btn-add-driver:hover{transform:translateY(-1px);box-shadow:0 6px 20px #00f2fe4d}.drivers-error-banner{color:var(--danger);background:#ef444414;border:1px solid #ef444433;border-radius:10px;align-items:center;gap:12px;padding:16px;display:flex}.drivers-success-banner{color:var(--success);background:#10b98114;border:1px solid #10b98133;border-radius:10px;align-items:center;gap:12px;padding:16px;display:flex}.drivers-loading{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px;display:flex}.drivers-empty-state{border:1px dashed var(--border-light);color:var(--text-muted);text-align:center;background:#ffffff01;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:80px 24px;display:flex}.drivers-table-wrapper{background:var(--bg-dark);border:1px solid var(--border-light);border-radius:12px;overflow-x:auto}.drivers-data-table{border-collapse:collapse;text-align:left;width:100%}.drivers-data-table th,.drivers-data-table td{border-bottom:1px solid var(--border-light);padding:16px 24px}.drivers-data-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;background:#ffffff03;font-size:13px;font-weight:700}.drivers-data-table tr:last-child td{border-bottom:none}.drivers-data-table tbody tr{transition:background-color .2s}.drivers-data-table tbody tr:hover{background:#ffffff02}.driver-avatar-circle{width:32px;height:32px;color:var(--primary);background:#00f2fe1a;border:1px solid #00f2fe33;border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.phone-detail{color:var(--text-muted);align-items:center;gap:8px;font-size:13.5px;display:flex}.status-dot{border-radius:50%;width:8px;height:8px}.status-dot.online{background:var(--success);box-shadow:0 0 8px var(--success)}.status-dot.offline{background:var(--text-muted)}.active-badge{border-radius:6px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.active-badge.active{color:var(--success);background:#10b9811a;border:1px solid #10b98133}.active-badge.suspended{color:var(--danger);background:#ef44441a;border:1px solid #ef444433}.driver-row-actions{align-items:center;gap:8px;display:flex}.driver-row-actions button{border:1px solid var(--border-light);color:#fff;cursor:pointer;background:#ffffff08;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:inline-flex}.driver-row-actions button.action-btnedit:hover{color:var(--primary);background:#00f2fe1a;border-color:#00f2fe33}.driver-row-actions button.action-btndelete:hover{color:var(--danger);background:#ef44441a;border-color:#ef444433}.driver-name-cell{align-items:center;gap:10px;font-weight:600;display:flex}.session-status-cell{align-items:center;gap:8px;display:flex}.session-label{font-size:13px;font-weight:600}.modal-card-small{max-width:450px}.driver-modal-checkbox-row{margin-top:16px;margin-bottom:16px}.driver-modal-checkbox-row .form-checkbox-label{margin:0}.orders-page{flex-direction:column;gap:24px;display:flex}.orders-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}@media (width<=720px){.orders-header{flex-direction:column}}.orders-title{color:#fff;margin:0;font-size:28px;font-weight:800}.orders-subtitle{color:var(--text-muted);margin:4px 0 0;font-size:14px}.orders-header-actions{align-items:center;gap:12px;display:flex}@media (width<=720px){.orders-header-actions{justify-content:space-between;width:100%}}.orders-search-wrapper{align-items:center;display:flex;position:relative}.orders-search-wrapper .search-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:12px}.orders-search-wrapper .search-input{border:1px solid var(--border-light);color:#fff;background:#0e1322;border-radius:8px;width:240px;padding:10px 12px 10px 36px;font-size:14px;transition:all .2s}.orders-search-wrapper .search-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 10px #00f2fe26}.orders-refresh-btn{border:1px solid var(--border-light);color:#fff;cursor:pointer;background:#ffffff08;border-radius:8px;justify-content:center;align-items:center;padding:10px;transition:all .2s;display:inline-flex}.orders-refresh-btn:hover{background:#ffffff14}.orders-refresh-btn:disabled{opacity:.65;cursor:not-allowed}.orders-error-banner{color:var(--danger);background:#ef444414;border:1px solid #ef444433;border-radius:10px;padding:16px}.orders-loading{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px;display:flex}.orders-empty-state{border:1px dashed var(--border-light);color:var(--text-muted);text-align:center;background:#ffffff01;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:80px 24px;display:flex}.orders-table-wrapper{background:var(--bg-dark);border:1px solid var(--border-light);border-radius:12px;overflow-x:auto}.orders-data-table{border-collapse:collapse;text-align:left;width:100%}.orders-data-table th,.orders-data-table td{border-bottom:1px solid var(--border-light);vertical-align:middle;padding:14px 20px}.orders-data-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;background:#ffffff03;font-size:13px;font-weight:700}.orders-data-table tr:last-child td{border-bottom:none}.orders-data-table tbody tr{transition:background-color .2s}.orders-data-table tbody tr:hover{background:#ffffff02}.order-id-badge{color:var(--primary);background:#00f2fe14;border:1px solid #00f2fe26;border-radius:6px;padding:4px 8px;font-family:monospace;font-size:13px;font-weight:700}.customer-info-cell{flex-direction:column;gap:2px;display:flex}.customer-info-cell .name{color:#fff;font-size:14px;font-weight:700}.customer-info-cell .phone{color:var(--text-muted);font-size:12px}.driver-name-tag{border:1px solid var(--border-light);color:#fff;background:#ffffff08;border-radius:6px;padding:4px 10px;font-size:13px;font-weight:600}.order-details-text{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:240px;margin:0;font-size:13.5px;overflow:hidden}.address-text{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:240px;font-size:13.5px;display:block;overflow:hidden}.gps-link{color:var(--primary);align-items:center;gap:4px;font-size:11.5px;font-weight:700;text-decoration:none;transition:opacity .2s;display:inline-flex}.gps-link:hover{opacity:.8;text-decoration:underline}.status-select{border:1px solid var(--border-light);color:#fff;cursor:pointer;background:#ffffff08;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:700;transition:all .2s}.status-select:focus{outline:none}.status-select.pending{color:#f59e0b;background:#f59e0b0d;border-color:#f59e0b4d}.status-select.delivered{color:var(--success);background:#10b9810d;border-color:#10b9814d}.status-select.cancelled{color:var(--danger);background:#ef44440d;border-color:#ef44444d}.time-badge{color:var(--text-muted);font-size:12.5px}.mini-spinner{border:2px solid #ffffff1a;border-top-color:var(--primary);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin;display:inline-block}[dir=rtl] .orders-search-wrapper .search-icon{left:auto;right:12px}[dir=rtl] .orders-search-wrapper .search-input{padding:10px 36px 10px 12px}[dir=rtl] .orders-data-table{text-align:right}.campaigns-page-container{max-width:1400px;min-height:100vh;margin:0 auto;padding:32px}.campaigns-page-container .page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.campaigns-page-container .page-header .page-title{color:#fff;background:linear-gradient(135deg,#fff 0%,#a5b4fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0 0 6px;font-size:26px;font-weight:800}.campaigns-page-container .page-header .page-subtitle{color:var(--text-muted);margin:0;font-size:14px}.campaigns-page-container .page-header .header-actions{gap:12px;display:flex}.campaigns-page-container .tabs-header{border-bottom:1px solid var(--border-light);gap:8px;margin-bottom:24px;padding-bottom:12px;display:flex}.campaigns-page-container .tabs-header .tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.campaigns-page-container .tabs-header .tab-btn:hover{color:#fff;background:#ffffff08}.campaigns-page-container .tabs-header .tab-btn.active{color:var(--primary);background:#00f2fe14}.campaigns-page-container .loading-state{text-align:center;color:var(--text-muted);padding:60px 0;font-size:15px}.campaigns-page-container .empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 40px;display:flex}.campaigns-page-container .empty-state .empty-icon{color:var(--text-muted);opacity:.5;margin-bottom:16px}.campaigns-page-container .empty-state h3{color:#fff;margin:0 0 8px;font-size:18px;font-weight:700}.campaigns-page-container .empty-state p{color:var(--text-muted);max-width:320px;margin:0 0 20px;font-size:14px}.campaigns-page-container .card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-light);background:#0e142499;border-radius:12px;box-shadow:0 8px 32px #0003}.campaigns-page-container .table-card{overflow:hidden}.campaigns-page-container .campaigns-table{border-collapse:collapse;text-align:left;width:100%}.campaigns-page-container .campaigns-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-light);background:#ffffff03;padding:16px 20px;font-size:12px;font-weight:700}.campaigns-page-container .campaigns-table td{color:#e2e8f0;border-bottom:1px solid var(--border-light);vertical-align:middle;padding:16px 20px;font-size:14px}.campaigns-page-container .campaigns-table tr:last-child td{border-bottom:none}.campaigns-page-container .campaigns-table .campaign-name-cell{flex-direction:column;display:flex}.campaigns-page-container .campaigns-table .campaign-name-cell .title-text{color:#fff;font-weight:700}.campaigns-page-container .campaigns-table .campaign-name-cell .date-subtext{color:var(--text-muted);margin-top:2px;font-size:11px}.campaigns-page-container .campaigns-table .template-cell{flex-direction:column;display:flex}.campaigns-page-container .campaigns-table .template-cell .template-name{color:#fff;font-weight:600}.campaigns-page-container .campaigns-table .template-cell .template-lang{color:var(--text-muted);margin-top:2px;font-size:11px}.campaigns-page-container .campaigns-table .total-badge{border:1px solid var(--border-light);background:#ffffff0d;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600}.campaigns-page-container .campaigns-table .progress-cell{flex-direction:column;gap:6px;min-width:160px;display:flex}.campaigns-page-container .campaigns-table .progress-cell .progress-bar-bg{background:#ffffff0d;border-radius:3px;width:100%;height:6px;overflow:hidden}.campaigns-page-container .campaigns-table .progress-cell .progress-bar-fill{border-radius:3px;height:100%;transition:width .4s}.campaigns-page-container .campaigns-table .progress-cell .progress-label{color:var(--text-muted);font-size:11px}.campaigns-page-container .campaigns-table .badge{text-transform:uppercase;letter-spacing:.03em;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.campaigns-page-container .campaigns-table .actions-cell{justify-content:flex-end;gap:8px;display:flex}.campaigns-page-container .campaigns-table .source-label{color:#94a3b8;background:#ffffff08;border-radius:4px;padding:2px 8px;font-size:12px}.campaigns-page-container .alert{border-radius:8px;align-items:center;gap:12px;margin-bottom:20px;padding:14px 16px;font-size:14px;font-weight:500;display:flex}.campaigns-page-container .alert.alert-danger{color:var(--danger);background:#ef444414;border:1px solid #ef444433}.campaigns-page-container .alert.alert-success{color:var(--success);background:#10b98114;border:1px solid #10b98133}.campaigns-page-container .modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:999999;background:#0a0e1acc;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.campaigns-page-container .modal-card{width:100%;max-width:520px;max-height:90vh;padding:28px;overflow-y:auto}.campaigns-page-container .modal-card.detail-modal{max-width:720px}.campaigns-page-container .modal-card .modal-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.campaigns-page-container .modal-card .modal-header h3{color:#fff;margin:0;font-size:18px;font-weight:800}.campaigns-page-container .modal-card .modal-header .close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px}.campaigns-page-container .modal-card .modal-header .close-btn:hover{color:#fff;background:#ffffff0d}.campaigns-page-container .modal-card .form-group{flex-direction:column;gap:6px;margin-bottom:18px;display:flex}.campaigns-page-container .modal-card .form-group label{color:#94a3b8;font-size:13px;font-weight:600}.campaigns-page-container .modal-card .form-group input,.campaigns-page-container .modal-card .form-group select{border:1px solid var(--border-light);color:#fff;background:#ffffff05;border-radius:8px;outline:none;padding:10px 14px;font-size:14px;transition:border .2s}.campaigns-page-container .modal-card .form-group input:focus,.campaigns-page-container .modal-card .form-group select:focus{border-color:var(--primary)}.campaigns-page-container .modal-card .form-group input option,.campaigns-page-container .modal-card .form-group select option{color:#fff;background:#0e1424}.campaigns-page-container .modal-card .variables-section{border-top:1px dashed var(--border-light);margin-top:24px;margin-bottom:20px;padding-top:20px}.campaigns-page-container .modal-card .variables-section .section-title{color:#fff;margin-bottom:4px;font-size:14px;font-weight:700;display:block}.campaigns-page-container .modal-card .variables-section .section-desc{color:var(--text-muted);margin:0 0 16px;font-size:12px}.campaigns-page-container .modal-card .variables-section .variable-row{margin-bottom:14px}.campaigns-page-container .modal-card .modal-footer{justify-content:flex-end;gap:12px;margin-top:28px;display:flex}.campaigns-page-container .detail-modal-body{flex-direction:column;gap:20px;display:flex}.campaigns-page-container .detail-modal-body .detail-header-row{justify-content:space-between;align-items:center;display:flex}.campaigns-page-container .detail-modal-body .detail-header-row .camp-title{color:#fff;margin:0 0 4px;font-size:20px;font-weight:800}.campaigns-page-container .detail-modal-body .detail-header-row .camp-sub{color:var(--text-muted);margin:0;font-size:13px}.campaigns-page-container .detail-modal-body .detail-header-row .camp-sub strong{color:#fff}.campaigns-page-container .detail-modal-body .detail-header-row .start-btn{align-items:center;gap:6px;font-weight:700;display:flex}.campaigns-page-container .detail-modal-body .detail-stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.campaigns-page-container .detail-modal-body .detail-stats-grid .stat-box{border:1px solid var(--border-light);text-align:center;background:#ffffff05;border-radius:10px;padding:16px}.campaigns-page-container .detail-modal-body .detail-stats-grid .stat-box .stat-num{color:#fff;margin-bottom:4px;font-size:24px;font-weight:800;display:block}.campaigns-page-container .detail-modal-body .detail-stats-grid .stat-box .stat-num.color-success{color:var(--success)}.campaigns-page-container .detail-modal-body .detail-stats-grid .stat-box .stat-num.color-danger{color:var(--danger)}.campaigns-page-container .detail-modal-body .detail-stats-grid .stat-box .stat-num.color-warning{color:var(--warning)}.campaigns-page-container .detail-modal-body .detail-stats-grid .stat-box .stat-lbl{text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:700}.campaigns-page-container .detail-modal-body .recipients-list-section{flex-direction:column;gap:10px;display:flex}.campaigns-page-container .detail-modal-body .recipients-list-section h5{color:#fff;margin:0;font-size:14px;font-weight:700}.campaigns-page-container .detail-modal-body .recipients-list-section .table-scroll-container{border:1px solid var(--border-light);background:#ffffff03;border-radius:8px;max-height:280px;overflow-y:auto}.campaigns-page-container .detail-modal-body .recipients-list-section .recipients-table{border-collapse:collapse;width:100%;font-size:13px}.campaigns-page-container .detail-modal-body .recipients-list-section .recipients-table th{color:var(--text-muted);border-bottom:1px solid var(--border-light);z-index:10;background:#0f1525;padding:10px 14px;font-size:11px;font-weight:700;position:sticky;top:0}.campaigns-page-container .detail-modal-body .recipients-list-section .recipients-table td{border-bottom:1px solid var(--border-light);padding:10px 14px}.campaigns-page-container .detail-modal-body .recipients-list-section .recipients-table tr:last-child td{border-bottom:none}.campaigns-page-container .detail-modal-body .recipients-list-section .recipients-table .status-badge{text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700;display:inline-block}.campaigns-page-container .btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-hover));color:var(--text-dark);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:700;transition:opacity .2s;display:flex}.campaigns-page-container .btn-primary:hover{opacity:.95}.campaigns-page-container .btn-primary:disabled{opacity:.5;cursor:not-allowed}.campaigns-page-container .btn-secondary{border:1px solid var(--border-light);color:#fff;cursor:pointer;background:#ffffff08;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:background .2s;display:flex}.campaigns-page-container .btn-secondary:hover{background:#ffffff14}.campaigns-page-container .icon-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.campaigns-page-container .icon-btn:hover{color:#fff;background:#ffffff0f}.campaigns-page-container .icon-btn.success-color:hover{color:var(--success);background:#10b98114}.campaigns-page-container .icon-btn.danger-color:hover{color:var(--danger);background:#ef444414}.categories-page-container{max-width:1400px;min-height:100vh;margin:0 auto;padding:32px}.categories-page-container .page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.categories-page-container .page-header .page-title{color:#fff;background:linear-gradient(135deg,#fff 0%,#a5b4fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0 0 6px;font-size:26px;font-weight:800}.categories-page-container .page-header .page-subtitle{color:var(--text-muted);margin:0;font-size:14px}.categories-page-container .page-header .header-actions{gap:12px;display:flex}.categories-page-container .loading-state{text-align:center;color:var(--text-muted);padding:60px 0;font-size:15px}.categories-page-container .empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 40px;display:flex}.categories-page-container .empty-state .empty-icon{color:var(--text-muted);opacity:.5;margin-bottom:16px}.categories-page-container .empty-state h3{color:#fff;margin:0 0 8px;font-size:18px;font-weight:700}.categories-page-container .empty-state p{color:var(--text-muted);max-width:320px;margin:0 0 20px;font-size:14px}.categories-page-container .card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-light);background:#0e142499;border-radius:12px;box-shadow:0 8px 32px #0003}.categories-page-container .table-card{overflow:hidden}.categories-page-container .categories-table{border-collapse:collapse;text-align:left;width:100%}.categories-page-container .categories-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-light);background:#ffffff03;padding:16px 20px;font-size:12px;font-weight:700}.categories-page-container .categories-table td{color:#e2e8f0;border-bottom:1px solid var(--border-light);vertical-align:middle;padding:16px 20px;font-size:14px}.categories-page-container .categories-table tr:last-child td{border-bottom:none}.categories-page-container .categories-table .count-badge{color:var(--primary);background:#00f2fe14;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.categories-page-container .categories-table .actions-cell{justify-content:flex-end;align-items:center;gap:10px;display:flex}.categories-page-container .categories-table .btn-table-action{border:1px solid var(--border-light);color:#fff;cursor:pointer;background:#ffffff08;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s}.categories-page-container .categories-table .btn-table-action:hover{background:#ffffff14;border-color:#fff}.categories-page-container .alert{border-radius:8px;align-items:center;gap:12px;margin-bottom:20px;padding:14px 16px;font-size:14px;font-weight:500;display:flex}.categories-page-container .alert.alert-danger{color:var(--danger);background:#ef444414;border:1px solid #ef444433}.categories-page-container .alert.alert-success{color:var(--success);background:#10b98114;border:1px solid #10b98133}.categories-page-container .modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:999999;background:#0a0e1acc;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.categories-page-container .modal-card{width:100%;max-width:520px;max-height:90vh;padding:28px;overflow-y:auto}.categories-page-container .modal-card.sync-modal{max-width:560px}.categories-page-container .modal-card .modal-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.categories-page-container .modal-card .modal-header h3{color:#fff;margin:0;font-size:18px;font-weight:800}.categories-page-container .modal-card .modal-header .close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px}.categories-page-container .modal-card .modal-header .close-btn:hover{color:#fff;background:#ffffff0d}.categories-page-container .modal-card .form-group{flex-direction:column;gap:6px;margin-bottom:18px;display:flex}.categories-page-container .modal-card .form-group label{color:#94a3b8;font-size:13px;font-weight:600}.categories-page-container .modal-card .form-group input,.categories-page-container .modal-card .form-group select{border:1px solid var(--border-light);color:#fff;background:#ffffff05;border-radius:8px;outline:none;padding:10px 14px;font-size:14px;transition:border .2s}.categories-page-container .modal-card .form-group input:focus,.categories-page-container .modal-card .form-group select:focus{border-color:var(--primary)}.categories-page-container .modal-card .modal-footer{justify-content:flex-end;gap:12px;margin-top:28px;display:flex}.categories-page-container .modal-body-sync{flex-direction:column;gap:16px;display:flex}.categories-page-container .modal-body-sync .search-row-sync{border:1px solid var(--border-light);background:#ffffff05;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;display:flex}.categories-page-container .modal-body-sync .search-row-sync .search-icon{color:var(--text-muted)}.categories-page-container .modal-body-sync .search-row-sync input{color:#fff;background:0 0;border:none;outline:none;flex-grow:1;font-size:14px}.categories-page-container .modal-body-sync .sync-loading,.categories-page-container .modal-body-sync .sync-empty{text-align:center;color:var(--text-muted);padding:32px 0;font-size:13px}.categories-page-container .modal-body-sync .contacts-checklist-container{border:1px solid var(--border-light);background:#ffffff03;border-radius:8px;flex-direction:column;max-height:280px;display:flex;overflow-y:auto}.categories-page-container .modal-body-sync .contacts-checklist-container .checklist-item{border-bottom:1px solid var(--border-light);cursor:pointer;align-items:center;gap:12px;padding:10px 14px;transition:background .15s;display:flex}.categories-page-container .modal-body-sync .contacts-checklist-container .checklist-item:last-child{border-bottom:none}.categories-page-container .modal-body-sync .contacts-checklist-container .checklist-item:hover{background:#ffffff05}.categories-page-container .modal-body-sync .contacts-checklist-container .checklist-item.selected{background:#00f2fe08}.categories-page-container .modal-body-sync .contacts-checklist-container .checklist-item.selected .checkbox-box{background:var(--primary);border-color:var(--primary);color:var(--text-dark)}.categories-page-container .modal-body-sync .contacts-checklist-container .checklist-item .checkbox-box{border:1px solid var(--border-light);border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;transition:all .15s;display:flex}.categories-page-container .modal-body-sync .contacts-checklist-container .checklist-item .contact-details{flex-direction:column;display:flex}.categories-page-container .modal-body-sync .contacts-checklist-container .checklist-item .contact-details .contact-name{color:#fff;font-size:13px;font-weight:600}.categories-page-container .modal-body-sync .contacts-checklist-container .checklist-item .contact-details .contact-phone{color:var(--text-muted);margin-top:1px;font-size:11px}.categories-page-container .modal-body-sync .sync-pagination{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:12px;display:flex}.categories-page-container .modal-body-sync .sync-pagination button{border:1px solid var(--border-light);color:#fff;cursor:pointer;background:#ffffff08;border-radius:6px;justify-content:center;align-items:center;padding:6px;display:flex}.categories-page-container .modal-body-sync .sync-pagination button:disabled{opacity:.3;cursor:not-allowed}.categories-page-container .modal-body-sync .sync-pagination button:hover:not(:disabled){background:#ffffff0f}.categories-page-container .btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-hover));color:var(--text-dark);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:700;transition:opacity .2s;display:flex}.categories-page-container .btn-primary:hover{opacity:.95}.categories-page-container .btn-secondary{border:1px solid var(--border-light);color:#fff;cursor:pointer;background:#ffffff08;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:background .2s;display:flex}.categories-page-container .btn-secondary:hover{background:#ffffff14}.categories-page-container .icon-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.categories-page-container .icon-btn:hover{color:#fff;background:#ffffff0f}.categories-page-container .icon-btn.danger-color:hover{color:var(--danger);background:#ef444414}.stress-testing-container{flex-direction:column;gap:24px;width:100%;padding-bottom:40px;display:flex}.stress-header-card{border:1px solid var(--border-light);background:#ffffff05;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:28px 32px;display:flex;position:relative;overflow:hidden}.stress-header-card:before{content:"";background:linear-gradient(90deg,#00f2fe,#4facfe,#10b981);height:3px;position:absolute;top:0;left:0;right:0}.stress-header-card .header-left{flex-direction:column;gap:8px;max-width:650px;display:flex}.stress-header-card .header-left .header-badge-row{align-items:center;gap:10px;display:flex}.stress-header-card .header-left .header-badge-row .verified-badge{text-transform:uppercase;letter-spacing:.5px;color:var(--success);background:#10b9811a;border:1px solid #10b98140;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-flex}.stress-header-card .header-left .header-badge-row .tech-badge{color:#00f2fe;background:#00f2fe14;border:1px solid #00f2fe33;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700}.stress-header-card .header-left h1{color:#fff;letter-spacing:-.5px;margin:0;font-size:24px;font-weight:800}.stress-header-card .header-left p{color:var(--text-muted);margin:0;font-size:14px;line-height:1.5}.stress-header-card .header-metrics-quick{flex-wrap:wrap;gap:16px;display:flex}.stress-header-card .header-metrics-quick .quick-stat-box{border:1px solid var(--border-light);background:#ffffff08;border-radius:10px;flex-direction:column;gap:4px;min-width:130px;padding:14px 20px;display:flex}.stress-header-card .header-metrics-quick .quick-stat-box .stat-number{color:#fff;font-size:20px;font-weight:800}.stress-header-card .header-metrics-quick .quick-stat-box .stat-label{text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:700}.stress-nav-tabs{border-bottom:1px solid var(--border-light);gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.stress-nav-tabs .nav-tab-btn{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px 8px 0 0;align-items:center;gap:8px;padding:10px 18px;font-size:13.5px;font-weight:700;transition:all .2s;display:flex}.stress-nav-tabs .nav-tab-btn:hover{color:#fff;background:#ffffff08}.stress-nav-tabs .nav-tab-btn.active{color:#00f2fe;background:#00f2fe0f;border-bottom:2px solid #00f2fe}.tab-pane-content{flex-direction:column;gap:24px;display:flex}.metrics-cards-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.metrics-cards-grid .metric-card{border:1px solid var(--border-light);background:#ffffff05;border-radius:12px;flex-direction:column;gap:12px;padding:20px;transition:border-color .2s,transform .2s;display:flex}.metrics-cards-grid .metric-card:hover{border-color:#00f2fe4d;transform:translateY(-2px)}.metrics-cards-grid .metric-card .metric-card-top{justify-content:space-between;align-items:center;display:flex}.metrics-cards-grid .metric-card .metric-card-top .metric-icon-wrap{color:#00f2fe;background:#00f2fe1a;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.metrics-cards-grid .metric-card .metric-card-top .metric-icon-wrap.success{color:var(--success);background:#10b9811a}.metrics-cards-grid .metric-card .metric-card-top .metric-icon-wrap.warning{color:var(--warning);background:#f59e0b1a}.metrics-cards-grid .metric-card .metric-card-top .metric-icon-wrap.purple{color:#a855f7;background:#a855f71a}.metrics-cards-grid .metric-card .metric-card-top .metric-tag{color:var(--text-muted);background:#ffffff0d;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:700}.metrics-cards-grid .metric-card .metric-value-box{flex-direction:column;gap:2px;display:flex}.metrics-cards-grid .metric-card .metric-value-box .main-value{color:#fff;letter-spacing:-.5px;font-size:26px;font-weight:800}.metrics-cards-grid .metric-card .metric-value-box .metric-title{color:var(--text-muted);font-size:13px;font-weight:600}.metrics-cards-grid .metric-card .metric-subtext{color:#94a3b8;border-top:1px solid #ffffff0d;padding-top:8px;font-size:12px;line-height:1.4}.benchmark-table-card{border:1px solid var(--border-light);background:#ffffff05;border-radius:12px;flex-direction:column;gap:16px;padding:24px;display:flex}.benchmark-table-card .card-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.benchmark-table-card .card-title-row h3{color:#fff;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:800;display:flex}.benchmark-table-card .card-title-row .subtitle-note{color:var(--text-muted);font-size:12px}.benchmark-table-card .table-responsive-wrapper{overflow-x:auto}.benchmark-table-card .benchmark-table{border-collapse:collapse;width:100%;font-size:13.5px}.benchmark-table-card .benchmark-table th{text-align:left;color:var(--text-muted);border-bottom:1px solid var(--border-light);background:#ffffff08;padding:12px 16px;font-weight:700}.benchmark-table-card .benchmark-table td{color:#d1d7db;border-bottom:1px solid #ffffff0a;padding:14px 16px}.benchmark-table-card .benchmark-table td.metric-name{color:#fff;font-weight:700}.benchmark-table-card .benchmark-table td.before-val{color:#94a3b8}.benchmark-table-card .benchmark-table td.after-val{color:#00f2fe;font-weight:700}.benchmark-table-card .benchmark-table td.gain-val{color:var(--success);font-weight:800}.benchmark-table-card .benchmark-table tr:hover td{background:#ffffff04}.architecture-visualizer-card{border:1px solid var(--border-light);background:#ffffff05;border-radius:12px;flex-direction:column;gap:24px;padding:28px;display:flex}.architecture-visualizer-card .arch-header{flex-direction:column;gap:6px;display:flex}.architecture-visualizer-card .arch-header h3{color:#fff;margin:0;font-size:18px;font-weight:800}.architecture-visualizer-card .arch-header p{color:var(--text-muted);margin:0;font-size:13.5px}.architecture-visualizer-card .arch-grid-flow{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid;position:relative}.architecture-visualizer-card .arch-grid-flow .arch-step-node{border:1px solid var(--border-light);background:#ffffff08;border-radius:10px;flex-direction:column;gap:10px;padding:18px;display:flex;position:relative}.architecture-visualizer-card .arch-grid-flow .arch-step-node .node-badge{text-transform:uppercase;color:#00f2fe;background:#00f2fe1a;border-radius:6px;width:fit-content;padding:3px 8px;font-size:10px;font-weight:800}.architecture-visualizer-card .arch-grid-flow .arch-step-node h4{color:#fff;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:700;display:flex}.architecture-visualizer-card .arch-grid-flow .arch-step-node p{color:#94a3b8;margin:0;font-size:12.5px;line-height:1.45}.architecture-visualizer-card .arch-grid-flow .arch-step-node .node-tech-tag{color:#38bdf8;background:#38bdf814;border-radius:6px;width:fit-content;padding:4px 8px;font-family:monospace;font-size:11.5px}.code-snippet-box{background:#0b0f19;border:1px solid #ffffff14;border-radius:10px;width:100%;margin-top:6px;overflow:hidden}.code-snippet-box .snippet-top-bar{background:#ffffff09;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.code-snippet-box .snippet-top-bar .file-name-label{color:#38bdf8;align-items:center;gap:6px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600;display:flex}.code-snippet-box .snippet-top-bar .copy-code-btn{color:#94a3b8;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;align-items:center;gap:6px;padding:5px 10px;font-size:11.5px;font-weight:700;transition:all .2s;display:inline-flex}.code-snippet-box .snippet-top-bar .copy-code-btn:hover{color:#fff;background:#38bdf826;border-color:#38bdf84d}.code-snippet-box pre{color:#e2e8f0;white-space:pre;margin:0;padding:16px 18px;font-family:JetBrains Mono,Fira Code,Menlo,monospace;font-size:13px;line-height:1.6;overflow-x:auto}.callout-box{background:#00f2fe0a;border-left:3px solid #00f2fe;border-radius:0 8px 8px 0;align-items:flex-start;gap:12px;padding:14px 18px;display:flex}.callout-box .callout-icon{color:#00f2fe;flex-shrink:0;margin-top:2px}.callout-box .callout-text{color:#cbd5e1;font-size:13px;line-height:1.5}.callout-box .callout-text strong{color:#fff}.callout-box.warning{border-left-color:var(--warning);background:#f59e0b0a}.callout-box.warning .callout-icon{color:var(--warning)}.caution-callout-box{background:#ef44440f;border-left:3px solid #ef4444;border-radius:0 10px 10px 0;align-items:flex-start;gap:14px;padding:16px 20px;display:flex}.caution-callout-box .caution-icon{color:#ef4444;flex-shrink:0;margin-top:2px}.caution-callout-box .caution-text{color:#fca5a5;font-size:13.5px;line-height:1.55}.caution-callout-box .caution-text strong{color:#fff}.caution-callout-box .caution-text code{color:#fff;background:#ef444426;border-radius:4px;padding:2px 6px;font-size:12.5px}.doc-section-card{border:1px solid var(--border-light);background:#ffffff05;border-radius:12px;flex-direction:column;gap:16px;padding:24px;display:flex}.doc-section-card .section-header-box{flex-direction:column;gap:4px;display:flex}.doc-section-card .section-header-box h3{color:#fff;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:800;display:flex}.doc-section-card .section-header-box p{color:var(--text-muted);margin:0;font-size:13px}.steps-vertical-timeline{flex-direction:column;gap:18px;display:flex}.steps-vertical-timeline .step-timeline-item{border:1px solid var(--border-light);background:#ffffff04;border-radius:12px;gap:18px;padding:22px;display:flex}.steps-vertical-timeline .step-timeline-item .step-number-circle{color:#00f2fe;background:#00f2fe1a;border:1px solid #00f2fe4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:800;display:flex}.steps-vertical-timeline .step-timeline-item .step-content-body{flex-direction:column;flex-grow:1;gap:10px;display:flex}.steps-vertical-timeline .step-timeline-item .step-content-body h4{color:#fff;margin:0;font-size:15.5px;font-weight:700}.steps-vertical-timeline .step-timeline-item .step-content-body p{color:var(--text-muted);margin:0;font-size:13.5px;line-height:1.5}.checklist-progress-card{border:1px solid var(--border-light);background:#ffffff05;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding:22px 28px;display:flex}.checklist-progress-card .progress-info{flex-direction:column;gap:4px;display:flex}.checklist-progress-card .progress-info h3{color:#fff;align-items:center;gap:8px;margin:0;font-size:17px;font-weight:800;display:flex}.checklist-progress-card .progress-info p{color:var(--text-muted);margin:0;font-size:13.5px}.checklist-progress-card .progress-meter-wrap{align-items:center;gap:14px;min-width:260px;display:flex}.checklist-progress-card .progress-meter-wrap .progress-bar-track{background:#ffffff0d;border-radius:5px;flex-grow:1;height:10px;overflow:hidden}.checklist-progress-card .progress-meter-wrap .progress-bar-fill{background:linear-gradient(90deg,#00f2fe,#10b981);border-radius:5px;height:100%;transition:width .3s}.checklist-progress-card .progress-meter-wrap .progress-percent-label{color:#10b981;text-align:right;min-width:45px;font-size:14px;font-weight:800}.checklist-vertical-stack{flex-direction:column;gap:20px;width:100%;display:flex}.checklist-card{border:1px solid var(--border-light);background:#ffffff05;border-radius:14px;flex-direction:column;gap:16px;width:100%;padding:24px 28px;transition:all .2s;display:flex}.checklist-card:hover{border-color:#00f2fe40}.checklist-card.completed{background:#10b98105;border-color:#10b98159}.checklist-card .checklist-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.checklist-card .checklist-header .checklist-title-group{align-items:center;gap:12px;display:flex}.checklist-card .checklist-header .checklist-title-group .item-badge-number{color:#00f2fe;background:#00f2fe1a;border:1px solid #00f2fe40;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:800;display:flex}.checklist-card .checklist-header .checklist-title-group h4{color:#fff;margin:0;font-size:16px;font-weight:800}.checklist-card .checklist-header .check-toggle-btn{border:1px solid var(--border-light);cursor:pointer;color:var(--text-muted);background:#ffffff0a;border-radius:8px;align-items:center;gap:8px;padding:6px 12px;font-size:12.5px;font-weight:700;transition:all .2s;display:inline-flex}.checklist-card .checklist-header .check-toggle-btn:hover{color:#fff;background:#00f2fe1a;border-color:#00f2fe4d}.checklist-card .checklist-header .check-toggle-btn.checked{color:#10b981;background:#10b9811a;border-color:#10b9814d}.checklist-card .checklist-desc{color:#94a3b8;margin:0;font-size:13.5px;line-height:1.5}.checklist-card .checklist-desc code{color:#38bdf8;background:#ffffff0f;border-radius:4px;padding:2px 6px;font-size:12.5px}.production-checklist-container{color:#fff;max-width:1400px;min-height:calc(100vh - 80px);margin:0 auto;padding:32px 36px}.production-checklist-container .checklist-header{margin-bottom:28px}.production-checklist-container .checklist-header .header-title-row{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.production-checklist-container .checklist-header .header-title-row .title-group{align-items:center;gap:14px;display:flex}.production-checklist-container .checklist-header .header-title-row .title-group .title-icon-badge{width:46px;height:46px;color:var(--primary);background:linear-gradient(135deg,#00f2fe26,#4facfe40);border:1px solid #00f2fe4d;border-radius:14px;justify-content:center;align-items:center;display:flex}.production-checklist-container .checklist-header .header-title-row .title-group h1{letter-spacing:-.5px;color:#fff;margin:0;font-size:26px;font-weight:800}.production-checklist-container .checklist-header .header-title-row .title-group p{color:var(--text-muted);margin:4px 0 0;font-size:14px}.production-checklist-container .checklist-header .header-title-row .header-actions{gap:12px;display:flex}.production-checklist-container .checklist-header .header-title-row .header-actions .action-btn{cursor:pointer;border:1px solid var(--border-light);color:#e2e8f0;background:#ffffff0d;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.production-checklist-container .checklist-header .header-title-row .header-actions .action-btn:hover{color:#fff;background:#ffffff1a}.production-checklist-container .checklist-header .header-title-row .header-actions .action-btn.reset-btn:hover{color:#f87171;border-color:#ef444466}.production-checklist-container .checklist-progress-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-light);background:#121a2bb3;border-radius:16px;justify-content:space-between;align-items:center;gap:32px;margin-bottom:28px;padding:22px 26px;display:flex}.production-checklist-container .checklist-progress-card .progress-info{flex:1}.production-checklist-container .checklist-progress-card .progress-info .progress-label-row{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.production-checklist-container .checklist-progress-card .progress-info .progress-label-row .progress-title{color:#f1f5f9;font-size:15px;font-weight:700}.production-checklist-container .checklist-progress-card .progress-info .progress-label-row .progress-count{color:var(--primary);font-size:14px;font-weight:700}.production-checklist-container .checklist-progress-card .progress-info .progress-track{background:#ffffff0f;border-radius:999px;height:10px;position:relative;overflow:hidden}.production-checklist-container .checklist-progress-card .progress-info .progress-track .progress-fill{background:linear-gradient(90deg,#00f2fe 0%,#4facfe 50%,#10b981 100%);border-radius:999px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.production-checklist-container .checklist-progress-card .progress-stats-pill{border-left:1px solid var(--border-light);gap:16px;padding-left:24px;display:flex}.production-checklist-container .checklist-progress-card .progress-stats-pill .stat-item{text-align:center}.production-checklist-container .checklist-progress-card .progress-stats-pill .stat-item .stat-value{color:#fff;font-size:20px;font-weight:800}.production-checklist-container .checklist-progress-card .progress-stats-pill .stat-item .stat-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-top:2px;font-size:11px;font-weight:600}.production-checklist-container .checklist-progress-card .progress-stats-pill .stat-item.done .stat-value{color:#10b981}.production-checklist-container .checklist-progress-card .progress-stats-pill .stat-item.pending .stat-value{color:#f59e0b}.production-checklist-container .checklist-filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.production-checklist-container .checklist-filter-bar .category-pills{flex-wrap:wrap;gap:8px;display:flex}.production-checklist-container .checklist-filter-bar .category-pills .category-pill{cursor:pointer;border:1px solid var(--border-light);color:var(--text-muted);background:#ffffff08;border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.production-checklist-container .checklist-filter-bar .category-pills .category-pill:hover{color:#fff;background:#ffffff12}.production-checklist-container .checklist-filter-bar .category-pills .category-pill.active{color:#fff;background:linear-gradient(135deg,#00f2fe33,#4facfe33);border-color:#00f2fe66}.production-checklist-container .checklist-filter-bar .category-pills .category-pill .pill-badge{background:#ffffff1a;border-radius:999px;padding:2px 7px;font-size:11px;font-weight:700}.production-checklist-container .checklist-filter-bar .search-input-wrapper{min-width:260px;position:relative}.production-checklist-container .checklist-filter-bar .search-input-wrapper .search-icon{color:var(--text-muted);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.production-checklist-container .checklist-filter-bar .search-input-wrapper input{border:1px solid var(--border-light);color:#fff;background:#121a2bb3;border-radius:10px;outline:none;width:100%;padding:8px 14px 8px 36px;font-size:13px;transition:all .2s}.production-checklist-container .checklist-filter-bar .search-input-wrapper input::placeholder{color:var(--text-muted)}.production-checklist-container .checklist-filter-bar .search-input-wrapper input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #00f2fe26}.production-checklist-container .checklist-groups{flex-direction:column;gap:24px;display:flex}.production-checklist-container .checklist-groups .group-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-light);background:#121a2b99;border-radius:16px;transition:border-color .2s;overflow:hidden}.production-checklist-container .checklist-groups .group-card:hover{border-color:#ffffff26}.production-checklist-container .checklist-groups .group-card .group-header{border-bottom:1px solid var(--border-light);background:#ffffff05;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.production-checklist-container .checklist-groups .group-card .group-header .group-title-left{align-items:center;gap:12px;display:flex}.production-checklist-container .checklist-groups .group-card .group-header .group-title-left .group-icon{color:var(--primary)}.production-checklist-container .checklist-groups .group-card .group-header .group-title-left h2{color:#fff;margin:0;font-size:17px;font-weight:700}.production-checklist-container .checklist-groups .group-card .group-header .group-title-left .group-desc{color:var(--text-muted);font-size:13px}.production-checklist-container .checklist-groups .group-card .group-header .group-badge{color:var(--text-muted);background:#ffffff0d;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.production-checklist-container .checklist-groups .group-card .group-header .group-badge.all-done{color:#10b981;background:#10b98126;border:1px solid #10b9814d}.production-checklist-container .checklist-groups .group-card .task-items-list{flex-direction:column;gap:8px;padding:12px 18px;display:flex}.production-checklist-container .checklist-groups .group-card .task-items-list .task-item{background:#ffffff04;border:1px solid #ffffff0a;border-radius:12px;padding:16px 20px;transition:all .2s}.production-checklist-container .checklist-groups .group-card .task-items-list .task-item:hover{background:#ffffff09;border-color:#ffffff14}.production-checklist-container .checklist-groups .group-card .task-items-list .task-item.completed{background:#10b98108;border-color:#10b98126}.production-checklist-container .checklist-groups .group-card .task-items-list .task-item.completed .task-title{color:var(--text-muted);text-decoration:line-through}.production-checklist-container .checklist-groups .group-card .task-items-list .task-item .task-main-row{cursor:pointer;align-items:flex-start;gap:16px;display:flex}.production-checklist-container .checklist-groups .group-card .task-items-list .task-item .task-main-row .task-checkbox-custom{border:2px solid var(--border-light);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:2px;transition:all .2s;display:flex}.production-checklist-container .checklist-groups .group-card .task-items-list .task-item .task-main-row .task-checkbox-custom.checked{color:#fff;background:#10b981;border-color:#10b981}.production-checklist-container .checklist-groups .group-card .task-items-list .task-item .task-main-row .task-checkbox-custom:hover{border-color:var(--primary)}.production-checklist-container .checklist-groups .group-card .task-items-list .task-item .task-main-row .task-content-area{flex:1}.production-checklist-container .checklist-groups .group-card .task-items-list .task-item .task-main-row .task-content-area .task-title-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.production-checklist-container .checklist-groups .group-card .task-items-list .task-item .task-main-row .task-content-area .task-title-row .task-title{color:#f1f5f9;font-size:15px;font-weight:700}.production-checklist-container .checklist-groups .group-card .task-items-list .task-item .task-main-row .task-content-area .task-title-row .priority-tag{text-transform:uppercase;letter-spacing:.5px;border-radius:6px;padding:2px 8px;font-size:10px;font-weight:800}.production-checklist-container .checklist-groups .group-card .task-items-list .task-item .task-main-row .task-content-area .task-title-row .priority-tag.critical{color:#f87171;background:#ef444426;border:1px solid #ef44444d}.production-checklist-container .checklist-groups .group-card .task-items-list .task-item .task-main-row .task-content-area .task-title-row .priority-tag.high{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.production-checklist-container .checklist-groups .group-card .task-items-list .task-item .task-main-row .task-content-area .task-title-row .priority-tag.medium{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d}.production-checklist-container .checklist-groups .group-card .task-items-list .task-item .task-main-row .task-content-area .task-desc{color:var(--text-muted);margin:6px 0 0;font-size:13px;line-height:1.5}.production-checklist-container .checklist-groups .group-card .task-items-list .task-item .task-code-snippet{border:1px solid var(--border-light);background:#0a0f1cf2;border-radius:10px;margin-top:14px;margin-left:38px;overflow:hidden}.production-checklist-container .checklist-groups .group-card .task-items-list .task-item .task-code-snippet .snippet-header{background:#ffffff08;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:6px 14px;display:flex}.production-checklist-container .checklist-groups .group-card .task-items-list .task-item .task-code-snippet .snippet-header .snippet-lang{color:var(--text-muted);text-transform:uppercase;font-family:monospace;font-size:11px}.production-checklist-container .checklist-groups .group-card .task-items-list .task-item .task-code-snippet .snippet-header .copy-snippet-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:11px;font-weight:700;transition:background .2s;display:flex}.production-checklist-container .checklist-groups .group-card .task-items-list .task-item .task-code-snippet .snippet-header .copy-snippet-btn:hover{background:#00f2fe1a}.production-checklist-container .checklist-groups .group-card .task-items-list .task-item .task-code-snippet pre{color:#a7f3d0;margin:0;padding:12px 14px;font-family:JetBrains Mono,Fira Code,monospace;font-size:12px;line-height:1.6;overflow-x:auto}.production-checklist-container .architecture-map-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-light);background:#121a2bb3;border-radius:16px;margin-bottom:28px;padding:24px 28px;position:relative;overflow:hidden}.production-checklist-container .architecture-map-card:before{content:"";background:linear-gradient(90deg,#00f2fe,#4facfe,#8b5cf6);height:2px;position:absolute;top:0;left:0;right:0}.production-checklist-container .architecture-map-card .architecture-map-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.production-checklist-container .architecture-map-card .architecture-map-header .arch-header-left{align-items:center;gap:12px;display:flex}.production-checklist-container .architecture-map-card .architecture-map-header .arch-header-left .arch-header-icon{width:38px;height:38px;color:var(--primary);background:#00f2fe1a;border:1px solid #00f2fe40;border-radius:10px;justify-content:center;align-items:center;display:flex}.production-checklist-container .architecture-map-card .architecture-map-header .arch-header-left h2{color:#fff;margin:0;font-size:18px;font-weight:800}.production-checklist-container .architecture-map-card .architecture-map-header .arch-header-left p{color:var(--text-muted);margin:2px 0 0;font-size:13px}.production-checklist-container .architecture-map-card .architecture-map-header .arch-domain-tag{color:var(--primary);background:#00f2fe1a;border:1px solid #00f2fe4d;border-radius:999px;padding:4px 12px;font-family:monospace;font-size:12px;font-weight:700}.production-checklist-container .architecture-map-card .architecture-nodes-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=1100px){.production-checklist-container .architecture-map-card .architecture-nodes-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.production-checklist-container .architecture-map-card .architecture-nodes-grid{grid-template-columns:1fr}}.production-checklist-container .architecture-map-card .architecture-nodes-grid .arch-node-card{background:#0a0f1cd9;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;padding:16px 18px;transition:all .25s;display:flex}.production-checklist-container .architecture-map-card .architecture-nodes-grid .arch-node-card:hover{border-color:#00f2fe4d;transform:translateY(-2px);box-shadow:0 6px 20px #0006}.production-checklist-container .architecture-map-card .architecture-nodes-grid .arch-node-card .arch-node-top{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.production-checklist-container .architecture-map-card .architecture-nodes-grid .arch-node-card .arch-node-top .arch-node-name{color:#fff;font-size:15px;font-weight:700}.production-checklist-container .architecture-map-card .architecture-nodes-grid .arch-node-card .arch-node-top .arch-node-type{color:var(--text-muted);margin-top:1px;font-size:11px}.production-checklist-container .architecture-map-card .architecture-nodes-grid .arch-node-card .arch-node-top .arch-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:800}.production-checklist-container .architecture-map-card .architecture-nodes-grid .arch-node-card .arch-node-top .arch-badge.badge-teal{color:var(--primary);background:#00f2fe1f;border:1px solid #00f2fe40}.production-checklist-container .architecture-map-card .architecture-nodes-grid .arch-node-card .arch-node-top .arch-badge.badge-blue{color:#60a5fa;background:#4facfe1f;border:1px solid #4facfe40}.production-checklist-container .architecture-map-card .architecture-nodes-grid .arch-node-card .arch-node-top .arch-badge.badge-purple{color:#a78bfa;background:#8b5cf61f;border:1px solid #8b5cf640}.production-checklist-container .architecture-map-card .architecture-nodes-grid .arch-node-card .arch-node-top .arch-badge.badge-yellow{color:#fbbf24;background:#f59e0b1f;border:1px solid #f59e0b40}.production-checklist-container .architecture-map-card .architecture-nodes-grid .arch-node-card .arch-node-top .arch-badge.badge-green{color:#34d399;background:#10b9811f;border:1px solid #10b98140}.production-checklist-container .architecture-map-card .architecture-nodes-grid .arch-node-card .arch-node-top .arch-badge.badge-pink{color:#f472b6;background:#ec48991f;border:1px solid #ec489940}.production-checklist-container .architecture-map-card .architecture-nodes-grid .arch-node-card .arch-url-box{background:#0006;border:1px solid #ffffff0d;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;padding:8px 10px;display:flex}.production-checklist-container .architecture-map-card .architecture-nodes-grid .arch-node-card .arch-url-box .arch-url-text{color:#67e8f9;white-space:nowrap;text-overflow:ellipsis;font-family:JetBrains Mono,Fira Code,monospace;font-size:11.5px;overflow:hidden}.production-checklist-container .architecture-map-card .architecture-nodes-grid .arch-node-card .arch-url-box .arch-copy-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;align-items:center;padding:2px 4px;transition:all .2s;display:flex}.production-checklist-container .architecture-map-card .architecture-nodes-grid .arch-node-card .arch-url-box .arch-copy-btn:hover{color:var(--primary);background:#00f2fe1a}.production-checklist-container .architecture-map-card .architecture-nodes-grid .arch-node-card .arch-node-desc{color:var(--text-muted);flex-grow:1;margin-bottom:12px;font-size:12px;line-height:1.5}.production-checklist-container .architecture-map-card .architecture-nodes-grid .arch-node-card .arch-node-footer{border-top:1px solid #ffffff0a;justify-content:space-between;align-items:center;margin-top:auto;padding-top:8px;display:flex}.production-checklist-container .architecture-map-card .architecture-nodes-grid .arch-node-card .arch-node-footer .arch-protocol-tag{color:#94a3b8;font-size:10.5px;font-weight:600}.production-checklist-container .architecture-map-card .architecture-nodes-grid .arch-node-card .arch-node-footer .arch-status-dot{background:#10b981;border-radius:50%;width:7px;height:7px;box-shadow:0 0 6px #10b98199}.documentation-container{flex-direction:column;gap:24px;width:100%;padding-bottom:60px;display:flex}.doc-header-banner{border:1px solid var(--border-light);background:#ffffff05;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:28px 32px;display:flex;position:relative;overflow:hidden}.doc-header-banner:before{content:"";background:linear-gradient(180deg, var(--primary), #3b82f6);width:4px;height:100%;position:absolute;top:0;left:0}.doc-header-banner .banner-left{align-items:center;gap:18px;display:flex}.doc-header-banner .banner-left .banner-icon-badge{width:48px;height:48px;color:var(--primary);background:#00f2fe14;border:1px solid #00f2fe33;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.doc-header-banner .banner-left h1{color:#fff;letter-spacing:-.3px;margin:0 0 4px;font-size:22px;font-weight:800}.doc-header-banner .banner-left p{color:var(--text-muted);margin:0;font-size:13.5px}.doc-header-banner .banner-search-box{min-width:280px;position:relative}.doc-header-banner .banner-search-box .search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.doc-header-banner .banner-search-box input{border:1px solid var(--border-light);color:#fff;background:#00000040;border-radius:10px;outline:none;width:100%;padding:10px 14px 10px 40px;font-size:13.5px;transition:all .2s}.doc-header-banner .banner-search-box input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #00f2fe26}.doc-header-banner .banner-search-box input::placeholder{color:var(--text-muted)}.doc-nav-tabs{border-bottom:1px solid var(--border-light);gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.doc-nav-tabs::-webkit-scrollbar{height:4px}.doc-nav-tabs::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.doc-nav-tabs .doc-tab-btn{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:6px 6px 0 0;align-items:center;gap:8px;padding:10px 16px;font-size:13.5px;font-weight:700;transition:all .2s;display:inline-flex}.doc-nav-tabs .doc-tab-btn:hover{color:#fff;background:#ffffff08}.doc-nav-tabs .doc-tab-btn.active{color:var(--primary);border-bottom-color:var(--primary);background:#00f2fe0a}.doc-nav-tabs .doc-tab-btn .tab-badge{color:#fff;background:#ffffff14;border-radius:10px;padding:2px 7px;font-size:11px}.doc-section-card{border:1px solid var(--border-light);background:#ffffff04;border-radius:16px;flex-direction:column;gap:28px;padding:32px;animation:.25s ease-in-out fadeIn;display:flex}.doc-section-header{border-bottom:1px solid var(--border-light);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:20px;display:flex}.doc-section-header .header-left{align-items:center;gap:14px;display:flex}.doc-section-header .header-left .section-icon{color:var(--primary)}.doc-section-header .header-left h2{color:#fff;margin:0 0 4px;font-size:20px;font-weight:800}.doc-section-header .header-left p{color:var(--text-muted);margin:0;font-size:13.5px}.doc-section-header .header-tag{text-transform:uppercase;letter-spacing:.5px;color:var(--primary);background:#00f2fe14;border:1px solid #00f2fe33;border-radius:20px;padding:6px 12px;font-size:11.5px;font-weight:700}.doc-block{flex-direction:column;gap:16px;display:flex}.doc-block h3{color:#fff;align-items:center;gap:8px;margin:0;font-size:16.5px;font-weight:800;display:flex}.doc-block p{color:#c0c6d0;margin:0;font-size:14px;line-height:1.6}.doc-callout{border-radius:10px;align-items:flex-start;gap:12px;padding:16px 20px;font-size:13.5px;line-height:1.5;display:flex}.doc-callout .callout-icon{flex-shrink:0;margin-top:2px}.doc-callout.info{color:#a5f3fc;background:#00f2fe0d;border:1px solid #00f2fe33}.doc-callout.info .callout-icon{color:var(--primary)}.doc-callout.warning{color:#fde68a;background:#f59e0b0d;border:1px solid #f59e0b33}.doc-callout.warning .callout-icon{color:var(--warning)}.doc-callout.success{color:#a7f3d0;background:#10b9810d;border:1px solid #10b98133}.doc-callout.success .callout-icon{color:var(--success)}.doc-callout strong{color:#fff}.step-timeline{flex-direction:column;gap:20px;margin:10px 0;display:flex;position:relative}.step-timeline .step-node{align-items:flex-start;gap:16px;display:flex}.step-timeline .step-node .step-number{width:32px;height:32px;color:var(--primary);background:#00f2fe1a;border:1px solid #00f2fe4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex}.step-timeline .step-node .step-body{flex-direction:column;flex-grow:1;gap:6px;display:flex}.step-timeline .step-node .step-body h4{color:#fff;margin:0;font-size:14.5px;font-weight:800}.step-timeline .step-node .step-body p{color:var(--text-muted);margin:0;font-size:13.5px;line-height:1.5}.doc-code-card{border:1px solid var(--border-light);background:#090d16;border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.doc-code-card .code-card-header{border-bottom:1px solid var(--border-light);background:#ffffff08;justify-content:space-between;align-items:center;padding:8px 14px;display:flex}.doc-code-card .code-card-header .code-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:700}.doc-code-card .code-card-header .copy-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.doc-code-card .code-card-header .copy-btn:hover{color:#fff;background:#ffffff14;border-color:#fff3}.doc-code-card .code-card-header .copy-btn.copied{color:var(--success);border-color:#10b98166}.doc-code-card pre{color:#e2e8f0;margin:0;padding:16px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12.5px;line-height:1.6;overflow-x:auto}.doc-code-card pre code{font-family:inherit}.doc-table-wrapper{border:1px solid var(--border-light);background:#0003;border-radius:10px;overflow-x:auto}.doc-table-wrapper .doc-table{border-collapse:collapse;text-align:left;width:100%;font-size:13.5px}.doc-table-wrapper .doc-table th{color:#fff;border-bottom:1px solid var(--border-light);white-space:nowrap;background:#ffffff0a;padding:12px 16px;font-weight:800}.doc-table-wrapper .doc-table td{color:#cbd5e1;border-bottom:1px solid #ffffff0d;padding:12px 16px;line-height:1.5}.doc-table-wrapper .doc-table td code{color:var(--primary);background:#ffffff14;border-radius:4px;padding:2px 6px;font-family:ui-monospace,Menlo,monospace;font-size:12px}.doc-table-wrapper .doc-table tr:last-child td{border-bottom:none}.doc-table-wrapper .doc-table tr:hover td{background:#ffffff05}.arch-diagram-box{border:1px solid var(--border-light);background:#090e1a;border-radius:12px;flex-wrap:wrap;justify-content:space-around;align-items:center;gap:16px;padding:20px;display:flex}.arch-diagram-box .arch-step-box{border:1px solid var(--border-light);text-align:center;background:#ffffff08;border-radius:8px;min-width:150px;padding:14px 18px}.arch-diagram-box .arch-step-box .arch-step-title{color:#fff;font-size:13px;font-weight:800}.arch-diagram-box .arch-step-box .arch-step-sub{color:var(--text-muted);margin-top:4px;font-size:11px}.arch-diagram-box .arch-arrow{color:var(--primary);font-size:18px;font-weight:800}
