:root{--font-size-page-title:28px;--font-weight-page-title:600;--letter-spacing-page-title:-0.5px;--line-height-page-title:1.2;--font-size-section-title:20px;--font-weight-section-title:600;--letter-spacing-section-title:-0.3px;--line-height-section-title:1.3;--font-size-card-title:16px;--font-weight-card-title:600;--letter-spacing-card-title:0;--line-height-card-title:1.4;--font-size-body:14px;--font-weight-body:400;--line-height-body:1.5;--font-size-small:13px;--font-weight-small:400;--line-height-small:1.4;--font-size-meta:12px;--font-weight-meta:400;--line-height-meta:1.3;--font-size-stat-value:36px;--font-weight-stat-value:700;--letter-spacing-stat-value:-1px;--font-size-button:14px;--font-weight-button:500;--container-max-width:1600px;--container-padding-x:0;--container-padding-y:0;--page-padding-x:0;--page-padding-y:0;--spacing-section:32px;--spacing-card-padding:24px;--spacing-card-padding-sm:20px;--spacing-grid-gap:24px;--spacing-grid-gap-sm:20px;--spacing-grid-gap-xs:12px;--spacing-element-gap:16px;--spacing-element-gap-sm:12px;--spacing-element-gap-xs:8px;--spacing-margin-bottom-header:32px;--spacing-margin-bottom-card-header:20px}.page-header-standard{margin-bottom:var(--spacing-margin-bottom-header)}.page-header-title{font-size:var(--font-size-page-title);font-weight:var(--font-weight-page-title);letter-spacing:var(--letter-spacing-page-title);line-height:var(--line-height-page-title)}.page-header-subtitle{font-size:var(--font-size-body);line-height:var(--line-height-body)}.page-header-actions{gap:var(--spacing-element-gap-sm)}.card-standard{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);padding:24px;padding:var(--spacing-card-padding);transition:all .2s ease}.card-standard:hover{border-color:var(--text-muted)}.card-header-standard{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;margin-bottom:var(--spacing-margin-bottom-card-header)}.card-title-standard{color:var(--text-primary);font-size:16px;font-size:var(--font-size-card-title);font-weight:600;font-weight:var(--font-weight-card-title);letter-spacing:0;letter-spacing:var(--letter-spacing-card-title);line-height:1.4;line-height:var(--line-height-card-title);margin:0}.stat-card-standard{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);padding:24px;padding:var(--spacing-card-padding);transition:all .2s ease}.stat-card-standard:hover{border-color:var(--accent);box-shadow:0 4px 12px #0000000d;transform:translateY(-2px)}.stat-value-standard{color:var(--text-primary);font-size:36px;font-size:var(--font-size-stat-value);font-weight:700;font-weight:var(--font-weight-stat-value);letter-spacing:-1px;letter-spacing:var(--letter-spacing-stat-value);line-height:1;margin-bottom:4px}.stat-label-standard{color:var(--text-secondary);font-size:14px;font-size:var(--font-size-body);line-height:1.5;line-height:var(--line-height-body)}.btn-standard{align-items:center;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;font-family:Montserrat,sans-serif;font-size:14px;font-size:var(--font-size-button);font-weight:500;font-weight:var(--font-weight-button);gap:8px;gap:var(--spacing-element-gap-xs);padding:10px 20px;transition:all .2s ease}.btn-standard-secondary{background:var(--bg-white);border:1px solid var(--border);color:var(--text-primary)}.btn-standard-secondary:hover{background:var(--bg-main)}.btn-standard-primary{background:#0000;border:1px solid var(--border);color:var(--text-primary)}.btn-standard-primary:hover{background:var(--bg-main);transform:translateY(-1px)}.tabs-standard{background:var(--bg-main);border-radius:8px;display:flex;gap:4px;padding:4px}.tab-standard{background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;font-family:Montserrat,sans-serif;font-size:12px;font-size:var(--font-size-meta);font-weight:500;font-weight:var(--font-weight-button);padding:6px 12px;transition:all .2s ease}.tab-standard.active,.tab-standard:hover{color:var(--text-primary)}.tab-standard.active{background:var(--bg-white)}.stats-grid-standard{grid-gap:24px;grid-gap:var(--spacing-grid-gap);display:grid;gap:24px;gap:var(--spacing-grid-gap);grid-template-columns:repeat(4,1fr);margin-bottom:32px;margin-bottom:var(--spacing-section);width:100%}.content-grid-2col{grid-gap:20px;grid-gap:var(--spacing-grid-gap-sm);grid-template-columns:2fr 1fr}.content-grid-2col,.content-grid-equal{display:grid;gap:20px;gap:var(--spacing-grid-gap-sm);margin-bottom:32px;margin-bottom:var(--spacing-section)}.content-grid-equal{grid-gap:20px;grid-gap:var(--spacing-grid-gap-sm);grid-template-columns:1fr 1fr}.page-container-standard{margin:0 auto;max-width:1600px;max-width:var(--container-max-width);padding:0;padding:var(--container-padding-y) var(--container-padding-x)}.section-standard{margin-bottom:32px;margin-bottom:var(--spacing-section)}.text-page-title{font-size:28px;font-size:var(--font-size-page-title);font-weight:600;font-weight:var(--font-weight-page-title);letter-spacing:-.5px;letter-spacing:var(--letter-spacing-page-title);line-height:1.2;line-height:var(--line-height-page-title)}.text-section-title{font-size:20px;font-size:var(--font-size-section-title);font-weight:600;font-weight:var(--font-weight-section-title);letter-spacing:-.3px;letter-spacing:var(--letter-spacing-section-title);line-height:1.3;line-height:var(--line-height-section-title)}.text-card-title{font-size:16px;font-size:var(--font-size-card-title);font-weight:600;font-weight:var(--font-weight-card-title);letter-spacing:0;letter-spacing:var(--letter-spacing-card-title);line-height:1.4;line-height:var(--line-height-card-title)}.text-body{font-size:14px;font-size:var(--font-size-body);font-weight:400;font-weight:var(--font-weight-body);line-height:1.5;line-height:var(--line-height-body)}.text-small{font-size:13px;font-size:var(--font-size-small);font-weight:400;font-weight:var(--font-weight-small);line-height:1.4;line-height:var(--line-height-small)}.text-meta{font-size:12px;font-size:var(--font-size-meta);font-weight:400;font-weight:var(--font-weight-meta);line-height:1.3;line-height:var(--line-height-meta)}.mb-section{margin-bottom:32px;margin-bottom:var(--spacing-section)}.mb-header{margin-bottom:32px;margin-bottom:var(--spacing-margin-bottom-header)}.gap-standard{gap:16px;gap:var(--spacing-element-gap)}.gap-sm{gap:12px;gap:var(--spacing-element-gap-sm)}.gap-xs{gap:8px;gap:var(--spacing-element-gap-xs)}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Montserrat,sans-serif}:root[data-theme=light]{--bg-main:#f5f5f5;--bg-white:#fff;--bg-card:#fff;--bg-dark-card:#1a1a1a;--text-primary:#1a1a1a;--text-secondary:#666;--text-muted:#999;--text-light:#ccc;--border:#e5e5e5;--border-light:#eee;--accent:#06f;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--red:#ef4444;--yellow:#eab308;--green:#22c55e;--radius:16px;--radius-sm:8px}:root[data-theme=dark]{--bg-main:#0a0a0a;--bg-white:#141414;--bg-card:#141414;--bg-dark-card:#fff;--text-primary:#f5f5f5;--text-secondary:#999;--text-muted:#666;--text-light:#444;--border:#2a2a2a;--border-light:#1e1e1e;--accent:#06f;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--red:#ef4444;--yellow:#eab308;--green:#22c55e;--radius:16px;--radius-sm:8px}body{color:var(--text-primary)}.btn,body{background:var(--bg-main)}.btn{border:1px solid var(--border);color:var(--text-secondary);display:inline-flex;justify-content:center;padding:10px 16px;text-decoration:none;transition:all .2s ease}.btn:hover{border-color:var(--text-muted);color:var(--text-primary)}.btn-primary{background:var(--accent);border-color:var(--accent)}.btn-primary:hover{background:#0052cc;border-color:#0052cc;color:#fff}.btn-success{background:var(--success);border-color:var(--success);color:#fff}.btn-success:hover{background:#1ea34c;border-color:#1ea34c;color:#fff}.btn-danger{background:#0000;border-color:var(--danger);color:var(--danger)}.btn-danger:hover{background:var(--danger)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn svg{stroke-width:1.5;height:16px;width:16px}.btn-back{background:var(--bg-white);color:var(--text-secondary)}.btn-back:hover{background:var(--bg-main);color:var(--text-primary)}.card{transition:all .2s ease}.card:hover{border-color:var(--text-muted)}.input,.select,.textarea{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:Montserrat,sans-serif;font-size:14px;padding:12px 14px;transition:all .2s ease;width:100%}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);outline:none}.input::placeholder,.textarea::placeholder{color:var(--text-muted)}.form-group .required{color:var(--danger)}.form-group .field-hint{color:var(--text-muted);display:block;font-size:12px;margin-top:6px}.error-banner,.success-banner,.warning-banner{border:1px solid;border-radius:var(--radius-sm);font-size:14px;margin-bottom:20px;padding:14px 18px}.error-banner{border-color:var(--danger)}.success-banner{border-color:var(--success);color:var(--success)}.warning-banner{background:#f59e0b1a;border-color:var(--warning);color:var(--warning)}.layout{display:flex;min-height:100vh}.sidebar{background:var(--bg-white);border-right:1px solid var(--border);display:flex;flex-direction:column;height:100vh;overflow-y:auto;padding:32px 20px;position:fixed;width:280px}.logo{align-items:center;border-bottom:1px solid var(--border-light);display:flex;gap:14px;margin-bottom:32px;padding:0 12px 32px}.logo-icon svg{height:48px;width:48px}.logo-text{color:var(--text-primary);font-size:18px;font-weight:600;letter-spacing:-.02em}.logo-text span{font-weight:300}.nav-menu{flex:1 1;list-style:none}.nav-item{margin-bottom:4px}.nav-link{align-items:center;border:1px solid #0000;border-radius:var(--radius-sm);color:var(--text-secondary);display:flex;font-size:14px;font-weight:500;gap:14px;padding:14px 16px;text-decoration:none;transition:all .2s ease}.nav-link.active,.nav-link:hover{background:var(--bg-main);color:var(--text-primary)}.nav-link.active{border-color:var(--border)}.nav-link svg{stroke-width:1.5;height:20px;width:20px}.nav-divider{background:var(--border-light);height:1px;margin:20px 0}.nav-section-title{color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.05em;margin-bottom:4px;padding:8px 16px;text-transform:uppercase}.user-profile{background:var(--bg-main);border:1px solid var(--border-light);border-radius:var(--radius);gap:14px;margin-top:auto;padding:16px}.user-avatar,.user-profile{align-items:center;display:flex}.user-avatar{border:1.5px solid var(--text-primary);border-radius:50%;color:var(--text-primary);font-size:14px;font-weight:500;height:44px;justify-content:center;width:44px}.user-info{flex:1 1}.user-name{color:var(--text-primary);font-size:14px;font-weight:600}.user-role{color:var(--text-muted);font-size:12px;font-weight:400}.main{flex:1 1;margin-left:280px;min-height:100vh;padding:32px 40px}.dashboard-container{margin:0 auto;max-width:1600px}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.header-title{color:var(--text-primary);font-size:28px;font-weight:600;letter-spacing:-.5px;margin:0}.header-subtitle{color:var(--text-secondary);font-size:14px;margin-top:4px}.btn-primary{background:#0000}.stats-grid{grid-gap:24px;gap:24px;grid-template-columns:repeat(4,1fr);margin-bottom:32px;width:100%}.stat-card{animation:fadeIn .4s ease forwards}.stat-card:first-child{animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.15s}.stat-card:nth-child(3){animation-delay:.2s}.stat-card:nth-child(4){animation-delay:.25s}.stat-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.stat-icon{border-radius:12px;font-size:22px;height:48px;width:48px}.stat-icon.purple{background:#6366f126}.stat-change{display:flex;font-size:12px}.stat-change.positive{color:#22c55e}.stat-change.negative{color:#ef4444}.stat-change.neutral{background:#9ca3af1a;color:var(--text-secondary)}.charts-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr;margin-bottom:32px}.card{animation:fadeIn .4s ease forwards;background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.card-title{font-size:16px;margin:0}.card-tabs{background:var(--bg-main);border-radius:8px;display:flex;gap:4px;padding:4px}.card-tab{border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s}.card-tab.active,.card-tab:hover{color:var(--text-primary)}.card-tab.active{background:var(--bg-white)}.chart-container{height:320px;position:relative;width:100%}.chart-svg{height:100%;width:100%}.ranking-list{display:flex;flex-direction:column;gap:12px}.ranking-item{align-items:center;background:var(--bg-main);border-radius:12px;display:flex;gap:16px;padding:12px;transition:all .2s}.ranking-item:hover{background:var(--border);transform:translateX(4px)}.ranking-position{align-items:center;border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:600;height:28px;justify-content:center;width:28px}.ranking-position.gold{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.ranking-position.silver{background:linear-gradient(135deg,#9ca3af,#6b7280)}.ranking-position.bronze{background:linear-gradient(135deg,#d97706,#b45309)}.ranking-position.default{background:var(--bg-white);border:1px solid var(--border);color:var(--text-secondary)}.ranking-info{flex:1 1}.ranking-name{color:var(--text-primary);font-size:14px;font-weight:500;margin-bottom:2px}.ranking-studio{color:var(--text-muted);font-size:12px}.ranking-score{text-align:right}.ranking-percent{color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:4px}.ranking-bar{background:var(--border);border-radius:3px;height:6px;overflow:hidden;width:80px}.ranking-bar-fill{border-radius:3px;height:100%;transition:width .5s ease}.problems-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:32px}.criteria-list{gap:24px}.criteria-item{gap:16px}.criteria-name{flex:1 1}.criteria-bar-container{align-items:center;display:flex;gap:12px;width:200px}.criteria-bar{background:var(--bg-main);border-radius:4px;flex:1 1;height:8px}.criteria-bar-fill{border-radius:4px;transition:width .5s ease}.criteria-percent{font-family:JetBrains Mono,monospace;font-size:13px;font-weight:500;text-align:right;width:40px}.zone-chart{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:20px 0}.donut-container{height:200px;margin-bottom:32px;position:relative;width:200px}.donut-svg{transform:rotate(-90deg)}.donut-segment{fill:none;stroke-linecap:round}.donut-center{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.donut-center-value{color:var(--text-primary);font-size:32px;font-weight:700}.donut-center-label{color:var(--text-muted);font-size:12px}.zone-legend{display:flex;gap:24px}.zone-legend-item{align-items:center;display:flex;gap:8px}.zone-dot{border-radius:4px;height:12px;width:12px}.zone-dot.red{background:#ef4444}.zone-dot.yellow{background:#eab308}.zone-dot.green{background:#22c55e}.zone-legend-text{color:var(--text-secondary);font-size:13px}.zone-legend-percent{color:var(--text-primary);font-size:13px;font-weight:600}.table-header{grid-gap:16px;border-bottom:1px solid var(--border);color:var(--text-muted);display:grid;font-size:12px;font-weight:600;gap:16px;grid-template-columns:100px 150px 1fr 300px 1fr 60px;letter-spacing:.5px;padding:12px 16px;text-transform:uppercase}.table-row{grid-template-columns:100px 150px 1fr 300px 1fr 60px;padding:16px;transition:all .2s}.zone-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:4px 10px}.zone-badge.red{background:#ef44441a;color:#ef4444}.zone-badge.yellow{background:#eab3081a;color:#eab308}.zone-badge.green{background:#22c55e1a;color:#22c55e}.source-badge{background:var(--bg-main);color:var(--text-primary);font-size:13px;line-height:1.4}.manager-cell{display:flex;flex-direction:column}.manager-studio{color:var(--text-muted);font-size:12px}.score-cell{font-family:JetBrains Mono,monospace;font-size:14px;font-weight:500}.comment-cell{color:var(--text-secondary);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-btn{font-size:16px}.view-all{align-items:center;color:var(--accent);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;margin-top:8px;padding:16px;transition:all .2s}.view-all:hover{color:var(--text-primary)}.loading-spinner{align-items:center;color:var(--text-secondary);display:flex;font-size:16px;justify-content:center;min-height:400px}.no-data{padding:20px}.no-data,.no-data-row{color:var(--text-muted);font-size:14px}.no-data-row{border-bottom:1px solid var(--border);padding:40px;text-align:center}@media (max-width:1400px){.stats-grid{grid-template-columns:repeat(2,1fr)}.charts-section,.problems-section{grid-template-columns:1fr}.table-header,.table-row{grid-template-columns:60px 120px 1fr 70px 1.5fr 50px}}@media (max-width:768px){.dashboard-header{align-items:flex-start;flex-direction:column;gap:16px}.header-actions{flex-wrap:wrap;width:100%}.stats-grid{grid-template-columns:1fr}.table-header{display:none}.table-row{gap:8px;grid-template-columns:1fr;padding:16px 12px}.table-row>div{align-items:center;display:flex;justify-content:space-between}.table-row>div:before{color:var(--text-muted);content:attr(data-label);font-size:12px;font-weight:600;text-transform:uppercase}}.analytics-page{margin:0 auto;max-width:1600px}.analytics-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.period-select{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);min-width:180px;padding:10px 16px}.btn-export,.period-select{cursor:pointer;font-family:Montserrat,sans-serif;font-size:14px}.btn-export{background:var(--text-primary);border:none;border-radius:var(--radius-sm);color:var(--bg-white);font-weight:500;padding:10px 20px;transition:all .2s}.btn-export:hover{opacity:.9}.metrics-overview{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.metric-card{align-items:flex-start;background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);display:flex;gap:16px;padding:24px;transition:all .2s}.metric-card:hover{box-shadow:0 4px 12px #0000000d;transform:translateY(-2px)}.metric-icon{flex-shrink:0;font-size:36px}.metric-content{flex:1 1}.metric-label{color:var(--text-muted);font-size:12px;letter-spacing:.05em;margin-bottom:8px;text-transform:uppercase}.metric-value{color:var(--text-primary);font-size:32px;font-weight:600;line-height:1;margin-bottom:6px}.metric-detail{color:var(--text-secondary);font-size:13px}.charts-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr);margin-bottom:32px}.chart-card{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.chart-card.full-width{grid-column:1/-1}.chart-card h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 20px}.funnel-container{display:flex;flex-direction:column;gap:16px;padding:20px 0}.funnel-stage{position:relative;width:100%}.funnel-bar{align-items:center;border-radius:var(--radius-sm);color:#fff;display:flex;font-weight:600;justify-content:space-between;min-width:200px;padding:16px 20px;transition:all .3s}.funnel-bar:hover{opacity:.9;transform:translateX(4px)}.funnel-label{font-size:14px}.funnel-value{font-size:18px}.funnel-rate{color:var(--text-secondary);font-size:14px;font-weight:600;position:absolute;right:-60px;top:50%;transform:translateY(-50%)}.issues-section{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:32px;padding:32px}.issues-section h3{color:var(--text-primary);font-size:20px;font-weight:600;margin:0 0 24px}.issues-list{display:flex;flex-direction:column;gap:16px}.issue-item{gap:16px}.issue-item,.issue-rank{align-items:center;display:flex}.issue-rank{background:var(--bg-main);border-radius:50%;color:var(--text-primary);flex-shrink:0;font-weight:600;height:32px;justify-content:center;width:32px}.issue-content{flex:1 1}.issue-name{color:var(--text-primary);font-size:14px;font-weight:500;margin-bottom:8px}.issue-bar{background:var(--bg-main);border-radius:4px;height:8px;overflow:hidden}.issue-bar-fill{background:#ef4444;border-radius:4px;height:100%;transition:width .5s}.issue-count{color:var(--text-secondary);font-size:14px;font-weight:600;white-space:nowrap}.employees-section{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:32px;padding:32px}.employees-section h3{color:var(--text-primary);font-size:20px;font-weight:600;margin:0 0 24px}.employees-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.employee-card{align-items:center;background:var(--bg-main);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;gap:16px;padding:20px;transition:all .2s}.employee-card:hover{border-color:var(--text-primary);transform:translateY(-2px)}.employee-rank{background:var(--text-primary);border-radius:50%;color:var(--bg-white);flex-shrink:0;font-size:16px;height:40px;width:40px}.employee-name{font-size:15px;font-weight:600;margin-bottom:6px}.employee-stats{color:var(--text-secondary);font-size:13px;gap:12px}.employee-score{color:var(--text-primary);font-weight:600}.error-message,.loading-message{align-items:center;color:var(--text-secondary);display:flex;font-size:16px;justify-content:center;min-height:400px}.error-message{background:#ef44440d;border:1px solid var(--border);padding:40px;text-align:center}@media (max-width:1200px){.charts-grid{grid-template-columns:1fr}.chart-card.full-width{grid-column:1}}@media (max-width:768px){.analytics-header{align-items:flex-start;flex-direction:column;gap:16px}.employees-grid,.metrics-overview{grid-template-columns:1fr}.funnel-rate{display:block;margin-top:8px;position:static}}.auth-container{align-items:center;background:var(--bg-main);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);max-width:480px;padding:48px;width:100%}.auth-logo{align-items:center;display:flex;gap:14px;justify-content:center;margin-bottom:32px}.auth-logo svg{height:48px;width:48px}.auth-logo h1{color:var(--text-primary);font-size:24px;font-weight:600}.auth-card h2,.auth-logo h1 span{font-weight:300}.auth-card h2{color:var(--text-primary);font-size:24px;margin-bottom:32px;text-align:center}.form-group input{background:var(--bg-main);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:Montserrat,sans-serif;font-size:14px;padding:14px 16px;transition:border-color .2s;width:100%}.form-group input:focus{border-color:var(--text-muted);outline:none}.btn-submit{background:var(--text-primary);border:none;border-radius:var(--radius-sm);color:var(--bg-white);cursor:pointer;font-family:Montserrat,sans-serif;font-size:14px;font-weight:500;margin-top:8px;padding:14px;transition:opacity .2s;width:100%}.btn-submit:hover:not(:disabled){opacity:.9}.btn-submit:disabled{cursor:not-allowed;opacity:.6}.error-message{background:var(--danger);color:#fff}.auth-footer{color:var(--text-secondary);font-size:14px;margin-top:24px;text-align:center}.auth-footer a{color:var(--text-primary);font-weight:500;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.modal{box-shadow:0 24px 64px #0000004d;height:90vh;max-height:900px;max-width:1400px}.modal-header{background:var(--bg-main);padding:16px 24px}.modal-header-left{gap:16px}.modal-title{gap:12px}.modal-title code{background:var(--bg-white);border:1px solid var(--border);border-radius:6px;font-size:14px;padding:4px 10px}.modal-meta{font-size:13px;gap:16px}.modal-meta span{gap:6px}.modal-actions{gap:8px}.modal-btn{background:var(--bg-white);border-radius:8px;font-size:16px;height:36px;width:36px}.modal-btn:hover{background:var(--bg-main)}.modal-btn.close:hover{background:#ef44441a}.call-side{background:var(--bg-white);border-right:1px solid var(--border);display:flex;flex:1 1;flex-direction:column;min-width:0}.call-info{background:var(--bg-main);border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;font-size:13px;gap:24px;padding:16px 24px}.call-info-item{align-items:center;display:flex;gap:8px}.call-info-item .label{color:var(--text-muted)}.call-info-item .value{color:var(--text-primary);font-weight:500}.audio-player{background:var(--bg-main);border-bottom:1px solid var(--border);padding:24px}.player-container{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.player-top{gap:16px;margin-bottom:16px}.play-btn,.player-top{align-items:center;display:flex}.play-btn{background:var(--accent);border:none;border-radius:50%;color:#fff;cursor:pointer;flex-shrink:0;font-size:22px;height:52px;justify-content:center;transition:all .2s;width:52px}.play-btn:hover{box-shadow:0 4px 20px #0066ff4d;transform:scale(1.05)}.player-info{flex:1 1}.player-title{color:var(--text-primary);font-size:15px;font-weight:600;margin-bottom:4px}.player-meta{color:var(--text-muted);display:flex;font-size:12px;gap:12px}.player-controls{display:flex;gap:8px}.player-control{align-items:center;background:var(--bg-main);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;font-weight:600;height:36px;justify-content:center;transition:all .15s;width:36px}.player-control:hover{background:var(--bg-white);border-color:var(--accent);color:var(--text-primary)}.progress-container{align-items:center;display:flex;gap:12px}.progress-time{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:12px;font-weight:500;min-width:45px}.progress-bar{background:var(--bg-main);border:1px solid var(--border);border-radius:4px;cursor:pointer;flex:1 1;height:8px;position:relative}.progress-fill{background:var(--accent);border-radius:4px;height:100%;position:relative;transition:width .1s linear}.progress-fill:after{background:#fff;border:2px solid var(--accent);border-radius:50%;box-shadow:0 2px 6px #0003;content:"";height:14px;position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:14px}.transcript{flex:1 1;overflow-y:auto;padding:24px}.transcript-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.transcript-title{align-items:center;color:var(--text-primary);font-size:14px;font-weight:600}.transcript-actions,.transcript-title{display:flex;gap:8px}.transcript-btn{background:var(--bg-main);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:12px;font-weight:500;padding:6px 14px;transition:all .15s}.transcript-btn:hover{background:var(--bg-white);color:var(--text-primary)}.transcript-btn.active{background:var(--bg-white);border-color:var(--accent);color:var(--accent)}.transcript-content{display:flex;flex-direction:column;gap:12px}.transcript-item{border-radius:10px;display:flex;gap:12px;padding:10px 12px;transition:all .15s}.transcript-item:hover{background:var(--bg-main)}.transcript-item.manager{background:#6366f10d;border-left:3px solid var(--accent)}.transcript-item.client{background:#22c55e0d;border-left:3px solid var(--green)}.transcript-time{color:var(--text-muted);flex-shrink:0;font-family:JetBrains Mono,monospace;font-size:10px;min-width:40px;padding-top:2px}.transcript-body{flex:1 1;min-width:0}.transcript-speaker{font-size:11px;font-weight:600;margin-bottom:4px}.transcript-item.manager .transcript-speaker{color:var(--accent)}.transcript-item.client .transcript-speaker{color:var(--green)}.transcript-text{word-wrap:break-word;color:var(--text-secondary);font-size:13px;line-height:1.5}.transcript-text-full{color:var(--text-secondary);font-size:14px;line-height:1.7;white-space:pre-wrap}.no-analysis,.no-transcript{color:var(--text-muted);padding:40px 20px;text-align:center}.no-analysis p,.no-transcript p{font-size:14px;margin-bottom:16px}.analysis-side{background:var(--bg-white);width:380px}.analysis-scroll{padding:24px}.score-row{gap:12px;margin-bottom:20px}.score-card{background:var(--bg-main);border:2px solid #0000;border-radius:var(--radius);padding:20px}.score-card.high{border-color:var(--green)}.score-card.medium{border-color:var(--yellow)}.score-card.low{border-color:var(--red)}.score-num{font-size:40px;letter-spacing:-2px;margin-bottom:4px}.score-label{font-size:11px;letter-spacing:.5px;margin-top:4px;text-transform:uppercase}.score-zone{font-size:11px;margin-top:8px;padding:4px 10px}.score-zone.high{background:#22c55e1a}.score-zone.medium{background:#eab3081a}.score-zone.low{background:#ef44441a}.mini-stats{gap:8px;width:100px}.mini-stat{background:var(--bg-main);padding:10px}.mini-stat-val{color:var(--text-primary);font-size:16px}.mini-stat-lbl{font-size:10px;letter-spacing:.5px;margin-top:2px}.tags-block{margin-bottom:20px}.tags-header{margin-bottom:12px}.tags-title{font-size:12px}.tags-count{font-size:11px;font-weight:600;padding:3px 8px}.tags-count.green{background:#22c55e1a}.tags-count.red{background:#ef44441a}.tags-wrap{gap:8px}.tag{font-size:12px;padding:6px 12px}.tag.good{background:#22c55e1a;border:1px solid #22c55e33}.tag.bad{background:#ef44441a;border:1px solid #ef444433}.section-head{font-size:13px;margin-bottom:12px}.section-icon{font-size:16px}.rec-item{background:var(--bg-main);border:1px solid var(--border);border-radius:8px;gap:12px;margin-bottom:10px;padding:12px}.rec-num{border-radius:6px;color:#fff;font-size:12px;height:24px;width:24px}.rec-text{font-size:13px}.criteria-head{margin-bottom:12px}.criteria-filters{gap:6px}.crit-filter{background:var(--bg-main);font-size:11px;padding:6px 12px}.crit-filter.active{background:var(--bg-white);color:var(--accent)}.crit-filter.problems{background:#ef44441a;border-color:#ef444433}.criteria-list{gap:6px}.crit-group{margin-bottom:16px}.crit-group-head{font-size:12px;margin-bottom:8px;padding:8px 0}.crit-item{gap:10px;padding:8px 10px}.crit-item:hover{background:var(--bg-main)}.crit-check{border-radius:5px;font-size:11px;font-weight:600;height:20px;width:20px}.crit-check.pass{background:#22c55e1a;border:1px solid #22c55e33}.crit-check.fail{background:#ef44441a;border:1px solid #ef444433}.crit-name{color:var(--text-primary);font-size:13px}.crit-hint{font-size:11px;margin-top:2px}.crit-score{font-size:12px}.analysis-scroll::-webkit-scrollbar,.transcript::-webkit-scrollbar{width:6px}.analysis-scroll::-webkit-scrollbar-track,.transcript::-webkit-scrollbar-track{background:#0000}.analysis-scroll::-webkit-scrollbar-thumb,.transcript::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.analysis-scroll::-webkit-scrollbar-thumb:hover,.transcript::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (max-width:1024px){.modal{border-radius:0;height:100vh;max-height:100vh;max-width:100%}.modal-body{flex-direction:column}.call-side{border-bottom:1px solid var(--border);border-right:none}.analysis-side{width:100%}}@media (max-width:768px){.modal-header{gap:12px}.modal-header,.modal-header-left{align-items:flex-start;flex-direction:column}.modal-header-left{gap:8px}.modal-actions{justify-content:flex-end;width:100%}.call-info{flex-direction:column;gap:12px}.player-top{flex-wrap:wrap}.score-row{flex-direction:column}.mini-stats{flex-direction:row;width:100%}.mini-stat{flex:1 1}}.calls-new-page{margin:0 auto;max-width:1800px;padding:32px}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.page-title{color:var(--text-primary);font-size:28px;font-weight:600;letter-spacing:-.5px;margin:0}.header-actions{gap:12px}.btn,.header-actions{align-items:center;display:flex}.btn{border:none;border-radius:var(--radius-sm);cursor:pointer;font-family:Montserrat,sans-serif;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.btn-secondary{background:var(--bg-white)}.btn-secondary:hover{background:var(--bg-main)}.btn-primary{background:var(--bg-white);border:1px solid var(--border);color:var(--text-primary)}.btn-primary:hover{background:var(--bg-main)}.stats-bar{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(5,1fr);margin-bottom:24px}.stat-card{display:flex;flex-direction:column;padding:20px}.stat-card:hover{border-color:var(--text-muted)}.stat-top{margin-bottom:12px}.stat-icon{border-radius:8px;font-size:18px;height:36px;width:36px}.stat-icon.red{background:#ef444426}.stat-icon.cyan{background:#06b6d426}.stat-value{font-family:JetBrains Mono,monospace}.stat-change{align-items:center;align-self:flex-start;border-radius:6px;display:inline-flex;font-size:11px;font-weight:500;gap:4px;padding:4px 8px}.stat-change.positive{background:#22c55e1a;color:var(--green)}.stat-change.negative{background:#ef44441a;color:var(--red)}.quick-filters{gap:10px;margin-bottom:20px}.filter-chip{font-weight:500;padding:8px 16px;transition:all .15s}.filter-chip.active{background:var(--bg-main);border-color:var(--text-muted);color:var(--text-primary)}.filter-chip .count{font-weight:600}.calls-card,.filter-chip.active .count{background:var(--bg-white)}.calls-card{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.table-row{grid-gap:16px;align-items:center;border-bottom:1px solid var(--border);cursor:pointer;display:grid;gap:16px;grid-template-columns:80px 100px 100px 1fr 90px 80px 120px 2fr 60px;padding:16px 20px;transition:all .15s}.table-row:hover{background:var(--bg-main)}.table-row:last-child{border-bottom:none}.table-row.header{color:var(--text-muted);cursor:default;font-size:11px;font-weight:600;letter-spacing:.5px;padding:12px 20px;text-transform:uppercase}.table-row.header,.table-row.header:hover{background:var(--bg-main)}.cell-time{font-weight:500}.direction-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:6px 12px;white-space:nowrap}.direction-badge.incoming{background:#22c55e1a;color:var(--green)}.direction-badge.outgoing{background:#3b82f61a;color:#3b82f6}.direction-badge.missed{background:#ef44441a;color:var(--red)}.source-badge{border-radius:6px;gap:5px;white-space:nowrap}.source-badge.mango{background:#f973161a;color:#f97316}.source-badge.sipuni{background:#3b82f61a;color:#3b82f6}.source-badge.asterisk{background:#06b6d41a;color:#06b6d4}.score-badge{border-radius:6px;min-width:44px}.score-badge.none{background:var(--bg-main);color:var(--text-muted)}.cell-duration{font-weight:500}.cell-client,.cell-duration{font-family:JetBrains Mono,monospace}.cell-client,.cell-duration,.cell-topic{color:var(--text-secondary);font-size:13px}.cell-topic{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.open-btn{align-items:center;background:#0000;border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .15s;width:32px}.open-btn:hover{background:var(--accent);border-color:var(--accent);color:#fff}.pagination{color:var(--text-muted);font-size:13px;padding:16px 20px}.page-controls{display:flex;gap:6px}.page-btn{border-radius:6px;font-family:Montserrat,sans-serif;height:32px;min-width:32px;padding:0 8px;transition:all .15s}.page-btn:hover:not(:disabled){border-color:var(--accent);color:var(--text-primary)}.loading-message{color:var(--text-secondary);font-size:16px}.loading-message,.no-calls-row{padding:60px 20px;text-align:center}.no-calls-row{color:var(--text-muted)}.no-calls-row p{font-size:16px;margin-bottom:8px}.no-calls-row .hint{color:var(--text-secondary);font-size:14px}@media (max-width:1400px){.stats-bar{grid-template-columns:repeat(3,1fr)}.table-row{gap:12px;grid-template-columns:70px 90px 90px 1fr 80px 70px 100px 1.5fr 50px}}@media (max-width:1024px){.calls-new-page{padding:24px}.page-header{align-items:flex-start;flex-direction:column;gap:16px}.header-actions{flex-wrap:wrap;width:100%}.stats-bar{grid-template-columns:repeat(2,1fr)}.table-row.header{display:none}.table-row{gap:12px;grid-template-columns:1fr;padding:16px}.table-row>div{align-items:center;display:flex;justify-content:space-between}}@media (max-width:768px){.stats-bar{grid-template-columns:1fr}.quick-filters{flex-direction:column}.filter-chip{justify-content:space-between;width:100%}}.page-header-standard{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.page-header-title{color:var(--text-primary);font-size:28px;font-weight:600;letter-spacing:-.5px;line-height:1.2;margin:0}.page-header-subtitle{color:var(--text-secondary);font-size:14px;line-height:1.5;margin-top:4px}.page-header-actions{align-items:center;display:flex;gap:12px}.date-selector{align-items:center;background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 16px;transition:all .2s}.date-selector:hover{border-color:var(--text-secondary)}@media (max-width:768px){.page-header-standard{align-items:flex-start;flex-direction:column;gap:16px}.page-header-actions{flex-wrap:wrap;width:100%}}.loading-state{align-items:center;color:var(--text-secondary);display:flex;font-size:18px;justify-content:center;min-height:400px}.int-category-section{margin-bottom:32px}.int-category-header{align-items:center;display:flex;gap:12px;margin-bottom:20px}.int-category-icon{align-items:center;background:var(--bg-white);border:1px solid var(--border);border-radius:10px;display:flex;height:36px;justify-content:center;width:36px}.int-category-icon svg{stroke:var(--text-primary);stroke-width:1.5;height:20px;width:20px}.int-category-title{color:var(--text-primary);font-size:18px;font-weight:600}.int-category-count{background:var(--bg-white);border:1px solid var(--border);border-radius:20px;color:var(--text-muted);font-size:12px;padding:4px 10px}.int-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.int-card{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;padding:20px;position:relative;transition:all .2s}.int-card:hover:not(.disabled){border-color:var(--text-primary);box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.int-card.connected{border-color:#22c55e66;border-width:2px}.int-card.disabled{cursor:not-allowed;opacity:.6}.int-coming-soon{background:var(--bg-main);border:1px solid var(--border);border-radius:6px;color:var(--text-muted);font-size:10px;font-weight:600;letter-spacing:.5px;padding:4px 8px;position:absolute;right:14px;text-transform:uppercase;top:14px}.int-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.int-logo{align-items:center;border-radius:12px;display:flex;height:56px;justify-content:center;width:56px}.int-logo svg{stroke:#fff;stroke-width:1.5;height:28px;width:28px}.int-status{align-items:center;border-radius:20px;display:flex;font-size:11px;font-weight:600;gap:6px;padding:5px 12px}.int-status:before{border-radius:50%;content:"";height:6px;width:6px}.int-status.online{background:#22c55e1a;color:var(--green)}.int-status.online:before{background:var(--green)}.int-status.offline{background:var(--bg-main);border:1px solid var(--border);color:var(--text-muted)}.int-status.offline:before{background:var(--text-muted)}.int-card-name{color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:8px}.int-card-desc{color:var(--text-muted);font-size:13px;line-height:1.5;margin-bottom:16px;min-height:40px}.int-card-actions{display:flex;gap:8px;margin-top:auto}.int-btn{align-items:center;background:var(--bg-main);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-family:Montserrat,sans-serif;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:10px 16px;transition:all .15s}.int-btn:hover{background:var(--bg-white);border-color:var(--text-muted);color:var(--text-primary)}.int-btn.primary{background:var(--text-primary);border-color:var(--text-primary);color:#fff}.int-btn.primary:hover{opacity:.9}.int-btn.success{background:#22c55e1a;border-color:#22c55e4d;color:var(--green)}.int-btn.success:hover{background:#22c55e26}.int-modal-overlay{align-items:center;animation:fadeIn .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}.int-modal{animation:slideUp .3s;background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 24px 64px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:1000px;overflow:hidden;width:100%}.int-modal-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px 24px}.int-modal-title-block{align-items:center;display:flex;gap:14px}.int-modal-logo{align-items:center;border-radius:10px;display:flex;height:48px;justify-content:center;width:48px}.int-modal-logo svg{stroke:#fff;stroke-width:1.5;height:24px;width:24px}.int-modal-title{color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:4px}.int-modal-subtitle{color:var(--text-muted);font-size:12px}.int-modal-close{align-items:center;background:#0000;border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;transition:all .2s;width:36px}.int-modal-close:hover{background:var(--bg-main);border-color:var(--text-primary);color:var(--text-primary)}.int-modal-body{display:flex;flex:1 1;overflow:hidden}.int-modal-left{border-right:1px solid var(--border);flex:1 1;overflow-y:auto;padding:24px}.int-modal-right{background:var(--bg-main);overflow-y:auto;padding:24px;width:360px}.int-instruction-step{background:var(--bg-main);border-radius:10px;display:flex;gap:14px;margin-bottom:20px;padding:14px}.int-step-number{align-items:center;background:var(--text-primary);border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:28px;justify-content:center;width:28px}.int-step-content{flex:1 1}.int-step-title{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:6px}.int-step-desc{color:var(--text-muted);font-size:13px;line-height:1.6;margin-bottom:8px}.int-step-link{color:var(--text-primary);font-size:12px;text-decoration:underline}.int-step-link:hover{opacity:.8}.int-code-block{background:var(--bg-white);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);font-family:Courier New,monospace;font-size:11px;margin-top:8px;padding:10px 12px;word-break:break-all}.int-settings-title{color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.8px;margin-bottom:14px;text-transform:uppercase}.int-form-group{margin-bottom:16px}.int-form-label{color:var(--text-primary);display:block;font-size:12px;font-weight:600;margin-bottom:8px}.int-form-input{background:var(--bg-white);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-family:Montserrat,sans-serif;font-size:13px;padding:10px 12px;width:100%}.int-form-input:focus{border-color:var(--text-primary);outline:none}.int-form-input.mono{font-family:Courier New,monospace;font-size:11px}.int-form-hint{color:var(--text-muted);font-size:11px;margin-top:6px}.int-connection-status{background:var(--bg-white);border:1px solid var(--border);border-radius:10px;margin-bottom:20px;padding:16px}.int-connection-status.connected{background:#22c55e0d;border-color:#22c55e66}.int-connection-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.int-connection-label{color:var(--text-muted);font-size:11px;font-weight:600}.int-connection-badge{align-items:center;display:flex;font-size:11px;font-weight:600;gap:6px}.int-connection-badge.online{color:var(--green)}.int-connection-badge:before{background:var(--green);border-radius:50%;content:"";height:6px;width:6px}.int-connection-info{color:var(--text-secondary);font-size:13px}.int-connection-info.connected{color:var(--green)}.int-action-buttons{display:flex;flex-direction:column;gap:10px}.int-action-btn{align-items:center;background:var(--bg-white);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-family:Montserrat,sans-serif;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:12px 16px;transition:all .15s;width:100%}.int-action-btn:hover{background:var(--bg-main)}.int-action-btn.primary{background:var(--text-primary);border-color:var(--text-primary);color:#fff}.int-action-btn.primary:hover{opacity:.9}.int-action-btn.success{background:var(--green);border-color:var(--green);color:#fff}.int-action-btn.success:hover{opacity:.9}.int-action-btn.danger{background:#ef44441a;border-color:#ef44444d;color:var(--danger)}.int-action-btn.danger:hover{background:var(--danger);color:#fff}.int-tip-box{background:#3b82f61a;border:1px solid #3b82f64d;border-radius:8px}.int-tip-box,.int-warning-box{color:var(--text-secondary);display:flex;font-size:12px;gap:10px;margin-top:16px;padding:12px}.int-warning-box{background:#eab3081a;border:1px solid #eab3084d;border-radius:8px}@media (max-width:1200px){.int-grid,.int-stats-bar{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.integrations-page{padding:20px}.int-grid,.int-stats-bar{grid-template-columns:1fr}.int-modal{max-width:100%}.int-modal-body{flex-direction:column}.int-modal-left{border-bottom:1px solid var(--border);border-right:none}.int-modal-right{width:100%}}.int-modal-left::-webkit-scrollbar,.int-modal-right::-webkit-scrollbar{width:6px}.int-modal-left::-webkit-scrollbar-track,.int-modal-right::-webkit-scrollbar-track{background:#0000}.int-modal-left::-webkit-scrollbar-thumb,.int-modal-right::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.int-modal-left::-webkit-scrollbar-thumb:hover,.int-modal-right::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.integration-page{margin:0 auto;max-width:1400px;padding:32px}.integration-loading{align-items:center;color:var(--text-secondary);display:flex;font-size:18px;justify-content:center;min-height:400px}.integration-header{margin-bottom:40px}.integration-header h1{color:var(--text-primary);font-size:36px;font-weight:300;margin-bottom:12px}.integration-subtitle{color:var(--text-secondary);font-size:16px;margin:0}.error-banner,.success-banner{border-radius:var(--radius);font-size:15px;font-weight:500;margin-bottom:24px;padding:16px 20px}.error-banner{background:#ef44441a;border:1px solid #ef44444d;color:var(--danger)}.success-banner{background:#22c55e1a;border:1px solid #22c55e4d;color:#22c55e}.integration-content{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr;margin-bottom:48px}.integration-instructions{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);padding:32px}.integration-instructions h2{color:var(--text-primary);font-size:24px;font-weight:600;margin-bottom:24px}.instruction-step{border-bottom:1px solid var(--border);display:flex;gap:20px;margin-bottom:32px;padding-bottom:32px}.instruction-step:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.step-number{background:var(--bg-main);border:2px solid var(--text-primary);color:var(--text-primary)}.step-content h3{color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:12px}.step-content p{color:var(--text-secondary);margin-bottom:8px}.step-content strong{color:var(--text-primary);font-weight:600}.step-content a{color:var(--text-primary);text-decoration:underline}.step-content a:hover{opacity:.8}.step-content ul{margin:12px 0 0 20px;padding:0}.step-content li{line-height:1.8;margin-bottom:6px}.hint-box,.step-content li{color:var(--text-secondary);font-size:14px}.hint-box{background:#3b82f61a;border-left:3px solid #3b82f6;border-radius:var(--radius-sm);line-height:1.6;margin-top:12px;padding:12px 16px}.integration-form-container{display:flex;flex-direction:column;gap:24px}.integration-form{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);padding:32px}.integration-form h2{color:var(--text-primary);font-size:24px;font-weight:600;margin-bottom:24px}.form-group{margin-bottom:24px}.form-group label{color:var(--text-primary);font-weight:600}.form-group label .required{color:var(--danger);margin-left:4px}.form-group input[type=password],.form-group input[type=text]{background:var(--bg-main);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:Montserrat,sans-serif;font-size:15px;padding:12px 16px;transition:all .2s;width:100%}.form-group input[type=password]:focus,.form-group input[type=text]:focus{border-color:var(--text-primary);box-shadow:0 0 0 3px #0000000d;outline:none}.field-hint{color:var(--text-muted);display:block;font-size:13px;margin-top:6px}.checkbox-group{align-items:center;display:flex;gap:10px;margin-bottom:6px}.checkbox-group input[type=checkbox]{cursor:pointer;height:18px;width:18px}.checkbox-group label{cursor:pointer;font-weight:500;margin:0}.form-actions{display:flex;gap:12px;margin-top:32px}.btn-save,.btn-sync,.btn-test{border:none;border-radius:var(--radius-sm);cursor:pointer;font-family:Montserrat,sans-serif;font-size:15px;font-weight:600;padding:12px 24px;transition:all .2s}.btn-test{background:var(--bg-main);border:1px solid var(--border);color:var(--text-primary)}.btn-test:hover:not(:disabled){border-color:var(--text-primary)}.btn-save{background:var(--text-primary);color:var(--bg-white)}.btn-save:hover:not(:disabled){opacity:.9}.btn-sync{background:var(--text-primary);color:var(--bg-white);margin-top:12px;width:100%}.btn-sync:hover:not(:disabled){opacity:.9}.btn-save:disabled,.btn-sync:disabled,.btn-test:disabled{cursor:not-allowed;opacity:.5}.btn-danger{background:var(--danger);border:none;border-radius:var(--radius-sm);color:#fff;font-family:Montserrat,sans-serif;font-weight:600}.btn-danger:hover{opacity:.9}.btn-view{background:var(--text-primary);border:none;border-radius:var(--radius-sm);color:var(--bg-white);cursor:pointer;display:inline-block;font-family:Montserrat,sans-serif;font-size:14px;font-weight:600;padding:10px 20px;text-decoration:none;transition:all .2s}.btn-view:hover{opacity:.9}.test-result{border-radius:var(--radius-sm);display:flex;gap:16px;margin-top:24px;padding:20px}.test-result.success{background:#22c55e1a;border:1px solid #22c55e4d}.test-result.error{background:#ef44441a;border:1px solid #ef44444d}.test-result-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:32px;justify-content:center;width:32px}.test-result.success .test-result-icon{background:#22c55e;color:#fff}.test-result.error .test-result-icon{background:var(--danger);color:#fff}.test-result-message strong{color:var(--text-primary);display:block;font-size:16px;margin-bottom:6px}.test-result-message p{color:var(--text-secondary);font-size:14px;margin:0}.test-result-details{border-top:1px solid #0000001a;margin-top:12px;padding-top:12px}.test-result-details p{font-size:13px;font-weight:600;margin-bottom:8px}.test-result-details ul{margin:0;padding:0 0 0 20px}.test-result-details li{color:var(--text-secondary);font-size:13px;line-height:1.6}.integration-status{display:flex;flex-direction:column;gap:24px}.status-card{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);display:flex;gap:16px;padding:24px}.status-card.active{background:#22c55e0d;border-color:#22c55e}.status-icon{align-items:center;background:#22c55e;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:24px;font-weight:700;height:48px;justify-content:center;width:48px}.status-content h3{color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:8px}.status-content p{color:var(--text-secondary);font-size:14px;margin-bottom:4px}.sync-section{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.sync-section h3{color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:8px}.sync-section>p{font-size:14px;margin-bottom:16px}.sync-note,.sync-section>p{color:var(--text-secondary)}.sync-note{background:#ffc1071a;border:1px solid #ffc1074d;border-radius:var(--radius-sm);font-size:13px;margin-top:12px;padding:12px}.integration-features{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);padding:40px}.integration-features h2{color:var(--text-primary);font-size:28px;font-weight:600;margin-bottom:32px;text-align:center}.features-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr)}.feature-card{background:var(--bg-main);border:1px solid var(--border);border-radius:var(--radius);padding:24px;text-align:center;transition:all .2s}.feature-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-4px)}.feature-icon{align-items:center;display:flex;height:48px;justify-content:center;margin:0 auto 16px;width:48px}.feature-icon svg{stroke:var(--text-primary);height:100%;width:100%}.feature-card h3{color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:8px}.feature-card p{color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0}.integration-group{margin-bottom:48px}.group-title,.integration-group:last-child{margin-bottom:24px}.group-title{color:var(--text-primary);font-size:20px;font-weight:600}.cards-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.integration-card-item{align-items:center;background:var(--bg-white);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;display:flex;flex-direction:column;padding:28px;position:relative;text-align:center;transition:all .3s}.integration-card-item:hover:not(.disabled){border-color:var(--text-primary);box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.integration-card-item.disabled{cursor:not-allowed;opacity:.6}.card-icon{align-items:center;display:flex;height:64px;justify-content:center;margin-bottom:20px;width:64px}.card-icon svg{stroke:var(--text-primary);stroke-width:1.5;height:100%;width:100%}.card-title{color:var(--text-primary);font-size:20px;font-weight:600;margin-bottom:8px}.card-description{color:var(--text-secondary);font-size:14px;line-height:1.6;margin-bottom:16px}.card-status{border-radius:12px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.card-status.connected{background:#22c55e1a;color:#22c55e}.card-status.not-connected{background:#6b72801a;color:var(--text-muted)}.card-status.coming-soon{background:#ffc10733;color:#f59e0b}.ats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr);margin-bottom:48px}.ats-card{background:var(--bg-white);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;display:flex;flex-direction:column;padding:32px;position:relative;transition:all .3s}.ats-card:hover:not(.disabled){border-color:var(--text-primary);box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.ats-card.disabled{cursor:not-allowed;opacity:.6}.ats-logo{font-size:64px;margin-bottom:20px;text-align:center}.ats-card h2{color:var(--text-primary);font-size:24px;font-weight:600;margin-bottom:12px;text-align:center}.badge-coming-soon{background:#ffc10733;color:#f59e0b;position:absolute;right:16px;top:16px}.badge-coming-soon,.badge-status{border-radius:12px;font-size:12px;font-weight:600;padding:6px 12px;text-transform:uppercase}.badge-status{display:inline-block;letter-spacing:.5px}.badge-status.connected{background:#22c55e1a;border:1px solid #22c55e4d;color:#22c55e}.badge-status.not-connected{background:#6b72801a;border:1px solid var(--border);color:var(--text-muted)}.ats-description{color:var(--text-secondary);flex-grow:1;font-size:14px;line-height:1.6;text-align:center}.ats-description,.ats-features{margin-bottom:20px}.ats-features h4{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:12px}.ats-features ul{list-style:none;margin:0;padding:0}.ats-features li{color:var(--text-secondary);font-size:13px;line-height:1.8;padding-left:20px;position:relative}.btn-configure{background:var(--text-primary);border:none;border-radius:var(--radius-sm);color:var(--bg-white);cursor:pointer;font-family:Montserrat,sans-serif;font-size:15px;font-weight:600;padding:12px 24px;transition:all .2s;width:100%}.btn-configure:hover{opacity:.9}.btn-back{background:var(--bg-main);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:Montserrat,sans-serif;font-weight:500;margin-bottom:24px;padding:10px 20px;transition:all .2s}.btn-back:hover{border-color:var(--text-primary)}.integration-info{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);padding:40px}.integration-info h2{color:var(--text-primary);font-size:28px;font-weight:600;margin-bottom:32px;text-align:center}.info-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr)}.info-card{text-align:center}.info-icon{align-items:center;display:flex;height:48px;justify-content:center;margin:0 auto 16px;width:48px}.info-icon svg{stroke:var(--text-primary);height:100%;width:100%}.info-card h3{color:var(--text-primary);font-size:18px;margin-bottom:8px}.info-card p{color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0}.webhook-section{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.webhook-section h3{color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:8px}.webhook-section>p{color:var(--text-secondary);font-size:14px;margin-bottom:16px}.webhook-url{align-items:center;background:var(--bg-main);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;gap:12px;padding:12px}.webhook-url code{color:var(--text-primary);flex:1 1;font-family:Courier New,monospace;font-size:13px;word-break:break-all}.btn-copy{background:var(--text-primary);border-radius:var(--radius-sm);color:var(--bg-white);font-family:Montserrat,sans-serif;font-size:13px;font-weight:600;padding:8px 16px;white-space:nowrap}.btn-copy:hover{opacity:.9}@media (max-width:1200px){.integration-content{grid-template-columns:1fr}.cards-grid,.features-grid{grid-template-columns:repeat(2,1fr)}.ats-grid{grid-template-columns:1fr}.info-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.integration-page{padding:20px}.cards-grid,.features-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-save,.btn-test{width:100%}}.integration-card{align-items:center;background:var(--bg-white);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;display:flex;flex-direction:column;padding:28px;position:relative;text-align:center;transition:all .3s}.integration-card:hover:not(.disabled){border-color:var(--text-primary);box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.integration-card.disabled{cursor:not-allowed;opacity:.6}.card-name{color:var(--text-primary);font-size:20px;font-weight:600;margin-bottom:12px}.integration-detail-card{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:24px;padding:32px}.integration-title{align-items:center;display:flex;gap:12px}.integration-icon{font-size:32px}.integration-title h3{color:var(--text-primary);font-size:24px;font-weight:600;margin:0}.integration-status{border-radius:12px;font-size:13px;font-weight:600;padding:6px 12px}.status-connected{background:#22c55e1a;color:#22c55e}.status-disconnected{background:#ef44441a;color:var(--danger)}.integration-description{color:var(--text-secondary);font-size:14px;line-height:1.6;margin:16px 0}.error-message{margin:16px 0;padding:12px 16px}.form-group small{color:var(--text-muted);display:block;font-size:13px;margin-top:6px}.connect-button{background:var(--text-primary);border:none;border-radius:var(--radius-sm);color:var(--bg-white);cursor:pointer;font-family:Montserrat,sans-serif;font-size:15px;font-weight:600;margin-top:8px;padding:12px 24px;transition:all .2s;width:100%}.connect-button:hover:not(:disabled){opacity:.9}.connect-button:disabled{cursor:not-allowed;opacity:.5}.qr-code-container{background:var(--bg-main);border-radius:var(--radius);margin-top:24px;padding:24px;text-align:center}.qr-code-container h4{color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:16px}.qr-code-image{border:4px solid #fff;border-radius:var(--radius);box-shadow:0 4px 12px #0000001a;height:auto;margin-bottom:16px;max-width:300px;width:100%}.qr-instruction{color:var(--text-secondary);font-size:13px;line-height:1.6;margin-bottom:16px}.polling-indicator{align-items:center;color:var(--text-muted);display:flex;font-size:14px;gap:10px;justify-content:center}.spinner{animation:spin 1s linear infinite;border:2px solid var(--border);border-radius:50%;border-top-color:var(--text-primary);height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.connected-info{background:var(--bg-main);border-radius:var(--radius);margin-top:16px;padding:24px}.info-row{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:12px 0}.info-row:last-child{border-bottom:none}.info-label{color:var(--text-secondary);font-size:14px;font-weight:500}.info-value{color:var(--text-primary);font-size:14px;font-weight:600}.integration-actions{display:flex;gap:12px;margin-top:24px}.disconnect-button{background:var(--danger);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-family:Montserrat,sans-serif;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.disconnect-button:hover{opacity:.9}.view-dialogs-button{background:var(--text-primary);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:inline-block;font-family:Montserrat,sans-serif;font-size:14px;font-weight:600;padding:10px 20px;text-decoration:none;transition:all .2s}.view-dialogs-button:hover{opacity:.9}.integration-help{background:var(--bg-main);border-radius:var(--radius);margin-top:24px;padding:20px}.integration-help h4{color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:12px}.integration-help ol{margin:0;padding-left:20px}.integration-help li{color:var(--text-secondary);font-size:14px;line-height:1.8;margin-bottom:6px}.integration-help a{color:var(--text-primary);text-decoration:underline}.integration-help a:hover{opacity:.8}.telegram-container{margin:0 auto;max-width:1200px;padding:24px;text-align:left}.telegram-header{margin-bottom:32px;text-align:left}.telegram-header h1{color:#2c3e50;font-size:32px;font-weight:600;margin-bottom:8px;text-align:left}.telegram-description{color:#555;font-size:16px;margin:0;text-align:left}.info-card{background:#fff;border:1px solid #ddd;border-radius:8px;margin-bottom:24px;padding:24px;text-align:left}.info-card h2{font-size:20px;margin-bottom:16px}.info-card h2,.info-card h3{color:#2c3e50;font-weight:600;text-align:left}.info-card h3{font-size:16px;margin-bottom:12px;margin-top:20px}.info-content{color:#333;line-height:1.6;text-align:left}.info-notice{background:#fff3cd;border-left:4px solid #ffc107;border-radius:4px;color:#856404;margin-bottom:20px;padding:12px 16px;text-align:left}.features-list{list-style:none;margin:12px 0;padding:0;text-align:left}.features-list li{color:#333;font-size:15px;padding:8px 0;text-align:left}.bot-info-details{background:#f8f9fa;border:1px solid #ddd;border-radius:8px;margin-top:20px;padding:16px;text-align:left}.bot-info-details p{color:#333;margin:8px 0;text-align:left}.btn-link{background:#08c;border:none;border-radius:var(--radius);color:#fff!important;cursor:pointer;display:inline-block;font-size:14px;font-weight:500;margin-top:12px;padding:10px 20px;text-decoration:none;transition:all .2s}.btn-link:hover{background:#006fa3;box-shadow:0 2px 8px #0088cc4d;transform:translateY(-1px)}.instruction-steps{margin-top:20px;text-align:left}.step{align-items:flex-start;display:flex;gap:16px;margin-bottom:24px;text-align:left}.step-number{align-items:center;background:#0000;border:2px solid #2c3e50;border-radius:50%;color:#2c3e50;display:flex;flex-shrink:0;font-size:18px;font-weight:600;height:40px;justify-content:center;width:40px}.step-content{flex:1 1;text-align:left}.step-content h4{color:#2c3e50;font-size:16px;font-weight:600;margin:0 0 8px;text-align:left}.step-content p{color:#333;font-size:15px;line-height:1.6;margin:0;text-align:left}.groups-section{margin-top:32px;text-align:left}.section-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px;text-align:left}.section-header h2{color:#2c3e50;font-size:24px;font-weight:600;margin:0;text-align:left}.groups-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.group-card{background:#fff;border:2px solid #ddd;border-radius:8px;padding:20px;text-align:left;transition:all .2s}.group-card:hover{border-color:#2c3e50;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.group-card.status-active{border-left:4px solid #28a745}.group-card.status-paused{border-left:4px solid #ffc107}.group-card.status-inactive{border-left:4px solid #6c757d}.group-card.status-error{border-left:4px solid #dc3545}.group-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px;text-align:left}.group-header h3{color:#2c3e50;flex:1 1;font-size:18px;font-weight:600;margin:0;text-align:left;word-break:break-word}.status-badge{border-radius:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.status-badge.active{background:#d4edda;color:#155724}.status-badge.paused{background:#fff3cd;color:#856404}.status-badge.inactive{background:#e2e3e5;color:#383d41}.status-badge.error{background:#f8d7da;color:#721c24}.group-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:16px;text-align:left}.stat{flex-direction:column;gap:4px;text-align:left}.stat-label{color:#888;font-size:12px;font-weight:500;letter-spacing:.5px;text-align:left;text-transform:uppercase}.stat-value{color:#2c3e50;font-size:32px;line-height:1;text-align:left}.group-warning{background:#fff3cd;border:1px solid #ffeeba;border-radius:8px;margin-bottom:16px;padding:12px;text-align:left}.group-warning p{color:#856404;font-size:14px;font-weight:500;margin:0 0 4px;text-align:left}.group-info{margin-bottom:16px;text-align:left}.small-text{color:#666;font-size:13px;line-height:1.4;margin:0;text-align:left}.group-actions{display:flex;gap:8px}.group-actions button{flex:1 1}.btn-primary{background:#2c3e50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s;white-space:nowrap}.btn-primary:hover{background:#1a252f;box-shadow:0 2px 8px #2c3e504d;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#fff;border:1px solid #ddd;border-radius:8px;color:#2c3e50;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.btn-secondary:hover{background:#f8f9fa;border-color:#2c3e50;color:#2c3e50;transform:translateY(-1px)}.btn-secondary:active{transform:translateY(0)}.btn-danger{background:#fff;border:1px solid #dc3545;border-radius:8px;color:#dc3545;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.btn-danger:hover{background:#dc3545;box-shadow:0 2px 8px #dc35454d;color:#fff;transform:translateY(-1px)}.btn-danger:active{transform:translateY(0)}.btn-copy{background:#2c3e50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;margin-left:8px;padding:6px 12px;transition:all .2s}.btn-copy:hover{background:#1a252f;transform:translateY(-1px)}.empty-state{background:#fff;border:2px dashed #ddd;border-radius:8px}.empty-state p{color:#333;font-size:16px}.modal-overlay{padding:20px}.modal-content{background:#fff;border-radius:8px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:500px;overflow-y:auto;padding:32px;text-align:left;width:100%}.modal-content.large{max-width:700px}.modal-content h2{color:#2c3e50;font-size:24px;font-weight:600;margin:0 0 24px;text-align:left}.form-group{text-align:left}.form-group label{color:#2c3e50;display:block;font-size:14px;font-weight:500;margin-bottom:8px;text-align:left}.form-input{background:#fff;border:1px solid #ddd;border-radius:8px;box-sizing:border-box;color:#2c3e50;padding:10px 12px;text-align:left;transition:border-color .2s}.form-input:focus{border-color:#2c3e50;box-shadow:0 0 0 3px #2c3e501a}.form-hint{color:#666;font-size:13px;margin-top:8px;text-align:left}.modal-actions{gap:12px;justify-content:flex-end;margin-top:24px}.group-details{margin:24px 0;text-align:left}.detail-row{align-items:center;border-bottom:1px solid #ddd;display:flex;gap:16px;justify-content:space-between;padding:12px 0;text-align:left}.detail-row:last-child{border-bottom:none}.detail-label{color:#2c3e50;flex-shrink:0;font-size:14px;font-weight:500;text-align:left}.detail-row span:not(.detail-label){color:#333;text-align:right}.token-display{align-items:center;display:flex;flex:1 1;gap:8px;justify-content:flex-end}.token-display code{background:#f8f9fa;border:1px solid #ddd;border-radius:4px;color:#2c3e50;font-family:Courier New,monospace;font-size:12px;max-width:300px;overflow:hidden;padding:6px 10px;text-overflow:ellipsis;white-space:nowrap}.loading{color:#333;padding:60px 20px}@media (max-width:768px){.telegram-container{padding:16px}.telegram-header h1{font-size:24px}.groups-grid{grid-template-columns:1fr}.section-header{align-items:flex-start;flex-direction:column}.section-header button{width:100%}.step{flex-direction:row}.modal-content{padding:20px}.group-stats{grid-template-columns:1fr}.stat-value{font-size:24px}.detail-row,.token-display{align-items:flex-start;flex-direction:column}.token-display{width:100%}.token-display code{max-width:100%;width:100%}}.jivo-container{margin:0 auto;max-width:1200px;padding:20px}.jivo-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:30px}.jivo-header h1{color:var(--text-primary);font-weight:300;margin:0}.connection-status{align-items:center;background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);display:flex;gap:15px;padding:8px 16px}.status-connected{color:#28a745;font-weight:500}.status-disconnected{color:#dc3545;font-weight:500}.online-status{color:var(--text-muted);font-size:14px}.refresh-button{background:var(--primary);border:none;border-radius:var(--radius);color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background .2s}.refresh-button:hover:not(:disabled){background:var(--primary-dark)}.refresh-button:disabled{background:var(--bg-disabled);cursor:not-allowed}.error-message{background:#fee;border:1px solid #fcc;border-radius:var(--radius);color:#c00;margin-bottom:20px;padding:15px}.setup-notice{background:var(--bg-secondary);border-radius:var(--radius-lg);margin:20px 0;padding:40px;text-align:center}.setup-notice h3{color:var(--text-primary);font-weight:300;margin-bottom:10px}.setup-notice p{color:var(--text-secondary);margin-bottom:20px}.setup-notice button{background:var(--primary);border:none;border-radius:var(--radius);color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px}.empty-state{color:var(--text-muted)}.dialogs-list{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.dialog-card{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;padding:20px;transition:all .2s}.dialog-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.dialog-header{justify-content:space-between;margin-bottom:15px}.dialog-client,.dialog-header{align-items:flex-start;display:flex}.dialog-client{flex:1 1;gap:10px}.client-icon{font-size:20px}.dialog-client strong{color:var(--text-primary);display:block;font-size:16px;margin-bottom:4px}.client-phone{color:var(--text-muted);font-size:13px}.status-badge{border-radius:var(--radius);font-size:12px;padding:4px 12px;white-space:nowrap}.status-active{background:#d4edda;color:#155724}.status-closed{background:#f8d7da;color:#721c24}.status-analyzing{background:#fff3cd;color:#856404}.status-completed{background:#d1ecf1;color:#0c5460}.dialog-stats{display:flex;gap:15px;margin-bottom:15px}.stat{align-items:center;color:var(--text-muted);display:flex;font-size:14px;gap:5px}.stat-icon{font-size:16px}.dialog-footer{border-top:1px solid var(--border);padding-top:12px}.dialog-date,.loading{color:var(--text-muted)}.loading{padding:40px;text-align:center}@media (max-width:768px){.dialogs-list{grid-template-columns:1fr}.jivo-header{align-items:flex-start;flex-direction:column}}.subscription-page{max-width:1600px}.current-subscription-card{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;margin-bottom:32px;padding:24px}.current-subscription-card,.subscription-status{align-items:center;display:flex}.status-badge{background:var(--bg-gray);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;font-weight:500;padding:8px 16px}.status-badge.active{background:#10b981;color:#fff}.status-badge.trial{background:#f59e0b;color:#fff}.subscription-info{text-align:right}.subscription-info p{color:var(--text-secondary);font-size:14px;margin:4px 0}.subscription-price{color:var(--text-primary)!important;font-size:20px;font-weight:600}.module-section{margin-bottom:48px}.module-header{margin-bottom:24px}.module-title{color:var(--text-primary);font-size:24px;font-weight:300;margin-bottom:8px}.module-title strong{font-weight:600}.module-description{color:var(--text-secondary);font-size:14px}.plans-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.plan-card{background:var(--bg-white);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;padding:24px;transition:all .3s ease}.plan-card:hover{border-color:var(--text-primary);transform:translateY(-4px)}.plan-card.selected{background:var(--text-primary);border-color:var(--text-primary)}.plan-card.selected *{color:var(--bg-white)!important}.plan-header h3{color:var(--text-primary);font-size:18px;font-weight:500;margin-bottom:16px}.plan-price{align-items:baseline;display:flex;gap:8px;margin-bottom:20px}.price-value{color:var(--text-primary);font-size:32px;font-weight:600;letter-spacing:-.02em}.price-currency{color:var(--text-secondary);font-size:16px;font-weight:400}.plan-features{display:flex;flex-direction:column;gap:8px}.feature{color:var(--text-secondary);font-size:14px;padding-left:20px;position:relative}.feature:before{color:var(--text-muted);content:"—";left:0;position:absolute}.payment-period-section{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:32px;padding:32px}.section-title{color:var(--text-primary);font-size:20px;font-weight:500;margin-bottom:20px}.period-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}.period-option{background:var(--bg-gray);border:2px solid #0000;border-radius:var(--radius-sm);cursor:pointer;padding:16px;text-align:center;transition:all .3s ease}.period-option.selected,.period-option:hover{border-color:var(--text-primary)}.period-option.selected{background:var(--text-primary)}.period-option.selected *{color:var(--bg-white)!important}.period-label{color:var(--text-primary);font-size:16px;font-weight:500;margin-bottom:4px}.period-discount{color:#10b981;font-size:12px;font-weight:600}.period-option.selected .period-discount{color:#ffffffe6}.price-summary{margin-bottom:32px}.summary-card{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);margin:0 auto;max-width:500px;padding:32px}.summary-row{align-items:center;border-bottom:1px solid var(--border);color:var(--text-secondary);display:flex;font-size:15px;justify-content:space-between;padding:12px 0}.summary-row:last-of-type{border-bottom:none}.summary-row.discount{color:#10b981}.summary-row.total{border-top:2px solid var(--border);font-size:18px;margin-top:8px;padding-top:20px}.summary-row.total,.summary-value{color:var(--text-primary);font-weight:600}.btn-purchase{background:var(--text-primary);border:none;border-radius:var(--radius-sm);color:var(--bg-white);cursor:pointer;font-family:Montserrat,sans-serif;font-size:16px;font-weight:600;margin-top:24px;padding:16px;transition:opacity .2s;width:100%}.btn-purchase:hover{opacity:.9}.btn-purchase:disabled{cursor:not-allowed;opacity:.6}.no-selection-message{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);padding:48px;text-align:center}.no-selection-message p{color:var(--text-secondary);font-size:16px}@media (max-width:1200px){.plans-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.period-options{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.period-options,.plans-grid{grid-template-columns:1fr}.current-subscription-card{align-items:flex-start;flex-direction:column;gap:16px}.subscription-info{text-align:left}}.subscription-success{align-items:center;display:flex;justify-content:center;min-height:60vh;padding:40px}.success-card{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);max-width:600px;padding:64px 48px;text-align:center}.success-icon{display:flex;justify-content:center;margin-bottom:32px}.success-icon svg{animation:scaleIn .5s ease-out}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.success-title{color:var(--text-primary);font-size:32px;font-weight:300;letter-spacing:-.02em;margin-bottom:16px}.success-title strong{font-weight:600}.success-description{color:var(--text-secondary);font-size:16px;line-height:1.6;margin-bottom:32px}.success-actions{display:flex;gap:12px;justify-content:center;margin-bottom:24px}.btn-primary,.btn-secondary{border:none;border-radius:var(--radius-sm);cursor:pointer;font-family:Montserrat,sans-serif;font-size:14px;font-weight:500;padding:14px 28px;transition:opacity .2s}.btn-primary{background:var(--text-primary);color:var(--bg-white)}.btn-secondary{background:var(--bg-gray);border:1px solid var(--border);color:var(--text-primary)}.btn-primary:hover,.btn-secondary:hover{opacity:.9}.redirect-notice{color:var(--text-muted);font-size:14px}@media (max-width:768px){.success-card{padding:48px 24px}.success-actions{flex-direction:column}.success-actions button{width:100%}}.emp-modal-left{background:var(--bg-main);border-right:1px solid var(--border);flex-shrink:0;padding:20px;width:320px}.emp-modal-right{flex:1 1;overflow-y:auto;padding:20px}.emp-profile{margin-bottom:20px;text-align:center}.emp-profile-avatar{align-items:center;border-radius:16px;display:flex;font-size:32px;font-weight:600;height:80px;justify-content:center;margin:0 auto 12px;width:80px}.emp-profile-avatar.purple{background:#a855f726;color:#a855f7}.emp-profile-avatar.blue{background:#3b82f626;color:#3b82f6}.emp-profile-avatar.green{background:#22c55e26;color:#22c55e}.emp-profile-avatar.orange{background:#f9731626;color:#f97316}.emp-profile-avatar.cyan{background:#06b6d426;color:#06b6d4}.emp-profile-name{font-size:18px;font-weight:600;margin-bottom:4px}.emp-profile-email{color:var(--text-muted);font-size:12px;margin-bottom:12px}.emp-profile-status{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:6px 14px}.emp-profile-status.online{background:#22c55e1f;color:#22c55e}.emp-profile-status.offline{background:#6b72801f;color:#6b7280}.emp-profile-status:before{background:currentColor;border-radius:50%;content:"";height:8px;width:8px}.emp-quick-stats{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:20px}.emp-quick-stat{background:var(--bg-white);border:1px solid var(--border);border-radius:10px;padding:12px;text-align:center}.emp-quick-stat-value{font-family:JetBrains Mono,monospace;font-size:24px;font-weight:700}.emp-quick-stat-label{color:var(--text-muted);font-size:10px;margin-top:4px}.emp-info-section{margin-bottom:20px}.emp-info-title{color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.emp-info-item{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:8px 0}.emp-info-item:last-child{border-bottom:none}.emp-info-label{color:var(--text-secondary);font-size:12px}.emp-info-value{font-size:13px;font-weight:500}.emp-tabs{background:var(--bg-white);border:1px solid var(--border);display:flex;gap:4px;margin-bottom:20px;padding:4px}.emp-tab,.emp-tabs{border-radius:var(--radius-sm)}.emp-tab{background:#0000;border:none;color:var(--text-secondary);cursor:pointer;flex:1 1;font-family:inherit;font-size:12px;font-weight:500;padding:10px 16px;text-align:center;transition:all .2s}.emp-tab.active,.emp-tab:hover{color:var(--text-primary)}.emp-tab.active{background:var(--bg-main);box-shadow:0 1px 3px #0000001a}.emp-tab-content{display:none}.emp-tab-content.active{display:block}.stats-grid{grid-gap:12px;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.stat-box{background:var(--bg-main);border:1px solid var(--border);border-radius:10px;padding:14px}.stat-box-label{color:var(--text-secondary);font-size:11px;margin-bottom:6px}.stat-box-value{font-family:JetBrains Mono,monospace;font-size:24px;font-weight:700}.criteria-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.criteria-card{background:var(--bg-main);border:1px solid var(--border);border-radius:10px;padding:14px}.criteria-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.criteria-name{font-size:13px}.criteria-score{font-family:JetBrains Mono,monospace;font-size:14px;font-weight:700}.criteria-score.green{color:#22c55e}.criteria-score.yellow{color:#eab308}.criteria-score.red{color:#ef4444}.criteria-bar{background:var(--bg-white);border-radius:3px;height:6px;margin-bottom:6px;overflow:hidden}.criteria-bar-fill{border-radius:3px;height:100%;transition:width .3s}.criteria-bar-fill.green{background:#22c55e}.criteria-bar-fill.yellow{background:#eab308}.criteria-bar-fill.red{background:#ef4444}.criteria-trend{align-items:center;color:var(--text-muted);display:flex;font-size:10px;gap:4px}.recent-dialogs-title{font-size:13px;font-weight:600;margin-bottom:12px}.dialog-item{background:var(--bg-main);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:12px;margin-bottom:8px;padding:12px;transition:all .15s}.dialog-item:hover{background:var(--bg-white);border-color:var(--accent)}.dialog-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font-size:18px;height:36px;justify-content:center;width:36px}.dialog-icon.call{background:#3b82f61f}.dialog-icon.chat{background:linear-gradient(135deg,#25d366,#128c7e)}.dialog-info{min-width:0}.dialog-client{font-weight:500}.dialog-client,.dialog-preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dialog-preview{color:var(--text-muted);font-size:11px}.dialog-meta{flex-shrink:0;text-align:right}.dialog-time{color:var(--text-muted);font-size:10px;margin-bottom:4px}.dialog-score{font-family:JetBrains Mono,monospace;font-size:13px;font-weight:600}.dialog-score.green{color:#22c55e}.dialog-score.yellow{color:#eab308}.dialog-score.red{color:#ef4444}.emp-form{margin:0 auto;max-width:600px;padding:20px}.form-section-title{color:var(--text-secondary);font-size:13px;font-weight:600;margin:20px 0 10px}.form-row{grid-gap:12px;gap:12px}.form-group{margin-bottom:14px}.form-label{margin-bottom:6px}.form-input{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:inherit;font-size:14px;padding:12px 14px;width:100%}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0066ff1a;outline:none}.emp-form .modal-footer{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.role-desc-card{margin-bottom:20px}.emp-form .permissions-section{border-top:1px solid var(--border);margin-top:24px;padding-top:24px}.emp-form .permissions-title{align-items:center;color:var(--text-primary);display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:16px}.emp-form .permissions-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}@media (max-width:900px){.emp-form .permissions-grid{grid-template-columns:1fr}}.emp-form .permission-item{align-items:center;background:var(--bg-main);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;gap:12px;justify-content:space-between;padding:16px;transition:all .2s}.emp-form .permission-item:hover{border-color:var(--accent)}.emp-form .permission-info{align-items:flex-start;display:flex;flex:1 1;gap:12px}.emp-form .permission-icon{flex-shrink:0;font-size:20px}.emp-form .permission-name{color:var(--text-primary);font-size:14px;font-weight:500;margin-bottom:4px}.emp-form .permission-desc{color:var(--text-muted);font-size:12px}.department-modal{max-width:900px;width:90%}.department-modal .modal-body{display:block;overflow-y:auto;padding:24px}.form-group{margin-bottom:20px}.form-label{display:block;font-weight:500;margin-bottom:8px}.form-input,.form-label,.form-select{color:var(--text-primary);font-size:14px}.form-input,.form-select{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:inherit;padding:12px 14px;transition:all .2s;width:100%}.form-input:focus,.form-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0066ff1a;outline:none}.form-input::placeholder{color:var(--text-muted)}.form-hint{font-size:12px;margin-top:6px}.permissions-section{border-top:1px solid var(--border);margin-top:24px;padding-top:24px}.permissions-title{align-items:center;color:var(--text-primary);display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:16px}.permissions-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}@media (max-width:900px){.permissions-grid{grid-template-columns:1fr}}.permission-item{align-items:center;background:var(--bg-main);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;justify-content:space-between;margin-bottom:8px;padding:14px 16px;transition:all .2s}.permission-item:hover{border-color:var(--accent)}.permission-info{align-items:center;display:flex;flex:1 1;gap:12px}.permission-icon{font-size:18px;text-align:center;width:24px}.permission-name{color:var(--text-primary);font-size:14px;font-weight:500;margin-bottom:2px}.permission-desc{color:var(--text-muted);font-size:12px}.toggle{background:var(--border);transition:all .3s}.toggle:after{background:#fff;box-shadow:0 2px 4px #0003;height:20px;transition:all .3s;width:20px}.role-desc-card{background:var(--bg-main);border:1px solid var(--border);border-radius:var(--radius-sm);margin-top:12px;padding:16px}.role-desc-title{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:12px}.role-desc-list{list-style:none;margin:0;padding:0}.role-desc-list li{color:var(--text-secondary);font-size:13px;padding:6px 0 6px 20px;position:relative}.role-desc-list li:before{color:var(--success);content:"✓";font-weight:700;left:0;position:absolute}.department-modal .modal-footer{background:var(--bg-main);border-top:1px solid var(--border);display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}@media (max-width:600px){.department-modal{max-width:none;width:95%}.form-row{grid-template-columns:1fr}.permission-item{align-items:flex-start;flex-direction:column;gap:12px}.toggle{align-self:flex-end}}.tabs{background:var(--bg-main);border-radius:8px;display:flex;gap:4px;margin-bottom:32px;padding:4px;width:-webkit-fit-content;width:fit-content}.tab{background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;font-family:Montserrat,sans-serif;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s}.tab.active,.tab:hover{color:var(--text-primary)}.tab.active{background:var(--bg-white)}.tab-content{display:none}.tab-content.active{display:block}.stats-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr);margin-bottom:32px;width:100%}.stat-card{border-radius:var(--radius);transition:all .2s}.stat-card:hover{border-color:var(--accent);box-shadow:0 4px 12px #0000000d;transform:translateY(-2px)}.stat-top{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.stat-label{font-weight:400}.stat-icon{align-items:center;border-radius:6px;display:flex;font-size:14px;height:28px;justify-content:center;width:28px}.stat-icon.blue{background:#3b82f626}.stat-icon.green{background:#22c55e26}.stat-icon.purple{background:#a855f726}.stat-icon.orange{background:#f9731626}.stat-value{letter-spacing:-1px;margin-bottom:4px}.filters-bar{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.search-box{flex:1 1;min-width:250px;position:relative}.search-box input{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 14px 10px 38px;transition:all .2s}.search-box input:focus{border-color:var(--accent);outline:none}.search-box:before{color:var(--text-muted);content:"⌕";font-size:16px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.filter-select{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-family:Montserrat,sans-serif;font-size:14px;min-width:150px;padding:10px 14px;transition:all .2s}.filter-select:focus{border-color:var(--accent);outline:none}.employees-card{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.emp-row{grid-gap:16px;align-items:center;border-bottom:1px solid var(--border);display:grid;gap:16px;grid-template-columns:40px 1.2fr 1fr 120px 100px 120px 80px;padding:16px;transition:all .2s}.emp-row.header{color:var(--text-muted);cursor:default;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-transform:uppercase}.emp-row.header,.emp-row.header:hover{background:#0000}.emp-row:not(.header){cursor:pointer}.emp-row:not(.header):hover{background:var(--bg-main)}.emp-row:last-child{border-bottom:none}.emp-checkbox{background:#0000;border:2px solid var(--border);border-radius:4px;cursor:pointer;height:18px;transition:all .15s;width:18px}.emp-checkbox:checked{background:var(--accent);border-color:var(--accent)}.emp-user{gap:12px}.emp-avatar,.emp-user{align-items:center;display:flex}.emp-avatar{border-radius:8px;flex-shrink:0;font-size:14px;font-weight:600;height:36px;justify-content:center;width:36px}.emp-avatar.purple{background:#a855f726;color:#a855f7}.emp-avatar.blue{background:#3b82f626;color:#3b82f6}.emp-avatar.green{background:#22c55e26;color:#22c55e}.emp-avatar.orange{background:#f9731626;color:#f97316}.emp-avatar.cyan{background:#06b6d426;color:#06b6d4}.emp-name{color:var(--text-primary);font-size:14px;font-weight:500;margin-bottom:2px}.emp-email{color:var(--text-muted);font-size:12px}.emp-dept{color:var(--text-secondary);font-size:13px}.emp-dept-badge{align-items:center;background:var(--bg-main);border-radius:6px;display:inline-flex;font-size:13px;font-weight:500;gap:4px;line-height:1.4;padding:6px 12px}.text-muted{color:var(--text-muted)}.emp-role{font-size:13px}.role-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:4px 10px}.role-badge.admin{background:#a855f71a;color:#a855f7}.role-badge.supervisor{background:#3b82f61a;color:#3b82f6}.role-badge.manager{background:#22c55e1a;color:#22c55e}.role-badge.viewer{background:var(--bg-main);border:1px solid var(--border);color:var(--text-muted)}.status-dot{align-items:center;display:inline-flex;font-size:12px;gap:6px}.status-dot:before{border-radius:50%;content:"";height:8px;width:8px}.status-dot.online:before{background:#22c55e}.status-dot.offline:before{background:var(--text-muted)}.status-dot.away:before{background:#eab308}.emp-score{font-family:JetBrains Mono,monospace;font-size:13px;font-weight:600}.emp-score.high{color:#22c55e}.emp-score.medium{color:#eab308}.emp-score.low{color:#ef4444}.emp-actions{display:flex;gap:4px}.emp-action{align-items:center;background:#0000;border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .2s;width:32px}.emp-action:hover{background:var(--accent);border-color:var(--accent);color:#fff}.emp-action.danger:hover{background:var(--danger);border-color:var(--danger);color:#fff}.empty-state{padding:60px 20px;text-align:center}.empty-state p{color:var(--text-muted);font-size:14px;margin-bottom:20px}.loading{align-items:center;display:flex;font-size:16px;justify-content:center;min-height:400px}.error-message{background:#ef44441a;border:1px solid #ef44444d;border-radius:var(--radius-sm);color:var(--danger);font-size:14px;margin-bottom:24px;padding:16px 20px}.modal-overlay{animation:fadeIn .2s;background:#000000b3;bottom:0;left:0;right:0;top:0}.modal{animation:slideUp .3s;border-radius:var(--radius);box-shadow:0 20px 60px #00000026;max-height:90vh;max-width:900px;width:90%}.modal.wide{max-width:1200px}.modal-header{padding:20px 24px}.modal-title{font-size:18px;margin:0}.modal-close{background:var(--bg-white);border-radius:var(--radius-sm);font-size:20px;transition:all .2s}.modal-close:hover{background:var(--bg-main);border-color:var(--accent);color:var(--text-primary)}.structure-layout{grid-gap:20px;display:grid;gap:20px;grid-template-columns:320px 1fr}.departments-panel{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);height:-webkit-fit-content;height:fit-content;overflow:hidden}.panel-header{align-items:center;background:var(--bg-main);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:14px 16px}.panel-title{color:var(--text-primary);font-size:14px;font-weight:600}.panel-add{align-items:center;background:var(--accent);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;transition:all .15s;width:28px}.panel-add:hover{transform:scale(1.05)}.departments-list{padding:8px}.dept-item{border-radius:8px;cursor:pointer;margin-bottom:4px;padding:12px;transition:all .15s}.dept-item:hover{background:var(--bg-main)}.dept-item.active{background:#6366f126;border:1px solid #6366f14d}.dept-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.dept-item-name{align-items:center;color:var(--text-primary);display:flex;font-size:14px;font-weight:500;gap:8px}.dept-item-count{background:var(--bg-main);border-radius:10px;color:var(--text-muted);font-size:11px;padding:2px 8px}.dept-item.active .dept-item-count{background:#ffffff26;color:var(--accent)}.dept-item-meta{color:var(--text-muted);display:flex;font-size:11px;gap:12px}.dept-item-meta span{align-items:center;display:flex;gap:4px}.hierarchy-panel{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.hierarchy-content{min-height:500px;padding:20px}.hierarchy-tree{display:flex;flex-direction:column;gap:8px}.tree-node{position:relative}.tree-node-content{align-items:center;background:var(--bg-main);border:1px solid var(--border);border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:12px 14px;transition:all .15s}.tree-node-content:hover{background:var(--bg-white);border-color:var(--accent)}.tree-node-content.head{background:linear-gradient(135deg,#6366f126,#8b5cf626);border-color:#6366f14d}.tree-expand{align-items:center;background:var(--bg-white);border:1px solid var(--border);border-radius:4px;cursor:pointer;display:flex;flex-shrink:0;font-size:12px;height:24px;justify-content:center;transition:all .15s;width:24px}.tree-expand:hover{background:var(--bg-main)}.tree-expand.expanded{transform:rotate(90deg)}.tree-avatar{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.tree-avatar.purple{background:#a855f726;color:#a855f7}.tree-avatar.blue{background:#3b82f626;color:#3b82f6}.tree-avatar.green{background:#22c55e26;color:#22c55e}.tree-avatar.orange{background:#f9731626;color:#f97316}.tree-avatar.cyan{background:#06b6d426;color:#06b6d4}.tree-info{flex:1 1}.tree-name{color:var(--text-primary);font-size:14px;font-weight:500;margin-bottom:2px}.tree-role{color:var(--text-muted);font-size:11px}.tree-stats{display:flex;font-size:12px;gap:16px}.tree-stat{align-items:center;color:var(--text-secondary);display:flex;gap:4px}.tree-stat-val{font-family:JetBrains Mono,monospace;font-weight:600}.tree-stat-val.green{color:#22c55e}.tree-stat-val.yellow{color:#eab308}.tree-stat-val.red{color:#ef4444}.tree-actions{display:flex;gap:4px}.tree-action{align-items:center;background:var(--bg-white);border:1px solid var(--border);border-radius:6px;color:var(--text-muted);cursor:pointer;display:flex;font-size:11px;height:28px;justify-content:center;transition:all .15s;width:28px}.tree-action:hover{background:var(--bg-main);color:var(--text-primary)}.tree-children{border-left:2px solid var(--border);display:flex;flex-direction:column;gap:8px;margin-left:36px;margin-top:8px;padding-left:20px}.tree-children .tree-node-content{position:relative}.tree-children .tree-node-content:before{background:var(--border);content:"";height:2px;left:-21px;position:absolute;top:50%;width:20px}.tree-add{align-items:center;border:2px dashed var(--border);border-radius:10px;color:var(--text-muted);cursor:pointer;display:flex;font-size:13px;gap:8px;justify-content:center;padding:12px;transition:all .15s}.tree-add:hover{background:#6366f10d;border-color:var(--accent);color:var(--accent)}@media (max-width:1400px){.stats-row{grid-template-columns:repeat(2,1fr)}.emp-row{grid-template-columns:40px 1fr .8fr 100px 90px 100px 70px}}@media (max-width:1024px){.structure-layout{grid-template-columns:1fr}.departments-panel{height:auto;max-height:300px;overflow-y:auto}}@media (max-width:768px){.stats-row{grid-template-columns:1fr}.emp-row{grid-template-columns:40px 1.5fr 100px 70px}.emp-dept,.emp-role,.emp-score{display:none}.filters-bar{flex-direction:column}.filter-select{width:100%}.modal{max-height:95vh;width:95%}.tabs{width:100%}.tab{flex:1 1;text-align:center}.tree-node-content{flex-wrap:wrap}.tree-stats{margin-top:8px;width:100%}.tree-actions{margin-left:auto}}.manager-profile-container{margin:0 auto;max-width:1200px;padding:24px}.profile-header{margin-bottom:32px}.btn-back{background:none;border:none;color:var(--primary);cursor:pointer;font-size:14px;margin-bottom:16px;padding:8px 0}.btn-back:hover{text-decoration:underline}.profile-header h1{color:var(--text-primary);font-size:32px;font-weight:600;margin:0 0 8px}.profile-email{color:var(--text-secondary);font-size:16px;margin:0 0 12px}.profile-role{background:var(--primary-50);border-radius:16px;color:var(--primary);display:inline-block;font-size:14px;padding:6px 16px}.stats-overview{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.stat-card{background:var(--bg-white);border:1px solid var(--border);border-radius:12px;padding:24px;text-align:center}.stat-value{color:var(--text-primary);font-size:36px;font-weight:700;margin-bottom:8px}.stat-label{color:var(--text-secondary);font-size:14px}.section{background:var(--bg-white);border:1px solid var(--border);border-radius:12px;margin-bottom:24px;padding:24px}.section h2{color:var(--text-primary);font-size:20px;font-weight:600;margin:0 0 20px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-item{background:var(--bg-gray);border-radius:8px;padding:16px}.stat-item-label{color:var(--text-secondary);font-size:13px;margin-bottom:8px}.stat-item-value{color:var(--text-primary);font-size:24px;font-weight:600}.chart-container{max-height:400px;padding:20px 0}.dialogs-list{grid-gap:16px;display:grid;gap:16px}.dialog-card{align-items:center;background:var(--bg-gray);border-left:4px solid var(--primary);border-radius:8px;display:flex;gap:16px;padding:16px}.dialog-rank{color:var(--text-muted);font-size:24px;font-weight:700;min-width:50px;text-align:center}.dialog-info{flex:1 1}.dialog-type-badge{color:var(--text-primary);font-size:14px;font-weight:500;margin-bottom:4px}.dialog-date{margin-bottom:4px}.dialog-client,.dialog-date{color:var(--text-secondary);font-size:13px}.dialog-client{margin-bottom:8px}.dialog-summary{color:var(--text-primary);font-size:14px;line-height:1.5;margin-top:8px}.dialog-score{font-size:28px;font-weight:700;min-width:80px;text-align:right}.no-data{color:var(--text-secondary);padding:60px 20px;text-align:center}.no-data p{font-size:16px;margin:0}.error,.loading{font-size:16px;padding:60px 20px;text-align:center}.loading{color:var(--text-secondary)}.error{color:var(--danger)}@media (max-width:768px){.stats-overview{grid-template-columns:1fr 1fr}.stats-grid{grid-template-columns:1fr}.dialog-card{align-items:flex-start;flex-direction:column}.dialog-score{text-align:left}}@media (max-width:480px){.stats-overview{grid-template-columns:1fr}}.settings-layout{grid-gap:24px;display:grid;gap:24px;grid-template-columns:220px 1fr}.settings-nav{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);height:-webkit-fit-content;height:fit-content;padding:12px;position:-webkit-sticky;position:sticky;top:20px}.settings-nav-item{align-items:center;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;gap:10px;margin-bottom:2px;padding:10px 12px;transition:all .15s}.settings-nav-item:hover{background:var(--bg-main);color:var(--text-primary)}.settings-nav-item.active{background:#6366f126;color:var(--accent)}.settings-nav-item.danger{color:var(--danger)}.settings-nav-item.danger:hover{background:#ef44441a}.settings-nav-item .icon{font-size:16px}.settings-nav-divider{background:var(--border);height:1px;margin:10px 0}.settings-content{display:flex;flex-direction:column;gap:20px}.settings-card{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius)}.card-header-settings{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:16px 20px}.card-title-settings{align-items:center;display:flex;font-size:14px;font-weight:600;gap:8px}.card-desc{color:var(--text-muted);font-size:12px;margin-top:2px}.card-body-settings{padding:20px}.card-footer-settings{border-top:1px solid var(--border);display:flex;gap:10px;justify-content:flex-end;padding:16px 20px}.form-group-settings{margin-bottom:16px}.form-group-settings:last-child{margin-bottom:0}.form-label-settings{color:var(--text-secondary);display:block;font-size:12px;font-weight:500;margin-bottom:6px}.form-label-settings .required{color:var(--danger)}.form-input-settings,.form-select-settings,.form-textarea-settings{background:var(--bg-main);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-family:Montserrat,sans-serif;font-size:13px;padding:10px 12px;transition:border-color .2s;width:100%}.form-input-settings:focus,.form-select-settings:focus,.form-textarea-settings:focus{border-color:var(--accent);outline:none}.form-input-settings:disabled{cursor:not-allowed;opacity:.6}.form-textarea-settings{min-height:80px;resize:vertical}.form-hint{color:var(--text-muted);font-size:11px;margin-top:4px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-row-3{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr 1fr}.toggle-row{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:14px 0}.toggle-row:last-child{border-bottom:none}.toggle-info{align-items:center;display:flex;gap:12px}.toggle-icon-settings{align-items:center;background:var(--bg-main);border-radius:8px;display:flex;font-size:18px;height:36px;justify-content:center;width:36px}.toggle-text{flex:1 1}.toggle-name{font-size:13px;font-weight:500}.toggle-desc{color:var(--text-muted);font-size:11px;margin-top:2px}.toggle{background:var(--bg-main);border:1px solid var(--border);border-radius:12px;cursor:pointer;flex-shrink:0;height:24px;position:relative;transition:all .2s;width:44px}.toggle:after{background:var(--text-muted);border-radius:50%;content:"";height:18px;left:2px;position:absolute;top:2px;transition:all .2s;width:18px}.toggle.active{background:var(--accent);border-color:var(--accent)}.toggle.active:after{background:#fff;left:22px}.profile-header{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:20px;margin-bottom:24px;padding-bottom:24px}.profile-avatar{background:linear-gradient(135deg,var(--accent),#8b5cf6);border-radius:16px;color:#fff;font-size:32px;font-weight:600;height:80px;position:relative;width:80px}.profile-avatar,.profile-avatar-edit{align-items:center;display:flex;justify-content:center}.profile-avatar-edit{background:var(--bg-white);border:2px solid var(--border);border-radius:8px;bottom:-4px;cursor:pointer;font-size:12px;height:28px;position:absolute;right:-4px;width:28px}.profile-avatar-edit:hover{background:var(--bg-main)}.profile-info h3{font-size:18px;font-weight:600;margin-bottom:4px}.profile-info p{color:var(--text-muted);font-size:13px}.profile-info .role-badge{align-items:center;background:#a855f71a;border-radius:6px;color:var(--accent);display:inline-flex;font-size:11px;font-weight:500;gap:4px;margin-top:8px;padding:4px 10px}.plan-card-settings{align-items:center;background:linear-gradient(135deg,#6366f126,#8b5cf626);border:1px solid #6366f14d;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px}.plan-info-settings h4{align-items:center;display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:4px}.plan-badge{background:var(--accent);border-radius:4px;color:#fff;font-size:10px;padding:3px 8px}.plan-info-settings p{color:var(--text-secondary);font-size:12px}.plan-stats-settings{display:flex;gap:24px}.plan-stat-settings{text-align:center}.plan-stat-value{font-family:JetBrains Mono,monospace;font-size:20px;font-weight:700}.plan-stat-label{color:var(--text-muted);font-size:10px}.plan-stat-bar{background:var(--bg-main);border-radius:2px;height:4px;margin-top:4px;width:80px}.plan-stat-bar-fill{background:var(--accent);border-radius:2px;height:100%}.usage-grid-settings{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}.usage-item-settings{background:var(--bg-main);border-radius:10px;padding:14px}.usage-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.usage-item-label{color:var(--text-muted);font-size:11px}.usage-item-icon{font-size:14px}.usage-item-value{font-family:JetBrains Mono,monospace;font-size:22px;font-weight:700}.usage-item-limit{color:var(--text-muted);font-size:11px}.usage-bar-settings{background:var(--bg-white);border-radius:2px;height:4px;margin-top:8px;overflow:hidden}.usage-bar-fill{border-radius:2px;height:100%}.usage-bar-fill.green{background:var(--green)}.usage-bar-fill.yellow{background:var(--yellow)}.usage-bar-fill.red{background:var(--danger)}.api-key-box{align-items:center;background:var(--bg-main);border:1px solid var(--border);border-radius:8px;display:flex;font-family:JetBrains Mono,monospace;font-size:12px;gap:10px;padding:12px 14px}.api-key-box .key{color:var(--text-muted);flex:1 1;letter-spacing:1px}.api-key-box button{background:var(--bg-white);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-family:Montserrat,sans-serif;font-size:11px;padding:6px 10px}.api-key-box button:hover{background:var(--bg-main);color:var(--text-primary)}.session-item{align-items:center;background:var(--bg-main);border-radius:10px;display:flex;gap:14px;margin-bottom:10px;padding:14px}.session-item:last-child{margin-bottom:0}.session-item.current{background:#22c55e1a;border:1px solid #22c55e4d}.session-icon{align-items:center;background:var(--bg-white);border-radius:8px;display:flex;font-size:18px;height:40px;justify-content:center;width:40px}.session-info{flex:1 1}.session-device{align-items:center;display:flex;font-size:13px;font-weight:500;gap:6px}.current-badge{background:var(--green);border-radius:4px;color:#fff;font-size:9px;padding:2px 6px}.session-meta{color:var(--text-muted);font-size:11px;margin-top:2px}.notification-channel{align-items:center;background:var(--bg-main);border-radius:10px;display:flex;gap:14px;margin-bottom:10px;padding:14px}.notification-channel:last-child{margin-bottom:0}.channel-icon{align-items:center;border-radius:10px;display:flex;font-size:20px;height:44px;justify-content:center;width:44px}.channel-icon.email{background:#3b82f61f}.channel-icon.telegram{background:linear-gradient(135deg,#2aabee,#229ed9)}.channel-icon.push{background:#a855f71f}.channel-icon.slack{background:#f973161f}.channel-info{flex:1 1}.channel-name{font-size:13px;font-weight:500}.channel-status{align-items:center;color:var(--text-muted);display:flex;font-size:11px;gap:4px}.channel-status.connected{color:var(--green)}.webhook-item{align-items:center;background:var(--bg-main);border-radius:10px;display:flex;gap:12px;margin-bottom:10px;padding:14px}.webhook-method{background:#22c55e1a;border-radius:4px;color:var(--green);font-size:10px;font-weight:600;padding:4px 8px}.webhook-method,.webhook-url{font-family:JetBrains Mono,monospace}.webhook-url{color:var(--text-secondary);flex:1 1;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.webhook-events{color:var(--text-muted);font-size:11px}.danger-zone-settings{background:#ef44441a;border:1px solid #ef44444d;border-radius:var(--radius);padding:20px}.danger-zone-settings h4{align-items:center;color:var(--danger);display:flex;font-size:14px;gap:8px;margin-bottom:12px}.danger-item-settings{align-items:center;border-bottom:1px solid #ef44444d;display:flex;justify-content:space-between;padding:12px 0}.danger-item-settings:last-child{border-bottom:none}.danger-item-info h5{font-size:13px;font-weight:500}.danger-item-info p{color:var(--text-muted);font-size:11px;margin-top:2px}.logs-table-settings{width:100%}.logs-row-settings{grid-gap:12px;border-bottom:1px solid var(--border);display:grid;font-size:12px;gap:12px;grid-template-columns:140px 100px 1fr 120px;padding:10px 0}.logs-row-settings.header{color:var(--text-muted);font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.logs-row-settings:last-child{border-bottom:none}.log-time{color:var(--text-muted);font-family:JetBrains Mono,monospace}.log-type-badge{border-radius:4px;font-size:10px;font-weight:500;padding:3px 8px}.log-type-badge.info{background:#3b82f61a;color:var(--blue)}.log-type-badge.warning{background:#eab3081a;color:var(--yellow)}.log-type-badge.error{background:#ef44441a;color:var(--danger)}.log-type-badge.success{background:#22c55e1a;color:var(--green)}.log-message{color:var(--text-secondary)}.log-user{color:var(--text-muted)}.timezone-current{align-items:center;background:var(--bg-main);border-radius:8px;display:flex;gap:12px;margin-bottom:12px;padding:12px 14px}.timezone-icon{font-size:24px}.timezone-info{flex:1 1}.timezone-name{font-size:13px;font-weight:500}.timezone-time{font-family:JetBrains Mono,monospace;font-size:20px;font-weight:700}.timezone-offset{color:var(--text-muted);font-size:11px}.modal-overlay-settings{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}.modal-settings{background:var(--bg-white);border:1px solid var(--border);border-radius:16px;box-shadow:0 24px 64px #00000080;max-height:90vh;max-width:500px;overflow:hidden;width:100%}.modal-header-settings{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:16px 20px}.modal-title-settings{align-items:center;display:flex;font-size:16px;font-weight:600;gap:10px}.modal-close-settings{align-items:center;background:#0000;border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;width:32px}.modal-close-settings:hover{background:#ef44441a;border-color:var(--danger);color:var(--danger)}.modal-body-settings{max-height:calc(90vh - 140px);overflow-y:auto;padding:20px}.modal-footer-settings{border-top:1px solid var(--border);display:flex;gap:10px;justify-content:flex-end;padding:16px 20px}@media (max-width:1024px){.settings-layout{grid-template-columns:1fr}.settings-nav{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));position:static}.settings-nav-divider{display:none}.form-row,.form-row-3{grid-template-columns:1fr}.usage-grid-settings{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.settings-nav,.usage-grid-settings{grid-template-columns:1fr}.plan-card-settings{align-items:flex-start;flex-direction:column;gap:16px}.logs-row-settings{gap:4px;grid-template-columns:1fr}.logs-row-settings.header{display:none}}.page-container-standard .btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:500;gap:6px;padding:9px 16px;transition:all .2s}.page-container-standard .btn-secondary{background:var(--bg-white);border:1px solid var(--border);color:var(--text-primary)}.page-container-standard .btn-secondary:hover{background:var(--bg-main)}.page-container-standard .btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.page-container-standard .btn-primary:hover{box-shadow:0 4px 12px #6366f14d;transform:translateY(-1px)}.tabs-standard .count{background:var(--bg-main);border-radius:6px;font-size:10px;margin-left:4px;padding:2px 6px}.tabs-standard .tab-standard.active .count{background:#6366f126;color:#6366f1}.page-container-standard .tab-content{display:none}.page-container-standard .tab-content.active{display:block}.page-container-standard .templates-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.page-container-standard .template-card{background:var(--bg-white);border:1px solid var(--border);border-radius:14px;cursor:pointer;overflow:hidden;padding:20px;position:relative;transition:all .2s}.page-container-standard .template-card:hover{border-color:#6366f1;box-shadow:0 8px 24px #00000014;transform:translateY(-2px)}.page-container-standard .template-card:before{content:"";height:3px;left:0;position:absolute;right:0;top:0}.page-container-standard .template-card.blue:before{background:#3b82f6}.page-container-standard .template-card.green:before{background:#22c55e}.page-container-standard .template-card.purple:before{background:#a855f7}.page-container-standard .template-card.orange:before{background:#f97316}.page-container-standard .template-card.pink:before{background:#ec4899}.page-container-standard .template-card.cyan:before{background:#06b6d4}.page-container-standard .template-card.gray:before{background:#6b7280}.page-container-standard .template-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.page-container-standard .template-icon{align-items:center;border-radius:10px;display:flex;font-size:20px;height:44px;justify-content:center;width:44px}.page-container-standard .template-icon.blue{background:#3b82f61f}.page-container-standard .template-icon.green{background:#22c55e1f}.page-container-standard .template-icon.purple{background:#a855f71f}.page-container-standard .template-icon.orange{background:#f973161f}.page-container-standard .template-icon.pink{background:#ec48991f}.page-container-standard .template-icon.cyan{background:#06b6d41f}.page-container-standard .template-badge{border-radius:6px;font-size:10px;font-weight:500;padding:4px 8px}.page-container-standard .template-badge.popular{background:#eab3081f;color:#eab308}.page-container-standard .template-badge.new{background:#22c55e1f;color:#22c55e}.page-container-standard .template-badge.pro{background:#a855f71f;color:#a855f7}.page-container-standard .template-title{color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:6px}.page-container-standard .template-desc{color:var(--text-secondary);font-size:13px;line-height:1.5;margin-bottom:16px}.page-container-standard .template-meta{border-top:1px solid var(--border);color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:11px;gap:16px;padding-top:14px}.page-container-standard .template-meta span{align-items:center;display:flex;gap:4px}.page-container-standard .template-actions{display:flex;gap:8px;margin-top:14px}.page-container-standard .template-btn{background:var(--bg-main);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);cursor:pointer;flex:1 1;font-family:inherit;font-size:12px;font-weight:500;padding:8px 12px;transition:all .15s}.page-container-standard .template-btn:hover{background:var(--bg-white);border-color:var(--text-muted);color:var(--text-primary)}.page-container-standard .template-btn.primary{background:#6366f1;border-color:#6366f1;color:#fff}.page-container-standard .template-btn.primary:hover{background:#818cf8}.page-container-standard .history-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.page-container-standard .search-box{flex:1 1;min-width:250px;position:relative}.page-container-standard .search-box input{background:var(--bg-white);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:13px;padding:10px 14px;width:100%}.page-container-standard .search-box input:focus{border-color:#6366f1;outline:none}.page-container-standard .filter-select{background:var(--bg-white);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:13px;min-width:140px;padding:10px 14px}.page-container-standard .history-card{background:var(--bg-white);border:1px solid var(--border);border-radius:14px;overflow:hidden}.page-container-standard .history-row{grid-gap:16px;align-items:center;border-bottom:1px solid var(--border);display:grid;gap:16px;grid-template-columns:1fr 140px 120px 100px 100px 60px;padding:14px 20px;transition:all .15s}.page-container-standard .history-row:hover{background:var(--bg-main)}.page-container-standard .history-row:last-child{border-bottom:none}.page-container-standard .history-row.header{background:var(--bg-main);color:var(--text-muted);font-size:10px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.page-container-standard .history-row.header:hover{background:var(--bg-main)}.page-container-standard .report-info{align-items:center;display:flex;gap:12px}.page-container-standard .report-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:40px}.page-container-standard .report-icon.blue{background:#3b82f61f}.page-container-standard .report-icon.green{background:#22c55e1f}.page-container-standard .report-icon.purple{background:#a855f71f}.page-container-standard .report-icon.orange{background:#f973161f}.page-container-standard .report-icon.cyan{background:#06b6d41f}.page-container-standard .report-name{color:var(--text-primary);font-size:14px;font-weight:500;margin-bottom:2px}.page-container-standard .report-desc{color:var(--text-muted);font-size:11px}.page-container-standard .history-date{color:var(--text-secondary);font-size:12px}.page-container-standard .history-date-main{color:var(--text-primary);font-family:monospace;font-size:12px}.page-container-standard .history-date-time{color:var(--text-muted);font-size:10px}.page-container-standard .history-type{color:var(--text-primary);font-size:12px}.page-container-standard .history-size{color:var(--text-secondary);font-family:monospace;font-size:12px}.page-container-standard .history-status{align-items:center;border-radius:5px;display:inline-flex;font-size:11px;font-weight:500;gap:4px;padding:4px 8px}.page-container-standard .history-status.success{background:#22c55e1f;color:#22c55e}.page-container-standard .history-status.pending{background:#eab3081f;color:#eab308}.page-container-standard .history-status.failed{background:#ef44441f;color:#ef4444}.page-container-standard .download-btn{align-items:center;background:#6366f126;border:1px solid #6366f14d;border-radius:6px;color:#818cf8;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .15s;width:32px}.page-container-standard .download-btn:hover{background:#6366f1;color:#fff}.modal-overlay{background:#00000080}.modal{background:var(--bg-white);box-shadow:0 24px 64px #00000026;max-height:85vh;max-width:600px}.modal.wide{max-width:800px}.modal-header{padding:16px 20px}.modal-title{color:var(--text-primary);font-size:16px;gap:8px}.modal-close{align-items:center;background:#0000;border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .15s;width:32px}.modal-close:hover{background:#ef44441f;border-color:#ef4444;color:#ef4444}.modal-body{overflow-y:auto;padding:20px}.form-group,.modal .form-group{margin-bottom:16px}.form-label,.modal .form-label{color:var(--text-secondary);display:block;font-size:12px;font-weight:500;margin-bottom:6px}.form-input,.form-select,.modal .form-input,.modal .form-select{background:var(--bg-main);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:14px;padding:10px 14px;width:100%}.form-input:focus,.form-select:focus,.modal .form-input:focus,.modal .form-select:focus{border-color:#6366f1;outline:none}.form-row,.modal .form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.modal .modal-section,.modal-section{background:var(--bg-main);border-radius:10px;margin-bottom:16px;padding:14px}.modal .modal-section-title,.modal-section-title{color:var(--text-secondary);font-size:12px;font-weight:600;margin-bottom:12px}.checkbox-grid,.modal .checkbox-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.checkbox-item,.modal .checkbox-item{align-items:center;background:var(--bg-white);border:1px solid var(--border);border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:8px 10px;transition:all .15s}.checkbox-item:hover,.modal .checkbox-item:hover{border-color:#6366f1}.checkbox-item.selected,.modal .checkbox-item.selected{background:#6366f126;border-color:#6366f1}.checkbox-box,.modal .checkbox-box{align-items:center;border:2px solid var(--border);border-radius:4px;color:#0000;display:flex;font-size:10px;height:16px;justify-content:center;transition:all .15s;width:16px}.checkbox-item.selected .checkbox-box,.modal .checkbox-item.selected .checkbox-box{background:#6366f1;border-color:#6366f1;color:#fff}.checkbox-label,.modal .checkbox-label{color:var(--text-primary);font-size:12px}.modal .preview-section,.preview-section{background:var(--bg-main);border-radius:10px;margin-top:16px;padding:16px}.modal .preview-title,.preview-title{color:var(--text-muted);font-size:12px;font-weight:600;margin-bottom:12px}.modal .preview-content,.preview-content{background:var(--bg-white);border:1px solid var(--border);border-radius:8px;padding:14px}.modal .preview-row,.preview-row{border-bottom:1px solid var(--border);display:flex;font-size:12px;justify-content:space-between;padding:6px 0}.modal .preview-row:last-child,.preview-row:last-child{border-bottom:none}.modal .preview-label,.preview-label{color:var(--text-muted)}.modal .preview-value,.preview-value{color:var(--text-primary);font-weight:500}.modal-footer{align-items:center;border-top:1px solid var(--border);display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.modal-footer-left{display:flex;gap:12px}.modal-footer-right{display:flex;gap:10px}.page-container-standard .empty-state{color:var(--text-muted);padding:60px 20px;text-align:center}.page-container-standard .empty-state-title{color:var(--text-secondary);font-size:18px;font-weight:600;margin-bottom:8px}.page-container-standard .empty-state-desc{font-size:14px;margin-bottom:20px}@media (max-width:1024px){.page-container-standard .templates-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.page-container-standard .history-row{font-size:12px;gap:12px;grid-template-columns:1fr 120px 100px 80px 90px 50px}.page-container-standard .checkbox-grid{grid-template-columns:1fr}}@media (max-width:768px){.page-container-standard{padding:15px}.page-container-standard .page-header{align-items:flex-start;flex-direction:column;gap:15px}.page-container-standard .templates-grid{grid-template-columns:1fr}.page-container-standard .history-row{gap:8px;grid-template-columns:1fr}.page-container-standard .history-row>div{align-items:center;display:flex;justify-content:space-between}.page-container-standard .history-row.header{display:none}.page-container-standard .form-row{grid-template-columns:1fr}.page-container-standard .modal{max-height:95vh;max-width:100%}}.quick-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}.filter-chip{align-items:center;background:var(--bg-white);border:1px solid var(--border);border-radius:20px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 14px;transition:all .2s}.filter-chip:hover{border-color:var(--accent);color:var(--text-primary)}.filter-chip.active{background:#0066ff1a;border-color:var(--accent);color:var(--accent)}.filter-chip .count{background:var(--bg-main);border-radius:10px;font-size:11px;font-weight:500;padding:2px 8px}.filter-chip.active .count{background:#fff3}.conversations-stats-bar{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(5,1fr);margin-bottom:32px;width:100%}@media (max-width:1400px){.conversations-stats-bar{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.conversations-stats-bar{grid-template-columns:1fr}}.conversations-stat-item{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;padding:24px;position:relative;transition:all .2s}.conversations-stat-item:before{background:var(--accent);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s}.conversations-stat-item:hover:before{opacity:1}.conversations-stat-item:hover{border-color:var(--text-secondary);transform:translateY(-2px)}.conversations-stat-top{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.conversations-stat-label{color:var(--text-secondary);font-size:13px;font-weight:400}.conversations-stat-icon-small{align-items:center;border-radius:8px;display:flex;font-size:16px;height:32px;justify-content:center;width:32px}.conversations-stat-icon-small.purple{background:#6366f126}.conversations-stat-icon-small.blue{background:#3b82f626}.conversations-stat-icon-small.green{background:#22c55e26}.conversations-stat-icon-small.orange{background:#f9731626}.conversations-stat-icon-small.red{background:#ef444426}.conversations-stat-value-row{align-items:baseline;display:flex;gap:8px}.conversations-stat-value{color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:36px;font-weight:700;letter-spacing:-1px}.conversations-stat-suffix{color:var(--text-muted);font-size:14px;font-weight:400}.conversations-stat-change{align-items:center;border-radius:6px;display:inline-flex;font-size:11px;font-weight:500;gap:4px;margin-top:8px;padding:3px 8px}.conversations-stat-change.positive{background:#22c55e1a;color:var(--green)}.conversations-stat-change.negative{background:#ef44441a;color:var(--red)}.conversations-stat-change.neutral{background:var(--bg-main);color:var(--text-muted)}.limit-bar{margin-top:10px}.limit-track{background:var(--bg-main);border-radius:3px;height:6px;overflow:hidden}.limit-fill{background:var(--accent);border-radius:3px;height:100%;transition:width .5s ease}.limit-text{color:var(--text-muted);font-size:11px;margin-top:6px}.two-columns{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:24px}.conversations-card{background:var(--bg-white);border:1px solid var(--border);border-radius:16px;overflow:hidden}.conversations-card-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px 24px}.conversations-card-title{align-items:center;color:var(--text-primary);display:flex;font-size:15px;font-weight:600;gap:10px}.conversations-card-title-icon{font-size:18px}.conversations-card-badge{border-radius:6px;font-size:11px;font-weight:500;padding:4px 10px}.conversations-card-badge.green{background:#22c55e1a;color:var(--green)}.conversations-card-badge.red{background:#ef44441a;color:var(--red)}.conversations-card-link{align-items:center;color:var(--accent);cursor:pointer;display:flex;font-size:13px;gap:4px;text-decoration:none;transition:color .2s}.conversations-card-link:hover{color:var(--text-primary)}.employee-list{padding:8px}.employee-item{align-items:center;border-radius:12px;cursor:pointer;display:flex;gap:14px;padding:14px 16px;transition:all .2s}.employee-item:hover{background:var(--bg-main)}.employee-rank{align-items:center;border-radius:8px;display:flex;font-size:12px;font-weight:600;height:28px;justify-content:center;width:28px}.employee-rank.gold{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#000}.employee-rank.silver{background:linear-gradient(135deg,#d1d5db,#9ca3af);color:#000}.employee-rank.bronze{background:linear-gradient(135deg,#d97706,#b45309);color:#fff}.employee-rank.default{background:var(--bg-main);color:var(--text-muted)}.employee-rank.attention{background:#ef44441a;border:1px solid #ef44444d;color:var(--red)}.employee-avatar{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:40px;justify-content:center;width:40px}.employee-info{flex:1 1;min-width:0}.employee-name{color:var(--text-primary);font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.employee-department{align-items:center;color:var(--text-muted);display:flex;font-size:12px;gap:6px}.employee-stats{align-items:center;display:flex;gap:16px}.employee-stat{text-align:right}.employee-stat-value{font-family:JetBrains Mono,monospace;font-size:16px;font-weight:600}.employee-stat-value.high{color:var(--green)}.employee-stat-value.medium{color:var(--yellow)}.employee-stat-value.low{color:var(--red)}.employee-stat-label{color:var(--text-muted);font-size:11px}.employee-trend{font-size:14px}.departments-section{margin-bottom:24px}.departments-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:16px}.department-card{background:var(--bg-main);border:1px solid #0000;border-radius:12px;cursor:pointer;padding:16px;transition:all .2s}.department-card:hover{background:var(--bg-white);border-color:var(--border)}.department-card.active{background:#0066ff1a;border-color:var(--accent)}.department-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.department-name{color:var(--text-primary);font-size:14px;font-weight:500}.department-icon{font-size:20px}.department-stats{display:flex;gap:16px}.department-stat{display:flex;flex-direction:column}.department-stat-value{color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:18px;font-weight:600}.department-stat-label{color:var(--text-muted);font-size:11px}.sources-section{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:12px;overflow-x:auto;padding:16px 24px}.sources-label{color:var(--text-muted)}.source-pill,.sources-label{font-size:13px;white-space:nowrap}.source-pill{align-items:center;background:var(--bg-main);border:1px solid var(--border);border-radius:20px;color:var(--text-primary);cursor:pointer;display:flex;gap:8px;padding:8px 14px;transition:all .2s}.source-pill.active,.source-pill:hover{border-color:var(--accent)}.source-pill.active{background:#0066ff1a;color:var(--accent)}.source-pill .icon{font-size:16px}.source-pill .count{background:var(--bg-white);border-radius:8px;font-size:11px;font-weight:500;padding:2px 8px}.dialogs-section{margin-bottom:24px}.dialogs-header{border-bottom:1px solid var(--border);justify-content:space-between;padding:20px 24px}.dialogs-header,.dialogs-title{align-items:center;display:flex}.dialogs-title{color:var(--text-primary);font-size:15px;font-weight:600;gap:10px}.dialogs-count{color:var(--text-muted);font-size:13px;font-weight:400}.dialogs-controls{gap:12px}.dialogs-controls,.search-box{align-items:center;display:flex}.search-box{background:var(--bg-main);border:1px solid var(--border);border-radius:10px;gap:10px;padding:10px 16px;transition:all .2s;width:280px}.search-box:focus-within{border-color:var(--accent)}.search-box input{background:none;border:none;color:var(--text-primary);font-family:Montserrat,sans-serif;font-size:14px;outline:none;width:100%}.search-box input::placeholder,.search-icon{color:var(--text-muted)}.search-icon,.sort-select{font-size:14px}.sort-select{background:var(--bg-main);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);cursor:pointer;font-family:Montserrat,sans-serif;padding:10px 16px}.table-container{overflow-x:auto}.dialogs-table{min-width:900px;width:100%}.dialogs-table-head{background:var(--bg-main);color:var(--text-muted);font-size:11px;font-weight:500;letter-spacing:.5px;padding:14px 24px;text-transform:uppercase}.dialogs-table-head,.dialogs-table-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:30px 140px 160px 1.4fr 150px 100px 1.5fr 80px}.dialogs-table-row{align-items:center;border-bottom:1px solid var(--border);cursor:pointer;padding:16px 24px;transition:all .2s}.dialogs-table-row:hover{background:var(--bg-main)}.dialogs-table-row:last-child{border-bottom:none}.row-checkbox{border:2px solid var(--border);border-radius:4px;cursor:pointer;height:18px;transition:all .2s;width:18px}.row-checkbox.checked,.row-checkbox:hover{border-color:var(--accent)}.row-checkbox.checked{background:var(--accent)}.cell-time{color:var(--text-secondary);font-family:JetBrains Mono,monospace;font-size:13px}.cell-time .date{color:var(--text-muted);font-size:11px}.source-badge{align-items:center;border-radius:8px;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px}.source-badge.whatsapp{background:#25d3661f;color:#25d366}.source-badge.telegram{background:#0088cc1f;color:#08c}.source-badge.avito{background:#00af661f;color:#00af66}.source-badge.vk{background:#0077ff1f;color:#07f}.source-badge.instagram{background:#e1306c1f;color:#e1306c}.cell-manager{display:flex;flex-direction:column;min-width:0}.manager-name{color:var(--text-primary);font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.manager-dept{color:var(--text-muted);font-size:12px}.score-badge{align-items:center;border-radius:8px;display:inline-flex;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:600;justify-content:center;padding:6px 12px}.score-badge.high{background:#22c55e1a;border:1px solid #22c55e4d;color:var(--green)}.score-badge.medium{background:#eab3081a;border:1px solid #eab3084d;color:var(--yellow)}.score-badge.low{background:#ef44441a;border:1px solid #ef44444d;color:var(--red)}.cell-messages{font-family:JetBrains Mono,monospace}.cell-messages,.cell-preview{color:var(--text-secondary);font-size:13px}.cell-preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cell-actions{display:flex;gap:8px;justify-content:flex-end}.action-btn{align-items:center;background:#0000;border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .2s;width:32px}.action-btn:hover{background:var(--accent);border-color:var(--accent);color:#fff}.pagination{align-items:center;border-top:1px solid var(--border);display:flex;justify-content:space-between;padding:16px 24px}.pagination-info{color:var(--text-muted);font-size:13px}.pagination-controls{gap:8px}.page-btn,.pagination-controls{align-items:center;display:flex}.page-btn{background:var(--bg-main);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;height:36px;justify-content:center;transition:all .2s;width:36px}.page-btn:hover{background:var(--bg-white);border-color:var(--accent);color:var(--text-primary)}.page-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.page-btn:disabled{cursor:not-allowed;opacity:.5}.conversations-card,.conversations-stat-item{animation:fadeIn .4s ease forwards}.conversations-stat-item:first-child{animation-delay:.05s}.conversations-stat-item:nth-child(2){animation-delay:.1s}.conversations-stat-item:nth-child(3){animation-delay:.15s}.conversations-stat-item:nth-child(4){animation-delay:.2s}.conversations-stat-item:nth-child(5){animation-delay:.25s}@media (max-width:1400px){.conversations-stats-bar{grid-template-columns:repeat(3,1fr)}.two-columns{grid-template-columns:1fr}}@media (max-width:1024px){.conversations-stats-bar{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.conversations-stats-bar{grid-template-columns:1fr}.conversations-header{align-items:flex-start;flex-direction:column}.dialogs-table-head{display:none}.dialogs-table-row{gap:8px;grid-template-columns:1fr;padding:16px 12px}}.modal-overlay{align-items:center;animation:fadeIn .15s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal{animation:slideUp .25s ease;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;box-shadow:0 24px 64px #00000080;display:flex;flex-direction:column;height:80vh;max-height:800px;max-width:1100px;overflow:hidden;width:100%}.modal-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border);display:flex;flex-shrink:0;justify-content:space-between;padding:14px 20px}.modal-header-left{align-items:center;display:flex;gap:14px}.modal-title{align-items:center;display:flex;font-size:15px;font-weight:600;gap:10px}.modal-title code{background:var(--bg-card);border-radius:4px;font-family:JetBrains Mono,monospace;font-size:13px;padding:2px 8px}.status-tag{border-radius:10px;font-size:11px;font-weight:500;padding:3px 8px}.status-tag.completed{background:#22c55e1f;background:var(--green-bg);color:var(--green)}.modal-meta{color:var(--text-secondary);display:flex;font-size:12px;gap:14px}.modal-meta span{align-items:center;display:flex;gap:5px}.modal-actions{display:flex;gap:6px}.modal-btn{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .15s;width:32px}.modal-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-btn.close:hover{background:#ef44441f;background:var(--red-bg);border-color:var(--red);color:var(--red)}.modal-body{display:flex;flex:1 1;overflow:hidden}.chat-side{border-right:1px solid var(--border);display:flex;flex:1 1;flex-direction:column;min-width:0}.chat-info{background:var(--bg-hover);border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;font-size:12px;gap:20px;padding:10px 16px}.chat-info-item{align-items:center;display:flex;gap:6px}.chat-info-item .label{color:var(--text-muted)}.chat-info-item .value{color:var(--text-primary);font-weight:500}.chat-info-item a{color:var(--accent-light);text-decoration:none}.chat-info-item a:hover{text-decoration:underline}.messages{display:flex;flex:1 1;flex-direction:column;gap:10px;overflow-y:auto;padding:16px}.messages-empty,.messages-loading{align-items:center;color:var(--text-muted);display:flex;font-size:14px;height:100%;justify-content:center}.msg{display:flex;flex-direction:column;max-width:72%}.msg.out{align-self:flex-end}.msg.in{align-self:flex-start}.msg-bubble{border-radius:14px;font-size:13px;line-height:1.45;padding:10px 14px;position:relative}.msg.out .msg-bubble{background:linear-gradient(135deg,var(--accent),#7c3aed);border-bottom-right-radius:4px}.msg.in .msg-bubble{background:#1f1f2e;background:var(--bg-message-in);border:1px solid var(--border);border-bottom-left-radius:4px}.msg-time{color:var(--text-muted);font-size:10px;margin-top:3px}.msg.out .msg-time{color:#ffffff80;text-align:right}.ai-dot{align-items:center;border-radius:50%;cursor:help;display:flex;font-size:9px;height:16px;justify-content:center;position:absolute;right:-5px;top:-5px;width:16px}.ai-dot.good{background:var(--green)}.ai-dot.bad{background:var(--red)}.analysis-side{display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;width:340px}.analysis-scroll{flex:1 1;overflow-y:auto;padding:16px}.analysis-empty{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:16px;height:100%;justify-content:center;text-align:center}.score-row{display:flex;gap:10px;margin-bottom:16px}.score-card{background:var(--bg-secondary);border-radius:12px;flex:1 1;overflow:hidden;padding:14px;position:relative;text-align:center}.score-card:before{content:"";height:3px;left:0;position:absolute;right:0;top:0}.score-card.high:before{background:var(--green)}.score-card.medium:before{background:var(--yellow)}.score-card.low:before{background:var(--red)}.score-num{font-family:JetBrains Mono,monospace;font-size:32px;font-weight:700;letter-spacing:-1px}.score-card.high .score-num{color:var(--green)}.score-card.medium .score-num{color:var(--yellow)}.score-card.low .score-num{color:var(--red)}.score-label{color:var(--text-muted);font-size:10px;margin-top:2px}.score-zone{border-radius:8px;display:inline-block;font-size:10px;font-weight:600;margin-top:6px;padding:3px 8px}.score-zone.high{background:#22c55e1f;background:var(--green-bg);color:var(--green)}.score-zone.medium{background:#eab3081f;background:var(--yellow-bg);color:var(--yellow)}.score-zone.low{background:#ef44441f;background:var(--red-bg);color:var(--red)}.mini-stats{display:flex;flex-direction:column;gap:6px;width:90px}.mini-stat{background:var(--bg-secondary);border-radius:8px;padding:8px;text-align:center}.mini-stat-val{font-family:JetBrains Mono,monospace;font-size:14px;font-weight:600}.mini-stat-lbl{color:var(--text-muted);font-size:9px;text-transform:uppercase}.tags-block{margin-bottom:14px}.tags-header{justify-content:space-between;margin-bottom:8px}.tags-header,.tags-title{align-items:center;display:flex}.tags-title{color:var(--text-muted);font-size:11px;font-weight:600;gap:6px;letter-spacing:.5px;text-transform:uppercase}.tags-count{border-radius:8px;font-size:10px;font-weight:500;padding:2px 6px}.tags-count.green{background:#22c55e1f;background:var(--green-bg);color:var(--green)}.tags-count.red{background:#ef44441f;background:var(--red-bg);color:var(--red)}.tags-wrap{display:flex;flex-wrap:wrap;gap:6px}.tag{align-items:center;border-radius:6px;cursor:default;display:inline-flex;font-size:11px;font-weight:500;gap:4px;padding:5px 10px;transition:all .15s}.tag.good{background:#22c55e1f;background:var(--green-bg);border:1px solid #22c55e4d;border:1px solid var(--green-border);color:var(--green)}.tag.bad{background:#ef44441f;background:var(--red-bg);border:1px solid #ef44444d;border:1px solid var(--red-border);color:var(--red)}.tag:hover{transform:translateY(-1px)}.section{margin-bottom:16px}.section-head{align-items:center;color:var(--text-primary);display:flex;font-size:12px;font-weight:600;gap:8px;margin-bottom:10px}.section-icon{font-size:14px}.rec-item{background:var(--accent-soft);border:1px solid #6366f133;border-radius:10px;display:flex;gap:10px;margin-bottom:8px;padding:10px 12px}.rec-num{align-items:center;background:var(--accent);border-radius:5px;display:flex;flex-shrink:0;font-size:11px;font-weight:600;height:20px;justify-content:center;width:20px}.rec-text{color:var(--text-secondary);font-size:12px;line-height:1.5}.criteria-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.criteria-filters{display:flex;gap:4px}.crit-filter{background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;color:var(--text-muted);cursor:pointer;font-size:10px;font-weight:500;padding:4px 10px;transition:all .15s}.crit-filter:hover{border-color:var(--accent);color:var(--text-primary)}.crit-filter.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-light)}.crit-filter.problems{background:#ef44441f;background:var(--red-bg);border-color:#ef44444d;border-color:var(--red-border);color:var(--red)}.criteria-list{display:flex;flex-direction:column;gap:4px}.crit-group{margin-bottom:10px}.crit-group-head{border-bottom:1px solid var(--border);color:var(--text-secondary);display:flex;font-size:11px;font-weight:600;justify-content:space-between;margin-bottom:6px;padding:6px 0}.crit-item{align-items:center;border-radius:6px;display:flex;gap:8px;padding:6px 8px;transition:all .15s}.crit-item:hover{background:var(--bg-secondary)}.crit-item.hidden{display:none}.crit-check{align-items:center;border-radius:4px;display:flex;flex-shrink:0;font-size:10px;height:18px;justify-content:center;width:18px}.crit-check.pass{background:#22c55e1f;background:var(--green-bg);border:1px solid #22c55e4d;border:1px solid var(--green-border);color:var(--green)}.crit-check.fail{background:#ef44441f;background:var(--red-bg);border:1px solid #ef44444d;border:1px solid var(--red-border);color:var(--red)}.crit-check.na{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-muted)}.crit-info{flex:1 1;min-width:0}.crit-name{font-size:12px;font-weight:500}.crit-hint{color:var(--text-muted);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crit-score{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600}.crit-score.pass{color:var(--green)}.crit-score.fail{color:var(--red)}.analysis-scroll::-webkit-scrollbar,.messages::-webkit-scrollbar{width:5px}.analysis-scroll::-webkit-scrollbar-track,.messages::-webkit-scrollbar-track{background:#0000}.analysis-scroll::-webkit-scrollbar-thumb,.messages::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.analysis-scroll::-webkit-scrollbar-thumb:hover,.messages::-webkit-scrollbar-thumb:hover{background:var(--border-light)}:root{--bg-message-in:#1f1f2e;--green-bg:#22c55e1f;--green-border:#22c55e4d;--yellow-bg:#eab3081f;--yellow-border:#eab3084d;--red-bg:#ef44441f;--red-border:#ef44444d}.settings-grid{grid-gap:32px;display:grid;gap:32px}.setting-item{display:flex;flex-direction:column;gap:12px}.setting-header{align-items:center;display:flex;justify-content:space-between}.setting-label{color:var(--text-primary);font-size:14px;font-weight:500}.setting-value{background:#0066ff1a;border-radius:6px;color:var(--accent);font-family:JetBrains Mono,monospace;font-size:14px;font-weight:600;padding:4px 12px}.setting-slider{-webkit-appearance:none;appearance:none;background:var(--bg-main);border-radius:3px;cursor:pointer;height:6px;outline:none;width:100%}.setting-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--accent);border-radius:50%;box-shadow:0 2px 8px #0066ff4d;cursor:pointer;height:20px;-webkit-transition:all .2s;transition:all .2s;width:20px}.setting-slider::-webkit-slider-thumb:hover{box-shadow:0 4px 12px #0066ff80;transform:scale(1.2)}.setting-slider::-moz-range-thumb{background:var(--accent);border:none;border-radius:50%;box-shadow:0 2px 8px #0066ff4d;cursor:pointer;height:20px;-moz-transition:all .2s;transition:all .2s;width:20px}.setting-slider::-moz-range-thumb:hover{box-shadow:0 4px 12px #0066ff80;transform:scale(1.2)}.setting-range{color:var(--text-muted);display:flex;font-size:12px;justify-content:space-between}.preview-content{background:var(--bg-main);border-radius:var(--radius);display:flex;flex-direction:column;gap:20px;padding:24px}.preview-content>*{margin:0}.criteria-channel-tabs{display:flex;gap:16px;margin-bottom:32px}.criteria-channel-tab{align-items:center;background:var(--bg-white);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;display:flex;flex:1 1;gap:16px;max-width:450px;padding:20px 24px;transition:all .2s ease}.criteria-channel-tab:hover{border-color:var(--accent);transform:translateY(-2px)}.criteria-channel-tab.active{background:var(--bg-main);border-color:var(--accent)}.criteria-channel-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.criteria-channel-icon svg{stroke-width:2;height:22px;width:22px}.criteria-channel-icon.messages{background:linear-gradient(135deg,#25d366,#128c7e)}.criteria-channel-icon.messages svg{stroke:#fff}.criteria-channel-icon.calls{background:linear-gradient(135deg,#06f,#004db8)}.criteria-channel-icon.calls svg{stroke:#fff}.criteria-channel-info{flex:1 1}.criteria-channel-name{color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:4px}.criteria-channel-desc{color:var(--text-secondary);font-size:12px}.criteria-channel-stats{text-align:right}.criteria-channel-criteria{color:var(--text-primary);font-size:28px;font-weight:700;letter-spacing:-.5px}.criteria-channel-label{color:var(--text-secondary);font-size:11px}.criteria-content-layout{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 360px}.criteria-panel{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.criteria-panel-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px 24px}.criteria-panel-title{color:var(--text-primary);font-size:16px;font-weight:600}.criteria-panel-actions{display:flex;gap:8px}.btn-sm{font-size:13px;padding:6px 12px}.criteria-list{padding:16px}.criteria-group{margin-bottom:24px}.criteria-group-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px;padding:8px 12px}.criteria-group-title{color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.criteria-group-weight{color:var(--accent);font-size:13px;font-weight:600}.criteria-item{align-items:center;background:var(--bg-main);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:12px;margin-bottom:8px;padding:16px;transition:all .2s ease}.criteria-item:hover{background:var(--bg-white);transform:translateX(4px)}.criteria-item.active,.criteria-item:hover{border-color:var(--accent)}.criteria-item.disabled{opacity:.5}.criteria-drag{color:var(--text-muted);cursor:grab;font-size:14px;-webkit-user-select:none;user-select:none}.criteria-toggle{background:var(--bg-white);border:1px solid var(--border);border-radius:11px;cursor:pointer;flex-shrink:0;height:22px;position:relative;transition:all .2s ease;width:40px}.criteria-toggle:after{background:var(--text-muted);border-radius:50%;content:"";height:16px;left:2px;position:absolute;top:2px;transition:all .2s ease;width:16px}.criteria-toggle.active{background:var(--success);border-color:var(--success)}.criteria-toggle.active:after{background:#fff;left:20px}.criteria-info{flex:1 1;min-width:0}.criteria-name{align-items:center;color:var(--text-primary);display:flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:4px}.criteria-tag{background:#a855f71a;border-radius:4px;color:#a855f7;font-size:10px;font-weight:600;padding:2px 8px;text-transform:uppercase}.criteria-tag.auto{background:#f59e0b1a;color:var(--warning)}.criteria-desc{color:var(--text-secondary);font-size:12px;line-height:1.4}.criteria-weight{align-items:center;display:flex;gap:8px}.criteria-weight-value{color:var(--accent);font-size:16px;font-weight:700;min-width:28px;text-align:center}.criteria-weight-max{color:var(--text-muted);font-size:12px}.criteria-weight-btns{display:flex;flex-direction:column;gap:2px}.criteria-weight-btn{align-items:center;background:var(--bg-white);border:1px solid var(--border);border-radius:4px;color:var(--text-muted);cursor:pointer;display:flex;font-size:10px;height:16px;justify-content:center;transition:all .2s ease;width:22px}.criteria-weight-btn:hover{background:var(--accent);border-color:var(--accent);color:#fff}.add-criteria-btn{align-items:center;background:#0000;border:2px dashed var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;margin-top:12px;padding:14px;transition:all .2s ease;width:100%}.add-criteria-btn:hover{background:#0066ff0d;border-color:var(--accent);color:var(--accent)}.criteria-settings-panel{display:flex;flex-direction:column;gap:20px}.criteria-settings-card{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.criteria-settings-card-title{color:var(--text-secondary);font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:16px;text-transform:uppercase}.criteria-weight-summary{display:flex;flex-direction:column;gap:12px}.criteria-weight-row{align-items:center;display:flex;justify-content:space-between}.criteria-weight-label{color:var(--text-secondary);font-size:13px}.criteria-weight-value{color:var(--text-primary);font-size:14px;font-weight:600}.criteria-weight-value.green{color:var(--success)}.criteria-weight-value.yellow{color:var(--warning)}.criteria-weight-value.red{color:var(--danger)}.criteria-weight-bar{background:var(--bg-main);border-radius:4px;height:8px;margin-top:8px;overflow:hidden}.criteria-weight-bar-fill{border-radius:4px;height:100%;transition:width .3s ease}.criteria-weight-bar-fill.green{background:var(--success)}.criteria-weight-bar-fill.yellow{background:var(--warning)}.criteria-weight-bar-fill.red{background:var(--danger)}.criteria-zone-config{display:flex;flex-direction:column;gap:12px}.criteria-zone-item{align-items:center;background:var(--bg-main);border-radius:var(--radius-sm);display:flex;gap:12px;padding:12px}.criteria-zone-color{border-radius:4px;flex-shrink:0;height:14px;width:14px}.criteria-zone-color.green{background:var(--success)}.criteria-zone-color.yellow{background:var(--warning)}.criteria-zone-color.red{background:var(--danger)}.criteria-zone-info{flex:1 1}.criteria-zone-name{color:var(--text-primary);font-size:13px;font-weight:500}.criteria-zone-range{color:var(--text-muted);font-size:11px}.criteria-zone-input{background:var(--bg-white);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:13px;font-weight:600;padding:6px 10px;text-align:center;width:50px}.criteria-zone-input:focus{border-color:var(--accent);outline:none}.criteria-zone-separator{color:var(--text-muted);font-size:12px}.criteria-presets-list{display:flex;flex-direction:column;gap:8px}.criteria-preset-item{align-items:center;background:var(--bg-main);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s ease}.criteria-preset-item:hover{background:var(--bg-white);border-color:var(--accent)}.criteria-preset-item.active{background:#22c55e0d;border-color:var(--success)}.criteria-preset-icon{font-size:18px}.criteria-preset-info{flex:1 1}.criteria-preset-name{color:var(--text-primary);font-size:13px;font-weight:500}.criteria-preset-desc{color:var(--text-muted);font-size:11px}.criteria-preset-check{color:var(--success);display:none;font-size:16px}.criteria-preset-item.active .criteria-preset-check{display:block}.criteria-quick-actions{display:flex;flex-direction:column;gap:8px}.criteria-quick-action{align-items:center;background:var(--bg-main);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s ease}.criteria-quick-action:hover{background:var(--bg-white);border-color:var(--accent)}.criteria-quick-action-icon{font-size:16px}.criteria-quick-action-text{color:var(--text-primary);flex:1 1;font-size:13px}.criteria-quick-action-arrow{color:var(--text-muted);font-size:14px}.criteria-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}.criteria-modal{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 24px 48px #0003;max-height:90vh;max-width:600px;overflow:hidden;width:100%}.criteria-modal-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px 24px}.criteria-modal-title{color:var(--text-primary);font-size:18px;font-weight:600}.criteria-modal-close{align-items:center;background:#0000;border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.criteria-modal-close:hover{background:var(--danger);border-color:var(--danger);color:#fff}.criteria-modal-body{max-height:calc(90vh - 160px);overflow-y:auto;padding:24px}.criteria-modal-footer{border-top:1px solid var(--border);display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.criteria-info-banner{background:#0066ff0d;border:1px solid #06f3;border-radius:var(--radius-sm);display:flex;gap:12px;margin-bottom:24px;padding:16px}.criteria-info-banner-icon{font-size:20px}.criteria-info-banner-text{color:var(--text-secondary);font-size:13px;line-height:1.5}.criteria-info-banner-text strong{color:var(--text-primary);font-weight:600}.criteria-form-group{margin-bottom:20px}.criteria-form-label{color:var(--text-secondary);display:block;font-size:13px;font-weight:500;margin-bottom:8px}.criteria-form-label .required{color:var(--danger)}.criteria-form-input,.criteria-form-select,.criteria-form-textarea{background:var(--bg-main);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:Montserrat,sans-serif;font-size:14px;padding:10px 14px;transition:all .2s ease;width:100%}.criteria-form-input:focus,.criteria-form-select:focus,.criteria-form-textarea:focus{background:var(--bg-white);border-color:var(--accent);outline:none}.criteria-form-textarea{line-height:1.5;min-height:100px;resize:vertical}.criteria-form-hint{color:var(--text-muted);font-size:12px;margin-top:6px}.criteria-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.criteria-weight-slider-container{margin-top:12px}.criteria-weight-slider{-webkit-appearance:none;appearance:none;background:var(--bg-main);border-radius:3px;cursor:pointer;height:6px;width:100%}.criteria-weight-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--accent);border-radius:50%;cursor:pointer;height:20px;-webkit-transition:all .2s ease;transition:all .2s ease;width:20px}.criteria-weight-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.criteria-weight-slider::-moz-range-thumb{background:var(--accent);border:none;border-radius:50%;cursor:pointer;height:20px;width:20px}.criteria-weight-display{align-items:center;display:flex;justify-content:space-between;margin-top:12px}.criteria-weight-display span{color:var(--text-muted);font-size:12px}.criteria-weight-display .current{color:var(--accent);font-size:16px;font-weight:600}.criteria-keywords-input{background:var(--bg-main);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;flex-wrap:wrap;gap:8px;min-height:48px;padding:10px 12px}.criteria-keyword-tag{align-items:center;background:#0066ff1a;border-radius:6px;color:var(--accent);display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 10px}.criteria-keyword-tag button{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:16px;line-height:1;padding:0;transition:all .2s ease}.criteria-keyword-tag button:hover{color:var(--danger)}.criteria-keywords-input input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-family:Montserrat,sans-serif;font-size:13px;min-width:120px;outline:none}@media (max-width:1024px){.criteria-content-layout{grid-template-columns:1fr}.criteria-channel-tabs{flex-direction:column}.criteria-channel-tab{max-width:100%}}@media (max-width:768px){.criteria-form-row{grid-template-columns:1fr}}
/*# sourceMappingURL=main.453c0344.css.map*/