.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.login-card{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:440px;width:100%;padding:48px 40px}.login-header{text-align:center;margin-bottom:32px}.login-logo{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:24px}.login-header h1{font-size:28px;font-weight:700;color:#111827;margin:0 0 8px}.login-header p{font-size:14px;color:#6b7280;margin:0}.login-form{display:flex;flex-direction:column;gap:20px}.error-message{background:#fee2e2;color:#991b1b;padding:12px 16px;border-radius:8px;font-size:14px;text-align:center}.form-group label{font-size:14px;font-weight:600;color:#374151}.form-group input{padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:15px;transition:all .2s}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled{background:#f3f4f6;cursor:not-allowed}.form-options{display:flex;justify-content:space-between;align-items:center;font-size:14px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;color:#374151}.checkbox-label input{width:16px;height:16px;cursor:pointer}.forgot-link{color:#667eea;text-decoration:none;font-weight:500}.forgot-link:hover{text-decoration:underline}.login-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:14px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-footer{margin-top:24px;text-align:center}.login-footer p{font-size:12px;color:#9ca3af}@media (max-width: 480px){.login-card{padding:32px 24px}.login-header h1{font-size:24px}}.top-nav{background:linear-gradient(to right,#fff,#fcfdff);color:#0f172a;border-bottom:1px solid #e2e8f0;position:fixed;top:0;left:0;right:0;z-index:101;box-shadow:0 2px 8px #0f172a0f,0 1px 2px #0f172a0a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.top-nav-container{display:flex;align-items:center;padding:0 40px;height:70px;max-width:1920px;margin:0 auto}.logo-section{display:flex;align-items:center;gap:14px;margin-right:56px;padding-right:56px;border-right:1px solid #e2e8f0}.logo-icon{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#3b82f6,#1e40af,#1e3a8a);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #3b82f640,0 2px 4px #3b82f626;transition:all .3s ease}.logo-icon:hover{transform:translateY(-1px);box-shadow:0 6px 16px #3b82f659,0 2px 4px #3b82f633}.logo-icon svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.logo-text{display:flex;flex-direction:column;gap:2px}.logo-text-main{font-weight:800;letter-spacing:.12em;font-size:16px;text-transform:uppercase;background:linear-gradient(135deg,#1e40af,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.logo-subtitle{font-size:11px;color:#64748b;font-weight:500;letter-spacing:.02em}.main-nav{display:flex;gap:6px;flex:1;position:relative;z-index:100}.main-nav-link{display:flex;align-items:center;gap:10px;padding:12px 22px;color:#475569;text-decoration:none;font-size:14px;font-weight:600;border-radius:10px;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;letter-spacing:.01em}.main-nav-link:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%) scaleX(0);width:60%;height:3px;background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:3px 3px 0 0;transition:transform .3s ease}.main-nav-link:hover{background:#f1f5f9;color:#1e3a8a;transform:translateY(-1px)}.main-nav-link:hover:before{transform:translate(-50%) scaleX(1)}.main-nav-link.active{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#1e40af;font-weight:700;box-shadow:0 2px 8px #3b82f61f}.main-nav-link.active:before{transform:translate(-50%) scaleX(1)}.main-nav-link span:first-child{font-size:19px;display:flex;align-items:center;transition:transform .3s ease}.main-nav-link:hover span:first-child{transform:scale(1.1)}.user-section{display:flex;align-items:center;gap:18px;margin-left:auto;padding-left:32px;border-left:1px solid #e2e8f0;position:relative;z-index:120;pointer-events:auto}.notification-wrapper{position:relative;display:flex;align-items:center;pointer-events:auto}.notification-btn{background:#fff;border:1px solid #e2e8f0;color:#64748b;width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;z-index:125;pointer-events:auto;box-shadow:0 1px 3px #0f172a0a}.notification-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#1e40af;transform:translateY(-2px);box-shadow:0 4px 12px #0f172a14}.notification-btn.active{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#93c5fd;color:#1e40af;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f626}.notification-badge{position:absolute;top:-6px;right:-6px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:11px;font-weight:700;padding:3px 6px;min-width:20px;height:20px;border-radius:12px;box-shadow:0 2px 8px #ef444466,0 0 0 2px #fff;display:flex;align-items:center;justify-content:center;animation:pulse-badge 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-badge{0%,to{opacity:1}50%{opacity:.85}}.notification-panel{position:absolute;top:52px;right:0;width:320px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 20px 50px #0f172a26,0 10px 20px #0f172a14;padding:18px;z-index:140;animation:slideDown .3s cubic-bezier(.4,0,.2,1)}.notification-panel:before{content:"";position:absolute;top:-8px;right:20px;width:16px;height:16px;background:#fff;border-left:1px solid #e2e8f0;border-top:1px solid #e2e8f0;transform:rotate(45deg)}.notification-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid #f1f5f9;font-weight:700;font-size:15px;color:#0f172a}.mark-read-btn{background:none;border:none;color:#3b82f6;font-size:13px;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s}.mark-read-btn:hover{background:#eff6ff;color:#1e40af}.notification-panel-body{display:flex;flex-direction:column;gap:8px}.notification-item{display:flex;gap:12px;padding:12px;border-radius:12px;background:#f8fafc;transition:all .2s;cursor:pointer}.notification-item:hover{background:#f1f5f9;transform:translate(4px)}.notification-icon{width:36px;height:36px;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 6px #0f172a14}.notification-title{font-size:14px;font-weight:600;color:#0f172a;margin-bottom:4px;line-height:1.4}.notification-time{font-size:12px;color:#64748b;font-weight:500}.user-profile{display:flex;align-items:center;gap:12px;padding:6px 16px 6px 6px;background:#fff;border:1px solid #e2e8f0;border-radius:28px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;z-index:120;pointer-events:auto;box-shadow:0 1px 3px #0f172a0a}.user-profile:hover{background:#fef2f2;border-color:#fecaca;transform:translateY(-1px);box-shadow:0 4px 12px #ef44441f}.user-avatar{width:38px;height:38px;border-radius:999px;background:linear-gradient(135deg,#3b82f6,#2563eb,#1e40af);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 8px #3b82f640;transition:transform .3s ease}.user-avatar svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.15))}.user-profile:hover .user-avatar{transform:scale(1.05)}.user-info{display:flex;flex-direction:column;gap:3px}.user-name{font-size:14px;font-weight:700;color:#0f172a;line-height:1;letter-spacing:.01em}.user-role{font-size:12px;color:#64748b;font-weight:500}.logout-button{background:transparent;border:none;color:#94a3b8;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);padding:0;width:auto;display:flex;align-items:center}.user-profile:hover .logout-button{color:#ef4444;transform:translate(2px)}.logout-button:active{transform:scale(.95)}@media (max-width: 1200px){.top-nav-container{padding:0 24px}.logo-section{margin-right:32px;padding-right:32px}.main-nav-link{padding:10px 18px;font-size:13px}.user-section{padding-left:24px;gap:14px}}@media (max-width: 1024px){.top-nav-container{padding:0 20px;height:64px}.logo-section{margin-right:20px;padding-right:20px}.logo-icon{width:38px;height:38px}.main-nav,.user-info{display:none}.user-profile{padding:6px;border-radius:50%}.user-section{padding-left:20px}}@media (max-width: 768px){.top-nav-container{padding:0 16px;height:60px}.logo-section{margin-right:16px;padding-right:16px}.logo-icon{width:36px;height:36px}.logo-icon svg{width:20px;height:20px}.logo-text-main{font-size:14px}.logo-subtitle{display:none}.notification-btn{width:38px;height:38px}.notification-btn svg{width:16px;height:16px}.user-avatar{width:36px;height:36px}.user-avatar svg{width:18px;height:18px}.user-section{padding-left:16px;gap:12px}.notification-panel{width:280px;right:-16px}}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{margin-top:64px;width:100%;display:flex;flex-direction:column;min-height:calc(100vh - 64px)}.top-bar{background:#f9fafbe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:16px 32px;border-bottom:1px solid rgba(229,231,235,.9);display:flex;align-items:center;justify-content:space-between;position:sticky;top:64px;z-index:8}.page-title{font-size:22px;font-weight:600;letter-spacing:-.02em}.page-subtitle{font-size:13px;color:#6b7280;margin-top:3px}.main-inner{padding:24px 32px 32px;max-width:1200px;margin:0 auto;width:100%}@media (max-width: 1024px){.top-bar{padding-inline:16px}.main-inner{padding:18px 16px 24px}}.summary-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.summary-pill{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:6px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;cursor:default}.summary-pill:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;transition:height .3s}.summary-pill.blue:before{background:linear-gradient(90deg,#3b82f6,#1d4ed8)}.summary-pill.red:before{background:linear-gradient(90deg,#ef4444,#b91c1c)}.summary-pill.orange:before{background:linear-gradient(90deg,#fbbf24,#f97316)}.summary-pill.green:before{background:linear-gradient(90deg,#10b981,#059669)}.summary-pill:hover{box-shadow:0 8px 24px #0000001a;border-color:#cbd5e1;transform:translateY(-4px)}.summary-pill:hover:before{height:6px}.summary-pill span{font-size:11px;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.summary-pill strong{font-size:24px;font-weight:700;color:#0f172a;line-height:1}.summary-pill.blue strong{color:#2563eb}.summary-pill.red strong{color:#dc2626}.summary-pill.orange strong{color:#f97316}.summary-pill.green strong{color:#059669}.summary-trend{font-size:11px;display:flex;align-items:center;gap:4px}.summary-trend.positive{color:#10b981}.summary-trend.negative{color:#dc2626}.summary-trend.neutral{color:#64748b}.quick-actions-section{margin-bottom:20px}.quick-actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.quick-action-card{background:linear-gradient(135deg,#fff,#f0f9ff);border:2px solid #e0e7ff;border-radius:12px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;text-align:left}.quick-action-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#6366f1)}.quick-action-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #3b82f633;border-color:#818cf8;background:linear-gradient(135deg,#fff,#eef2ff)}.quick-action-content{flex:1}.quick-action-label{margin:0 0 6px;font-size:11px;color:#6366f1;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.quick-action-value{display:block;font-size:20px;font-weight:700;color:#0f172a;margin-bottom:4px;line-height:1.2}.quick-action-helper{margin:0;font-size:12px;color:#64748b;line-height:1.4}.quick-action-icon{color:#6366f1;transition:transform .3s;flex-shrink:0}.quick-action-card:hover .quick-action-icon{transform:translate(4px,-4px)}.categories-section{margin-bottom:0}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:20px}.section-header>div{flex:1;min-width:0}.section-header-with-subtitle{margin-bottom:12px}.section-title{font-size:15px;font-weight:700;color:#0f172a;margin:0;letter-spacing:-.3px;display:inline}.section-subtitle{font-size:11px;color:#64748b;font-weight:400;margin:0 0 0 8px;line-height:1.3;display:inline}.view-all-btn{padding:6px 14px;background:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#3b82f6;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.view-all-btn:hover{background:#eff6ff;border-color:#3b82f6;color:#1d4ed8}.view-all-btn-large{padding:12px 32px;background:linear-gradient(135deg,#3b82f6,#1e40af);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #3b82f633}.view-all-btn-large:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b82f64d;background:linear-gradient(135deg,#2563eb,#1e3a8a)}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.category-card{background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e2e8f0;border-radius:12px;padding:12px 14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000d}.category-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#1e40af);opacity:.8}.category-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top right,rgba(59,130,246,.05),transparent 60%);opacity:0;transition:opacity .3s}.category-card:hover{box-shadow:0 12px 28px #0000001f,0 4px 8px #00000014;transform:translateY(-4px) scale(1.02);border-color:#3b82f6}.category-card:hover:after{opacity:1}.category-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:8px;position:relative;z-index:1}.category-icon{width:36px;height:36px;border-radius:8px;background:#eff6ff;display:flex;align-items:center;justify-content:center;font-size:16px;box-shadow:0 2px 6px #3b82f626;transition:all .3s}.category-card:hover .category-icon{transform:rotate(-5deg) scale(1.1);box-shadow:0 4px 12px #3b82f640}.category-count{font-size:22px;font-weight:800;color:#0f172a;line-height:1;text-shadow:0 2px 4px rgba(0,0,0,.05)}.category-name{font-size:13px;font-weight:700;color:#0f172a;margin-bottom:3px;position:relative;z-index:1;letter-spacing:-.2px}.category-description{font-size:11px;color:#64748b;line-height:1.3;position:relative;z-index:1}.category-card.emergency:before{background:linear-gradient(90deg,#ef4444,#dc2626)}.category-card.emergency .category-icon{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.category-card.emergency:hover{border-color:#ef4444}.category-card.missed-revenue:before{background:linear-gradient(90deg,#f97316,#ea580c)}.category-card.missed-revenue .category-icon{background:linear-gradient(135deg,#fed7aa,#fdba74);color:#ea580c}.category-card.missed-revenue:hover{border-color:#f97316}.category-card.missed-revenue .category-count{font-size:28px}.category-card.revenue:before{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.category-card.revenue .category-icon{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.category-card.revenue:hover{border-color:#fbbf24}.category-card.postop:before{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.category-card.postop .category-icon{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#7c3aed}.category-card.postop:hover{border-color:#8b5cf6}.category-card.technician:before{background:linear-gradient(90deg,#06b6d4,#0891b2)}.category-card.technician .category-icon{background:linear-gradient(135deg,#cffafe,#a5f3fc);color:#0891b2}.category-card.technician:hover{border-color:#06b6d4}.category-card.insurance:before{background:linear-gradient(90deg,#ec4899,#db2777)}.category-card.insurance .category-icon{background:linear-gradient(135deg,#fce7f3,#fbcfe8);color:#db2777}.category-card.insurance:hover{border-color:#ec4899}.category-card.routine:before{background:linear-gradient(90deg,#10b981,#059669)}.category-card.routine .category-icon{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.category-card.routine:hover{border-color:#10b981}.recent-calls-section{margin-bottom:32px}.table-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.table-container table{width:100%;border-collapse:collapse}.table-container th{background:#f8fafc;padding:14px 20px;text-align:left;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e2e8f0}.table-container td{padding:16px 20px;font-size:14px;color:#334155;border-bottom:1px solid #f1f5f9}.table-container tr:last-child td{border-bottom:none}.table-container tbody tr{cursor:pointer;transition:background .15s}.table-container tbody tr:hover{background:#f8fafc}.status-badge{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;display:inline-block}.status-emergency,.status-emergency-calls{background:#fee2e2;color:#991b1b}.status-revenue,.status-revenue-capture{background:#fef3c7;color:#78350f}.status-postop,.status-post-op,.status-post-op-calls{background:#ede9fe;color:#6b21a8}.status-technician,.status-technician-calls{background:#cffafe;color:#155e75}.status-insurance,.status-insurance-billing{background:#fce7f3;color:#9f1239}.status-routine,.status-routine-calls{background:#d1fae5;color:#065f46}@media (max-width: 768px){.summary-strip{grid-template-columns:1fr;gap:16px;margin-bottom:32px}.summary-pill{padding:20px}.quick-actions-section{margin-bottom:32px}.quick-actions-grid{grid-template-columns:1fr;gap:16px}.quick-action-card{padding:20px}.quick-action-value{font-size:24px}.category-grid{grid-template-columns:1fr;gap:16px}.category-card{padding:20px}.category-count{font-size:28px}.section-header{flex-direction:column;align-items:flex-start;gap:12px}.section-title{font-size:20px}.table-container{overflow-x:auto}}.call-card-modern{background:#fff;border:1px solid #e5e7eb;border-radius:12px;transition:all .2s;overflow:hidden;margin-bottom:12px}.call-card-modern:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0f172a14}.call-card-modern.collapsed{box-shadow:0 1px 3px #0f172a0a}.call-card-modern.expanded{box-shadow:0 8px 20px #0f172a1a;border-color:#3b82f6}.call-header-modern{display:flex;align-items:center;gap:16px;padding:14px 18px;background:#fff;border-bottom:1px solid #f3f4f6}.call-card-modern.collapsed .call-header-modern{border-bottom:none}.call-left-section{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.patient-avatar-compact{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;flex-shrink:0}.call-info-compact{flex:1;min-width:0}.call-title-row{display:flex;align-items:center;gap:8px;margin-bottom:4px;flex-wrap:wrap}.patient-name-compact{font-size:15px;font-weight:600;color:#111827;margin:0}.call-divider{color:#d1d5db;font-size:12px}.call-date-compact{font-size:13px;color:#6b7280;font-weight:500}.call-subtitle-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.category-badge-inline{font-size:11px;font-weight:700;text-transform:uppercase;padding:3px 8px;border-radius:4px;letter-spacing:.3px}.category-badge-inline.category-emergency{background:#fee2e2;color:#991b1b}.category-badge-inline.category-post-op{background:#ede9fe;color:#6b21a8}.category-badge-inline.category-technician{background:#cffafe;color:#155e75}.category-badge-inline.category-insurance-billing{background:#fce7f3;color:#9f1239}.category-badge-inline.category-routine{background:#d1fae5;color:#065f46}.category-badge-inline.category-voicemail{background:#e0e7ff;color:#3730a3}.category-badge-inline.category-uncategorized{background:#f1f5f9;color:#475569}.phone-compact,.duration-compact,.call-id-compact{display:flex;align-items:center;gap:4px;font-size:12px;color:#64748b;font-weight:500}.call-metrics-compact{display:flex;align-items:center;gap:10px;flex-shrink:0}.priority-badge-modern{padding:6px 12px;border-radius:8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border:1.5px solid}.priority-badge-modern.priority-urgent,.priority-badge-modern.priority-emergency{background:#fee2e2;color:#991b1b;border-color:#ef4444}.priority-badge-modern.priority-high{background:#fef3c7;color:#78350f;border-color:#f59e0b}.priority-badge-modern.priority-normal,.priority-badge-modern.priority-medium{background:#e0e7ff;color:#3730a3;border-color:#4f46e5}.priority-badge-modern.priority-low{background:#f1f5f9;color:#475569;border-color:#94a3b8}.priority-badge-modern.priority-skipped{background:#ede9fe;color:#6b21a8;border-color:#8b5cf6}.status-badge-modern{display:flex;align-items:center;gap:4px;padding:5px 10px;border-radius:6px;font-size:11px;font-weight:600}.status-badge-modern.status-resolved{background:#d1fae5;color:#065f46}.status-badge-modern.status-action{background:#fef3c7;color:#78350f}.call-actions-compact{display:flex;align-items:center;gap:8px;flex-shrink:0}.assigned-staff-badge{display:flex;align-items:center;gap:4px;padding:5px 10px;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;font-size:11px;font-weight:600;color:#065f46}.call-tags-row{display:flex;flex-wrap:wrap;gap:6px;padding:10px 18px;background:#f9fafb;border-bottom:1px solid #f3f4f6}.subcategory-tag{font-size:11px;font-weight:500;padding:4px 10px;border-radius:6px;background:#f3f4f6;color:#475569}.action-count-tag{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:4px 10px;border-radius:6px;background:#fef3c7;color:#92400e;border:1px solid #fde68a}.call-summary-row{padding:12px 18px;background:#eff6ff;border-bottom:1px solid #dbeafe}.summary-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#1e40af;margin-bottom:6px}.summary-text{font-size:13px;line-height:1.6;color:#1e3a8a}.call-body-modern{overflow:hidden;transition:max-height .3s ease,opacity .2s ease}.call-body-modern.collapsed{max-height:0;opacity:0}.call-body-modern.expanded{max-height:3000px;opacity:1}.call-details-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:18px}.details-column{background:#f9fafb;border-radius:10px;padding:14px;border:1px solid #e5e7eb}.actions-column{background:#fef9f3;border-color:#fed7aa}.info-column{background:#f0fdf4;border-color:#bbf7d0}.actions-header{color:#c2410c;border-bottom-color:#fed7aa}.info-header,.followup-header{color:#065f46;border-bottom-color:#86efac}.actions-list-modern{display:flex;flex-direction:column;gap:8px}.action-item-modern{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;background:#fff;border-radius:6px;font-size:13px;color:#78350f;line-height:1.4;border-left:3px solid #f59e0b}.action-priority{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:4px}.action-priority.priority-high{background:#ef4444;box-shadow:0 0 0 3px #ef444433}.action-priority.priority-medium{background:#f59e0b;box-shadow:0 0 0 3px #f59e0b33}.action-priority.priority-low{background:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.conditions-list-modern{display:flex;flex-wrap:wrap;gap:6px}.condition-tag{font-size:11px;font-weight:500;padding:4px 10px;border-radius:6px;background:#fff;color:#065f46;border:1px solid #bbf7d0}.followup-list-modern{display:flex;flex-direction:column;gap:8px}.followup-item-modern{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;background:#fff;border-radius:6px;font-size:13px;color:#065f46;line-height:1.4}.followup-bullet{color:#10b981;font-weight:700}.analysis-section{padding:18px;background:#f8fafc;border-bottom:1px solid #f3f4f6}.analysis-header{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#1e40af}.analysis-content{padding:14px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;font-size:13px;line-height:1.6;color:#1e3a8a}.transcript-section{padding:18px;background:#f8fafc;border-bottom:1px solid #f3f4f6}.transcript-header{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#475569}.transcript-content{padding:14px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;line-height:1.6;color:#334155;max-height:300px;overflow-y:auto}.audio-section{padding:18px;background:#f8fafc;border-bottom:1px solid #f3f4f6}.audio-header{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#475569}.audio-player{width:100%;height:40px}.call-actions-footer{display:flex;gap:10px;padding:18px;background:#fff;border-top:1px solid #e2e8f0}.action-btn-modern{padding:10px 18px;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.action-btn-modern.primary{background:#1e40af;color:#fff}.action-btn-modern.primary:hover{background:#1e3a8a}.action-btn-modern.secondary{background:#fff;border:1px solid #e2e8f0;color:#475569}.action-btn-modern.secondary:hover{background:#f8fafc;border-color:#cbd5e1}.calls-page-wrapper{display:flex;min-height:100vh;background:#f8fafc;padding-top:64px}.calls-sidebar{position:fixed;left:0;top:64px;width:280px;height:calc(100vh - 64px);background:#fff;border-right:1px solid #e2e8f0;overflow-y:auto;z-index:10;padding:24px 16px}.sidebar-section{margin-bottom:32px}.sidebar-section-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#64748b;margin-bottom:12px;padding:0 12px}.sidebar-filters{display:flex;flex-direction:column;gap:4px}.sidebar-filter-btn{display:flex;align-items:center;gap:10px;padding:10px 12px;background:transparent;border:none;border-radius:8px;color:#475569;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;text-align:left;width:100%}.sidebar-filter-btn:hover{background:#f1f5f9;color:#1e40af}.sidebar-filter-btn.active{background:#eff6ff;color:#1e40af;font-weight:600}.filter-count{margin-left:auto;background:#e2e8f0;color:#475569;font-size:12px;font-weight:600;padding:2px 8px;border-radius:12px}.sidebar-filter-btn.active .filter-count{background:#1e40af;color:#fff}.calls-main-content{margin-left:280px;width:calc(100% - 280px);min-height:100vh;display:flex;flex-direction:column}.calls-page-header{background:#f9fafbe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(229,231,235,.9);padding:20px 32px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:64px;z-index:9}.page-header-left{display:flex;flex-direction:column;gap:4px}.page-header-title{font-size:22px;font-weight:600;color:#0f172a;letter-spacing:-.02em;margin:0}.page-header-subtitle{font-size:13px;color:#64748b;margin:0}.page-header-actions{display:flex;gap:12px}.header-action-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.header-action-btn:hover{background:#f8fafc;border-color:#cbd5e1}.calls-content-inner{padding:24px 32px 32px;flex:1}.calls-search-bar{display:flex;gap:12px;margin-bottom:20px;align-items:center;flex-wrap:wrap}.search-input-wrapper{flex:1;min-width:300px;position:relative;display:flex;align-items:center}.quick-filters{display:flex;gap:8px;align-items:center}.quick-filter-badge{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#fff;border:1px solid #e2e8f0;border-radius:20px;color:#475569;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.quick-filter-badge:hover{background:#f8fafc;border-color:#cbd5e1}.quick-filter-badge.active{background:#eff6ff;border-color:#3b82f6;color:#1e40af}.quick-filter-badge.urgent{border-color:#fca5a5}.quick-filter-badge.urgent.active{background:#fee2e2;border-color:#ef4444;color:#991b1b}.quick-filter-badge.action{border-color:#fcd34d}.quick-filter-badge.action.active{background:#fef3c7;border-color:#f59e0b;color:#78350f}.date-filter-wrapper{position:relative}.date-picker-dropdown{position:absolute;top:calc(100% + 8px);left:0;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 40px #0000001f;padding:20px;min-width:340px;z-index:1000}.date-picker-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.date-picker-header h4{margin:0;font-size:15px;font-weight:600;color:#0f172a}.close-btn{background:transparent;border:none;padding:4px;cursor:pointer;color:#64748b;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.close-btn:hover{background:#f1f5f9;color:#0f172a}.date-picker-presets{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}.preset-btn{padding:8px 12px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.preset-btn:hover{background:#f8fafc;border-color:#cbd5e1}.preset-btn.active{background:#eff6ff;border-color:#3b82f6;color:#1e40af}.date-picker-custom{display:flex;flex-direction:column;gap:12px;margin-bottom:16px;padding-top:12px;border-top:1px solid #e2e8f0}.date-input-group{display:flex;flex-direction:column;gap:6px}.date-input-group label{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.date-input{padding:10px 12px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#0f172a;font-size:14px;font-family:inherit;cursor:pointer;transition:all .2s}.date-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.date-picker-actions{display:flex;gap:8px;justify-content:flex-end}.btn-clear,.btn-apply{padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.btn-clear{background:#fff;border:1px solid #e2e8f0;color:#475569}.btn-clear:hover{background:#f8fafc;border-color:#cbd5e1}.btn-apply{background:#3b82f6;color:#fff}.btn-apply:hover{background:#2563eb}.btn-apply:disabled{background:#cbd5e1;cursor:not-allowed;opacity:.6}.search-icon{position:absolute;left:14px;color:#64748b;pointer-events:none}.search-input{width:100%;padding:12px 40px 12px 44px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;color:#0f172a;transition:all .2s}.search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-clear{position:absolute;right:12px;background:transparent;border:none;color:#64748b;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.search-clear:hover{background:#f1f5f9;color:#475569}.advanced-filter-toggle{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#475569;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.advanced-filter-toggle:hover{background:#f8fafc;border-color:#cbd5e1}.advanced-filters-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:20px;margin-bottom:20px}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-group label{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.filter-select{padding:10px 12px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#0f172a;font-size:14px;cursor:pointer;transition:all .2s}.filter-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filter-reset-btn{padding:10px 16px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;align-self:end;height:fit-content}.filter-reset-btn:hover{background:#e2e8f0;color:#475569;border-color:#cbd5e1}.filter-reset-btn:active{transform:scale(.98)}.calls-stats-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-item{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:16px 20px;display:flex;flex-direction:column;gap:6px}.stat-label{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:28px;font-weight:700;color:#0f172a}.stat-value.urgent{color:#dc2626}.stat-value.warning{color:#f59e0b}.calls-loading,.calls-error{text-align:center;padding:60px 20px;background:#fff;border:1px solid #e2e8f0;border-radius:12px}.calls-error{color:#dc2626}.retry-btn{margin-top:16px;padding:10px 20px;background:#1e40af;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.retry-btn:hover{background:#1e3a8a}.calls-list{display:flex;flex-direction:column;gap:12px}.no-calls{text-align:center;padding:60px 20px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#64748b}.call-card-compact{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;transition:all .2s}.call-card-compact:hover{box-shadow:0 4px 12px #00000014;border-color:#cbd5e1}.call-card-compact.expanded{box-shadow:0 8px 24px #0000001f;border-color:#3b82f6}.call-card-compact-header{padding:16px 20px;cursor:pointer;display:flex;flex-direction:column;gap:12px;transition:background .15s}.call-card-compact-header:hover{background:#f8fafc}.call-compact-row-1{display:flex;align-items:center;justify-content:space-between;gap:12px}.call-compact-name{font-size:18px;font-weight:600;color:#0f172a;margin:0;flex:1}.call-compact-badges{display:flex;gap:8px;flex-wrap:wrap}.compact-badge{padding:4px 12px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.badge-urgent{background:#fee2e2;color:#991b1b;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.badge-category{background:#e0e7ff;color:#3730a3}.badge-category.category-emergency{background:#fee2e2;color:#991b1b}.badge-category.category-revenue,.badge-category.category-revenue-capture{background:#fef3c7;color:#78350f}.badge-category.category-postop,.badge-category.category-post-op{background:#ede9fe;color:#6b21a8}.badge-category.category-technician{background:#cffafe;color:#155e75}.badge-category.category-insurance{background:#fce7f3;color:#9f1239}.badge-category.category-routine{background:#d1fae5;color:#065f46}.call-compact-row-2{display:flex;gap:20px;flex-wrap:wrap}.compact-info-item{font-size:13px;color:#475569;display:flex;align-items:center;gap:4px}.call-compact-row-3{margin-top:4px}.call-compact-summary{font-size:14px;color:#475569;line-height:1.6;margin:0}.call-compact-row-4{display:flex;gap:16px;flex-wrap:wrap;padding-top:8px;border-top:1px solid #f1f5f9}.compact-meta-item{font-size:12px;color:#64748b;font-weight:500}.priority-badge,.category-badge,.status-badge{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;white-space:nowrap}.priority-badge.priority-urgent,.priority-badge.priority-emergency{background:#fee2e2;color:#991b1b}.priority-badge.priority-high{background:#fef3c7;color:#78350f}.priority-badge.priority-normal{background:#e0e7ff;color:#3730a3}.category-badge.category-emergency,.category-badge.category-emergency-calls{background:#fee2e2;color:#991b1b}.category-badge.category-revenue,.category-badge.category-revenue-capture{background:#fef3c7;color:#78350f}.category-badge.category-postop,.category-badge.category-post-op,.category-badge.category-post-op-calls{background:#ede9fe;color:#6b21a8}.category-badge.category-technician,.category-badge.category-technician-calls{background:#cffafe;color:#155e75}.category-badge.category-insurance,.category-badge.category-insurance-billing{background:#fce7f3;color:#9f1239}.category-badge.category-routine,.category-badge.category-routine-calls{background:#d1fae5;color:#065f46}.category-badge.category-uncategorized{background:#f1f5f9;color:#475569}.status-badge.status-active{background:#dbeafe;color:#1e40af}.status-badge.status-pending{background:#fef3c7;color:#78350f}.status-badge.status-follow-up{background:#ede9fe;color:#6b21a8}.expand-btn{background:transparent;border:none;color:#64748b;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:all .2s;border-radius:6px}.expand-btn:hover{background:#f1f5f9;color:#475569}.call-card-details{border-top:1px solid #e2e8f0;padding:20px;background:#f8fafc;display:flex;flex-direction:column;gap:20px}.call-detail-section{display:flex;flex-direction:column;gap:12px}.call-detail-section h4{font-size:14px;font-weight:600;color:#0f172a;text-transform:uppercase;letter-spacing:.5px}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-label{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:14px;color:#0f172a;font-weight:500}.detail-value.patient-name{color:#1e40af;font-weight:600;background:#eff6ff;padding:4px 10px;border-radius:6px;display:inline-block}.detail-value.staff-name{color:#059669;font-weight:600;background:#d1fae5;padding:4px 10px;border-radius:6px;display:inline-block}.priority-indicator{padding:4px 12px;border-radius:12px;font-weight:600;text-transform:uppercase;font-size:12px;letter-spacing:.5px;display:inline-block}.priority-indicator.priority-urgent,.priority-indicator.priority-emergency{background:#fee2e2;color:#991b1b;border:1px solid #ef4444}.priority-indicator.priority-high{background:#fef3c7;color:#78350f;border:1px solid #f59e0b}.priority-indicator.priority-normal,.priority-indicator.priority-medium{background:#e0e7ff;color:#3730a3;border:1px solid #4f46e5}.priority-indicator.priority-low{background:#f1f5f9;color:#475569;border:1px solid #94a3b8}.priority-indicator.priority-skipped{background:#ede9fe;color:#6b21a8;border:1px solid #8b5cf6}.status-indicator{padding:4px 12px;border-radius:12px;font-weight:600;text-transform:uppercase;font-size:12px;letter-spacing:.5px;display:inline-block}.status-indicator.status-active{background:#dbeafe;color:#1e40af;border:1px solid #3b82f6}.status-indicator.status-resolved{background:#d1fae5;color:#065f46;border:1px solid #10b981}.status-indicator.status-pending{background:#fef3c7;color:#78350f;border:1px solid #f59e0b}.status-indicator.status-follow-up{background:#ede9fe;color:#6b21a8;border:1px solid #8b5cf6}.transcript-box,.analysis-box{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:16px;font-size:14px;line-height:1.6;color:#334155;max-height:300px;overflow-y:auto}.analysis-box{font-family:Courier New,monospace;white-space:pre-wrap;font-size:12px}.analysis-summary-box{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px solid #3b82f6;border-radius:10px;padding:18px 20px;font-size:14px;line-height:1.7;color:#1e3a8a;font-weight:500;box-shadow:0 2px 8px #3b82f61a;position:relative;overflow:auto;max-height:400px}.analysis-summary-box:before{content:"🤖 AI Summary";display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#1e40af;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(59,130,246,.2)}.tags-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.tag-item{padding:6px 12px;background:#eff6ff;color:#1e40af;border-radius:16px;font-size:12px;font-weight:500}.action-items-list{margin:8px 0 0;padding-left:20px;list-style:none}.action-items-list li{margin-bottom:8px;border-radius:8px;font-size:14px;line-height:1.6;position:relative;padding:10px 14px 10px 36px}.action-items-list li:before{content:"•";position:absolute;left:14px;font-weight:700;font-size:18px}.action-item-urgent{background:#fee2e2;color:#991b1b;border-left:3px solid #dc2626}.action-item-urgent:before{content:"⚠️";font-size:16px}.action-item-schedule{background:#e0e7ff;color:#3730a3;border-left:3px solid #4f46e5}.action-item-schedule:before{content:"📅";font-size:16px}.action-item-medication{background:#dbeafe;color:#1e40af;border-left:3px solid #3b82f6}.action-item-medication:before{content:"💊";font-size:16px}.action-item-callback{background:#fef3c7;color:#78350f;border-left:3px solid #f59e0b}.action-item-callback:before{content:"📞";font-size:16px}.action-item-default{background:#f1f5f9;color:#475569;border-left:3px solid #94a3b8}.call-actions{display:flex;gap:12px;padding-top:12px;border-top:1px solid #e2e8f0}.action-btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.action-btn.primary{background:#1e40af;color:#fff}.action-btn.primary:hover{background:#1e3a8a}.action-btn.secondary{background:#fff;border:1px solid #e2e8f0;color:#475569}.action-btn.secondary:hover{background:#f8fafc;border-color:#cbd5e1}.pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:32px;padding:20px;background:#fff;border:1px solid #e2e8f0;border-radius:12px}.pagination-btn,.pagination-page{padding:8px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled),.pagination-page:hover{background:#f8fafc;border-color:#cbd5e1}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-page.active{background:#1e40af;color:#fff;border-color:#1e40af}.pagination-pages{display:flex;gap:4px}.pagination-ellipsis{padding:8px 12px;color:#94a3b8;font-weight:500;display:flex;align-items:center}@media (max-width: 1024px){.calls-sidebar{width:240px}.calls-main-content{margin-left:240px;width:calc(100% - 240px)}.calls-stats-bar{grid-template-columns:repeat(2,1fr)}.call-details-columns{grid-template-columns:1fr}}@media (max-width: 768px){.calls-sidebar{position:fixed;left:-280px;transition:left .3s}.calls-sidebar.open{left:0}.calls-main-content{margin-left:0;width:100%}.calls-search-bar{flex-direction:column}.advanced-filter-toggle{width:100%;justify-content:center}.calls-stats-bar{grid-template-columns:1fr}.call-header-modern{flex-direction:column;align-items:stretch;gap:12px}.call-left-section{width:100%}.call-metrics-compact{width:100%;justify-content:flex-start;flex-wrap:wrap}.call-actions-compact{width:100%;justify-content:space-between}.quick-stats-grid,.call-details-columns{grid-template-columns:1fr}.call-actions-footer{flex-direction:column}.action-btn-modern{width:100%}.call-card-right{flex-direction:column;align-items:flex-end}.call-actions{flex-direction:column}.action-btn{width:100%}.pagination-pages{overflow-x:auto}}.priority-badge{position:absolute;top:12px;right:12px;padding:6px 14px;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;z-index:2;box-shadow:0 2px 8px #00000026}.priority-badge-high{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:2px solid #991b1b}.priority-badge-urgent{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:2px solid #b45309}.priority-badge-emergent{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:2px solid #b91c1c;animation:pulse-urgent 2s infinite}.priority-badge-normal,.priority-badge-medium{background:linear-gradient(135deg,#64748b,#475569);color:#fff;border:2px solid #334155}.priority-badge-low{background:linear-gradient(135deg,#94a3b8,#64748b);color:#fff;border:2px solid #475569}.priority-badge-skipped{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:2px solid #6d28d9}.priority-badge-emergency{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:2px solid #b91c1c;animation:pulse-urgent 2s infinite}@keyframes pulse-urgent{0%,to{box-shadow:0 2px 8px #ef444466}50%{box-shadow:0 4px 16px #ef444499}}.call-card-compact{position:relative;padding-top:8px}.call-card-compact.priority-high{border-left:4px solid #dc2626}.call-card-compact.priority-urgent{border-left:4px solid #f59e0b}.call-card-compact.priority-emergent,.call-card-compact.priority-emergency{border-left:4px solid #ef4444}.call-card-compact.priority-skipped{border-left:4px solid #8b5cf6}.patient-info-main{display:flex;flex-direction:column;gap:6px;flex:1}.call-compact-phone{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:#1e40af}.call-compact-phone svg{color:#3b82f6}.call-summary-preview{font-size:14px;color:#475569;line-height:1.5}.call-summary-preview strong{color:#1e293b;font-weight:600}.action-items-preview{background:#fef3c7;border-left:3px solid #f59e0b;padding:10px 14px;border-radius:6px}.action-items-preview strong{color:#92400e;font-weight:600;font-size:13px;display:block;margin-bottom:6px}.action-list-compact{margin:0;padding-left:18px;list-style:disc}.action-list-compact li{font-size:13px;color:#78350f;margin-bottom:4px;line-height:1.4}.action-list-compact li.more-actions{color:#92400e;font-weight:600;font-style:italic;list-style:none;margin-left:-18px}.call-compact-row-1{padding-right:110px}.call-compact-row-2{margin-top:4px}.call-compact-row-3{margin-top:8px}.call-compact-row-4{margin-top:8px;padding-top:8px;border-top:1px solid #e2e8f0}.call-subcategory{margin-top:6px;padding:8px 12px;background:#f1f5f9;border-left:3px solid #64748b;border-radius:4px;font-size:13px;color:#475569}.call-subcategory strong{color:#334155;font-weight:600;margin-right:6px}.analytics-container{margin-top:64px;padding:32px;max-width:1400px;margin-left:auto;margin-right:auto;background:#f8fafc}.analytics-header-new{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.date-range-tabs button{padding:6px 16px;border:none;background:transparent;border-radius:8px;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease}.date-range-tabs button:hover{color:#374151}.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;position:relative;overflow:hidden;transition:all .2s}.kpi-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.kpi-card.primary:before{background:#3b82f6}.kpi-card.success:before{background:#10b981}.kpi-card.warning:before{background:#f59e0b}.kpi-card.accent:before{background:#8b5cf6}.kpi-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.kpi-label{font-size:12px;color:#6b7280;font-weight:500}.kpi-header svg{color:#9ca3af}.kpi-value{font-size:26px;font-weight:700;color:#111827;line-height:1;margin-bottom:10px}.kpi-split{display:flex;gap:12px}.split-item{display:flex;align-items:center;gap:4px;font-size:11px;color:#6b7280}.split-item svg{color:#9ca3af}.kpi-footer{margin-top:6px}.rate-badge{display:inline-block;padding:3px 8px;background:#f3f4f6;border-radius:5px;font-size:10px;font-weight:600;color:#6b7280}.chart-section{margin-bottom:24px}.chart-card,.chart-card-large{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.chart-header h3,.chart-title{font-size:16px;font-weight:600;color:#0f172a;margin:0}.chart-legend{display:flex;gap:16px;font-size:12px}.legend-item{display:flex;align-items:center;gap:6px}.legend-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.analytics-column{display:flex;flex-direction:column;gap:16px}.insight-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:16px}.insight-title{font-size:14px;font-weight:600;color:#111827;margin:0 0 12px}.category-list{display:flex;flex-direction:column;gap:8px}.category-item{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:#f9fafb;border-radius:6px;transition:background .2s ease}.category-item:hover{background:#f3f4f6}.category-info{display:flex;align-items:center;gap:8px}.category-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.category-name{font-size:13px;color:#374151;font-weight:500}.category-stats{display:flex;align-items:center;gap:10px}.category-count{font-size:14px;font-weight:600;color:#111827}.category-percent{font-size:11px;color:#6b7280;font-weight:500;min-width:32px;text-align:right}.priority-bars{display:flex;flex-direction:column;gap:12px}.priority-row{display:flex;flex-direction:column;gap:5px}.priority-label-row{display:flex;justify-content:space-between;align-items:center}.priority-name{font-size:12px;color:#374151;font-weight:500}.priority-value{font-size:13px;font-weight:600;color:#111827}.priority-bar-bg{height:6px;background:#f3f4f6;border-radius:3px;overflow:hidden}.priority-bar-fill{height:100%;border-radius:3px;transition:width .3s ease}.stats-row-compact{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mini-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:16px}.mini-title{font-size:13px;font-weight:600;color:#111827;margin:0 0 12px}.sentiment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sentiment-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;background:#f9fafb;border-radius:8px}.sentiment-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px}.sentiment-data{text-align:center}.sentiment-value{font-size:16px;font-weight:700;color:#111827;line-height:1}.sentiment-label{font-size:10px;color:#6b7280;font-weight:500;margin-top:3px}.outcomes-compact{display:flex;flex-direction:column;gap:8px}.outcome-row{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:#f9fafb;border-radius:6px;font-size:12px}.outcome-name{color:#374151;font-weight:500;text-transform:capitalize}.outcome-value{font-weight:600;color:#111827}.loading-container,.error-container,.empty-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px}.loading-container .spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.loading-container p,.empty-container p{font-size:14px;color:#6b7280;margin:0}.error-container svg{color:#ef4444;margin-bottom:16px}.error-container h3{font-size:18px;font-weight:600;color:#111827;margin:0 0 8px}.error-container p{font-size:14px;color:#6b7280;margin:0 0 20px}.btn-retry{padding:10px 20px;background:#111827;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s ease}.btn-retry:hover{background:#374151}.access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px}.access-denied svg{color:#ef4444;margin-bottom:16px}.access-denied h2{font-size:20px;font-weight:600;color:#111827;margin:0 0 8px}.access-denied p{font-size:14px;color:#6b7280;margin:0 0 8px}.access-denied .help-text{font-size:13px;color:#9ca3af}@media (max-width: 1200px){.analytics-container{height:auto;min-height:unset}.analytics-scrollable{overflow-y:visible}.kpi-row{grid-template-columns:repeat(2,1fr)}.analytics-grid,.stats-row-compact{grid-template-columns:1fr}}@media (max-width: 768px){.analytics-header-new{flex-direction:column;gap:12px}.kpi-row,.sentiment-grid{grid-template-columns:1fr}.chart-header{flex-direction:column;align-items:flex-start;gap:10px}.chart-legend-inline{width:100%;justify-content:flex-start}}@media (max-width: 640px){.page-title{font-size:22px}.kpi-value{font-size:24px}.date-range-tabs{width:100%}.date-range-tabs button{flex:1}}.insights-container{display:flex;flex-direction:column;gap:20px;max-width:1400px}.insights-header{margin-bottom:8px}.insights-header-enhanced{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:20px}.page-title{display:flex;align-items:center;font-size:28px;font-weight:700;color:#111827;margin:0 0 6px}.page-subtitle{font-size:14px;color:#6b7280;margin:0}.last-updated{color:#9ca3af;font-size:13px}.insights-controls{display:flex;gap:8px;align-items:center;flex-shrink:0}.btn-action{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;color:#6b7280;transition:all .2s}.btn-action:hover{background:#f9fafb;color:#111827;border-color:#d1d5db}.key-insight-banner{display:flex;gap:16px;padding:20px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #7dd3fc;border-radius:12px;box-shadow:0 4px 12px #38bdf826}.key-insight-banner.clinical{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fbbf24}.key-insight-icon{width:48px;height:48px;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;color:#0284c7;flex-shrink:0}.key-insight-content{flex:1}.key-insight-label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#0284c7;font-weight:700;margin-bottom:6px}.key-insight-text{font-size:15px;color:#334155;line-height:1.5;font-weight:500}.alerts-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-header h2,.section-header h3{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#111827;margin:0}.badge-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 8px;background:#fee2e2;color:#dc2626;border-radius:6px;font-size:12px;font-weight:700}.section-value{font-size:16px;font-weight:700;color:#10b981}.alerts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.alert-card{padding:14px;background:#f9fafb;border-left:3px solid #ef4444;border-radius:8px;transition:all .2s ease}.alert-card:hover{background:#f3f4f6;transform:translate(2px)}.alert-card-header{margin-bottom:6px}.alert-severity{font-size:10px;text-transform:uppercase;letter-spacing:.05em;font-weight:700}.alert-card-title{font-size:13px;font-weight:600;color:#111827;margin-bottom:4px}.alert-card-desc{font-size:12px;color:#6b7280;line-height:1.4}.metrics-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric-card-insight{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;display:flex;gap:12px;align-items:flex-start;transition:all .2s}.metric-card-insight.large{padding:18px}.metric-card-insight.clickable{cursor:pointer}.metric-card-insight.clickable:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px);border-color:#d1d5db}.metric-icon-wrap{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.metric-data{flex:1}.metric-label-insight{font-size:12px;color:#6b7280;font-weight:500;margin-bottom:6px}.metric-value-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.metric-value-insight{font-size:26px;font-weight:700;line-height:1}.metric-subtitle-insight{font-size:11px;color:#9ca3af;font-weight:500}.trend-indicator{display:flex;align-items:center;gap:3px;font-size:12px;font-weight:600;padding:2px 6px;border-radius:4px;background:#0000000a}.metric-action{display:flex;align-items:center;justify-content:center;margin-left:auto;opacity:0;transition:opacity .2s}.metric-card-insight.clickable:hover .metric-action{opacity:1}.insights-grid-full{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.insights-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.insights-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.insights-column{display:flex;flex-direction:column;gap:20px}.opportunities-list{display:flex;flex-direction:column;gap:10px}.opportunity-card{padding:12px 14px;background:#f9fafb;border-left:3px solid #10b981;border-radius:8px;transition:all .2s ease}.opportunity-card:hover{background:#f3f4f6;transform:translate(2px)}.opportunity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.opportunity-type{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:#059669;font-weight:700;background:#d1fae5;padding:3px 8px;border-radius:4px}.opportunity-value{font-size:13px;font-weight:700;color:#047857}.opportunity-desc{font-size:12px;color:#4b5563;line-height:1.4}.experience-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.experience-stat{padding:12px;background:#f9fafb;border-radius:8px;text-align:center;transition:all .2s}.experience-stat.clickable{cursor:pointer}.experience-stat.clickable:hover{background:#f3f4f6;transform:translateY(-2px);box-shadow:0 2px 8px #00000014}.experience-value{font-size:24px;font-weight:700;color:#111827;line-height:1;margin-bottom:4px}.experience-value.positive{color:#10b981}.experience-value.negative{color:#ef4444}.experience-value.warning{color:#f59e0b}.experience-label{font-size:11px;color:#6b7280;font-weight:500}.complaints-section{padding-top:16px;border-top:1px solid #e5e7eb}.complaints-label{font-size:12px;font-weight:600;color:#374151;margin-bottom:8px}.complaints-tags{display:flex;flex-wrap:wrap;gap:6px}.complaint-tag{padding:4px 10px;background:#fee2e2;color:#991b1b;border-radius:6px;font-size:11px;font-weight:600}.automation-stats{display:flex;flex-direction:column;gap:10px;margin-bottom:16px;padding:12px;background:#f9fafb;border-radius:8px}.automation-stat{display:flex;justify-content:space-between;align-items:center}.automation-label{font-size:12px;color:#6b7280;font-weight:500}.automation-value{font-size:14px;font-weight:700;color:#111827}.automation-list{display:flex;flex-direction:column;gap:8px}.automation-item{padding:10px 12px;background:#f9fafb;border-radius:6px}.automation-type{font-size:12px;font-weight:600;color:#111827;margin-bottom:4px;text-transform:capitalize}.automation-details{display:flex;gap:12px;font-size:11px;color:#6b7280}.automation-calls,.automation-savings{font-weight:500}.chart-container-small{margin:16px 0;padding:12px;background:#f9fafb;border-radius:8px}.chart-container-medium{margin:16px 0 20px}.empty-state-small{padding:30px 20px;text-align:center;background:#f9fafb;border-radius:8px;color:#6b7280;font-size:13px}.empty-state-small p{margin:0}.clinical-alerts-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.badge-count.critical{background:#fee2e2;color:#dc2626}.clinical-alerts-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.clinical-alert-card{padding:14px;background:#fefefe;border:1px solid #e5e7eb;border-left:4px solid #ef4444;border-radius:8px;transition:all .2s;cursor:pointer}.clinical-alert-card:hover{background:#f9fafb;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.clinical-alert-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.clinical-alert-category{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.clinical-alert-priority{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.clinical-alert-patient{font-size:14px;font-weight:600;color:#111827;margin-bottom:4px}.clinical-alert-concern{font-size:13px;color:#4b5563;line-height:1.4;margin-bottom:8px}.clinical-alert-date{font-size:11px;color:#9ca3af}.view-all-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#475569;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.view-all-btn:hover{background:#f3f4f6;border-color:#d1d5db}.insights-column-wide{display:flex;flex-direction:column;gap:20px}.symptoms-list{display:flex;flex-direction:column;gap:8px}.symptom-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#f9fafb;border-radius:6px;transition:all .2s}.symptom-item:hover{background:#f3f4f6}.symptom-info{display:flex;flex-direction:column;gap:2px}.symptom-name{font-size:13px;font-weight:600;color:#111827}.symptom-count{font-size:12px;color:#6b7280}.symptom-trend{display:flex;align-items:center;gap:3px;font-size:12px;font-weight:600;padding:2px 6px;border-radius:4px}.symptom-trend.trending-up{color:#f59e0b;background:#fef3c7}.symptom-trend.trending-down{color:#10b981;background:#d1fae5}.procedure-concerns-list{display:flex;flex-direction:column;gap:12px}.procedure-concern-item{padding:12px 14px;background:#f9fafb;border-left:3px solid #8b5cf6;border-radius:8px}.procedure-name{font-size:12px;font-weight:700;color:#8b5cf6;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.procedure-concern{font-size:13px;color:#111827;font-weight:500;margin-bottom:4px}.procedure-count{font-size:12px;color:#6b7280}.clinical-actions{border:2px solid #ef4444}.action-items-list{display:flex;flex-direction:column;gap:10px}.action-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#fff;border:1px solid #e5e7eb;border-left:4px solid #ef4444;border-radius:8px;cursor:pointer;transition:all .2s}.action-item:hover{background:#f9fafb;transform:translate(4px);box-shadow:0 2px 8px #00000014}.action-item.high{border-left-color:#ef4444}.action-item.medium{border-left-color:#f59e0b}.action-item.low{border-left-color:#3b82f6}.action-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#fee2e2;color:#dc2626;flex-shrink:0}.action-icon.medication{background:#fef3c7;color:#f59e0b}.action-icon.lab{background:#dbeafe;color:#3b82f6}.action-icon.appointment{background:#e0e7ff;color:#6366f1}.action-icon.care{background:#d1fae5;color:#10b981}.action-content{flex:1}.action-title{font-size:14px;font-weight:600;color:#111827;margin-bottom:2px}.action-subtitle{font-size:12px;color:#6b7280}.action-arrow{color:#d1d5db;flex-shrink:0}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px}.spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top-color:#6366f1;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.loading-state p{font-size:14px;color:#6b7280;margin:0}.error-state svg{color:#ef4444;margin-bottom:16px}.error-state h3{font-size:18px;font-weight:600;color:#111827;margin:0 0 8px}.error-state p{font-size:14px;color:#6b7280;margin:0 0 20px}.btn-retry{padding:10px 20px;background:#6366f1;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s ease}.btn-retry:hover{background:#4f46e5}@media (max-width: 1200px){.metrics-row{grid-template-columns:repeat(2,1fr)}.insights-grid-full,.insights-grid,.alerts-grid{grid-template-columns:1fr}.clinical-alerts-list{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.insights-header-enhanced{flex-direction:column;align-items:stretch}.insights-controls{justify-content:space-between}.metrics-row,.experience-grid{grid-template-columns:1fr}.key-insight-banner{flex-direction:column}.alerts-grid,.clinical-alerts-list{grid-template-columns:1fr}.date-range-tabs button{padding:6px 12px;font-size:12px}}@media (max-width: 640px){.page-title{font-size:24px}.metric-value-insight{font-size:22px}.insights-controls{flex-wrap:wrap}.date-range-tabs{flex:1}.trend-indicator{font-size:11px;padding:1px 4px}}.staff-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.staff-metric-item{padding:14px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;text-align:center}.staff-metric-label{font-size:12px;color:#6b7280;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.staff-metric-value{font-size:22px;font-weight:700;color:#111827}.staff-workload-list{margin-bottom:16px}.staff-workload-header{font-size:13px;font-weight:600;color:#374151;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.staff-workload-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #f3f4f6}.staff-workload-item:last-child{border-bottom:none}.staff-name{font-size:13px;font-weight:500;color:#111827;min-width:100px}.staff-workload-bar{flex:1;height:8px;background:#f3f4f6;border-radius:4px;overflow:hidden}.staff-workload-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:4px;transition:width .3s ease}.staff-workload-value{font-size:13px;font-weight:600;color:#6b7280;min-width:60px;text-align:right}.delegation-note{display:flex;align-items:center;gap:8px;padding:12px 14px;background:#d1fae5;border:1px solid #a7f3d0;border-radius:8px;font-size:13px;color:#065f46;font-weight:500}@media (max-width: 768px){.staff-metrics{grid-template-columns:1fr}.staff-workload-item{flex-direction:column;align-items:flex-start;gap:8px}.staff-name{min-width:auto}.staff-workload-bar{width:100%}.staff-workload-value{min-width:auto}}.ai-chat-container{display:flex;flex-direction:column;height:calc(100vh - 180px);background:#f8fafc;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.chat-messages-area{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:16px;scroll-behavior:smooth}.chat-messages-area::-webkit-scrollbar{width:6px}.chat-messages-area::-webkit-scrollbar-track{background:#f1f5f9}.chat-messages-area::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.chat-messages-area::-webkit-scrollbar-thumb:hover{background:#94a3b8}.chat-message-wrapper{display:flex;margin-bottom:8px}.chat-message-wrapper.user{justify-content:flex-end}.chat-message-wrapper.assistant{justify-content:flex-start}.chat-message-bubble{max-width:70%;padding:14px 18px;border-radius:16px;box-shadow:0 1px 2px #0000000d;position:relative;animation:slideIn .2s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-message-wrapper.user .chat-message-bubble{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-bottom-right-radius:4px}.chat-message-wrapper.assistant .chat-message-bubble{background:#fff;border:1px solid #e2e8f0;color:#0f172a;border-bottom-left-radius:4px}.chat-message-bubble.error{background:#fef2f2;border-color:#fecaca;color:#991b1b}.chat-message-bubble.typing{display:flex;align-items:center;gap:8px;padding:12px 16px}.message-content{font-size:15px;line-height:1.6;white-space:pre-wrap;word-wrap:break-word}.message-actions{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}.action-button{padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;border:none;outline:none}.action-button.primary{background:#3b82f6;color:#fff}.action-button.primary:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.action-button.secondary{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.action-button.secondary:hover{background:#e2e8f0;border-color:#cbd5e1}.message-timestamp{font-size:11px;margin-top:6px;opacity:.6}.chat-message-wrapper.user .message-timestamp{text-align:right;color:#fff}.chat-message-wrapper.assistant .message-timestamp{color:#64748b}.quick-questions-section{padding:0 24px 20px;border-top:1px solid #e2e8f0;background:#fff}.quick-questions-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#64748b;margin:16px 0 12px;text-transform:uppercase;letter-spacing:.5px}.quick-questions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px}.quick-question-button{padding:12px 16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:10px;font-size:14px;color:#475569;cursor:pointer;transition:all .2s;text-align:left;line-height:1.4}.quick-question-button:hover{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#3b82f6;color:#1e40af;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f626}.chat-input-area{padding:20px 24px;background:#fff;border-top:1px solid #e2e8f0}.chat-input-wrapper{display:flex;gap:12px;align-items:center;max-width:1000px;margin:0 auto}.chat-input-field{flex:1;padding:14px 20px;border:2px solid #e2e8f0;border-radius:12px;font-size:15px;outline:none;transition:all .2s;background:#f8fafc}.chat-input-field:focus{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.chat-input-field:disabled{opacity:.6;cursor:not-allowed}.chat-send-button{width:50px;height:50px;border-radius:12px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-send-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #3b82f64d}.chat-send-button:disabled{opacity:.4;cursor:not-allowed;transform:none}@media (max-width: 768px){.ai-chat-container{height:calc(100vh - 140px)}.chat-messages-area{padding:16px}.chat-message-bubble{max-width:85%}.quick-questions-grid{grid-template-columns:1fr}.chat-input-area{padding:16px}.chat-input-field{font-size:16px}}.staff-performance-container{margin-top:64px;background:#f6f8fc;min-height:calc(100vh - 64px);display:flex}.staff-sidebar{width:280px;background:#fff;border-right:1px solid #e2e8f0;padding:24px 16px;position:fixed;left:0;top:64px;height:calc(100vh - 64px);overflow-y:auto;z-index:50}.staff-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:0 8px 16px;margin-bottom:12px;border-bottom:2px solid #e5e7eb}.staff-sidebar-header h3{font-size:14px;font-weight:700;color:#111827;text-transform:uppercase;letter-spacing:.5px;margin:0}.staff-count{background:#eff6ff;color:#1e40af;font-size:12px;font-weight:700;padding:4px 10px;border-radius:12px}.staff-sidebar-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px;background:transparent;border:none;border-radius:10px;cursor:pointer;transition:all .2s;text-align:left;margin-bottom:6px}.staff-sidebar-item:hover{background:#f8fafc}.staff-sidebar-item.active{background:#eff6ff;box-shadow:0 2px 6px #1e40af1a}.staff-avatar-sidebar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;flex-shrink:0}.staff-sidebar-item.active .staff-avatar-sidebar{background:linear-gradient(135deg,#1e40af,#6366f1);box-shadow:0 4px 12px #1e40af4d}.staff-info-sidebar{flex:1;min-width:0}.staff-name-sidebar{font-size:14px;font-weight:600;color:#111827;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.staff-sidebar-item.active .staff-name-sidebar{color:#1e40af}.staff-meta-sidebar{font-size:12px;color:#6b7280}.staff-trends-link .calendar-avatar{background:#fef8e7;color:#ca8a04}.staff-performance-layout{width:100%;margin-left:280px;background:#f6f8fc;min-height:calc(100vh - 64px);padding-bottom:32px}.performance-header{padding:32px;border-bottom:none;background:#f6f8fc;display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.page-title{font-size:28px;font-weight:700;color:#0f172a;margin:0 0 4px}.page-subtitle{color:#64748b;font-size:14px;margin:0}.performance-controls{display:flex;gap:8px;align-items:center;flex-shrink:0}.date-range-tabs{display:flex;gap:4px;background:#f3f4f6;padding:4px;border-radius:10px}.date-range-tabs button{padding:8px 16px;background:transparent;border:none;border-radius:8px;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s;white-space:nowrap}.date-range-tabs button:hover{color:#111827}.date-range-tabs button.active{background:#fff;color:#111827;box-shadow:0 1px 3px #0000001a}.performance-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:0 32px 24px}.stat-card{background:#fff;border:none;border-radius:16px;padding:20px;display:flex;gap:14px;align-items:center;box-shadow:0 10px 25px #0f172a14}.stat-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-content{flex:1}.stat-value{font-size:24px;font-weight:700;color:#111827;line-height:1;margin-bottom:4px}.stat-label{font-size:12px;color:#6b7280;font-weight:500}.weekly-insights-section{margin:0 32px 32px;background:#fff;border:none;border-radius:20px;padding:28px 32px;box-shadow:0 18px 40px #0f172a1a}.weekly-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.weekly-header h2{margin:0 0 4px;font-size:18px;color:#0f172a}.weekly-header p{margin:0;font-size:13px;color:#64748b}.weekly-last-updated{display:flex;align-items:center;gap:6px;margin-top:8px!important;font-size:12px!important;color:#3b82f6!important;font-weight:500}.weekly-badge{background:#eef2ff;color:#4338ca;font-weight:600;font-size:12px;padding:6px 12px;border-radius:999px}.weekly-card{border:none;border-radius:16px;padding:20px;background:#f9fbfe;box-shadow:inset 0 0 0 1px #94a3b840;display:flex;flex-direction:column;gap:14px}.weekly-card-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}.weekly-search-bar{margin-bottom:20px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.weekly-search-input{display:flex;align-items:center;gap:10px;border:1px solid #e2e8f0;border-radius:999px;padding:6px 14px;flex:1;min-width:200px;background:#fff;max-width:320px}.weekly-search-input input{border:none;outline:none;width:100%;font-size:14px;color:#0f172a}.weekly-sort-controls{display:flex;align-items:center;gap:8px;color:#64748b}.weekly-sort-select{border:1px solid #e2e8f0;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:500;color:#0f172a;background:#fff;cursor:pointer;transition:all .2s;outline:none}.weekly-sort-select:hover{border-color:#cbd5e1;background:#f8fafc}.weekly-sort-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.weekly-staff-card{border:none;border-radius:16px;width:100%;text-align:left;background:#f8fafc;box-shadow:inset 0 0 0 1px #94a3b859;padding:16px 18px;cursor:pointer;transition:box-shadow .2s ease,transform .2s ease,background .2s ease}.weekly-staff-card:hover{box-shadow:inset 0 0 0 1px #4f46e566}.weekly-staff-card.active{background:#eef2ff;box-shadow:0 12px 25px #4c1d9540;transform:translateY(-2px)}.weekly-staff-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.weekly-staff-card-name{margin:0;font-weight:600;color:#0f172a;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.weekly-risk-badge{display:inline-block;font-size:10px;font-weight:600;padding:3px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.3px;line-height:1}.weekly-staff-card-week{margin:2px 0 0;font-size:12px;color:#94a3b8}.weekly-staff-trend{font-weight:600;font-size:13px}.weekly-staff-trend.up{color:#16a34a}.weekly-staff-trend.down{color:#dc2626}.weekly-staff-card-metrics{display:flex;justify-content:space-between;gap:8px;margin-bottom:10px}.weekly-staff-card-metrics .metric-label{display:block;font-size:11px;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.weekly-staff-card-metrics .metric-value{display:block;font-size:20px;font-weight:700;color:#0f172a}.weekly-staff-card-note{margin:0;font-size:13px;color:#475569;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.weekly-detail-panel{width:100%}.weekly-detail-card{background:#fff;box-shadow:0 18px 40px #0f172a1a}.weekly-detail-empty{border-radius:16px;background:#f8fafc;padding:40px;text-align:center;color:#64748b;border:1px dashed #cbd5f5}@media (max-width: 640px){.weekly-staff-card-metrics{flex-direction:column}}.weekly-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.weekly-staff-name{font-weight:600;font-size:16px;color:#0f172a}.weekly-week-label{font-size:12px;color:#94a3b8}.weekly-trend{font-size:13px;font-weight:600}.weekly-trend.up{color:#16a34a}.weekly-trend.down{color:#dc2626}.weekly-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:14px}.weekly-stat-block{padding:12px;border-radius:12px;background:#fff;border:1px solid #e2e8f0;display:flex;flex-direction:column;gap:4px}.weekly-stat-label{font-size:11px;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.weekly-stat-value{font-size:24px;font-weight:700;color:#0f172a}.weekly-stat-value.positive{color:#15803d}.weekly-stat-value.negative{color:#b91c1c}.weekly-stat-sub{font-size:12px;color:#64748b}.weekly-summary{background:#fff;border-radius:12px;border:1px solid #e2e8f0;padding:14px 16px}.weekly-summary-main{margin:0 0 6px;font-size:14px;color:#0f172a;line-height:1.5}.weekly-summary-sub{margin:0;font-size:13px;color:#475569}.weekly-risk-panel{background:#fef2f2;border:1px solid #fee2e2;border-radius:12px;padding:14px 16px}.weekly-risk-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.risk-pill{font-size:11px;text-transform:uppercase;letter-spacing:.05em;padding:4px 10px;border-radius:999px;font-weight:700;background:#fff;border:1px solid #fed7d7;color:#7f1d1d}.risk-pill.risk-high{background:#fee2e2;border-color:#fecaca;color:#b91c1c}.risk-pill.risk-medium{background:#fef3c7;border-color:#fde68a;color:#92400e}.risk-pill.risk-low{background:#ecfccb;border-color:#bbf7d0;color:#166534}.risk-pill.escalation{background:#fef9c3;border-color:#fde68a;color:#854d0e}.weekly-risk-copy{margin:0;font-size:13px;color:#7f1d1d;line-height:1.5}.weekly-list{margin-bottom:10px}.weekly-list-title{font-size:12px;text-transform:uppercase;color:#64748b;margin-bottom:6px}.weekly-list ul{margin:0;padding-left:18px;color:#0f172a;font-size:13px}.weekly-action{font-size:13px;background:#fff7ed;color:#9a3412;padding:10px;border-radius:10px;border:1px solid #fed7aa}.weekly-action span{font-weight:600;margin-right:4px}.weekly-section{background:#fff;border-radius:12px;border:1px solid #e5e7eb;padding:14px 16px;display:flex;flex-direction:column;gap:12px}.weekly-section.bottom-line{gap:16px}.weekly-section-title{font-size:13px;font-weight:700;color:#0f172a;text-transform:uppercase;letter-spacing:.05em;margin:0}.weekly-item-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.weekly-item-card{border:1px solid #e5e7eb;border-radius:10px;padding:12px;background:#f9fafb;display:flex;flex-direction:column;gap:6px}.weekly-item-card.recognition{background:#fefce8;border-color:#fde68a}.weekly-item-title{font-size:13px;font-weight:700;color:#0f172a}.weekly-item-text{margin:0;font-size:13px;color:#475569;line-height:1.5}.weekly-item-text.subtle{font-size:12px;color:#64748b}.weekly-item-meta{display:flex;flex-wrap:wrap;gap:6px}.weekly-chip{font-size:11px;padding:4px 8px;border-radius:999px;background:#eef2ff;color:#3730a3;font-weight:600}.weekly-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.weekly-plan-column{background:#f9fafb;border-radius:10px;padding:10px;border:1px solid #e5e7eb}.weekly-plan-title{font-size:12px;font-weight:700;color:#0f172a;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.weekly-plan-column ul{margin:0;padding-left:18px;font-size:13px;color:#475569}.weekly-gap-list{display:flex;flex-direction:column;gap:10px}.weekly-gap-card{display:flex;gap:10px;border:1px solid #e5e7eb;border-radius:10px;padding:10px;background:#fff}.weekly-gap-card.strength{border-color:#bbf7d0;background:#f0fdf4}.weekly-gap-content{flex:1}.weekly-gap-title{font-size:13px;font-weight:700;margin-bottom:4px;color:#0f172a}.weekly-gap-text{margin:0;font-size:12px;color:#475569;line-height:1.4}.weekly-gap-text.subtle{color:#94a3b8}.weekly-section.collapsible{padding:0;border:1px solid #e5e7eb}.weekly-section-header{width:100%;background:transparent;border:none;display:flex;justify-content:space-between;align-items:center;padding:14px 16px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#0f172a;cursor:pointer}.weekly-section-body{padding:0 16px 16px}.collapse-icon{transition:transform .2s ease}.collapse-icon.open{transform:rotate(180deg)}.weekly-mini-list{margin:0;padding-left:18px;font-size:12px;color:#475569;line-height:1.4}.weekly-bottom-line{display:flex;flex-direction:column;gap:12px}.weekly-bottom-title{margin:0 0 4px;font-size:12px;font-weight:700;text-transform:uppercase;color:#475569}.call-evidence-chips{display:flex;flex-wrap:wrap;gap:8px}.call-link-chip{border:1px solid #dbeafe;background:#eff6ff;color:#1d4ed8;font-size:12px;font-weight:600;padding:6px 10px;border-radius:999px;display:inline-flex;align-items:center;gap:4px;cursor:pointer;transition:background .2s ease,transform .1s ease}.call-link-chip:hover{background:#dbeafe;transform:translateY(-1px)}.weekly-loading,.weekly-empty,.weekly-error{padding:12px;background:#f8fafc;border:1px dashed #cbd5f5;border-radius:10px;font-size:13px;color:#475569}.weekly-error{margin-top:12px;background:#fef2f2;color:#b91c1c;border-color:#fecaca}.review-section.collapsible{border:1px solid #e2e8f0;border-radius:8px;margin-bottom:12px;overflow:hidden;transition:all .2s}.review-section.collapsible:hover{border-color:#cbd5e1}.section-header-collapsible{width:100%;display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;border:none;cursor:pointer;transition:background .2s;text-align:left}.section-header-collapsible:hover{background:#f8fafc}.section-header-collapsible h4{margin:0;flex:1}.section-header-collapsible .collapse-icon{transition:transform .3s;color:#64748b;flex-shrink:0}.section-header-collapsible .collapse-icon.open{transform:rotate(180deg)}.section-content{padding:0 16px 16px;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.weekly-detail-section{background:#fff;border-radius:12px;border:1px solid #e5e7eb;padding:12px 14px;margin-bottom:12px}.weekly-detail-list{margin:0;padding-left:18px;color:#0f172a;font-size:13px;line-height:1.5}.weekly-detail-list.focus li{color:#7c2d12}.weekly-empty-text{font-size:12px;color:#94a3b8;margin:0}.weekly-action-panel{border-radius:12px;padding:12px 14px;background:#fef3c7;border:1px solid #fde68a}.weekly-action-title{font-size:12px;font-weight:700;text-transform:uppercase;color:#92400e;letter-spacing:.05em;margin-bottom:6px}.weekly-action-copy{margin:0;font-size:14px;color:#78350f;line-height:1.5}.performance-filters{display:flex;gap:12px;margin:16px 32px 24px}.search-box{flex:1;display:flex;align-items:center;gap:10px;padding:10px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#6b7280}.search-box input{flex:1;border:none;outline:none;font-size:14px;color:#111827}.search-box input::placeholder{color:#9ca3af}.filter-select{padding:10px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;color:#111827;cursor:pointer;min-width:200px}.filter-select:focus{outline:none;border-color:#3b82f6}.reviews-list{display:flex;flex-direction:column;gap:12px;padding:0 32px 32px}.review-card-modern{background:#fff;border:1px solid #e5e7eb;border-radius:12px;transition:all .2s;overflow:hidden}.review-card-modern:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0f172a14}.review-card-modern.collapsed{box-shadow:0 1px 3px #0f172a0a}.review-card-modern.expanded{box-shadow:0 8px 20px #0f172a1a;border-color:#3b82f6}.review-header-modern{display:flex;align-items:center;gap:16px;padding:14px 18px;background:#fff;border-bottom:1px solid #f3f4f6}.review-card-modern.collapsed .review-header-modern{border-bottom:none}.review-left-section{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.staff-avatar-compact{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;flex-shrink:0}.review-info-compact{flex:1;min-width:0}.review-title-row{display:flex;align-items:center;gap:8px;margin-bottom:4px;flex-wrap:wrap}.staff-name-compact{font-size:15px;font-weight:600;color:#111827;margin:0}.review-divider{color:#d1d5db;font-size:12px}.review-date-compact{font-size:13px;color:#6b7280;font-weight:500}.review-subtitle-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.call-type-badge{font-size:11px;font-weight:700;text-transform:uppercase;padding:3px 8px;border-radius:4px;background:#eff6ff;color:#1e40af;letter-spacing:.3px}.patient-name-compact{font-size:12px;color:#475569}.duration-compact{display:flex;align-items:center;gap:4px;font-size:12px;color:#64748b;font-weight:500}.review-metrics-compact{display:flex;align-items:center;gap:10px;flex-shrink:0}.metric-compact{display:flex;align-items:center}.score-badge{display:flex;align-items:center;gap:5px;padding:6px 12px;border-radius:8px;border:1.5px solid;font-size:14px;font-weight:700;transition:all .2s}.score-badge:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.score-value{font-size:15px}.sentiment-badge{display:flex;align-items:center;gap:4px;padding:5px 10px;border-radius:6px;font-size:11px;font-weight:600;text-transform:capitalize}.sentiment-badge.sentiment-positive{background:#d1fae5;color:#065f46}.sentiment-badge.sentiment-negative{background:#fee2e2;color:#991b1b}.sentiment-badge.sentiment-neutral{background:#f3f4f6;color:#4b5563}.status-badge{display:flex;align-items:center;gap:4px;padding:5px 10px;border-radius:6px;font-size:11px;font-weight:600}.status-badge.status-resolved{background:#d1fae5;color:#065f46}.status-badge.status-unresolved{background:#fef3c7;color:#78350f}.review-actions-compact{display:flex;align-items:center;gap:8px;flex-shrink:0}.action-buttons-row{display:flex;gap:4px}.action-btn-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;transition:all .2s}.action-btn-icon:hover{background:#eff6ff;border-color:#3b82f6;color:#1e40af;transform:translateY(-1px)}.expand-btn-compact{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;transition:all .2s}.expand-btn-compact:hover{background:#f8fafc;border-color:#cbd5e1;color:#1e40af}.expand-icon{transition:transform .3s ease}.expand-icon.open{transform:rotate(180deg)}.review-tags-row{display:flex;flex-wrap:wrap;gap:6px;padding:10px 18px;background:#f9fafb;border-bottom:1px solid #f3f4f6}.tier-badge-modern{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:4px 10px;border-radius:6px;border:1px solid}.tier-badge-modern.tier-exceeds-standards{background:#d1fae5;color:#065f46;border-color:#86efac}.tier-badge-modern.tier-meets-standards{background:#dbeafe;color:#1e40af;border-color:#93c5fd}.tier-badge-modern.tier-needs-improvement{background:#fef3c7;color:#92400e;border-color:#fde68a}.tier-badge-modern.tier-immediate-coaching-required{background:#fee2e2;color:#991b1b;border-color:#fca5a5}.feedback-badge-modern{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:4px 10px;border-radius:6px;background:#ecfccb;color:#3f6212;border:1px solid #bef264}.category-badge-modern,.subcategory-badge-modern{font-size:11px;font-weight:500;padding:4px 10px;border-radius:6px;background:#f3f4f6;color:#475569}.review-body-modern{overflow:hidden;transition:max-height .3s ease,opacity .2s ease}.review-body-modern.collapsed{max-height:0;opacity:0}.review-body-modern.expanded{max-height:2000px;opacity:1}.quick-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;padding:16px 18px;background:#f8fafc;border-bottom:1px solid #f3f4f6}.quick-stat-item{display:flex;align-items:flex-start;gap:10px}.stat-icon-inline{color:#64748b;flex-shrink:0;margin-top:2px}.stat-label-inline{font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-bottom:2px}.stat-value-inline{font-size:13px;color:#0f172a;font-weight:500}.performance-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:18px}.performance-column{background:#f9fafb;border-radius:10px;padding:14px;border:1px solid #e5e7eb}.strengths-column{background:#f0fdf4;border-color:#bbf7d0}.improvements-column{background:#fef9f3;border-color:#fed7aa}.column-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:10px;border-bottom:2px solid}.column-header h4{margin:0;font-size:14px;font-weight:700}.strengths-header{color:#065f46;border-bottom-color:#86efac}.improvements-header{color:#c2410c;border-bottom-color:#fed7aa}.strengths-list-modern{display:flex;flex-direction:column;gap:8px}.strength-item-modern{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;background:#fff;border-radius:6px;font-size:13px;color:#065f46;line-height:1.4;border-left:3px solid #10b981}.strength-icon{color:#10b981;flex-shrink:0;margin-top:2px}.improvements-list-modern{display:flex;flex-direction:column;gap:10px}.improvement-item-modern{padding:10px;background:#fff;border-radius:6px;border-left:3px solid #f59e0b}.improvement-priority{display:flex;align-items:center;gap:8px;margin-bottom:6px}.priority-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0}.priority-indicator.priority-high{background:#ef4444;box-shadow:0 0 0 3px #ef444433}.priority-indicator.priority-medium{background:#f59e0b;box-shadow:0 0 0 3px #f59e0b33}.priority-indicator.priority-low{background:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.improvement-area-modern{font-size:13px;font-weight:700;color:#0f172a}.improvement-detail-modern{margin:0;font-size:12px;color:#475569;line-height:1.5}.more-items-note{font-size:11px;color:#64748b;font-style:italic;text-align:center;padding:6px}.messages-section{display:flex;flex-direction:column;gap:12px;padding:0 18px 18px}.message-card{border-radius:10px;padding:14px;border:1px solid}.summary-card{background:#eff6ff;border-color:#bfdbfe}.coaching-card{background:#fef3c7;border-color:#fde68a}.message-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.summary-card .message-header{color:#1e40af}.coaching-card .message-header{color:#92400e}.standard-badge{margin-left:auto;font-size:10px;padding:3px 8px;border-radius:4px;background:#fff;color:#1e40af;border:1px solid #93c5fd}.message-text{margin:0;font-size:13px;line-height:1.6;color:#334155}.summary-card .message-text{color:#1e3a8a}.coaching-card .message-text{color:#78350f}.review-card{background:#fff;border:none;border-radius:20px;padding:22px;transition:all .2s;box-shadow:0 18px 40px #0f172a14}.review-card:hover{transform:translateY(-2px);box-shadow:0 22px 45px #0f172a1f}.review-card.collapsed{padding-bottom:12px}.review-card.collapsed .review-header{margin-bottom:0;border-bottom:none}.review-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid #f3f4f6}.review-header-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.review-main-info{display:flex;gap:14px;align-items:center;flex:1}.review-controls-row{display:flex;align-items:center;gap:8px}.review-toggle{display:flex;align-items:center;gap:6px;border:1px solid #e2e8f0;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600;background:#fff;color:#1d4ed8;cursor:pointer;transition:all .2s}.review-toggle:hover{background:#eff6ff;border-color:#bfdbfe}.review-toggle{border-radius:8px;padding:6px 10px}.toggle-icon{transition:transform .2s ease}.toggle-icon.rotated{transform:rotate(90deg)}.staff-avatar{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;flex-shrink:0}.staff-name{font-size:18px;font-weight:600;color:#111827;margin:0 0 6px}.review-meta{display:flex;gap:8px;font-size:12px;color:#6b7280;align-items:center}.review-score{flex-shrink:0}.review-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.tier-pill,.qa-pill{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:4px 10px;border-radius:999px}.tier-pill{background:#eef2ff;color:#4338ca}.qa-pill{background:#ecfccb;color:#3f6212}.score-circle{width:62px;height:62px;border-radius:50%;border:4px solid;display:flex;align-items:center;justify-content:center;background:#fff}.score-circle span{font-size:18px;font-weight:700}.review-body{overflow:hidden;transition:max-height .3s ease,opacity .2s ease}.review-body.collapsed{max-height:0;opacity:0;margin:0;padding-top:0}.review-body.expanded{max-height:1000px;opacity:1}.review-quick-actions{display:flex;gap:6px}.quick-action{display:flex;align-items:center;gap:4px;border:1px solid #e5e7eb;border-radius:8px;padding:5px 8px;font-size:11px;font-weight:600;background:#f9fafb;color:#1f2937;cursor:pointer;transition:all .2s}.quick-action:hover{background:#fff;border-color:#cbd5f5;color:#1d4ed8}.call-metrics{display:flex;flex-wrap:wrap;gap:24px;row-gap:10px;padding:12px 16px;background:#f4f7fb;border-radius:12px;margin-bottom:18px}.metric-item{display:flex;align-items:center;gap:6px;font-size:13px;color:#6b7280;font-weight:500;min-width:180px}.sentiment{text-transform:capitalize}.sentiment.positive{color:#10b981}.sentiment.negative{color:#ef4444}.sentiment.neutral{color:#6b7280}.review-section{margin-bottom:16px}.section-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid}.section-title.strengths{color:#10b981;border-bottom-color:#d1fae5}.section-title.improvements{color:#f59e0b;border-bottom-color:#fef3c7}.strengths-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.strength-item{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;background:#f0fdf4;border-left:3px solid #10b981;border-radius:6px;font-size:13px;color:#065f46;font-weight:500}.improvements-list{display:flex;flex-direction:column;gap:12px}.improvement-item{padding:14px 16px;background:#fefefe;border:1px solid #f3f4f6;border-left:3px solid #f59e0b;border-radius:8px}.improvement-header{display:flex;align-items:center;gap:10px;margin-bottom:6px}.severity-badge{padding:3px 8px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.improvement-area{font-size:14px;font-weight:600;color:#111827}.improvement-detail{font-size:13px;color:#4b5563;margin:0;line-height:1.5}.call-context-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.call-tag{background:#eef2ff;color:#1d4ed8;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:6px}.call-tag-label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#475569}.section-title.qa-summary{color:#2563eb;border-bottom-color:#bfdbfe}.qa-summary-text{margin:0 0 8px;font-size:14px;color:#334155;line-height:1.6}.qa-standard-pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:#ecfeff;color:#0e7490;font-size:12px;font-weight:600}.review-footer{display:flex;flex-wrap:wrap;gap:10px;padding-top:16px;border-top:1px solid #f3f4f6}.btn-secondary-sm{padding:8px 16px;background:#fff;color:#475569;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary-sm:hover{background:#f8fafc;border-color:#cbd5e1}.btn-primary-sm{padding:8px 16px;background:#6366f1;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;margin-left:auto}.btn-primary-sm:hover{background:#4f46e5;transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px}.empty-state h3{font-size:18px;font-weight:600;color:#111827;margin:16px 0 8px}.empty-state p{font-size:14px;color:#6b7280;margin:0}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px}.spinner{width:48px;height:48px;border:4px solid #f3f4f6;border-top-color:#6366f1;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-state p{margin-top:16px;font-size:14px;color:#6b7280}@media (max-width: 1200px){.staff-sidebar{width:240px}.staff-performance-layout{margin-left:240px}.performance-stats-row{grid-template-columns:repeat(2,1fr)}.strengths-list{grid-template-columns:1fr}}@media (max-width: 768px){.staff-performance-container{flex-direction:column}.staff-sidebar{position:relative;width:100%;height:auto;border-right:none;border-bottom:1px solid #e2e8f0;padding:16px;top:0}.staff-performance-layout{margin-left:0}.performance-header{padding:24px;flex-direction:column;align-items:stretch}.performance-controls{justify-content:flex-start}.performance-stats-row{grid-template-columns:1fr;margin:0 24px 24px}.performance-filters{margin:0 24px 24px;flex-direction:column}.reviews-list{padding:0 16px 24px;gap:10px}.review-header-modern{flex-direction:column;align-items:stretch;gap:12px}.review-left-section{width:100%}.review-metrics-compact{width:100%;justify-content:flex-start;flex-wrap:wrap}.review-actions-compact{width:100%;justify-content:space-between}.action-buttons-row{flex:1;justify-content:flex-start}.quick-stats-grid{grid-template-columns:1fr;padding:12px}.performance-columns{grid-template-columns:1fr;padding:12px;gap:12px}.messages-section{padding:12px}.review-header{flex-direction:column;align-items:stretch}.review-main-info{margin-bottom:16px}.score-circle{width:64px;height:64px;margin:0 auto}.call-metrics{flex-direction:column;gap:12px}.review-footer{flex-direction:column}.btn-primary-sm{margin-left:0}}@media (max-width: 640px){.review-meta{flex-direction:column;gap:4px;align-items:flex-start}.review-meta span{display:none}.review-meta span:first-child,.review-meta span:nth-child(3),.review-meta span:nth-child(5){display:block}}.reviews-pagination{display:flex;justify-content:center;margin:20px 0 8px}.load-more-button{border:1px solid #e2e8f0;background:#fff;color:#0f172a;padding:10px 16px;border-radius:999px;font-weight:600;font-size:.95rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;box-shadow:0 8px 18px #0f172a1f}.load-more-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 22px #0f172a2e}.load-more-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.settings-container{margin-top:64px;background:#f8fafc;min-height:calc(100vh - 64px);display:flex}.settings-sidebar{width:260px;background:#fff;border-right:1px solid #e2e8f0;padding:24px 16px;position:fixed;left:0;top:64px;height:calc(100vh - 64px);overflow-y:auto;z-index:50}.settings-header{padding:32px;border-bottom:1px solid #e2e8f0;background:#fff;margin-left:260px}.settings-title{font-size:28px;font-weight:700;color:#0f172a;margin:0 0 4px}.settings-subtitle{color:#64748b;font-size:14px;margin:0}.settings-layout{width:100%;margin-left:260px}.settings-tab{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:transparent;border:none;border-radius:8px;color:#64748b;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;text-align:left}.settings-tab:hover{background:#f8fafc;color:#334155}.settings-tab.active{background:#eff6ff;color:#1e40af}.settings-content{background:#f8fafc;padding:32px;flex:1}.settings-section{max-width:800px}.section-header{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.section-title{font-size:22px;font-weight:700;color:#0f172a;margin:0 0 8px}.section-description{font-size:14px;color:#64748b;margin:0}.settings-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:13px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px}.form-input,.form-select{padding:10px 14px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#0f172a;font-size:14px;font-family:inherit;transition:all .2s}.form-input:focus,.form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-input:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.form-hint{font-size:12px;color:#9ca3af;font-style:italic}.form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid #e5e7eb}.btn-save{padding:10px 20px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-save:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.btn-secondary{padding:10px 20px;background:#fff;color:#475569;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}.toggle-list{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.toggle-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#fff;border:1px solid #e5e7eb;border-radius:8px}.toggle-info{flex:1}.toggle-title{font-size:15px;font-weight:600;color:#0f172a;margin:0 0 4px}.toggle-description{font-size:13px;color:#64748b;margin:0}.toggle-switch{position:relative;display:inline-block;width:48px;height:26px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;border-radius:26px;transition:.3s}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.3s}.toggle-switch input:checked+.toggle-slider{background-color:#3b82f6}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}.security-section{padding:20px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px}.security-section:last-child{margin-bottom:24px}.subsection-title{font-size:16px;font-weight:600;color:#0f172a;margin:0 0 8px}.subsection-description{font-size:13px;color:#64748b;margin:0 0 16px}.integrations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.integration-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:24px;text-align:center;transition:all .2s}.integration-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.integration-icon{font-size:48px;margin-bottom:16px}.integration-name{font-size:16px;font-weight:600;color:#0f172a;margin:0 0 8px}.integration-description{font-size:13px;color:#64748b;margin:0 0 16px;min-height:40px}.btn-integration{padding:8px 20px;background:#fff;color:#3b82f6;border:1px solid #3b82f6;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;width:100%}.btn-integration:hover{background:#3b82f6;color:#fff}.btn-integration.connected{background:#d1fae5;color:#065f46;border-color:#10b981}.btn-integration.connected:hover{background:#a7f3d0}.api-section{padding:20px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px}.api-section:last-child{margin-bottom:0}.api-key-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.api-key-list{margin-top:16px}.api-key-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:12px}.api-key-item:last-child{margin-bottom:0}.api-key-info{display:flex;flex-direction:column;gap:6px}.api-key-name{font-size:14px;font-weight:600;color:#0f172a;margin:0}.api-key-value{font-family:Courier New,monospace;font-size:13px;color:#475569;background:#f1f5f9;padding:6px 10px;border-radius:6px;display:inline-block}.api-key-date{font-size:12px;color:#9ca3af}.btn-danger-sm{padding:6px 14px;background:#fff;color:#ef4444;border:1px solid #ef4444;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.btn-danger-sm:hover{background:#ef4444;color:#fff}@media (max-width: 1024px){.settings-sidebar{width:200px;padding:20px 12px}.settings-header{margin-left:200px;padding:24px}.settings-layout{margin-left:200px}.settings-content{padding:24px}.settings-tab span{font-size:13px}}@media (max-width: 768px){.settings-container{flex-direction:column}.settings-sidebar{position:relative;width:100%;height:auto;border-right:none;border-bottom:1px solid #e2e8f0;padding:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;top:0}.settings-header{margin-left:0;padding:20px}.settings-layout{margin-left:0}.settings-content{padding:20px}.settings-tab{flex-direction:column;gap:6px;padding:12px 8px;font-size:12px}.settings-tab span{font-size:11px}.form-grid,.integrations-grid{grid-template-columns:1fr}}@media (max-width: 480px){.settings-sidebar{grid-template-columns:repeat(2,1fr)}.toggle-item,.api-key-item{flex-direction:column;align-items:flex-start;gap:12px}}.chat-fab{position:fixed;bottom:24px;right:24px;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;box-shadow:0 4px 12px #667eea66;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:1000}.chat-fab:hover{transform:scale(1.1);box-shadow:0 6px 16px #667eea80}.chat-fab:active{transform:scale(.95)}.chat-widget{position:fixed;bottom:24px;right:24px;width:380px;height:600px;background:#fff;border-radius:16px;box-shadow:0 10px 40px #00000026;display:flex;flex-direction:column;overflow:hidden;z-index:1000;transition:all .3s ease}.chat-widget.minimized{height:56px}.chat-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:16px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.chat-header-content{display:flex;align-items:center;gap:10px}.chat-title{font-weight:600;font-size:16px}.chat-status{display:inline-block;padding:2px 8px;background:#fff3;border-radius:12px;font-size:11px;font-weight:500}.chat-header-actions{display:flex;gap:8px}.chat-header-btn{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.chat-header-btn:hover{background:#ffffff4d}.chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;background:#f7f8fa}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.chat-message{display:flex;flex-direction:column;max-width:85%}.chat-message.user{align-self:flex-end}.chat-message.assistant{align-self:flex-start}.message-content{padding:12px 16px;border-radius:12px;font-size:14px;line-height:1.5;word-wrap:break-word}.chat-message.user .message-content{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-bottom-right-radius:4px}.chat-message.assistant .message-content{background:#fff;color:#2d3748;border-bottom-left-radius:4px;box-shadow:0 2px 4px #0000000d}.message-content.typing{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fff;color:#718096}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.message-actions{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.action-btn{padding:8px 16px;border-radius:8px;border:none;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.action-btn.primary{background:#667eea;color:#fff}.action-btn.primary:hover{background:#5568d3}.action-btn.secondary{background:#e2e8f0;color:#4a5568}.action-btn.secondary:hover{background:#cbd5e0}.message-timestamp{font-size:11px;color:#a0aec0;margin-top:4px;align-self:flex-end}.chat-message.assistant .message-timestamp{align-self:flex-start}.quick-questions{padding:12px 16px;background:#f7f8fa;border-top:1px solid #e2e8f0}.quick-questions-label{font-size:12px;color:#718096;margin-bottom:8px;font-weight:500}.quick-question-btn{display:block;width:100%;padding:10px 12px;margin-bottom:6px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;text-align:left;font-size:13px;color:#4a5568;cursor:pointer;transition:all .2s}.quick-question-btn:hover{background:#f7fafc;border-color:#cbd5e0;transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}.quick-question-btn:last-child{margin-bottom:0}.chat-input-container{padding:16px;background:#fff;border-top:1px solid #e2e8f0;display:flex;gap:8px;align-items:center;flex-shrink:0}.chat-input{flex:1;padding:12px 16px;border:1px solid #e2e8f0;border-radius:24px;font-size:14px;outline:none;transition:border-color .2s;font-family:inherit}.chat-input:focus{border-color:#667eea}.chat-input:disabled{background:#f7f8fa;cursor:not-allowed}.chat-send-btn{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.chat-send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 8px #667eea4d}.chat-send-btn:active:not(:disabled){transform:scale(.95)}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.chat-widget{width:calc(100vw - 32px);height:calc(100vh - 100px);bottom:16px;right:16px}.chat-fab{bottom:16px;right:16px;width:56px;height:56px}}:root{--sidebar-width: 240px;--accent-blue: #1e40af;--bg-page: #f9fafb;--bg-card: #ffffff;--border-subtle: #e5e7eb;--text-main: #111827;--text-muted: #6b7280;--radius-lg: 16px;--shadow-soft: 0 12px 34px rgba(15, 23, 42, .05)}*{box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;background:var(--bg-page);color:var(--text-main)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;background:#f3f4f6;padding:2px 6px;border-radius:4px;font-size:.9em}#root{min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}