:root{--ci-navy: #071F5C;--ci-navy-secondary: #163A70;--ci-navy-dark: #05153F;--ci-gold: #F2A900;--ci-gold-light: #FFF8EB;--ci-gold-hover: #E59F00;--ci-bg: #FAFBFD;--ci-card: #FFFFFF;--ci-surface: #F8FAFC;--ci-surface-hover: #F1F5F9;--ci-border: #E4E7EC;--ci-border-light: #F2F4F7;--ci-border-focus: #071F5C;--ci-text: #111827;--ci-text-secondary: #667085;--ci-text-muted: #98A2B3;--ci-success: #027A48;--ci-success-bg: #ECFDF3;--ci-success-border: #ABEFC6;--ci-warning: #B54708;--ci-warning-bg: #FEF0C7;--ci-warning-border: #FEDF89;--ci-danger: #B42318;--ci-danger-bg: #FEF3F2;--ci-danger-border: #FECDCA;--ci-info: #175CD3;--ci-info-bg: #EFF8FF;--ci-info-border: #B2DDFF;--ci-purple: #6941C6;--ci-purple-bg: #F9F5FF;--ci-purple-border: #E9D7FE;--ci-radius-card: 14px;--ci-radius-control: 10px;--ci-radius-pill: 20px;--ci-radius-badge: 6px;--ci-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--ci-shadow-sm: 0 1px 2px rgba(16, 24, 40, .05);--ci-shadow-card: 0 1px 3px rgba(16, 24, 40, .04), 0 1px 2px rgba(16, 24, 40, .02);--ci-shadow-dropdown: 0 12px 16px -4px rgba(16, 24, 40, .08), 0 4px 6px -2px rgba(16, 24, 40, .03);--ci-shadow-modal: 0 20px 24px -4px rgba(16, 24, 40, .08), 0 8px 8px -4px rgba(16, 24, 40, .03)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%;width:100%;max-width:100vw;overflow-x:clip;font-family:var(--ci-font);background-color:var(--ci-bg);color:var(--ci-text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;width:100%;max-width:100vw;overflow-x:clip;display:flex;flex-direction:column}button,input,select,textarea{font-family:inherit;font-size:inherit}a{color:var(--ci-info);text-decoration:none}.app-shell{display:flex;min-height:100vh;width:100%;max-width:100vw;background-color:var(--ci-bg);position:relative;overflow-x:clip}.sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(16,24,40,.5);z-index:90;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.app-sidebar{width:275px;min-width:275px;background:var(--ci-card);border-right:1px solid var(--ci-border);display:flex;flex-direction:column;padding:24px 18px 20px;position:sticky;top:0;height:100vh;max-height:100vh;overflow-y:auto;z-index:95;box-sizing:border-box;transition:width .2s cubic-bezier(.4,0,.2,1),min-width .2s cubic-bezier(.4,0,.2,1),padding .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding:0 4px;flex-shrink:0}.sidebar-brand{display:flex;align-items:center}.sidebar-brand-logo{height:40px;width:auto;max-width:140px;object-fit:contain;display:block}.brand-logo-text{font-size:20px;font-weight:800;letter-spacing:-.02em;line-height:1.2}.brand-navy{color:var(--ci-navy)}.brand-gold{color:var(--ci-gold)}.brand-subtitle{font-size:12px;font-weight:500;color:var(--ci-text-secondary);letter-spacing:-.01em;margin-top:1px}.sidebar-collapse-btn{background:none;border:none;color:var(--ci-text-secondary);cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .12s ease}.sidebar-collapse-btn:hover{background:var(--ci-surface);color:var(--ci-text)}.sidebar-close-btn{display:none;width:32px;height:32px;border-radius:8px;border:1px solid var(--ci-border-light);background:var(--ci-surface);color:var(--ci-navy);align-items:center;justify-content:center;font-size:15px;font-weight:700;cursor:pointer;transition:background .12s}.sidebar-close-btn:hover{background:#E4E6EB}.desktop-only{display:flex}.mobile-only{display:none}.sidebar-cta-btn{width:100%;height:46px;background:var(--ci-navy);color:#fff;border:none;border-radius:var(--ci-radius-control);font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:0 1px 3px #071f5c33;transition:all .15s ease;margin-bottom:22px}.sidebar-cta-btn:hover{background:var(--ci-navy-secondary);box-shadow:0 4px 8px #071f5c40;transform:translateY(-1px)}.sidebar-cta-btn svg{width:18px;height:18px}.sidebar-nav{display:flex;flex-direction:column;gap:4px;flex-shrink:0}.sidebar-nav-item{display:flex;align-items:center;gap:12px;height:44px;padding:0 14px;border-radius:10px;color:#475467;font-size:14px;font-weight:500;background:transparent;border:none;cursor:pointer;width:100%;text-align:left;transition:all .12s ease}.sidebar-nav-item:hover{background:var(--ci-surface);color:var(--ci-text)}.sidebar-nav-item.active{background:#FFF4EA;color:var(--ci-navy);font-weight:600}.sidebar-nav-item .nav-icon{width:18px;height:18px;color:#667085;flex-shrink:0;transition:color .12s ease}.sidebar-nav-item.active .nav-icon{color:var(--ci-navy)}.sidebar-spacer{flex:1;min-height:24px}.sidebar-footer{border-top:1px solid var(--ci-border-light);padding-top:14px;display:flex;flex-direction:column;gap:4px;flex-shrink:0;margin-top:auto}.sidebar-user-card{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:transparent;border:none;cursor:pointer;width:100%;text-align:left;transition:background .12s ease}.sidebar-user-card:hover{background:var(--ci-surface)}.user-avatar-circle{width:36px;height:36px;border-radius:50%;background:var(--ci-navy);color:#fff;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0;letter-spacing:.02em}.sidebar-user-info{flex:1;min-width:0;display:flex;flex-direction:column}.sidebar-user-name{font-size:13.5px;font-weight:600;color:var(--ci-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-role{font-size:12px;color:var(--ci-text-secondary);text-transform:capitalize}.sidebar-logout-btn{display:flex;align-items:center;gap:10px;padding:8px 10px;font-size:13px;font-weight:500;color:var(--ci-text-secondary);background:transparent;border:none;border-radius:8px;cursor:pointer;width:100%;transition:all .12s ease}.sidebar-logout-btn:hover{color:var(--ci-danger);background:var(--ci-danger-bg)}.sidebar-logout-btn svg{width:16px;height:16px}.app-main{flex:1;display:flex;flex-direction:column;min-width:0}.top-header{height:60px;padding:0 24px;background:#FFFFFF;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ci-border);position:sticky;top:0;z-index:80;gap:16px}.header-left{display:flex;align-items:center;gap:12px}.mobile-menu-toggle{display:none;background:transparent;border:1px solid var(--ci-border);color:var(--ci-navy);cursor:pointer;width:36px;height:36px;border-radius:8px;align-items:center;justify-content:center;transition:all .12s ease}.mobile-menu-toggle:hover{background:var(--ci-surface)}.header-title-block{display:flex;align-items:center}.header-page-title{font-size:18px;font-weight:700;color:var(--ci-navy);letter-spacing:-.01em;margin:0}.header-right{display:flex;align-items:center;gap:14px}.realtime-status-pill{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:var(--ci-radius-pill);font-size:12px;font-weight:600}.realtime-status-pill.connected{background:var(--ci-success-bg);color:var(--ci-success);border:1px solid var(--ci-success-border)}.realtime-status-pill.disconnected{background:var(--ci-warning-bg);color:var(--ci-warning);border:1px solid var(--ci-warning-border)}.status-dot{width:7px;height:7px;border-radius:50%;background:currentColor;position:relative}.realtime-status-pill.connected .status-dot:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;background:var(--ci-success);opacity:.4;animation:pulseDot 1.8s infinite}@keyframes pulseDot{0%{transform:scale(1);opacity:.5}50%{transform:scale(1.8);opacity:0}to{transform:scale(1);opacity:0}}.workspace-badge{display:flex;flex-direction:column;align-items:flex-end}.workspace-label{font-size:11px;color:var(--ci-text-secondary);line-height:1.1}.workspace-value{font-size:13px;font-weight:600;color:var(--ci-text);display:flex;align-items:center;gap:4px}.notification-bell-btn{position:relative;width:38px;height:38px;border-radius:50%;border:1px solid var(--ci-border);background:var(--ci-card);display:flex;align-items:center;justify-content:center;color:var(--ci-text-secondary);cursor:pointer;transition:all .12s ease}.notification-bell-btn:hover{background:var(--ci-surface);color:var(--ci-text);border-color:#cbd5e1}.notification-badge-count{position:absolute;top:-2px;right:-2px;width:16px;height:16px;border-radius:50%;background:var(--ci-gold);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid var(--ci-card)}.header-user-avatar{width:38px;height:38px;border-radius:50%;background:var(--ci-navy);color:#fff;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;cursor:pointer}.app-content{flex:1;padding:28px 32px 40px;max-width:1600px;width:100%}.saas-card{background:var(--ci-card);border:1px solid var(--ci-border);border-radius:var(--ci-radius-card);padding:22px;box-shadow:var(--ci-shadow-card)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.card-title-group{display:flex;align-items:center;gap:10px}.card-icon{width:18px;height:18px;color:var(--ci-text)}.card-title{font-size:16px;font-weight:600;color:var(--ci-text);margin:0;letter-spacing:-.01em}.card-badge-pill{font-size:12px;font-weight:500;color:var(--ci-text-secondary);background:var(--ci-surface);border:1px solid var(--ci-border);padding:3px 8px;border-radius:6px;display:flex;align-items:center;gap:4px}.overview-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:24px;align-items:start}.overview-left-col,.overview-right-col{display:flex;flex-direction:column;gap:24px}.workload-table-wrap{overflow-x:auto}.workload-table{width:100%;border-collapse:collapse;text-align:left}.workload-table th{font-size:12px;font-weight:600;color:var(--ci-text-secondary);padding:8px 10px 12px;border-bottom:1px solid var(--ci-border);white-space:nowrap}.workload-table td{padding:12px 10px;border-bottom:1px solid var(--ci-border-light);font-size:13.5px;color:var(--ci-text);vertical-align:middle}.workload-table tr:last-child td{border-bottom:none}.workload-cat-cell{display:flex;align-items:center;gap:10px;font-weight:500;color:var(--ci-text);white-space:nowrap}.workload-cat-icon{width:16px;height:16px;color:var(--ci-text-secondary);flex-shrink:0}.workload-count-num{font-weight:600}.workload-util-cell{display:flex;align-items:center;gap:14px}.workload-util-pct{font-weight:600;width:44px;text-align:right;font-size:13px}.workload-util-pct.green{color:var(--ci-success)}.workload-util-pct.amber{color:var(--ci-warning)}.workload-util-pct.red{color:var(--ci-danger)}.workload-util-pct.gray{color:var(--ci-text-muted)}.workload-progress-track{flex:1;min-width:100px;max-width:160px;height:6px;border-radius:3px;background:var(--ci-border-light);overflow:hidden}.workload-progress-fill{height:100%;border-radius:3px;transition:width .3s ease}.workload-progress-fill.green{background:var(--ci-success)}.workload-progress-fill.amber{background:#F79009}.workload-progress-fill.red{background:var(--ci-danger)}.workload-progress-fill.gray{background:var(--ci-text-muted)}.recent-jobs-list{display:flex;flex-direction:column;gap:10px}.recent-job-item{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#FFFFFF;border:1px solid var(--ci-border);border-left:4px solid var(--job-stripe, #175CD3);border-radius:8px;transition:all .12s ease;gap:12px}.recent-job-item:hover{border-color:#cbd5e1;box-shadow:var(--ci-shadow-sm);background:var(--ci-surface)}.recent-job-main{display:flex;flex-direction:column;min-width:0;flex:1}.recent-job-title{font-size:14px;font-weight:600;color:var(--ci-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-job-posted{font-size:12px;color:var(--ci-text-secondary);margin-top:2px}.recent-job-badges-wrap{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.recent-job-due{font-size:12px;font-weight:600;color:var(--ci-danger);white-space:nowrap;margin-left:4px}.card-view-all-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding-top:16px;font-size:13.5px;font-weight:600;color:var(--ci-info);background:none;border:none;cursor:pointer;transition:color .12s ease}.card-view-all-btn:hover{color:#154294}.metrics-2x2-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.metric-box{padding:14px 16px;border-radius:10px;border:1px solid var(--ci-border);background:#FFFFFF;display:flex;flex-direction:column;gap:4px}.metric-box-top{display:flex;align-items:center;justify-content:space-between}.metric-icon-wrap{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center}.metric-icon-wrap.green{background:var(--ci-success-bg);color:var(--ci-success)}.metric-icon-wrap.red{background:var(--ci-danger-bg);color:var(--ci-danger)}.metric-icon-wrap.blue{background:var(--ci-info-bg);color:var(--ci-info)}.metric-icon-wrap svg{width:18px;height:18px}.metric-title{font-size:12.5px;font-weight:600;color:var(--ci-text);margin-top:4px}.metric-number{font-size:24px;font-weight:700;color:var(--ci-text);line-height:1.1}.metric-subtext{font-size:11px;color:var(--ci-text-secondary)}.workload-overview-legend{display:flex;align-items:center;justify-content:flex-end;gap:14px;font-size:11.5px;color:var(--ci-text-secondary);margin-bottom:12px}.legend-item{display:flex;align-items:center;gap:6px}.legend-square{width:10px;height:10px;border-radius:2px}.legend-square.navy{background:var(--ci-navy)}.legend-square.gray{background:var(--ci-border)}.workload-bar-list{display:flex;flex-direction:column;gap:10px}.workload-bar-row{display:flex;align-items:center;gap:12px;font-size:12.5px}.workload-bar-label{width:125px;min-width:125px;font-weight:500;color:var(--ci-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workload-bar-track-wrap{flex:1;height:8px;background:var(--ci-border-light);border-radius:4px;overflow:hidden;display:flex}.workload-bar-active-fill{height:100%;background:var(--ci-navy);border-radius:4px;transition:width .3s ease}.workload-bar-ratio{width:32px;text-align:right;font-weight:600;font-size:12px}.workload-bar-ratio.red{color:var(--ci-danger)}.workload-bar-ratio.amber{color:var(--ci-warning)}.workload-bar-ratio.green{color:var(--ci-success)}.workload-bar-ratio.gray{color:var(--ci-text-muted)}.summary-split-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.summary-compact-card{padding:16px;border:1px solid var(--ci-border);border-radius:10px;background:#FFFFFF;display:flex;flex-direction:column;justify-content:space-between}.summary-card-head{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--ci-text);margin-bottom:12px}.summary-card-head svg{width:16px;height:16px;color:var(--ci-text)}.summary-kv-list{display:flex;flex-direction:column;gap:6px;font-size:12px;margin-bottom:14px}.summary-kv-row{display:flex;align-items:center;justify-content:space-between;color:var(--ci-text-secondary)}.summary-kv-key{font-weight:400}.summary-kv-val{font-weight:600;color:var(--ci-text)}.summary-footer-btn{background:none;border:none;font-size:12px;font-weight:600;color:var(--ci-info);cursor:pointer;display:flex;align-items:center;gap:4px;padding:0;text-align:left}.summary-footer-btn:hover{text-decoration:underline}.quick-actions-list{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.quick-action-pill-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;font-size:12.5px;font-weight:600;color:var(--ci-text);background:#FFFFFF;border:1px solid var(--ci-border);border-radius:8px;cursor:pointer;transition:all .12s ease}.quick-action-pill-btn:hover{background:var(--ci-surface);border-color:#cbd5e1;color:var(--ci-navy)}.quick-action-pill-btn svg{width:14px;height:14px;color:var(--ci-text-secondary)}.quick-action-pill-btn:hover svg{color:var(--ci-navy)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:var(--ci-radius-badge);font-size:11.5px;font-weight:600;line-height:1.2;white-space:nowrap}.badge-category{background:var(--ci-info-bg);color:var(--ci-info);border:1px solid var(--ci-info-border)}.badge-priority-urgent{background:#FEE4E2;color:#d92d20;border:1px solid #FECDCA}.badge-priority-high{background:var(--ci-danger-bg);color:var(--ci-danger);border:1px solid var(--ci-danger-border)}.badge-priority-medium{background:var(--ci-warning-bg);color:var(--ci-warning);border:1px solid var(--ci-warning-border)}.badge-priority-low{background:var(--ci-surface);color:var(--ci-text-secondary);border:1px solid var(--ci-border)}.badge-status-submitted{background:var(--ci-surface);color:var(--ci-text);border:1px solid var(--ci-border)}.badge-status-under-review{background:var(--ci-purple-bg);color:var(--ci-purple);border:1px solid var(--ci-purple-border)}.badge-status-in-progress{background:var(--ci-info-bg);color:var(--ci-info);border:1px solid var(--ci-info-border)}.badge-status-waiting-client{background:var(--ci-warning-bg);color:var(--ci-warning);border:1px solid var(--ci-warning-border)}.badge-status-revision-requested{background:#FFF6ED;color:#c4320a;border:1px solid #FECDCA}.badge-status-on-hold{background:#F2F4F7;color:#475467;border:1px solid #D0D5DD}.badge-status-completed{background:var(--ci-success-bg);color:var(--ci-success);border:1px solid var(--ci-success-border)}.badge-status-cancelled{background:var(--ci-danger-bg);color:var(--ci-danger);border:1px solid var(--ci-danger-border)}.badge-ticket-open{background:#EFF8FF;color:#175cd3;border:1px solid #B2DDFF}.badge-ticket-in-progress{background:#F9F5FF;color:#6941c6;border:1px solid #E9D7FE}.badge-ticket-waiting-for-user{background:#FEF0C7;color:#b54708;border:1px solid #FEDF89}.badge-ticket-resolved{background:#ECFDF3;color:#027a48;border:1px solid #ABEFC6}.badge-ticket-closed{background:#F2F4F7;color:#475467;border:1px solid #D0D5DD}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}.form-label{font-size:13px;font-weight:600;color:var(--ci-text)}.form-control,.form-select,.form-textarea{width:100%;height:44px;padding:0 14px;font-size:14px;color:var(--ci-text);background:#FFFFFF;border:1px solid var(--ci-border);border-radius:var(--ci-radius-control);outline:none;transition:all .12s ease}.form-textarea{height:auto;min-height:100px;padding:10px 14px;resize:vertical}.form-control:focus,.form-select:focus,.form-textarea:focus{border-color:var(--ci-navy);box-shadow:0 0 0 3px #071f5c14}.form-hint{font-size:12px;color:var(--ci-text-secondary)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 18px;font-size:14px;font-weight:600;border-radius:var(--ci-radius-control);border:none;cursor:pointer;transition:all .12s ease}.btn-primary{background:var(--ci-navy);color:#fff}.btn-primary:hover{background:var(--ci-navy-secondary)}.btn-secondary{background:#FFFFFF;color:var(--ci-text);border:1px solid var(--ci-border)}.btn-secondary:hover{background:var(--ci-surface);border-color:#cbd5e1}.btn-danger{background:var(--ci-danger);color:#fff}.btn-danger:hover{background:#912018}.btn-sm{height:34px;padding:0 12px;font-size:12.5px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(16,24,40,.5);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-dialog{background:#FFFFFF;border-radius:var(--ci-radius-card);border:1px solid var(--ci-border);box-shadow:var(--ci-shadow-modal);width:100%;max-width:600px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.modal-header{padding:20px 24px;border-bottom:1px solid var(--ci-border);display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:17px;font-weight:700;color:var(--ci-text);margin:0}.modal-close-btn{background:none;border:none;font-size:20px;color:var(--ci-text-secondary);cursor:pointer;padding:4px}.modal-body{padding:24px}.modal-footer{padding:16px 24px;border-top:1px solid var(--ci-border);display:flex;align-items:center;justify-content:flex-end;gap:12px;background:var(--ci-surface)}.filter-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.filter-search-box{flex:1;min-width:220px;position:relative;display:flex;align-items:center}.filter-search-box input{width:100%;height:40px;padding-left:36px;padding-right:14px;font-size:13.5px;border:1px solid var(--ci-border);border-radius:8px;background:#FFFFFF}.filter-search-box svg,.filter-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--ci-text-muted);pointer-events:none}.filter-select{height:40px;padding:0 12px;font-size:13.5px;border:1px solid var(--ci-border);border-radius:8px;background:#FFFFFF;color:var(--ci-text)}.data-table-container{background:#FFFFFF;border:1px solid var(--ci-border);border-radius:var(--ci-radius-card);overflow-x:auto;box-shadow:var(--ci-shadow-card)}.data-table{width:100%;border-collapse:collapse;text-align:left}.data-table th{padding:12px 16px;font-size:12px;font-weight:600;color:var(--ci-text-secondary);background:var(--ci-surface);border-bottom:1px solid var(--ci-border);white-space:nowrap}.data-table td{padding:14px 16px;font-size:13.5px;color:var(--ci-text);border-bottom:1px solid var(--ci-border-light);vertical-align:middle}.data-table tr:hover td{background:var(--ci-surface)}.empty-state-box{padding:48px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--ci-text-secondary)}.empty-state-title{font-size:15px;font-weight:600;color:var(--ci-text);margin:8px 0 4px}.empty-state-text{font-size:13px;max-width:360px}.auth-page-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--ci-bg);padding:24px}.auth-card-container{width:100%;max-width:420px;background:#FFFFFF;border:1px solid var(--ci-border);border-radius:var(--ci-radius-card);box-shadow:0 10px 30px #1018280f;padding:36px 32px;box-sizing:border-box}@media (max-width: 640px){.auth-page-wrap{padding:0;align-items:stretch;background:#FFFFFF}.auth-card-container{max-width:100%;width:100%;min-height:100vh;border:none;border-radius:0;box-shadow:none;padding:48px 24px 32px;display:flex;flex-direction:column;justify-content:center}}.auth-brand-header{text-align:center;margin-bottom:24px;display:flex;justify-content:center;align-items:center}.auth-brand-logo{width:90px;height:90px;object-fit:contain;display:block}.auth-brand-header h1{font-size:24px;font-weight:800;margin-bottom:2px}.auth-brand-header p{font-size:13px;color:var(--ci-text-secondary)}.auth-form-title{font-size:18px;font-weight:700;color:var(--ci-text);margin-bottom:4px}.auth-form-sub{font-size:13px;color:var(--ci-text-secondary);margin-bottom:22px}.auth-submit-btn{width:100%;height:46px;font-size:14px;font-weight:600;background:var(--ci-navy);color:#fff;border:none;border-radius:var(--ci-radius-control);cursor:pointer;margin-top:8px;transition:all .12s ease}.auth-submit-btn:hover{background:var(--ci-navy-secondary)}.auth-remember-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;font-size:13px}.auth-remember-label{display:flex;align-items:center;gap:8px;color:var(--ci-text);cursor:pointer}.alert-banner{padding:10px 14px;border-radius:8px;font-size:13px;font-weight:500;margin-bottom:16px}.alert-banner.error{background:var(--ci-danger-bg);color:var(--ci-danger);border:1px solid var(--ci-danger-border)}.alert-banner.success{background:var(--ci-success-bg);color:var(--ci-success);border:1px solid var(--ci-success-border)}.alert-banner.info{background:var(--ci-info-bg);color:var(--ci-info);border:1px solid var(--ci-info-border)}.prod-subnav-list{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.prod-subnav-btn{padding:6px 12px;font-size:13px;font-weight:500;color:var(--ci-text-secondary);background:transparent;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:all .12s ease}.prod-subnav-btn:hover{background:var(--ci-surface);color:var(--ci-text)}.prod-subnav-btn.active{background:var(--ci-navy);color:#fff;font-weight:600}.prod-period-picker{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.prod-period-label{font-size:12px;font-weight:600;color:var(--ci-text-secondary)}.prod-period-pills{display:flex;align-items:center;gap:4px;background:var(--ci-surface);padding:3px;border-radius:8px;border:1px solid var(--ci-border)}.prod-period-btn{padding:4px 10px;font-size:12px;font-weight:500;color:var(--ci-text-secondary);background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .12s ease}.prod-period-btn:hover{color:var(--ci-text)}.prod-period-btn.active{background:#FFFFFF;color:var(--ci-navy);font-weight:700;box-shadow:0 1px 2px #0000000d}@media (max-width: 1200px){.overview-grid{grid-template-columns:1fr}}@media (max-width: 900px){html,body,#root{width:100%!important;max-width:100vw!important;overflow-x:hidden!important}.app-shell{display:flex!important;flex-direction:column!important;width:100%!important;max-width:100vw!important;min-height:100vh!important;min-height:100dvh!important;overflow-x:hidden!important;background-color:var(--ci-bg)!important}.app-main{width:100%!important;max-width:100vw!important;flex:1 1 auto!important;display:flex!important;flex-direction:column!important;min-width:0!important;overflow-x:hidden!important}.top-header{position:sticky!important;top:0!important;left:0!important;width:100%!important;max-width:100vw!important;height:58px!important;padding:0 max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left))!important;background:#FFFFFF!important;z-index:950!important;display:flex!important;align-items:center!important;justify-content:space-between!important;box-sizing:border-box!important;border-bottom:1px solid var(--ci-border-light)!important;box-shadow:0 1px 3px #0000000d!important}.header-left{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;flex:1!important}.header-title-block{min-width:0!important;overflow:hidden!important}.header-page-title{font-size:15px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.2!important}.header-right{display:flex!important;align-items:center!important;gap:8px!important;flex-shrink:0!important}.realtime-status-pill{padding:4px 8px!important;font-size:11px!important}.realtime-status-pill span:not(.status-dot){display:none!important}.app-content{width:100%!important;max-width:100vw!important;padding:14px max(14px,env(safe-area-inset-right)) max(36px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))!important;box-sizing:border-box!important;overflow-x:hidden!important}.saas-card{width:100%!important;max-width:100%!important;box-sizing:border-box!important;padding:16px 14px!important;margin-bottom:14px!important;border-radius:12px!important;overflow:hidden!important}.app-sidebar,.app-shell.sidebar-collapsed .app-sidebar{position:fixed!important;top:0!important;bottom:0!important;left:0!important;width:290px!important;max-width:84vw!important;min-width:280px!important;height:100%!important;height:100vh!important;height:100dvh!important;max-height:100dvh!important;min-height:100dvh!important;background:#FFFFFF!important;transform:translate(-100%)!important;transition:transform .25s cubic-bezier(.4,0,.2,1)!important;box-shadow:14px 0 36px #00000059!important;z-index:1001!important;padding:20px 16px 24px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;box-sizing:border-box!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;border-right:1px solid var(--ci-border)!important;align-items:stretch!important}.desktop-only{display:none!important}.mobile-only{display:flex!important}.sidebar-close-btn{display:flex!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;border-radius:8px!important;border:1px solid var(--ci-border-light)!important;background:var(--ci-surface)!important;color:var(--ci-navy)!important;align-items:center!important;justify-content:center!important;font-size:16px!important;font-weight:700!important;cursor:pointer!important}.sidebar-close-btn:hover{background:#E4E6EB!important}.app-sidebar .sidebar-header,.app-shell.sidebar-collapsed .app-sidebar .sidebar-header{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;margin-bottom:20px!important;padding:0 4px!important}.app-sidebar .sidebar-brand,.app-shell.sidebar-collapsed .app-sidebar .sidebar-brand{display:flex!important;align-items:center!important}.app-sidebar .sidebar-brand-logo,.app-shell.sidebar-collapsed .app-sidebar .sidebar-brand-logo{height:40px!important;width:auto!important;max-width:140px!important;display:block!important}.app-sidebar .sidebar-nav,.app-shell.sidebar-collapsed .app-sidebar .sidebar-nav{display:flex!important;flex-direction:column!important;gap:4px!important;width:100%!important}.app-sidebar .sidebar-nav-item,.app-shell.sidebar-collapsed .app-sidebar .sidebar-nav-item{width:100%!important;height:42px!important;padding:0 14px!important;display:flex!important;align-items:center!important;gap:12px!important;justify-content:flex-start!important}.app-sidebar .sidebar-nav-item span,.app-shell.sidebar-collapsed .app-sidebar .sidebar-nav-item span{display:inline-block!important;font-size:13.5px!important;font-weight:500!important}.app-sidebar .sidebar-footer,.app-shell.sidebar-collapsed .app-sidebar .sidebar-footer{display:flex!important;flex-direction:column!important;width:100%!important;border-top:1px solid var(--ci-border-light)!important;padding-top:14px!important;margin-top:auto!important}.app-sidebar .sidebar-user-card,.app-shell.sidebar-collapsed .app-sidebar .sidebar-user-card{display:flex!important;align-items:center!important;gap:10px!important;padding:8px 10px!important;width:100%!important;justify-content:flex-start!important}.app-sidebar .sidebar-user-info,.app-shell.sidebar-collapsed .app-sidebar .sidebar-user-info{display:flex!important;flex-direction:column!important;text-align:left!important}.app-sidebar .sidebar-logout-btn,.app-shell.sidebar-collapsed .app-sidebar .sidebar-logout-btn{display:flex!important;align-items:center!important;gap:10px!important;padding:8px 10px!important;width:100%!important;justify-content:flex-start!important}.app-sidebar .sidebar-logout-btn span,.app-shell.sidebar-collapsed .app-sidebar .sidebar-logout-btn span{display:inline-block!important}.app-shell.sidebar-open .app-sidebar{transform:translate(0)!important}.sidebar-backdrop{display:none;position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;background:rgba(8,21,39,.6)!important;z-index:1000!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important}.app-shell.sidebar-open .sidebar-backdrop{display:block!important}.mobile-menu-toggle{display:flex!important;align-items:center!important;justify-content:center!important;width:36px!important;height:36px!important;background:var(--ci-surface)!important;border:1px solid var(--ci-border-light)!important;border-radius:8px!important;color:var(--ci-navy)!important;cursor:pointer!important;flex-shrink:0!important}.card-header{flex-direction:column!important;align-items:flex-start!important;gap:10px!important}.card-header>div:last-child{width:100%!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important}.overview-grid{display:flex!important;flex-direction:column!important;gap:14px!important;width:100%!important;max-width:100%!important}.overview-left-col,.overview-right-col{display:contents!important}.card-awaiting-acceptance{order:0!important}.card-workload-table{order:1!important}.card-job-overview{order:2!important}.card-workload-bars{order:3!important}.card-recent-jobs{order:4!important}.card-summary-split{order:5!important}.card-quick-actions{order:6!important}.stats-grid,.saas-stats-grid,.overview-kpi-grid,.kpi-row{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))!important;gap:10px!important}.filter-search-box{width:100%!important}.filter-bar,.filter-controls,.tab-filter-bar{flex-direction:column!important;align-items:stretch!important;gap:8px!important}.form-row,.summary-split-grid,.metrics-2x2-grid{grid-template-columns:1fr!important;gap:12px!important}.form-control,.form-select,.form-textarea,.filter-select,.filter-search-box input{font-size:16px!important;min-height:44px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.btn{min-height:44px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.recent-job-item{flex-direction:column!important;align-items:flex-start!important;gap:10px!important;padding:14px!important}.recent-job-main{width:100%!important}.recent-job-title{font-size:14.5px!important;white-space:normal!important;word-break:break-word!important}.recent-job-posted{font-size:12px!important;margin-top:4px!important;line-height:1.4!important}.recent-job-badges-wrap{width:100%!important;gap:6px!important;margin-top:2px!important}.workload-table-wrap{width:100%!important;overflow-x:hidden!important}.workload-table{width:100%!important;min-width:0!important;table-layout:auto!important}.workload-table th,.workload-table td{padding:10px 6px!important;font-size:13px!important}.workload-cat-cell{gap:6px!important;font-size:13px!important}.workload-progress-track{min-width:40px!important;max-width:70px!important;height:5px!important}.workload-util-cell{gap:8px!important}.workload-util-pct{width:34px!important;font-size:12px!important}.workload-bar-row{gap:8px!important}.workload-bar-label{width:105px!important;min-width:105px!important;font-size:12px!important}.quick-actions-list{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.quick-action-pill-btn{width:100%!important;justify-content:center!important;padding:10px 8px!important;font-size:12px!important}.filter-toolbar{flex-direction:column!important;align-items:stretch!important;gap:10px!important;width:100%!important}.filter-search-box,.filter-select{width:100%!important;min-width:100%!important}.data-table-container{margin:0 -6px!important;border-radius:6px!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.data-table{min-width:580px!important}.support-tickets-layout{grid-template-columns:1fr!important;height:auto!important}.wa-app-layout{height:calc(100dvh - 85px)!important;min-height:0!important;border-radius:8px!important;flex-direction:column!important;width:100%!important}.wa-utility-rail{display:none!important}.wa-chats-sidebar{width:100%!important;max-width:100%!important;min-width:0!important}.modal-backdrop{padding:10px!important;align-items:flex-end!important}.modal-dialog{max-width:100%!important;max-height:92vh!important;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.modal-header,.modal-body{padding:16px 14px!important}.modal-footer{padding:12px 14px!important;flex-wrap:wrap!important}.modal-footer button{flex:1!important}}@media (max-width: 480px){.stats-grid,.saas-stats-grid,.overview-kpi-grid,.kpi-row,.quick-actions-list{grid-template-columns:1fr!important}.app-content{padding:12px 8px 36px!important}.top-header{padding:0 10px!important}}.wa-app-layout{display:flex;height:calc(100vh - 120px);min-height:640px;background:#FFFFFF;border-radius:12px;border:1px solid var(--ci-border);overflow:hidden;box-shadow:0 4px 16px #0000000d}.wa-utility-rail{width:58px;background:#F0F2F5;border-right:1px solid #E9EDEF;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:14px 0;flex-shrink:0}.wa-rail-top,.wa-rail-bottom{display:flex;flex-direction:column;align-items:center;gap:12px}.wa-rail-icon-btn{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#54656f;cursor:pointer;position:relative;transition:background .15s,color .15s}.wa-rail-icon-btn:hover{background:#E9EDEF;color:#111b21}.wa-rail-icon-btn.active{background:#E7FCE3;color:#008069}.wa-brand-icon{color:#008069}.wa-rail-badge{position:absolute;top:0;right:0;background:#25D366;color:#fff;font-size:10px;font-weight:700;padding:1px 5px;border-radius:10px;border:2px solid #F0F2F5}.wa-rail-badge-mini{position:absolute;top:2px;right:2px;background:#25D366;color:#fff;font-size:9px;font-weight:700;padding:0 4px;border-radius:8px}.wa-rail-avatar{width:34px;height:34px;border-radius:50%;background:#008069;color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer}.wa-chats-sidebar{width:360px;min-width:300px;max-width:400px;background:#FFFFFF;border-right:1px solid #E9EDEF;display:flex;flex-direction:column;flex-shrink:0}.wa-chats-header{height:60px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid transparent}.wa-chats-title{font-size:20px;font-weight:700;color:#111b21;margin:0}.wa-chats-header-actions{display:flex;align-items:center;gap:8px}.wa-icon-action-btn{width:36px;height:36px;border-radius:50%;border:none;background:transparent;color:#54656f;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}.wa-icon-action-btn:hover{background:#F0F2F5;color:#111b21}.wa-search-container{padding:4px 14px 10px}.wa-search-box{background:#F0F2F5;border-radius:8px;display:flex;align-items:center;padding:7px 12px;gap:10px}.wa-search-box input{border:none;background:transparent;outline:none;font-size:13.5px;color:#111b21;width:100%}.wa-search-box input::placeholder{color:#54656f}.wa-filter-pills-row{display:flex;align-items:center;gap:6px;padding:2px 14px 10px;overflow-x:auto}.wa-filter-pill{border-radius:16px;padding:5px 12px;font-size:12.5px;font-weight:500;color:#54656f;background:#F0F2F5;border:1px solid #E9EDEF;cursor:pointer;display:flex;align-items:center;gap:4px;white-space:nowrap;transition:all .15s}.wa-filter-pill:hover{background:#E9EDEF}.wa-filter-pill.active{background:#D9FDD3;color:#008069;border-color:#c1ecc0;font-weight:600}.wa-filter-badge{background:#25D366;color:#fff;font-size:10px;font-weight:700;padding:1px 5px;border-radius:8px}.wa-chats-list{flex:1;overflow-y:auto}.wa-chat-item{display:flex;align-items:center;padding:11px 14px;gap:12px;cursor:pointer;transition:background .15s;border-bottom:1px solid #F5F6F6}.wa-chat-item:hover{background:#F5F6F6}.wa-chat-item.active{background:#F0F2F5}.wa-chat-avatar{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.wa-chat-info{flex:1;min-width:0}.wa-chat-top-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:3px}.wa-chat-name{font-size:14.5px;font-weight:600;color:#111b21;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa-chat-time{font-size:11.5px;color:#667781;flex-shrink:0;margin-left:8px}.wa-chat-bottom-line{display:flex;justify-content:space-between;align-items:center}.wa-chat-snippet{font-size:13px;color:#667781;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.wa-sender-tag{color:#54656f;font-weight:500}.wa-chat-badges{display:flex;align-items:center;gap:4px;flex-shrink:0;margin-left:6px}.wa-pin-icon{font-size:12px}.wa-unread-count{background:#25D366;color:#fff;font-size:11px;font-weight:700;padding:1px 6px;border-radius:10px}.wa-list-loading,.wa-list-empty{padding:32px 16px;text-align:center;color:#54656f;font-size:13px}.wa-conversation-view{flex:1;display:flex;flex-direction:column;background:#EFEAE2;position:relative;min-width:0}.wa-convo-header{height:60px;background:#F0F2F5;border-bottom:1px solid #E9EDEF;padding:0 16px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.wa-convo-header-left{display:flex;align-items:center;gap:12px;min-width:0}.wa-convo-avatar{width:40px;height:40px;border-radius:50%;background:#DFD6C9;display:flex;align-items:center;justify-content:center;flex-shrink:0}.wa-convo-details{min-width:0}.wa-convo-title{font-size:15px;font-weight:600;color:#111b21;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa-convo-subtitle{font-size:12px;color:#667781;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa-convo-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.wa-header-icon-btn{width:36px;height:36px;border-radius:50%;border:none;background:transparent;color:#54656f;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}.wa-header-icon-btn:hover{background:#E9EDEF;color:#111b21}.wa-popup-menu{position:absolute;top:42px;right:0;background:#FFFFFF;border-radius:8px;box-shadow:0 4px 16px #0000001f;border:1px solid #E9EDEF;padding:6px 0;z-index:100;min-width:150px}.wa-popup-menu button{width:100%;text-align:left;padding:8px 16px;border:none;background:transparent;font-size:13px;color:#111b21;cursor:pointer}.wa-popup-menu button:hover{background:#F5F6F6}.wa-pinned-bar{background:#F0F2F5;border-bottom:1px solid #E9EDEF;padding:6px 16px;display:flex;align-items:center;gap:8px;font-size:12.5px;color:#54656f;flex-shrink:0}.wa-pinned-icon{font-size:14px}.wa-pinned-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#111b21}.wa-messages-area{flex:1;overflow-y:auto;padding:16px 24px;display:flex;flex-direction:column;gap:8px;background-color:#efeae2;background-image:radial-gradient(#d3c7b8 .75px,transparent .75px);background-size:16px 16px}.wa-date-group{display:flex;flex-direction:column;gap:8px}.wa-date-pill{align-self:center;background:#FFFFFF;padding:4px 12px;border-radius:8px;font-size:11.5px;font-weight:500;color:#54656f;box-shadow:0 1px .5px #0b141a21;margin:8px 0}.wa-bubble-row{display:flex;width:100%;margin:2px 0}.wa-bubble-row.incoming{justify-content:flex-start}.wa-bubble-row.outgoing{justify-content:flex-end}.wa-bubble{max-width:72%;min-width:110px;border-radius:8px;padding:6px 10px;box-shadow:0 1px .5px #0b141a21;position:relative;display:flex;flex-direction:column;gap:4px}.wa-bubble-row.incoming .wa-bubble{background:#FFFFFF;border-top-left-radius:0}.wa-bubble-row.outgoing .wa-bubble{background:#D9FDD3;border-top-right-radius:0}.wa-bubble-sender-row{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;font-weight:600;margin-bottom:2px}.wa-bubble-sender-name{font-size:12.5px;font-weight:600}.wa-bubble-sender-phone{font-size:11px;color:#667781;font-weight:400}.wa-forwarded-tag{font-size:11px;color:#667781;font-style:italic;display:flex;align-items:center;gap:4px}.wa-bubble-text{font-size:13.5px;color:#111b21;line-height:1.45;word-break:break-word;white-space:pre-wrap}.wa-mention-tag{color:#027eb5;font-weight:600}.wa-bubble-link{color:#027eb5;text-decoration:underline}.wa-bubble-meta{align-self:flex-end;display:flex;align-items:center;gap:4px;margin-top:-2px}.wa-bubble-time{font-size:10.5px;color:#667781}.wa-double-check{color:#53bdeb;font-size:11px;font-weight:700}.wa-bubble-del-btn{border:none;background:transparent;color:#8696a0;cursor:pointer;font-size:11px;opacity:0;transition:opacity .15s;padding:0 2px}.wa-bubble:hover .wa-bubble-del-btn{opacity:1}.wa-doc-attachment-card{display:flex;align-items:center;gap:10px;background:#F0F2F5;border-radius:8px;padding:8px 12px;margin:4px 0}.wa-doc-icon-block{position:relative;display:flex;align-items:center;justify-content:center}.wa-doc-type-badge{position:absolute;bottom:0;font-size:7px;font-weight:800;color:#fff;background:#54656F;padding:1px 3px;border-radius:2px}.wa-doc-meta{flex:1;min-width:0;display:flex;flex-direction:column}.wa-doc-title{font-size:13px;font-weight:600;color:#111b21;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa-doc-subtitle{font-size:11px;color:#667781}.wa-doc-actions{display:flex;gap:6px}.wa-doc-btn{background:#FFFFFF;border:1px solid #D1D7DB;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600;color:#008069;cursor:pointer;text-decoration:none}.wa-doc-btn:hover{background:#F5F6F6}.wa-attachment-image-card{border-radius:8px;overflow:hidden;max-width:280px}.wa-attachment-img{width:100%;max-height:220px;object-fit:cover;display:block}.wa-attachment-img-name{font-size:11.5px;color:#54656f;display:block;padding:4px 6px}.wa-voice-note-player{display:flex;align-items:center;gap:10px;padding:4px 0}.wa-voice-play-btn{width:32px;height:32px;border-radius:50%;border:none;background:#E05D38;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:13px}.wa-voice-waveform{display:flex;align-items:center;gap:2.5px;height:22px;flex:1}.wa-wave-bar{width:3px;border-radius:2px;background:#8696A0}.wa-wave-bar.active{background:#E05D38}.wa-voice-duration{font-size:11px;color:#667781}.wa-voice-mic-badge{font-size:15px}.wa-typing-pill{align-self:flex-start;background:#FFFFFF;padding:4px 12px;border-radius:12px;font-size:12px;color:#008069;font-style:italic;box-shadow:0 1px .5px #0b141a21}.wa-input-footer{background:#F0F2F5;border-top:1px solid #E9EDEF;padding:8px 16px;position:relative;flex-shrink:0}.wa-attach-preview-banner{background:#FFFFFF;border-radius:8px;padding:6px 12px;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#008069;border:1px solid #C1ECC0}.wa-attach-preview-banner button{border:none;background:transparent;color:#8696a0;cursor:pointer}.wa-emoji-quick-bar{display:flex;gap:8px;background:#FFFFFF;padding:6px 12px;border-radius:20px;margin-bottom:8px;box-shadow:0 2px 6px #00000014;width:fit-content}.wa-emoji-quick-bar button{border:none;background:transparent;font-size:18px;cursor:pointer;transition:transform .1s}.wa-emoji-quick-bar button:hover{transform:scale(1.2)}.wa-input-bar{display:flex;align-items:center;gap:10px}.wa-footer-icon-btn{width:40px;height:40px;border-radius:50%;border:none;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}.wa-footer-icon-btn:hover{background:#E9EDEF}.wa-message-input{flex:1;min-height:40px;max-height:120px;border-radius:8px;border:none;background:#FFFFFF;padding:10px 16px;font-size:14px;color:#111b21;outline:none;font-family:inherit;resize:none;line-height:1.4;box-sizing:border-box}.wa-message-input::placeholder{color:#54656f}.wa-send-circle-btn{width:40px;height:40px;border-radius:50%;border:none;background:#008069;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 1px 2px #00000026;transition:background .15s}.wa-send-circle-btn:hover{background:#016b57}.wa-attach-popup{position:absolute;bottom:50px;left:0;background:#FFFFFF;border-radius:12px;box-shadow:0 4px 20px #00000026;padding:8px;display:flex;flex-direction:column;gap:4px;min-width:180px;z-index:100}.wa-attach-option{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:8px;cursor:pointer;font-size:13.5px;color:#111b21;transition:background .15s}.wa-attach-option:hover{background:#F5F6F6}.wa-attach-opt-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;color:#fff}.wa-welcome-box{align-self:center;margin:auto;text-align:center;max-width:360px}.wa-lock-badge{background:#FFEECD;color:#54656f;font-size:11.5px;padding:4px 10px;border-radius:6px;display:inline-block;margin-bottom:12px}.wa-state-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;margin:auto;color:#54656f;font-size:13px}.wa-spinner{width:28px;height:28px;border:3px solid #E9EDEF;border-top-color:#008069;border-radius:50%;animation:spin .8s linear infinite}.wa-back-arrow-btn{display:none;width:36px;height:36px;border-radius:50%;border:none;background:transparent;color:#54656f;align-items:center;justify-content:center;cursor:pointer;margin-right:4px;transition:background .15s}.wa-back-arrow-btn:hover{background:#E9EDEF;color:#111b21}.wa-list-divider-title{padding:12px 16px 4px;font-size:11px;font-weight:700;color:#8696a0;letter-spacing:.04em}.direct-avatar{color:#fff;font-weight:700;font-size:14px;position:relative}.wa-online-dot{position:absolute;bottom:0;right:0;width:12px;height:12px;border-radius:50%;background:#25D366;border:2px solid #FFFFFF}.wa-member-role-tag{font-size:10.5px;padding:1px 6px;border-radius:6px;background:var(--ci-surface);color:var(--ci-text-secondary);text-transform:capitalize;font-weight:600}.wa-search-inline-bar{display:flex;align-items:center;gap:10px;padding:8px 16px;background:#FFFFFF;border-bottom:1px solid #E9EDEF;box-shadow:0 2px 4px #0000000a;z-index:10;animation:fadeIn .15s ease-out}.wa-search-inline-input{flex:1;border:1px solid #D1D7DB;border-radius:8px;padding:8px 12px;font-size:13.5px;background:#F0F2F5;outline:none}.wa-search-inline-input:focus{border-color:#008069;background:#FFFFFF}.wa-search-match-badge{font-size:12px;font-weight:600;color:#008069;background:#E7FCE3;padding:3px 8px;border-radius:6px;white-space:nowrap}.wa-search-close-btn{background:none;border:none;color:#54656f;font-size:16px;cursor:pointer;padding:4px 8px;border-radius:6px}.wa-search-close-btn:hover{background:#F0F2F5;color:#111b21}.wa-convo-header-left.clickable{cursor:pointer;padding:4px 8px;border-radius:8px;transition:background .15s ease}.wa-convo-header-left.clickable:hover{background:rgba(0,0,0,.05)}.wa-info-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(11,20,26,.6);z-index:1200;display:flex;justify-content:flex-end;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fadeIn .2s ease}.wa-info-drawer{width:380px;max-width:90vw;height:100%;background:#F0F2F5;box-shadow:-4px 0 24px #0003;display:flex;flex-direction:column;overflow-y:auto;animation:slideInRight .25s cubic-bezier(.4,0,.2,1)}.wa-info-drawer-header{height:60px;background:#008069;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 20px;flex-shrink:0}.wa-info-drawer-title{font-size:16px;font-weight:600;margin:0}.wa-info-drawer-close{background:transparent;border:none;color:#fff;font-size:20px;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center}.wa-info-drawer-body{padding:24px 20px;display:flex;flex-direction:column;gap:16px}.wa-info-profile-card{background:#FFFFFF;border-radius:12px;padding:24px 16px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 1px 3px #00000014}.wa-info-avatar-large{width:90px;height:90px;border-radius:50%;background:#008069;color:#fff;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;margin-bottom:14px;box-shadow:0 4px 12px #00806940}.wa-info-name{font-size:18px;font-weight:700;color:#111b21;margin:0 0 4px}.wa-info-tag{font-size:12.5px;color:#667781;margin:0 0 16px}.wa-info-action-row{display:flex;gap:12px;width:100%;justify-content:center}.wa-info-action-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 8px;background:#F0F2F5;border:1px solid #E9EDEF;border-radius:10px;color:#008069;font-size:11.5px;font-weight:600;cursor:pointer;transition:all .15s}.wa-info-action-btn:hover{background:#E7FCE3;border-color:#c1ecc0;transform:translateY(-1px)}.wa-info-section-card{background:#FFFFFF;border-radius:12px;padding:16px;box-shadow:0 1px 3px #00000014}.wa-info-section-header{font-size:13px;font-weight:700;color:#008069;text-transform:uppercase;letter-spacing:.04em;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center}.wa-info-member-search{width:100%;padding:8px 12px;border-radius:8px;border:1px solid #D1D7DB;background:#F0F2F5;font-size:13px;margin-bottom:12px;box-sizing:border-box}.wa-info-member-list{display:flex;flex-direction:column;gap:8px;max-height:280px;overflow-y:auto}.wa-info-member-item{display:flex;align-items:center;gap:12px;padding:8px;border-radius:8px;transition:background .12s}.wa-info-member-item:hover{background:#F5F6F6}.wa-info-member-avatar{width:38px;height:38px;border-radius:50%;background:#008069;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0;position:relative}.wa-info-member-info{flex:1;min-width:0}.wa-info-member-name{font-size:13.5px;font-weight:600;color:#111b21;margin:0}.wa-info-member-role{font-size:11.5px;color:#667781}.wa-info-member-call-btn{background:none;border:none;color:#008069;padding:6px;border-radius:50%;cursor:pointer}.wa-info-member-call-btn:hover{background:#E7FCE3}.wa-call-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(11,20,26,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .25s ease}.wa-call-window{width:100%;max-width:720px;height:520px;background:#111B21;border-radius:16px;box-shadow:0 20px 60px #0009;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;position:relative;overflow:hidden}.wa-call-header{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(180deg,rgba(17,27,33,.9) 0%,rgba(17,27,33,0) 100%);position:absolute;top:0;left:0;right:0;z-index:20}.wa-call-header-info{display:flex;align-items:center;gap:12px}.wa-call-channel-badge{background:rgba(255,255,255,.15);color:#fff;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:6px}.wa-call-status-text{color:#25d366;font-size:13px;font-weight:500}.wa-call-body{flex:1;display:flex;align-items:center;justify-content:center;position:relative;background:#0C1317}.wa-call-audio-display{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}.wa-call-avatar-pulse{position:relative;width:120px;height:120px;border-radius:50%;background:#008069;color:#fff;font-size:42px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 0 #25d366b3;animation:callPulse 2s infinite cubic-bezier(.4,0,.6,1)}@keyframes callPulse{0%{box-shadow:0 0 #25d366b3}70%{box-shadow:0 0 0 25px #25d36600}to{box-shadow:0 0 #25d36600}}.wa-call-name{color:#fff;font-size:22px;font-weight:700;margin:0}.wa-call-timer{color:#8696a0;font-size:14px;font-weight:500;background:rgba(255,255,255,.08);padding:4px 14px;border-radius:12px}.wa-call-video-container{width:100%;height:100%;position:relative;background:#000000;display:flex;align-items:center;justify-content:center}.wa-call-remote-video{width:100%;height:100%;object-fit:cover}.wa-call-local-pip{position:absolute;bottom:80px;right:20px;width:140px;height:105px;background:#1F2C34;border-radius:12px;overflow:hidden;border:2px solid rgba(255,255,255,.3);box-shadow:0 8px 24px #00000080;z-index:10}.wa-call-local-video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.wa-call-footer{padding:18px 24px;display:flex;align-items:center;justify-content:center;gap:16px;background:linear-gradient(0deg,rgba(17,27,33,.95) 0%,rgba(17,27,33,0) 100%);position:absolute;bottom:0;left:0;right:0;z-index:20}.wa-call-ctrl-btn{width:50px;height:50px;border-radius:50%;border:none;background:rgba(255,255,255,.15);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.wa-call-ctrl-btn:hover{background:rgba(255,255,255,.25);transform:scale(1.08)}.wa-call-ctrl-btn.active-off{background:#EA4335;color:#fff}.wa-call-ctrl-btn.end-call{background:#EA4335;width:54px;height:54px;color:#fff}.wa-call-ctrl-btn.end-call:hover{background:#D93025;transform:scale(1.1)}.app-global-call-popup,.app-global-chat-popup,.wa-incoming-call-toast{position:fixed;bottom:24px;right:24px;background:#111B21;color:#fff;border:1px solid rgba(255,255,255,.18);box-shadow:0 16px 48px #00000073;border-radius:16px;padding:16px 20px;z-index:9999;display:flex;align-items:center;gap:16px;max-width:420px;animation:slideInUp .3s cubic-bezier(.4,0,.2,1)}.app-global-chat-popup{cursor:pointer;transition:background .15s ease}.app-global-chat-popup:hover{background:#1F2C34}.app-global-popup-avatar,.wa-incoming-toast-avatar{width:48px;height:48px;border-radius:50%;background:#008069;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex-shrink:0}.app-global-popup-info{flex:1;min-width:0}.app-global-popup-name{font-size:15px;font-weight:700;color:#fff;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-global-popup-sub{font-size:12.5px;color:#8696a0;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-global-popup-actions,.wa-incoming-toast-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.wa-btn-accept-call{background:#25D366;color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s}.wa-btn-accept-call:hover{transform:scale(1.1)}.wa-btn-decline-call{background:#EA4335;color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s}.wa-btn-decline-call:hover{transform:scale(1.1)}@keyframes slideInUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 900px){.wa-utility-rail{display:none!important}.wa-app-layout{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;max-width:100vw!important;height:100%!important;height:100vh!important;height:100dvh!important;max-height:100dvh!important;min-height:100dvh!important;border-radius:0!important;border:none!important;box-shadow:none!important;margin:0!important;padding:0!important;z-index:1050!important;background:#FFFFFF!important}.wa-app-layout.mobile-list-active .wa-chats-sidebar{width:100%!important;max-width:100%!important;display:flex!important;height:100%!important}.wa-app-layout.mobile-list-active .wa-conversation-view,.wa-app-layout.mobile-chat-active .wa-chats-sidebar{display:none!important}.wa-app-layout.mobile-chat-active .wa-conversation-view{width:100%!important;display:flex!important;height:100%!important}.wa-back-arrow-btn{display:flex!important}.wa-mobile-exit-btn{display:flex!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;border-radius:50%!important;border:1px solid var(--ci-border-light)!important;background:#E9EDEF!important;color:#111b21!important;font-size:16px!important;font-weight:700!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;margin-left:6px!important;transition:background .15s!important;flex-shrink:0!important}.wa-mobile-exit-btn:hover{background:#D1D7DB!important}.wa-call-window{width:100%!important;height:100%!important;max-width:100vw!important;max-height:100dvh!important;border-radius:0!important;border:none!important}.app-global-call-popup,.app-global-chat-popup,.wa-incoming-call-toast{bottom:auto!important;top:16px!important;left:12px!important;right:12px!important;max-width:calc(100vw - 24px)!important;animation:slideInDown .3s cubic-bezier(.4,0,.2,1)!important}}@media (min-width: 901px){.app-shell.sidebar-collapsed .app-sidebar{width:76px;min-width:76px;padding:24px 12px 20px;align-items:center}.app-shell.sidebar-collapsed .sidebar-header{position:relative;justify-content:center;width:100%;padding:0;margin-bottom:20px}.app-shell.sidebar-collapsed .sidebar-brand{display:none}.app-shell.sidebar-collapsed .sidebar-collapse-btn{display:flex;position:static;transform:none;opacity:1;pointer-events:auto;background:var(--ci-surface);color:var(--ci-navy);width:38px;height:38px;border-radius:8px;box-shadow:none;border:1px solid var(--ci-border-light);z-index:5;margin:0 auto;cursor:pointer}.app-shell.sidebar-collapsed .sidebar-collapse-btn:hover{background:#E4E6EB;color:var(--ci-navy)}.app-shell.sidebar-collapsed .sidebar-brand .brand-subtitle,.app-shell.sidebar-collapsed .sidebar-brand .brand-gold{display:none}.app-shell.sidebar-collapsed .sidebar-brand .brand-navy{font-size:18px}.app-shell.sidebar-collapsed .sidebar-brand-logo{height:36px;width:36px;max-width:36px}.app-shell.sidebar-collapsed .sidebar-cta-btn{width:46px;height:46px;padding:0;border-radius:50%;justify-content:center}.app-shell.sidebar-collapsed .sidebar-cta-btn span{display:none}.app-shell.sidebar-collapsed .sidebar-nav-item{width:46px;height:44px;padding:0;justify-content:center}.app-shell.sidebar-collapsed .sidebar-nav-item span{display:none}.app-shell.sidebar-collapsed .sidebar-user-card{padding:0;justify-content:center}.app-shell.sidebar-collapsed .sidebar-user-info,.app-shell.sidebar-collapsed .sidebar-user-card>svg{display:none}.app-shell.sidebar-collapsed .sidebar-logout-btn{width:46px;height:40px;padding:0;justify-content:center}.app-shell.sidebar-collapsed .sidebar-logout-btn span{display:none}}.header-dropdown-container{position:relative}.header-dropdown-menu{position:absolute;top:calc(100% + 10px);right:0;background:var(--ci-card);border-radius:12px;border:1px solid var(--ci-border);box-shadow:0 10px 28px #071f5c1f;z-index:200;overflow:hidden;animation:fadeInDropdown .15s ease-out}@keyframes fadeInDropdown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.notification-menu{width:360px;max-width:calc(100vw - 32px)}.dropdown-menu-header{padding:14px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--ci-border-light);font-size:14px;color:var(--ci-navy)}.btn-link-subtle{border:none;background:transparent;color:var(--ci-text-secondary);font-size:12px;cursor:pointer}.btn-link-subtle:hover{color:var(--ci-text)}.dropdown-menu-list{max-height:380px;overflow-y:auto}.dropdown-notification-item{display:flex;gap:12px;padding:12px 16px;border-bottom:1px solid var(--ci-border-light);cursor:pointer;transition:background .15s}.dropdown-notification-item:hover{background:var(--ci-surface)}.notif-icon-circle{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.notif-icon-circle.ticket{background:#FFF4EA}.notif-icon-circle.job{background:var(--ci-info-bg)}.notif-item-body{flex:1;min-width:0}.notif-item-title{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin-bottom:2px}.notif-item-desc{font-size:12.5px;color:var(--ci-text);margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notif-item-meta{font-size:11px;color:var(--ci-text-secondary)}.dropdown-empty-state{padding:32px 16px;text-align:center;color:var(--ci-text-secondary)}.dropdown-empty-state span{font-size:24px;display:block;margin-bottom:6px}.dropdown-empty-state p{margin:0;font-size:13px}.dropdown-menu-footer{padding:10px 16px;background:var(--ci-surface);border-top:1px solid var(--ci-border-light);text-align:center}.btn-link-action{border:none;background:transparent;color:var(--ci-navy);font-size:12.5px;font-weight:600;cursor:pointer}.btn-link-action:hover{text-decoration:underline}.user-profile-menu{width:280px}.dropdown-user-header{padding:16px;display:flex;gap:12px;align-items:center}.user-avatar-circle.large{width:44px;height:44px;font-size:16px}.dropdown-user-details{min-width:0;flex:1}.dropdown-user-fullname{font-size:14.5px;font-weight:700;color:var(--ci-navy);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-user-email{font-size:12px;color:var(--ci-text-secondary);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-divider{height:1px;background:var(--ci-border-light);margin:4px 0}.dropdown-menu-items{padding:6px;display:flex;flex-direction:column;gap:2px}.dropdown-menu-btn{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;border:none;background:transparent;color:var(--ci-text);font-size:13px;font-weight:500;cursor:pointer;width:100%;text-align:left;transition:background .12s}.dropdown-menu-btn:hover{background:var(--ci-surface);color:var(--ci-navy)}.dropdown-menu-btn svg{width:16px;height:16px;color:#667085}.dropdown-logout-btn{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;border:none;background:transparent;color:var(--ci-danger);font-size:13px;font-weight:600;cursor:pointer;width:100%;text-align:left;transition:background .12s}.dropdown-logout-btn:hover{background:var(--ci-danger-bg)}.dropdown-logout-btn svg{width:16px;height:16px}.support-metrics-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:14px}.support-metric-card{background:var(--ci-card);border:1px solid var(--ci-border);border-radius:10px;padding:10px 14px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 3px #071f5c0a;transition:transform .15s ease,box-shadow .15s ease;min-width:0}.support-metric-card:hover{box-shadow:0 3px 8px #071f5c14}.support-metric-content{min-width:0;flex:1}.support-metric-label{font-size:10.5px;font-weight:700;color:#667085;letter-spacing:.03em;text-transform:uppercase;display:block;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.support-metric-value{font-size:19px;font-weight:800;line-height:1.1;color:var(--ci-navy);margin-bottom:2px}.support-metric-subtext{font-size:10.5px;color:var(--ci-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.support-metric-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0;margin-left:8px}.support-split-layout{display:grid;grid-template-columns:330px 1fr;gap:14px;height:calc(100vh - 215px);min-height:520px}.support-list-panel{display:flex;flex-direction:column;padding:0;overflow:hidden;height:100%}.support-list-header{padding:12px 14px 8px;display:flex;justify-content:space-between;align-items:center}.support-filter-chips{display:flex;gap:5px;padding:0 12px 8px;overflow-x:auto;border-bottom:1px solid var(--ci-border-light);scrollbar-width:none;-ms-overflow-style:none}.support-filter-chips::-webkit-scrollbar{display:none;width:0;height:0}.support-chip{padding:3px 8px;border-radius:12px;font-size:11px;font-weight:500;border:1px solid var(--ci-border-light);background:var(--ci-surface);color:var(--ci-text-secondary);cursor:pointer;white-space:nowrap;transition:all .12s}.support-chip.active{background:var(--ci-navy);color:#fff;border-color:var(--ci-navy);font-weight:600}.support-tickets-stream{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:6px}.support-ticket-card-item{padding:10px 12px;border-radius:8px;border:1px solid var(--ci-border-light);background:var(--ci-card);cursor:pointer;transition:all .12s ease}.support-ticket-card-item:hover{background:var(--ci-surface);border-color:var(--ci-border)}.support-ticket-card-item.active{background:#FFF4EA;border-color:#fecdca;box-shadow:0 2px 5px #071f5c0d}.support-ticket-num{font-size:11.5px;font-weight:700;color:var(--ci-navy)}.support-ticket-time{font-size:10.5px;color:var(--ci-text-secondary)}.support-ticket-subject{font-size:12.5px;font-weight:600;color:var(--ci-text);margin:0;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.support-detail-panel{display:flex;flex-direction:column;padding:0;overflow:hidden;height:100%}.support-convo-wrapper{display:flex;flex-direction:column;height:100%}.support-convo-header{padding:10px 16px;border-bottom:1px solid var(--ci-border-light);display:flex;justify-content:space-between;align-items:center;background:var(--ci-card);gap:12px}.support-back-arrow-btn{display:none;width:32px;height:32px;border-radius:50%;border:none;background:transparent;color:#54656f;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.support-back-arrow-btn:hover{background:#E9EDEF}.support-header-badge{font-size:12px;font-weight:800;color:var(--ci-navy)}.support-messages-stream{flex:1;overflow-y:auto;padding:14px 16px;background:#F8FAFC;display:flex;flex-direction:column;gap:12px}.support-message-bubble-row{display:flex;gap:10px;max-width:82%}.support-message-bubble-row.staff{align-self:flex-start}.support-message-bubble-row.user{align-self:flex-end;flex-direction:row-reverse}.support-avatar-circle{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;flex-shrink:0}.support-msg-card{background:#FFFFFF;border:1px solid var(--ci-border-light);border-radius:10px;padding:9px 12px;box-shadow:0 1px 2px #0000000a}.support-message-bubble-row.user .support-msg-card{background:#EFF6FF;border-color:#bfdbfe}.support-msg-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;gap:10px}.support-msg-author{font-size:12px;color:var(--ci-navy)}.support-msg-time{font-size:10.5px;color:var(--ci-text-secondary)}.support-msg-body{font-size:12.5px;color:var(--ci-text);line-height:1.45;white-space:pre-wrap}.support-attachment-item{margin-top:6px;padding:4px 8px;background:var(--ci-surface);border-radius:6px;display:flex;justify-content:space-between;align-items:center;font-size:11px}.support-reply-footer{padding:8px 14px;border-top:1px solid var(--ci-border-light);background:#F0F2F5}.support-canned-chips{display:flex;align-items:center;gap:5px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none;-ms-overflow-style:none}.support-canned-chips::-webkit-scrollbar{display:none;width:0;height:0}.support-canned-btn{padding:2px 8px;border-radius:10px;border:1px solid var(--ci-border-light);background:#FFFFFF;font-size:11px;color:#54656f;cursor:pointer;white-space:nowrap;transition:all .1s}.support-canned-btn:hover{background:#FFF4EA;color:var(--ci-navy);border-color:#fecdca}.support-wa-reply-bar{display:flex;align-items:center;gap:8px}.support-wa-icon-btn{width:32px;height:32px;border-radius:50%;border:none;background:transparent;color:#54656f;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .12s}.support-wa-icon-btn:hover{background:#E4E6EB}.support-wa-input{flex:1;height:38px;border-radius:20px;border:1px solid #CBD5E1;background:#FFFFFF;padding:0 16px;font-size:13px;color:#111b21;outline:none;transition:border-color .15s}.support-wa-input:focus{border-color:var(--ci-navy)}.support-wa-send-btn{width:38px;height:38px;border-radius:50%;border:none;background:var(--ci-navy);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;box-shadow:0 2px 6px #071f5c33;transition:transform .12s,background .12s}.support-wa-send-btn:hover:not(:disabled){background:#0D2C7D;transform:scale(1.04)}.support-wa-send-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 1024px){.support-metrics-row{grid-template-columns:repeat(3,1fr)}}@media (max-width: 860px){.support-metrics-row{grid-template-columns:repeat(2,1fr)}.support-split-layout{grid-template-columns:1fr;height:calc(100vh - 120px)}.support-split-layout.mobile-queue-active .support-detail-panel,.support-split-layout.mobile-convo-active .support-list-panel{display:none!important}.support-back-arrow-btn{display:flex!important}}@media (max-width: 520px){.support-metrics-row{grid-template-columns:1fr}}