.offline-banner{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #00000026;color:#fff;left:0;padding:12px 20px;position:fixed;right:0;top:0;transform:translateY(-100%);transition:transform .3s ease;z-index:9999}.offline-banner.show{transform:translateY(0)}.offline-banner-content{align-items:center;display:flex;font-size:14px;font-weight:500;gap:12px;justify-content:center;margin:0 auto;max-width:1200px}.offline-icon{font-size:20px}.offline-text{flex:1 1;text-align:left}.offline-pending{background:#fff3;border-radius:12px;display:none;font-size:12px;font-weight:600;padding:4px 12px}.update-banner{background:#fff;border-radius:12px;bottom:20px;box-shadow:0 10px 40px #0003;color:#1f2937;left:50%;max-width:90%;min-width:320px;padding:16px 24px;position:fixed;transform:translateX(-50%) translateY(100px);transition:transform .3s ease;z-index:9999}.update-banner.show{transform:translateX(-50%) translateY(0)}.update-banner-content{align-items:center;display:flex;gap:12px}.update-icon{animation:rotate 2s linear infinite;font-size:24px}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.update-text{color:#374151;flex:1 1;font-weight:600}.update-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s}.update-btn:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.update-dismiss{align-items:center;background:#0000;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;display:flex;font-size:24px;height:28px;justify-content:center;padding:0;transition:all .2s;width:28px}.update-dismiss:hover{background:#f3f4f6;color:#6b7280}#notification-container{display:flex;flex-direction:column;gap:12px;max-width:400px;pointer-events:none;position:fixed;right:20px;top:20px;z-index:10000}.notification{align-items:flex-start;background:#fff;border-left:4px solid #3b82f6;border-radius:12px;box-shadow:0 10px 40px #00000026;display:flex;gap:12px;opacity:0;padding:16px 20px;pointer-events:auto;transform:translateX(400px);transition:all .3s ease}.notification.show{opacity:1;transform:translateX(0)}.notification.fade-out{opacity:0;transform:translateX(400px)}.notification-content{flex:1 1}.notification-content strong{color:#1f2937;display:block;font-size:14px;font-weight:600;margin-bottom:4px}.notification-content p{color:#6b7280;font-size:13px;line-height:1.5;margin:0}.notification-close{align-items:center;background:#0000;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:24px;justify-content:center;padding:0;transition:all .2s;width:24px}.notification-close:hover{background:#f3f4f6;color:#6b7280}.notification-success{border-left-color:#10b981}.notification-warning{border-left-color:#f59e0b}.notification-error{border-left-color:#ef4444}.notification-info{border-left-color:#3b82f6}.connection-status{border-radius:6px;display:inline-flex;font-weight:600;gap:6px;padding:6px 12px}.connection-status:before{border-radius:50%;content:"";height:8px;width:8px}.connection-status.online{background:#d1fae5;color:#059669}.connection-status.online:before{background:#10b981}.connection-status.offline{background:#fee2e2;color:#dc2626}.connection-status.offline:before{animation:pulse-offline 2s ease-in-out infinite;background:#ef4444}@keyframes pulse-offline{0%,to{opacity:1}50%{opacity:.5}}.install-prompt{background:#fff;border-radius:12px;bottom:20px;box-shadow:0 10px 40px #0003;color:#1f2937;left:50%;max-width:90%;min-width:320px;padding:20px 24px;position:fixed;transform:translateX(-50%) translateY(100px);transition:transform .3s ease;z-index:9998}.install-prompt.show{transform:translateX(-50%) translateY(0)}.install-prompt-content{display:flex;flex-direction:column;gap:12px}.install-prompt-header{align-items:center;display:flex;gap:12px}.install-prompt-icon{border-radius:12px;height:48px;overflow:hidden;width:48px}.install-prompt-icon img{height:100%;object-fit:cover;width:100%}.install-prompt-text{flex:1 1}.install-prompt-text h3{color:#1f2937;font-size:16px;font-weight:700;margin:0 0 4px}.install-prompt-text p{color:#6b7280;font-size:13px;margin:0}.install-prompt-actions{display:flex;gap:8px}.install-prompt-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.install-prompt-btn.primary{background:#3b82f6;color:#fff}.install-prompt-btn.primary:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.install-prompt-btn.secondary{background:#f3f4f6;color:#374151}.install-prompt-btn.secondary:hover{background:#e5e7eb}.loading-spinner{border:3px solid #e5e7eb;border-top-color:#3b82f6;display:inline-block;height:20px;width:20px}@media (max-width:640px){.offline-banner-content{font-size:13px;gap:8px}.offline-icon{font-size:18px}.install-prompt,.update-banner{left:20px;min-width:auto;transform:translateX(0) translateY(100px);width:calc(100% - 40px)}.install-prompt.show,.update-banner.show{transform:translateX(0) translateY(0)}#notification-container{left:10px;max-width:none;right:10px;top:10px}.notification{transform:translateY(-100px)}.notification.show{transform:translateY(0)}.notification.fade-out{transform:translateY(-100px)}}@media (prefers-color-scheme:dark){.install-prompt,.notification,.update-banner{background:#1f2937}.install-prompt-text h3,.notification-content strong,.update-text{color:#f9fafb}.install-prompt-text p,.notification-content p{color:#d1d5db}.notification-close,.update-dismiss{color:#6b7280}.notification-close:hover,.update-dismiss:hover{background:#374151;color:#9ca3af}.install-prompt-btn.secondary{background:#374151;color:#f9fafb}.install-prompt-btn.secondary:hover{background:#4b5563}}@media print{#notification-container,.install-prompt,.offline-banner,.update-banner{display:none!important}}@media (prefers-reduced-motion:reduce){.connection-status.offline:before,.install-prompt,.loading-spinner,.notification,.offline-banner,.update-banner,.update-icon{animation:none!important;transition:none!important}}.install-prompt-btn:focus,.notification-close:focus,.update-btn:focus,.update-dismiss:focus{outline:2px solid #3b82f6;outline-offset:2px}@media (prefers-contrast:high){.offline-banner{border-bottom:2px solid}.install-prompt,.install-prompt-btn.primary,.notification,.update-banner,.update-btn{border:2px solid}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f9fafb;color:#1f2937;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;transition:background-color .3s,color .3s}body.dark-mode{background-color:#111827;color:#f9fafb}.page-header{margin-bottom:24px}.page-title{font-size:28px;font-weight:700;margin-bottom:8px}.page-subtitle{color:#6b7280;font-size:14px}.card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;padding:24px}body.dark-mode .card{background-color:#1f2937;border-color:#374151}.card-header{justify-content:space-between;margin-bottom:20px}.card-header,.card-title{align-items:center;display:flex}.card-title{font-size:18px;font-weight:700;gap:8px}.kpi-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.kpi-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;overflow:hidden;padding:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.kpi-card:after{bottom:8px;color:inherit;content:"Click to explore →";font-size:11px;font-weight:600;opacity:0;position:absolute;right:12px;transition:opacity .3s ease}.kpi-card:hover:after{opacity:.5}body.dark-mode .kpi-card{background-color:#1f2937;border-color:#374151}.kpi-card:hover{box-shadow:0 12px 28px -4px #00000026,0 8px 16px -4px #0000001a;transform:translateY(-4px)}.kpi-card:active{transform:translateY(-2px);transition:all .1s ease}.kpi-value{font-size:32px;font-weight:700;margin-bottom:8px}.kpi-label{color:#6b7280;font-size:14px;margin-bottom:4px}.kpi-change{border-radius:6px;display:inline-block;font-size:12px;font-weight:600;padding:4px 8px}.kpi-change.positive{background-color:#d1fae5;color:#065f46}.kpi-change.negative{background-color:#fee2e2;color:#991b1b}.alert-banner{align-items:center;border-left:4px solid;border-radius:12px;display:flex;gap:16px;margin-bottom:24px;padding:16px 20px}.alert-banner.warning{background:linear-gradient(90deg,#fef3c7,#fde68a);border-left-color:#f59e0b}.alert-banner.info{background:linear-gradient(90deg,#dbeafe,#bfdbfe);border-left-color:#2563eb}.alert-banner.success{background:linear-gradient(90deg,#d1fae5,#a7f3d0);border-left-color:#10b981}.alert-banner.danger{background:linear-gradient(90deg,#fee2e2,#fecaca);border-left-color:#ef4444}.alert-icon{align-items:center;background-color:#fff;border-radius:50%;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.alert-content{flex:1 1}.alert-title{font-size:16px;font-weight:600;margin-bottom:4px}.alert-text,.btn{font-size:14px}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.btn-primary{background-color:#2563eb;color:#fff}.btn-primary:hover{background-color:#1d4ed8}.btn-secondary{background-color:#f3f4f6;color:#1f2937}body.dark-mode .btn-secondary{background-color:#374151;color:#f9fafb}.btn-success{background-color:#10b981}.btn-success:hover{background-color:#059669}.btn-warning{background-color:#f59e0b;color:#fff}.btn-danger{background-color:#ef4444}.btn-purple{background:linear-gradient(90deg,#9333ea,#ec4899);color:#fff}.btn-sm{font-size:12px}.table-container{border:1px solid #e5e7eb;border-radius:12px;overflow-x:auto}body.dark-mode .table-container{border-color:#374151}table{border-collapse:collapse;width:100%}thead{background-color:#f9fafb}body.dark-mode thead{background-color:#374151}th{color:#6b7280;font-size:12px;font-weight:700;padding:12px 16px;text-align:left;text-transform:uppercase}tbody tr{border-top:1px solid #e5e7eb}body.dark-mode tbody tr{border-top-color:#374151}tbody tr:hover{background-color:#f9fafb}body.dark-mode tbody tr:hover{background-color:#37415180}td{font-size:14px;padding:16px}.badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:700;padding:4px 12px}.badge-green{background-color:#d1fae5;color:#065f46}.badge-blue{background-color:#dbeafe;color:#1e40af}.badge-amber{background-color:#fef3c7;color:#92400e}.badge-red{background-color:#fee2e2;color:#991b1b}.badge-purple{background-color:#f3e8ff;color:#6b21a8}.grade-badge{align-items:center;border:3px solid;border-radius:50%;display:flex;font-size:24px;font-weight:700;height:56px;justify-content:center;width:56px}.grade-a{background-color:#d1fae5;border-color:#10b981;color:#065f46}.grade-b{background-color:#dbeafe;border-color:#3b82f6;color:#1e40af}.grade-c{background-color:#fef3c7;border-color:#f59e0b;color:#92400e}.capacity-bar{background-color:#e5e7eb;border-radius:4px;height:8px;margin-top:8px;overflow:hidden;width:100%}.capacity-fill{border-radius:4px;height:100%;transition:width .3s}.capacity-fill.low{background-color:#10b981}.capacity-fill.medium{background-color:#f59e0b}.capacity-fill.high{background-color:#ef4444}.modal-overlay{background-color:#00000080;bottom:0;right:0;z-index:1000}.modal-overlay.active{display:flex}.modal{background-color:#fff;border-radius:16px;max-height:90vh;max-width:800px;overflow-y:auto;padding:32px;width:90%}body.dark-mode .modal{background-color:#1f2937}.modal-header{justify-content:space-between;margin-bottom:24px}.modal-close,.modal-header{align-items:center;display:flex}.modal-close{background-color:#f3f4f6;border:none;border-radius:50%;cursor:pointer;height:32px;justify-content:center;width:32px}body.dark-mode .modal-close{background-color:#374151}.ai-confidence{align-items:center;border-radius:20px;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:6px 12px}.ai-confidence.high{background-color:#d1fae5;color:#065f46}.ai-confidence.medium{background-color:#fef3c7;color:#92400e}.ai-confidence.low{background-color:#fee2e2;color:#991b1b}.grid-2{grid-gap:16px;grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3{display:grid;gap:16px}.grid-3{grid-gap:16px;grid-template-columns:repeat(3,1fr)}.form-group{margin-bottom:20px}.form-label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:8px}body.dark-mode .form-label{color:#f9fafb}.form-input,.form-select,.form-textarea{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;color:#1f2937;font-size:14px;padding:10px 12px;width:100%}body.dark-mode .form-input,body.dark-mode .form-select,body.dark-mode .form-textarea{background-color:#374151;border-color:#4b5563;color:#f9fafb}.form-textarea{min-height:100px;resize:vertical}.hidden{display:none!important}.team-member-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s}body.dark-mode .team-member-card{background-color:#1f2937;border-color:#374151}.team-member-card:hover{box-shadow:0 10px 25px -5px #0000001a}.team-member-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.team-member-avatar{align-items:center;background:linear-gradient(to bottom right,#3b82f6,#06b6d4);border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:700;height:48px;justify-content:center;width:48px}.team-member-info h4{font-size:16px;font-weight:600;margin-bottom:4px}.team-member-info p{color:#6b7280;font-size:13px}.stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:16px}.stat-item{display:flex;flex-direction:column}.stat-label{font-size:12px;margin-bottom:4px}.stat-value{font-size:18px}.timeline{padding-left:32px;position:relative}.timeline:before{background-color:#e5e7eb;bottom:8px;content:"";left:8px;position:absolute;top:8px;width:2px}body.dark-mode .timeline:before{background-color:#374151}.timeline-item{margin-bottom:24px;position:relative}.timeline-dot{background-color:#2563eb;border:3px solid #fff;border-radius:50%;height:16px;left:-28px;position:absolute;top:4px;width:16px}body.dark-mode .timeline-dot{border-color:#1f2937}.timeline-content{background-color:#f9fafb;border-radius:8px;padding:12px}body.dark-mode .timeline-content{background-color:#374151}.timeline-time{color:#6b7280;font-size:12px;margin-bottom:4px}.timeline-text{font-size:14px}.team-list-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:16px;padding:24px;transition:all .2s}body.dark-mode .team-list-card{background-color:#1f2937;border-color:#374151}.team-list-card:hover{box-shadow:0 10px 25px -5px #0000001a}.team-list-header{align-items:center;display:flex;gap:20px;margin-bottom:20px}.team-list-avatar{align-items:center;background:linear-gradient(to bottom right,#3b82f6,#06b6d4);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:24px;font-weight:700;height:72px;justify-content:center;width:72px}.team-list-info{flex:1 1}.team-list-name{font-size:20px;font-weight:700;margin-bottom:4px}.team-list-title{color:#6b7280;font-size:14px;margin-bottom:8px}.team-list-meta{display:flex;font-size:13px;gap:16px}.meta-item{align-items:center;color:#6b7280;display:flex;gap:4px}.performance-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(5,1fr);margin-bottom:20px}.performance-metric{text-align:center}.metric-value{font-size:24px;font-weight:700;margin-bottom:4px}.metric-label{color:#6b7280;font-size:12px}.action-row{display:flex;gap:8px}@media (max-width:768px){.grid-2,.grid-3{grid-template-columns:1fr}.kpi-grid,.performance-grid{grid-template-columns:repeat(2,1fr)}.right-panel,.right-panel.documents-expanded{right:-100%;width:100%}#doc-view-explorer>div{flex-direction:column;height:auto}#doc-view-explorer #explorer-doc-list,#doc-view-explorer #explorer-preview-panel,#doc-view-explorer .explorer-case-item{border:none!important;width:100%!important}#doc-view-table table{font-size:11px}#doc-view-table td,#doc-view-table th{padding:8px!important}#doc-view-table td:nth-child(4),#doc-view-table td:nth-child(5),#doc-view-table th:nth-child(4),#doc-view-table th:nth-child(5){display:none}.right-panel-tabs{flex-direction:column}.right-panel-tab{width:100%}}.template-item{border-bottom:1px solid #e5e7eb;padding:16px;position:relative;transition:background-color .2s}.template-item:last-child{border-bottom:none}.template-item:hover{background-color:#f9fafb}body.dark-mode .template-item{border-bottom-color:#374151}body.dark-mode .template-item:hover{background-color:#1f2937}.template-header{align-items:start;display:flex;justify-content:space-between;margin-bottom:12px}.template-info h4{align-items:center;display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:4px}.template-version-badge{background:#dbeafe;border-radius:4px;color:#1e40af;font-size:11px;font-weight:600;padding:2px 6px}.template-meta{color:#6b7280;display:flex;flex-wrap:wrap;font-size:14px;gap:16px}.template-meta span{align-items:center;display:flex;gap:4px}.template-actions{display:flex;flex-wrap:wrap;gap:8px}.template-content-preview{background:#f9fafb;border-radius:6px;font-family:Courier New,monospace;font-size:13px;margin-top:12px;max-height:100px;overflow:hidden;padding:12px;position:relative}body.dark-mode .template-content-preview{background:#1f2937}.template-content-preview:after{background:linear-gradient(180deg,#0000,#f9fafb);bottom:0;content:"";height:30px;left:0;position:absolute;right:0}body.dark-mode .template-content-preview:after{background:linear-gradient(180deg,#0000,#1f2937)}.filter-tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:8px;margin-bottom:24px;overflow-x:auto}body.dark-mode .filter-tabs{border-bottom-color:#374151}.filter-tab{background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-weight:500;margin-bottom:-2px;padding:12px 20px;transition:all .2s;white-space:nowrap}.filter-tab:hover{color:#1f2937}body.dark-mode .filter-tab:hover{color:#f9fafb}.filter-tab.active{border-bottom-color:#2563eb;color:#2563eb}.tab-badge{background:#e5e7eb;border-radius:12px;color:#1f2937;display:inline-block;font-size:12px;font-weight:600;margin-left:6px;padding:2px 8px}body.dark-mode .tab-badge{background:#374151;color:#f9fafb}.tab-badge.warning{background:#fef3c7;color:#92400e}.tab-badge.success{background:#d1fae5;color:#065f46}.tab-badge.danger{background:#fee2e2;color:#991b1b}.analytics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:24px}.chart-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}body.dark-mode .chart-card{background:#1f2937;border-color:#374151}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.chart-title{font-size:16px;font-weight:600}.usage-bar{background:#e5e7eb;border-radius:4px;height:8px;margin:8px 0;overflow:hidden}.usage-bar-fill{background:linear-gradient(90deg,#2563eb,#06b6d4);height:100%;transition:width .3s ease}.version-timeline{padding-left:32px;position:relative}.version-timeline:before{background:#e5e7eb;bottom:0;content:"";left:8px;position:absolute;top:0;width:2px}body.dark-mode .version-timeline:before{background:#374151}.version-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;padding:16px;position:relative}body.dark-mode .version-item{background:#111827;border-color:#374151}.version-item:before{background:#2563eb;border:3px solid #fff;border-radius:50%;content:"";height:12px;left:-24px;position:absolute;top:24px;width:12px}body.dark-mode .version-item:before{border-color:#1f2937}.version-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.notification-preview{background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-family:Arial,sans-serif;margin-top:16px;padding:20px}body.dark-mode .notification-preview{background:#1f2937;border-color:#374151}.email-header{border-bottom:3px solid #2563eb;margin-bottom:20px;padding-bottom:16px}.email-logo{color:#2563eb;font-size:24px;font-weight:700}.email-body{color:#374151;line-height:1.6}body.dark-mode .email-body{color:#d1d5db}.email-button{background:#2563eb;border-radius:6px;color:#fff!important;display:inline-block;font-weight:600;margin:20px 0;padding:12px 24px;text-decoration:none}.email-footer{border-top:1px solid #e5e7eb;color:#6b7280;font-size:12px;margin-top:20px;padding-top:16px}.btn-success{align-items:center;background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-weight:500;gap:8px;padding:10px 20px;transition:background .2s}.btn-success:hover{background:#059669}.btn-danger{align-items:center;background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-weight:500;gap:8px;padding:10px 20px;transition:background .2s}.btn-danger:hover{background:#dc2626}.btn-sm{font-size:13px;padding:6px 12px}.stats-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;text-align:center}body.dark-mode .stat-card{background:#1f2937;border-color:#374151}.stat-value{font-size:32px;font-weight:700;margin-bottom:4px}.stat-label{color:#6b7280;font-size:14px}.stat-trend{font-size:12px;margin-top:4px}.stat-trend.up{color:#10b981}.stat-trend.down{color:#ef4444}.comms-tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:8px;margin-bottom:24px;overflow-x:auto}body.dark-mode .comms-tabs{border-bottom-color:#374151}.comms-tab{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;display:flex;font-weight:500;gap:8px;margin-bottom:-2px;padding:12px 24px;transition:all .2s;white-space:nowrap}.comms-tab:hover{color:#1f2937}body.dark-mode .comms-tab:hover{color:#f9fafb}.comms-tab.active{border-bottom-color:#2563eb;color:#2563eb}.comms-tab-badge{background:#e5e7eb;border-radius:12px;color:#1f2937;display:inline-flex;font-size:11px;font-weight:600;padding:2px 8px}body.dark-mode .comms-tab-badge{background:#374151;color:#f9fafb}.comms-tab.active .comms-tab-badge{background:#dbeafe;color:#1e40af}.message-list{display:flex;flex-direction:column;gap:16px}.message-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;padding:16px;transition:all .2s}body.dark-mode .message-item{background:#1f2937;border-color:#374151}.message-item:hover{border-color:#2563eb;box-shadow:0 4px 12px #2563eb1a}.message-item.unread{background:#eff6ff;border-left:4px solid #2563eb}body.dark-mode .message-item.unread{background:#1e3a8a}.message-header{align-items:start;display:flex;justify-content:space-between;margin-bottom:8px}.message-sender{font-size:15px;font-weight:600}.message-time{color:#6b7280;font-size:13px}.message-preview{color:#6b7280;font-size:14px;line-height:1.5;margin-bottom:8px}.message-meta{color:#6b7280;display:flex;font-size:13px;gap:12px}.message-thread{margin:0 auto;max-width:800px}.message-bubble{display:flex;gap:12px;margin-bottom:16px}.message-bubble.outgoing{flex-direction:row-reverse}.message-bubble-avatar{align-items:center;background:linear-gradient(135deg,#2563eb,#06b6d4);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:40px;justify-content:center;width:40px}.message-bubble-content{flex:1 1;max-width:70%}.message-bubble-text{background:#fff;border:1px solid #e5e7eb;border-radius:16px;line-height:1.5;padding:12px 16px}body.dark-mode .message-bubble-text{background:#1f2937;border-color:#374151}.message-bubble.outgoing .message-bubble-text{background:#2563eb;border-color:#2563eb;color:#fff}.message-bubble-meta{color:#6b7280;font-size:12px;margin-top:4px;padding:0 4px}.compose-area{background:#fff;border-top:1px solid #e5e7eb;bottom:0;margin:24px -24px -24px;padding:16px;position:-webkit-sticky;position:sticky}body.dark-mode .compose-area{background:#1f2937;border-top-color:#374151}.compose-input-group{align-items:flex-end;display:flex;gap:12px}.compose-textarea{border:1px solid #e5e7eb;border-radius:8px;flex:1 1;font-family:inherit;font-size:14px;max-height:120px;min-height:44px;padding:12px;resize:vertical}body.dark-mode .compose-textarea{background:#111827;border-color:#374151;color:#f9fafb}.compose-actions,.compose-btn{display:flex;gap:8px}.compose-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;font-weight:500;height:44px;padding:0 16px;transition:all .2s}.compose-btn-primary{background:#2563eb;color:#fff}.compose-btn-primary:hover{background:#1e40af}.compose-btn-secondary{background:#f3f4f6;color:#1f2937}body.dark-mode .compose-btn-secondary{background:#374151;color:#f9fafb}.sms-button{align-items:center;background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:11px;font-weight:600;gap:4px;margin-left:8px;padding:4px 8px;transition:all .2s}.sms-button:hover{background:#059669;transform:translateY(-1px)}.quick-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.comms-filter{background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}body.dark-mode .comms-filter{background:#1f2937;border-color:#374151}.comms-filter.active,.comms-filter:hover{background:#eff6ff;border-color:#2563eb}body.dark-mode .comms-filter.active,body.dark-mode .comms-filter:hover{background:#1e3a8a}.template-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;padding:12px;transition:all .2s}body.dark-mode .template-card{background:#1f2937;border-color:#374151}.template-card:hover{border-color:#2563eb;box-shadow:0 4px 12px #2563eb1a;transform:translateY(-2px)}.template-title{font-weight:600;margin-bottom:4px}.template-preview{color:#6b7280;font-size:13px}.status-indicator{align-items:center;border-radius:6px;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:4px 8px}.status-delivered{background:#d1fae5;color:#065f46}.status-read{background:#dbeafe;color:#1e40af}.status-failed{background:#fee2e2;color:#991b1b}.status-pending{background:#fef3c7;color:#92400e}@keyframes slideInRight{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(400px)}}.modal-overlay{align-items:center;animation:fadeIn .2s ease-in-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:none;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000080;max-height:90vh;max-width:900px;overflow-y:auto;position:relative;width:90%}.modal-header{background:#fff;border-bottom:2px solid #e5e7eb;border-radius:16px 16px 0 0;padding:24px 28px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-title{align-items:center;color:#1f2937;display:flex;font-size:24px;font-weight:700;gap:12px;margin:0}.modal-subtitle{color:#6b7280;font-size:14px;margin-top:6px}.modal-body{padding:28px}.modal-footer{background:#f9fafb;border-radius:0 0 16px 16px;border-top:2px solid #e5e7eb;bottom:0;display:flex;gap:12px;justify-content:flex-end;padding:20px 28px;position:-webkit-sticky;position:sticky}.modal-close-btn{align-items:center;background:#f3f4f6;border:none;border-radius:50%;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .2s;width:36px;z-index:11}.modal-close-btn:hover{background:#e5e7eb;transform:rotate(90deg)}.modal-section{margin-bottom:24px}.modal-section-title{align-items:center;color:#1f2937;display:flex;font-size:16px;font-weight:700;gap:8px;margin-bottom:12px}.modal-info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.modal-info-item{background:#f9fafb;border-left:3px solid #2563eb;border-radius:10px;padding:14px}.modal-info-label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.modal-info-value{color:#1f2937;font-size:16px;font-weight:700}.modal-metric-card{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px solid #2563eb;border-radius:12px;padding:16px;text-align:center}.modal-metric-value{color:#1e3a8a;font-size:32px;font-weight:700;margin-bottom:4px}.modal-metric-label{color:#1e40af;font-size:13px;font-weight:600}.modal-timeline{padding-left:32px;position:relative}.modal-timeline:before{background:#e5e7eb;bottom:0;content:"";left:8px;position:absolute;top:0;width:2px}.modal-timeline-item{margin-bottom:20px;position:relative}.modal-timeline-dot{background:#fff;border:3px solid #2563eb;border-radius:50%;height:16px;left:-28px;position:absolute;top:4px;width:16px}.modal-timeline-content{background:#f9fafb;border-left:3px solid #2563eb;border-radius:10px;padding:14px}.modal-progress-bar{background:#e5e7eb;border-radius:8px;height:10px;margin:8px 0;overflow:hidden}.modal-progress-fill{background:linear-gradient(90deg,#10b981,#059669);border-radius:8px;height:100%;transition:width .3s ease}.modal-tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:4px;margin-bottom:20px}.modal-tab{background:#0000;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;font-size:14px;font-weight:600;margin-bottom:-2px;padding:12px 20px;transition:all .2s}.modal-tab.active{border-bottom-color:#2563eb;color:#2563eb}.modal-tab:hover{color:#1f2937}.modal-tab-content{display:none}.modal-tab-content.active{display:block}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#f9fafb}.modal-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}.case-action-menu{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.case-action-overlay{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;left:0;position:absolute;right:0;top:0}.case-action-content{animation:slideUp .3s cubic-bezier(.16,1,.3,1);background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;max-width:500px;overflow:hidden;position:relative;width:90%}body.dark-mode .case-action-content{background:#1f2937}.case-action-header{align-items:center;border-bottom:2px solid #f3f4f6;display:flex;justify-content:space-between;padding:24px}body.dark-mode .case-action-header{border-bottom-color:#374151}body.dark-mode .case-action-header #case-action-id{color:#f9fafb}.case-action-options{display:flex;flex-direction:column;gap:12px;padding:16px}.case-action-option{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;gap:16px;padding:16px;text-align:left;transition:all .2s cubic-bezier(.16,1,.3,1);width:100%}body.dark-mode .case-action-option{background:#111827;border-color:#374151}.case-action-option:hover{background:#faf5ff;border-color:#8b5cf6;box-shadow:0 8px 20px #8b5cf626}body.dark-mode .case-action-option:hover{background:#1f2937;border-color:#8b5cf6}.case-action-icon{align-items:center;border-radius:12px;box-shadow:0 4px 12px #00000026;display:flex;flex-shrink:0;height:52px;justify-content:center;width:52px}.case-action-text{flex:1 1}.case-action-title{color:#1f2937;font-size:16px;font-weight:700;margin-bottom:4px}body.dark-mode .case-action-title{color:#f9fafb}.case-action-subtitle{color:#6b7280;font-size:13px}.case-action-arrow{flex-shrink:0;opacity:.5;transition:all .2s}.case-action-option:hover .case-action-arrow{opacity:1;transform:translateX(4px)}.case-action-footer{background:#f9fafb;border-top:2px solid #f3f4f6;padding:16px 24px}body.dark-mode .case-action-footer{background:#111827;border-top-color:#374151}.quick-actions-menu{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.quick-actions-overlay{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;left:0;position:absolute;right:0;top:0}.quick-actions-content{animation:slideUp .3s cubic-bezier(.16,1,.3,1);background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;max-width:600px;overflow:hidden;position:relative;width:90%}.quick-actions-header{align-items:center;background:linear-gradient(135deg,#f9fafb,#fff);border-bottom:2px solid #f3f4f6;display:flex;justify-content:space-between;padding:24px}.quick-actions-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);padding:24px}.quick-action-btn{align-items:center;border:none;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:24px 16px;text-align:center;transition:all .2s ease}.quick-action-btn:hover{box-shadow:0 10px 15px -3px #0003;transform:translateY(-2px)}.quick-action-icon{margin-bottom:12px}.quick-action-label{color:#fff;font-size:15px;font-weight:700;margin-bottom:4px}.quick-action-desc{color:#ffffffe6;font-size:12px;font-weight:500}.quick-actions-footer{background:#f9fafb;border-top:2px solid #f3f4f6;padding:16px 24px}body.dark-mode .quick-actions-content{background:#1f2937}body.dark-mode .quick-actions-header{background:linear-gradient(135deg,#111827,#1f2937);border-bottom-color:#374151}body.dark-mode .quick-actions-footer{background:#111827;border-top-color:#374151}.toggle-switch{display:inline-block;height:24px;position:relative;width:48px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#e5e7eb;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.3s;width:18px}.toggle-switch input:checked+.toggle-slider{background-color:#6366f1}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(24px)}.document-card:hover{border-color:#6366f1!important;box-shadow:0 8px 16px #0000001a;transform:translateY(-2px)}.folder-item:hover:not(.active){background-color:#f9fafb!important}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.loading-container{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.loading-spinner{animation:spin .8s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#2563eb;height:48px;width:48px}body.dark-mode .loading-spinner{border-color:#3b82f6 #374151 #374151}.loading-container p{color:#6b7280;font-size:14px;font-weight:500}body.dark-mode .loading-container p{color:#9ca3af}.admin-dashboard,.cases-list-container,.dashboard-container,.dashboard-home-container,.main-content,.page-container,.super-admin-dashboard,.view-container{box-sizing:border-box;margin:0 auto;max-width:2400px;padding:24px;width:100%}.full-width-container{box-sizing:border-box;max-width:none;padding:24px;width:100%}@media (min-width:2400px){.admin-dashboard,.dashboard-container,.main-content,.page-container,.super-admin-dashboard{padding:32px 48px}}@media (min-width:1920px) and (max-width:2399px){.dashboard-container,.main-content,.page-container{max-width:2200px;padding:28px 36px}}@media (min-width:1440px) and (max-width:1919px){.dashboard-container,.main-content,.page-container{max-width:1800px;padding:24px 32px}}@media (min-width:1200px) and (max-width:1439px){.dashboard-container,.main-content,.page-container{max-width:1400px;padding:24px}}@media (min-width:769px) and (max-width:1199px){.admin-dashboard,.dashboard-container,.main-content,.page-container,.super-admin-dashboard{max-width:100%;padding:20px}}@media (max-width:768px){.admin-dashboard,.cases-list-container,.dashboard-container,.dashboard-home-container,.main-content,.page-container,.super-admin-dashboard{max-width:100%;padding:16px}.kpi-grid,.metrics-grid,.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important}}@media (max-width:480px){.admin-dashboard,.dashboard-container,.main-content,.page-container,.super-admin-dashboard{padding:12px}.kpi-grid,.metrics-grid,.stats-grid{grid-template-columns:1fr!important}}.dashboard-grid-4{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media (min-width:1920px){.dashboard-grid-4{gap:28px;grid-template-columns:repeat(4,1fr)}}@media (min-width:2400px){.dashboard-grid-4{gap:32px;grid-template-columns:repeat(5,1fr)}}.kpi-grid,.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}@media (min-width:1920px){.kpi-grid,.stats-grid{gap:24px;grid-template-columns:repeat(5,1fr)}}@media (min-width:2400px){.kpi-grid,.stats-grid{gap:28px;grid-template-columns:repeat(6,1fr)}}.list-grid-2{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(500px,1fr))}@media (max-width:1199px){.list-grid-2{grid-template-columns:1fr}}.main-layout{display:flex;min-height:100vh}.main-layout .sidebar-left{flex-shrink:0;width:320px}.main-layout .content-area{flex:1 1;min-width:0;overflow-x:auto}.main-layout .sidebar-right{flex-shrink:0;width:400px}.main-layout .sidebar-right.expanded{width:900px}.main-layout.sidebar-left-hidden .content-area{margin-left:0}.main-layout.sidebar-right-hidden .content-area{margin-right:0}.section-spacing{margin-bottom:32px}.section-spacing:last-child{margin-bottom:0}.card-spacing{margin-bottom:24px}.card-spacing:last-child{margin-bottom:0}.modal-content,.overlay-content{margin:0 auto;max-width:900px;width:90%}.modal-content.large,.overlay-content.large{max-width:1400px}.modal-content.extra-large,.overlay-content.extra-large{max-width:1800px}@media print{.dashboard-container,.main-content,.page-container{max-width:100%;padding:0}.quick-tabs,.sidebar-left,.sidebar-right,.top-nav{display:none!important}}.top-nav{align-items:center;background-color:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:12px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:100}body.dark-mode .top-nav{background-color:#1f2937;border-bottom-color:#374151}.nav-left{gap:16px}.hamburger-btn,.nav-left{align-items:center;display:flex}.hamburger-btn{background-color:#f3f4f6;border:none;border-radius:8px;cursor:pointer;height:40px;justify-content:center;position:relative;transition:background-color .2s;width:40px}body.dark-mode .hamburger-btn{background-color:#374151}.hamburger-btn:hover{background-color:#e5e7eb}body.dark-mode .hamburger-btn:hover{background-color:#4b5563}.hamburger-badge{align-items:center;background-color:#ef4444;border:2px solid #fff;border-radius:10px;color:#fff;display:flex;font-size:11px;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 6px;position:absolute;right:-4px;top:-4px}body.dark-mode .hamburger-badge{border-color:#1f2937}.logo{color:#2563eb;font-size:20px;font-weight:700;gap:8px}.logo,.nav-right{align-items:center;display:flex}.nav-right{gap:16px}.token-display{align-items:center;background:linear-gradient(90deg,#fbbf24,#f59e0b);border-radius:20px;color:#fff;display:flex;font-weight:600;gap:8px;padding:8px 16px}.notification-btn,.theme-btn{align-items:center;background-color:#f3f4f6;border:none;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:background-color .2s;width:40px}body.dark-mode .notification-btn,body.dark-mode .theme-btn{background-color:#374151}.notification-badge{align-items:center;background-color:#ef4444;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;position:absolute;right:6px;top:6px;width:18px}.user-profile{gap:12px}.user-avatar,.user-profile{align-items:center;display:flex}.user-avatar{background:linear-gradient(to bottom right,#f59e0b,#d97706);border-radius:50%;color:#fff;font-size:14px;font-weight:700;height:40px;justify-content:center;width:40px}.user-info{display:flex;flex-direction:column}.user-name{font-size:14px;font-weight:600}.user-role{color:#6b7280;font-size:12px}.sidebar{background-color:#fff;border-right:1px solid #e5e7eb;box-shadow:2px 0 16px #0000001a;height:100vh;left:-320px;overflow-y:auto;position:fixed;top:0;transition:left .3s ease;width:320px;z-index:1000}body.dark-mode .sidebar{background-color:#1f2937;border-right-color:#374151}.sidebar.open{left:0}.sidebar-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px}body.dark-mode .sidebar-header{border-bottom-color:#374151}.sidebar-title{color:#1f2937;font-size:18px;font-weight:700}body.dark-mode .sidebar-title{color:#f9fafb}.sidebar-close-btn{align-items:center;background-color:#f3f4f6;border:none;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background-color .2s;width:32px}body.dark-mode .sidebar-close-btn{background-color:#374151}.sidebar-close-btn:hover{background-color:#e5e7eb}body.dark-mode .sidebar-close-btn:hover{background-color:#4b5563}.sidebar-menu{padding:12px}.sidebar-section{margin-bottom:24px}.sidebar-section-title{color:#6b7280;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:4px;padding:8px 12px;text-transform:uppercase}.sidebar-item{align-items:center;background:none;border:none;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px;position:relative;text-align:left;transition:all .2s;width:100%}body.dark-mode .sidebar-item{color:#d1d5db}.sidebar-item:hover{background-color:#f3f4f6;color:#1f2937}body.dark-mode .sidebar-item:hover{background-color:#374151;color:#f9fafb}.sidebar-item.active{background-color:#dbeafe;color:#2563eb}body.dark-mode .sidebar-item.active{background-color:#1e3a8a;color:#93c5fd}.sidebar-item-badge{background-color:#ef4444;border-radius:12px;color:#fff;font-size:11px;font-weight:700;margin-left:auto;padding:2px 8px}.sidebar-item-badge.success{background-color:#10b981}.sidebar-item-badge.info{background-color:#2563eb}.sidebar-item-badge.warning{background-color:#f59e0b}.sidebar-item-badge.purple{background-color:#8b5cf6}.sidebar-item-badge.teal{background-color:#14b8a6}.sidebar-overlay{background-color:#00000080;height:100vh;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s,visibility .3s;visibility:hidden;width:100vw;z-index:999}.sidebar-overlay.visible{opacity:1;visibility:visible}.quick-tabs{align-items:center;background-color:#fff;border-bottom:1px solid #e5e7eb;display:flex;gap:4px;padding:8px 24px;position:-webkit-sticky;position:sticky;top:65px;z-index:99}body.dark-mode .quick-tabs{background-color:#1f2937;border-bottom-color:#374151}.quick-tab{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s;white-space:nowrap}.quick-tab:hover{background-color:#f3f4f6;color:#1f2937}body.dark-mode .quick-tab:hover{background-color:#374151;color:#f9fafb}.quick-tab.active{background-color:#dbeafe;color:#2563eb}body.dark-mode .quick-tab.active{background-color:#1e3a8a;color:#93c5fd}.quick-tab-badge{background-color:#ef4444;border-radius:10px;color:#fff;font-size:10px;font-weight:700;padding:2px 6px}.right-panel{background-color:#fff;border-left:1px solid #e5e7eb;bottom:0;box-shadow:-10px 0 25px -5px #0000001a;display:flex;flex-direction:column;position:fixed;right:-400px;top:0;transition:right .3s ease,width .3s ease;width:400px;z-index:950}body.dark-mode .right-panel{background-color:#1f2937;border-left-color:#374151}.right-panel.active,.right-panel.open{right:0}.right-panel.documents-expanded{right:-900px;width:900px}.right-panel.documents-expanded.active{right:0}.right-panel-header{border-bottom:1px solid #e5e7eb;padding:20px}body.dark-mode .right-panel-header{border-bottom-color:#374151}.right-panel-title-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.right-panel-title{font-size:18px;font-weight:700}.right-panel-close-btn{align-items:center;background-color:#f3f4f6;border:none;border-radius:50%;cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}body.dark-mode .right-panel-close-btn{background-color:#374151}.right-panel-tab,.right-panel-tabs{display:flex;gap:8px}.right-panel-tab{align-items:center;background-color:#f3f4f6;border:none;border-radius:8px;color:#6b7280;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;justify-content:center;padding:10px 16px;transition:all .2s}body.dark-mode .right-panel-tab{background-color:#374151}.right-panel-tab.active{background-color:#2563eb;color:#fff}.right-panel-content{flex:1 1;overflow-y:auto;padding:20px}.chat-container{height:100%}.chat-container,.chat-messages{display:flex;flex-direction:column}.chat-messages{flex:1 1;gap:16px}.chat-message{animation:slideIn .3s ease-out;margin-bottom:16px}.chat-message.assistant,.chat-message.user{display:flex;gap:12px}.chat-message.user{flex-direction:row-reverse}.chat-message-avatar{align-items:center;background:linear-gradient(to bottom right,#8b5cf6,#ec4899);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:36px;justify-content:center;width:36px}.chat-message.user .chat-message-avatar{background:linear-gradient(to bottom right,#f59e0b,#d97706)}.chat-message-content{flex:1 1;max-width:75%}.chat-message-text{background-color:#f3f4f6;border-radius:12px;border-bottom-left-radius:4px;color:#1f2937;font-size:14px;line-height:1.5;padding:12px 16px}body.dark-mode .chat-message-text{background-color:#374151;color:#f9fafb}.chat-message.user .chat-message-text{background-color:#2563eb;border-bottom-left-radius:12px;border-bottom-right-radius:4px;color:#fff}.chat-message-time{color:#6b7280;font-size:11px;margin-top:4px;opacity:.7}.chat-input-container{align-items:flex-end;border-top:1px solid #e5e7eb;display:flex;gap:8px;margin-top:auto;padding-top:16px}body.dark-mode .chat-input-container{border-top-color:#374151}.chat-attachment-btn{align-items:center;background-color:#fff;border:1px solid #d1d5db;border-radius:12px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:all .2s;width:44px}body.dark-mode .chat-attachment-btn{background-color:#374151;border-color:#4b5563;color:#9ca3af}.chat-attachment-btn:hover{background-color:#f3f4f6;border-color:#2563eb}body.dark-mode .chat-attachment-btn:hover{background-color:#4b5563}.chat-input{background-color:#fff;border:1px solid #d1d5db;border-radius:12px;color:#1f2937;flex:1 1;font-size:14px;max-height:120px;padding:12px;resize:none}body.dark-mode .chat-input{background-color:#374151;border-color:#4b5563;color:#f9fafb}.chat-send-btn{align-items:center;background:linear-gradient(to bottom right,#2563eb,#06b6d4);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:transform .2s,opacity .2s;width:44px}.chat-send-btn:hover{transform:scale(1.05)}.chat-send-btn:active{transform:scale(.95)}.chat-send-btn:disabled{cursor:not-allowed;opacity:.5}.documents-container{display:flex;flex-direction:column;height:100%}.documents-header{margin-bottom:20px}.documents-header h3{color:#1f2937;font-size:18px;font-weight:700}body.dark-mode .documents-header h3{color:#f9fafb}.documents-list{display:flex;flex:1 1;flex-direction:column;gap:12px}.document-item{align-items:center;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s}body.dark-mode .document-item{background-color:#374151;border-color:#4b5563}.document-item:hover{background-color:#eff6ff;border-color:#2563eb}body.dark-mode .document-item:hover{background-color:#1e3a8a}.document-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.document-icon.pdf{background-color:#fee2e2;color:#991b1b}.document-icon.doc{background-color:#dbeafe;color:#1e40af}.document-icon.img{background-color:#fef3c7;color:#92400e}.document-info{flex:1 1;min-width:0}.document-name{color:#1f2937;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.dark-mode .document-name{color:#f9fafb}.document-meta{color:#6b7280;font-size:12px;margin-top:2px}.documents-footer{border-top:1px solid #e5e7eb;margin-top:20px;padding-top:16px}body.dark-mode .documents-footer{border-top-color:#374151}@media (max-width:768px){.right-panel,.right-panel.documents-expanded{right:-100%;width:100%}}.login-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;position:fixed}.login-background,.login-page{height:100%;left:0;overflow:hidden;top:0;width:100%}.login-background{position:absolute;z-index:0}.gradient-circle{animation:float 20s ease-in-out infinite;border-radius:50%;filter:blur(60px);opacity:.3;position:absolute}.circle-1{animation-delay:0s;background:linear-gradient(135deg,#667eea,#764ba2);height:400px;left:-200px;top:-200px;width:400px}.circle-2{animation-delay:5s;background:linear-gradient(135deg,#f093fb,#f5576c);bottom:-150px;height:300px;right:-150px;width:300px}.circle-3{animation-delay:10s;background:linear-gradient(135deg,#4facfe,#00f2fe);height:250px;left:50%;top:50%;transform:translate(-50%,-50%);width:250px}@keyframes float{0%,to{transform:translate(0)}33%{transform:translate(30px,-30px)}66%{transform:translate(-20px,20px)}}.login-container{animation:slideUp .5s ease-out;background:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;max-width:440px;padding:48px;position:relative;width:90%;z-index:1}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{margin-bottom:40px;text-align:center}.login-logo{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;display:inline-flex;height:80px;justify-content:center;margin-bottom:24px;width:80px}.login-logo svg{height:40px;width:40px}.login-header h1{color:#1f2937;font-size:32px;font-weight:700;margin:0 0 8px}.login-header p{color:#6b7280;font-size:16px;margin:0}.login-form{gap:20px}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#374151;font-size:14px;font-weight:600}.form-group input{border:2px solid #e5e7eb;border-radius:12px;color:#1f2937;font-family:inherit;font-size:16px;padding:12px 16px;transition:all .2s}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input:disabled{background:#f9fafb;cursor:not-allowed}.error-message{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 16px}.error-message svg{flex-shrink:0}.login-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;margin-top:8px;padding:14px 24px;transition:all .2s}.login-button:hover:not(:disabled){box-shadow:0 10px 20px #667eea4d;transform:translateY(-2px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.login-footer{margin-top:32px;text-align:center}.demo-info{align-items:center;color:#6b7280;display:flex;font-size:13px;gap:8px;justify-content:center;line-height:1.5;margin:0 0 16px}.demo-info svg{color:#9ca3af;flex-shrink:0}.version{color:#9ca3af;font-size:12px;margin:0}.demo-credentials{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:16px;padding:16px;text-align:left}.credentials-header{align-items:center;color:#374151;display:flex;font-size:13px;font-weight:600;gap:8px;margin:0 0 12px}.credentials-header svg{color:#667eea;flex-shrink:0}.credentials-list{display:flex;flex-direction:column;gap:8px}.credential-item{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;font-family:Courier New,monospace;font-size:12px;padding:8px}.credential-item strong{color:#374151;display:inline-block;font-weight:600;min-width:110px}@media (max-width:480px){.login-container{padding:32px 24px}.login-header h1{font-size:28px}.login-logo{height:64px;width:64px}.login-logo svg{height:32px;width:32px}}.connection-status{align-items:center;border-radius:12px;display:flex;font-size:12px;font-weight:500;gap:8px;padding:4px 12px}.connection-status-green{background:#d1fae5;color:#065f46}.connection-status-yellow{background:#fef3c7;color:#92400e}.connection-status-red{background:#fee2e2;color:#991b1b}.connection-status-gray{background:#f3f4f6;color:#4b5563}.status-dot{background:currentColor;border-radius:50%;height:8px;width:8px}.connection-status-green .status-dot{animation:pulse-green 2s ease-in-out infinite}@keyframes pulse-green{0%,to{opacity:1}50%{opacity:.5}}.presence-indicator{display:inline-block;position:relative}.presence-badge{border:2px solid #fff;border-radius:50%;bottom:-2px;height:12px;position:absolute;right:-2px;width:12px}.presence-badge.online{background:#10b981}.presence-badge.offline{background:#6b7280}.presence-badge.away{background:#f59e0b}.presence-list{display:flex;flex-direction:column;gap:8px}.presence-item{align-items:center;background:#f9fafb;border-radius:8px;display:flex;gap:12px;padding:8px 12px}.presence-avatar{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;width:32px}.presence-info{flex:1 1}.presence-name{color:#111827;font-size:14px;font-weight:500}.presence-status{color:#6b7280;font-size:12px}.typing-indicator{align-items:center;animation:fadeIn .2s ease-in;background:#f3f4f6;border-radius:8px;color:#6b7280;display:flex;font-size:13px;gap:8px;padding:8px 12px}.typing-dots{display:flex;gap:4px}.typing-dot{animation:typing 1.4s infinite;background:#6b7280;border-radius:50%;height:6px;width:6px}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.7;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}.field-locked{opacity:.7;pointer-events:none;position:relative}.field-lock-badge{align-items:center;background:#fbbf24;border-radius:4px;color:#78350f;display:flex;font-size:11px;font-weight:600;gap:4px;padding:2px 8px;position:absolute;right:4px;top:4px;z-index:10}.field-lock-icon{font-size:12px}.field-lock-overlay{background:#fbbf241a;border:2px solid #fbbf24;border-radius:4px;bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:5}.notifications-panel{background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;display:flex;flex-direction:column;max-height:80vh;position:fixed;right:20px;top:60px;width:360px;z-index:1000}.notifications-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px}.notifications-title{color:#111827;font-size:16px;font-weight:600}.notifications-actions{display:flex;gap:8px}.notifications-btn{background:none;border:none;border-radius:4px;color:#3b82f6;cursor:pointer;font-size:12px;padding:4px 8px}.notifications-btn:hover{background:#eff6ff}.notifications-list{flex:1 1;overflow-y:auto;padding:8px}.notification-item{border-radius:8px;cursor:pointer;margin-bottom:8px;padding:12px;transition:background .2s}.notification-item.unread{background:#eff6ff;border-left:3px solid #3b82f6}.notification-item.read{background:#f9fafb}.notification-item:hover{background:#e0e7ff}.notification-title{color:#111827;font-size:14px;font-weight:500;margin-bottom:4px}.notification-message{color:#6b7280;font-size:13px;margin-bottom:8px}.notification-time{color:#9ca3af;font-size:11px}.notification-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;margin-left:8px;padding:2px 8px}.notification-badge.info{background:#dbeafe;color:#1e40af}.notification-badge.success{background:#d1fae5;color:#065f46}.notification-badge.warning{background:#fef3c7;color:#92400e}.notification-badge.error{background:#fee2e2;color:#991b1b}.notification-bell{cursor:pointer;position:relative}.notification-count{background:#ef4444;border-radius:10px;color:#fff;font-size:11px;font-weight:600;min-width:18px;padding:2px 6px;position:absolute;right:-6px;text-align:center;top:-6px}.messages-panel{background:#fff;border-radius:12px;bottom:20px;box-shadow:0 10px 40px #00000026;display:flex;flex-direction:column;height:500px;position:fixed;right:20px;width:360px;z-index:1000}.messages-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px}.messages-title{color:#111827;font-size:16px;font-weight:600}.messages-close{background:none;border:none;color:#6b7280;cursor:pointer;font-size:20px;padding:4px}.messages-close:hover{color:#111827}.messages-list{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:16px}.message-item{display:flex;gap:8px;max-width:80%}.message-item.sent{align-self:flex-end;flex-direction:row-reverse}.message-avatar{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:32px;justify-content:center;width:32px}.message-content{background:#f3f4f6;border-radius:12px;padding:8px 12px}.message-item.sent .message-content{background:#3b82f6;color:#fff}.message-text{word-wrap:break-word;font-size:14px}.message-time{color:#9ca3af;font-size:11px;margin-top:4px}.message-item.sent .message-time{color:#ffffffb3}.messages-input{border-top:1px solid #e5e7eb;display:flex;gap:8px;padding:16px}.messages-input input{border:1px solid #e5e7eb;border-radius:8px;flex:1 1;font-size:14px;padding:8px 12px}.messages-input input:focus{border-color:#3b82f6;outline:none}.messages-send{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px}.messages-send:hover{background:#2563eb}.messages-send:disabled{background:#9ca3af;cursor:not-allowed}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:640px){.messages-panel,.notifications-panel{left:20px;right:20px;width:calc(100vw - 40px)}.messages-panel{height:400px}}