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}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;justify-content:center;min-height:100vh;padding:20px}.login-card{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000001a;max-width:400px;padding:40px;position:relative;width:100%}.login-header{margin-bottom:30px;text-align:center}.login-title{color:#2563eb;font-size:32px;font-weight:700;letter-spacing:-.5px;margin:0 0 8px}.login-subtitle{color:#6b7280;font-size:16px;font-weight:400;margin:0}.login-form{margin-bottom:30px}.form-group{margin-bottom:20px}.form-label{display:block;font-weight:500;margin-bottom:8px}.form-input{border:2px solid #e5e7eb;border-radius:8px;box-sizing:border-box;font-size:16px;padding:12px 16px;transition:border-color .2s ease;width:100%}.form-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.form-input::placeholder{color:#9ca3af}.form-select{background-color:#fff;border:2px solid #e5e7eb;border-radius:8px;box-sizing:border-box;font-size:16px;padding:12px 40px 12px 16px;transition:border-color .2s ease;width:100%}.form-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.login-button{background:#1f2937;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:14px 20px;transition:background-color .2s ease;width:100%}.login-button:hover{background:#111827}.login-button:active{transform:translateY(1px)}.demo-section{border-top:1px solid #e5e7eb;padding-top:20px;text-align:center}.demo-title{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.demo-buttons{display:flex;gap:12px;justify-content:center}.demo-button{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;max-width:120px;padding:10px 16px;transition:all .2s ease}.demo-button:hover{background:#f8fafc;border-color:#2563eb;color:#2563eb}.demo-button:active{transform:translateY(1px)}@media (max-width:480px){.login-card{margin:10px;padding:30px 20px}.login-title{font-size:28px}.demo-buttons{flex-direction:column;gap:8px}.demo-button{max-width:none}}.client-demo{background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}.header{padding:16px 24px}.main-content{margin:0 auto;max-width:1200px;padding:24px}.content-header{margin-bottom:24px}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.page-title{color:#1f2937;font-size:28px;font-weight:700;margin:0}.action-bar{align-items:center;display:flex;flex-direction:row;gap:16px;margin-bottom:20px}.search-container{flex:1 1;max-width:none;min-width:300px}.status-filter{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;flex:0 0 auto;font-size:14px;min-width:120px;padding:12px 40px 12px 16px;transition:border-color .2s ease}.status-filter:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.new-ticket-button{align-items:center;background:#1e40af;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:0 0 auto;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:background-color .2s ease;white-space:nowrap}.new-ticket-button:hover{background:#1d4ed8}.new-ticket-button:active{transform:translateY(1px)}.plus-icon{flex-shrink:0}.ticket-card{background-color:#f8f9fa}@media (max-width:768px){.header{align-items:flex-start;flex-direction:column;gap:16px;padding:16px 20px}.header-right{justify-content:space-between;width:100%}.main-content{padding:20px}.page-title{font-size:28px}.page-header{align-items:flex-start;flex-direction:column;gap:16px}.action-bar{align-items:stretch;flex-direction:column;gap:12px}.search-container{max-width:none;min-width:auto}.status-filter{min-width:auto}.tickets-grid{gap:16px;grid-template-columns:1fr}}@media (max-width:480px){.header{padding:12px 16px}.main-content{padding:16px}.page-title{font-size:24px}.empty-state{padding:60px 16px}.tickets-grid{gap:12px;grid-template-columns:1fr}.ticket-card{padding:16px}.ticket-title{font-size:16px}}.new-ticket-page{background-color:#f9fafb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}.role-badge{background-color:#f3f4f6;border-radius:6px;color:#374151}.navigation{background-color:#f9fafb;padding:20px 32px 0}.back-button{border:none;font-size:14px;gap:8px;padding:8px 0;transition:color .2s ease}.back-button svg{flex-shrink:0}.main-content{justify-content:center}.form-container{max-width:800px;width:100%}.form-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;padding:40px}.form-title{color:#1f2937;font-size:32px;font-weight:700;margin:0 0 8px}.form-subtitle{color:#6b7280;font-size:16px;margin:0 0 32px}.ticket-form{display:flex;flex-direction:column;gap:24px}.form-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{color:#374151;font-size:14px;font-weight:600}.form-input,.form-select,.form-textarea{border:2px solid #e5e7eb;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:14px;padding:12px 16px;transition:border-color .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.form-input::placeholder,.form-textarea::placeholder{color:#9ca3af}.form-input.error,.form-textarea.error{border-color:#ef4444}.form-input.error:focus,.form-textarea.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:40px}.form-textarea{min-height:120px;resize:vertical}.error-message{color:#ef4444;font-size:12px;margin-top:4px}.form-actions{display:flex;justify-content:center;margin-top:16px}.create-ticket-button{background:#1f2937;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;min-width:160px;padding:14px 32px;transition:background-color .2s ease}.create-ticket-button:hover{background:#111827}.create-ticket-button:active{transform:translateY(1px)}@media (max-width:768px){.header{align-items:flex-start;flex-direction:column;gap:16px;padding:16px 20px}.header-right{justify-content:space-between;width:100%}.navigation{padding:16px 20px 0}.main-content{padding:20px}.form-card{padding:24px}.form-title{font-size:28px}.form-row{gap:16px;grid-template-columns:1fr}.ticket-form{gap:20px}}@media (max-width:480px){.header{padding:12px 16px}.navigation{padding:12px 16px 0}.main-content{padding:16px}.form-card{padding:20px}.form-title{font-size:24px}.form-subtitle{font-size:14px}}.support-dashboard{background-color:#f9fafb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}.header{align-items:center;background-color:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 32px}.logo-text{color:#1f2937}.analytics-button{align-items:center;background:#7c3aed;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:background-color .2s ease}.analytics-button:hover{background:#6d28d9}.chat-button{align-items:center;background:#059669;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:background-color .2s ease}.chat-button:hover{background:#047857}.main-content{margin:0;padding:32px;width:100%}.content-container{display:flex;flex-direction:column;gap:32px}.dashboard-title{color:#1f2937;font-size:32px;font-weight:700;margin:0}.metrics-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);width:100%}.metric-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;flex-direction:column;min-height:120px;padding:32px 24px}.metric-card,.metric-number{display:flex;justify-content:center}.metric-number{align-items:center;font-size:48px;font-weight:700;gap:8px;margin-bottom:12px}.metric-number.total{color:#2563eb}.metric-number.new{color:#059669}.metric-number.in-progress{color:#d97706}.metric-number.overdue{color:#dc2626}.warning-icon{flex-shrink:0}.metric-label{font-size:16px}.filters-section{background:#f8f9fa;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.filters-header{align-items:center;display:flex;gap:12px;margin-bottom:20px}.filter-icon{color:#6b7280}.filters-title{color:#1f2937;font-size:18px;font-weight:600;margin:0}.filters-row{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:2fr 1fr 1fr 1fr}.search-container{position:relative}.search-icon{color:#9ca3af;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-input{border:2px solid #e5e7eb;border-radius:8px;box-sizing:border-box;font-size:14px;padding:12px 12px 12px 44px;transition:border-color .2s ease;width:100%}.search-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.search-input::placeholder{color:#9ca3af}.filter-dropdown{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:14px;padding:12px 40px 12px 16px;transition:border-color .2s ease}.filter-dropdown:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.tickets-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-top:20px}.ticket-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;max-width:400px;padding:20px;transition:all .2s ease}.ticket-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000001a}.ticket-header{margin-bottom:12px}.ticket-title{color:#1e293b;font-size:16px;font-weight:700;margin:0}.ticket-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.priority-tag{border-radius:12px;font-size:12px;font-weight:600;padding:4px 8px;text-transform:uppercase}.priority-high{background-color:#ff9500;color:#fff}.status-tag{border-radius:12px;font-size:12px;font-weight:600;padding:4px 8px;text-transform:uppercase}.status-cancelled{background-color:#6b7280;color:#fff}.category-tag{background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:12px;color:#6b7280;font-size:12px;font-weight:500;padding:4px 8px}.client-info{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:8px;margin-bottom:12px}.client-icon{color:#9ca3af}.client-name{color:#374151;font-weight:500}.client-email{color:#6b7280}.ticket-description{color:#4b5563;font-size:13px;line-height:1.4;margin:0 0 12px}.ticket-footer{justify-content:space-between;margin-bottom:12px}.ticket-footer,.ticket-meta{align-items:center;display:flex}.ticket-meta{color:#6b7280;font-size:14px;gap:6px}.clock-icon{color:#9ca3af}.created-date{font-size:13px}.ticket-id{color:#6b7280;font-size:13px;font-weight:500}.view-details-button{align-items:center;background:none;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:4px;justify-content:center;padding:6px 12px;transition:all .2s ease;width:100%}.view-details-button:hover{background-color:#f9fafb;border-color:#9ca3af;color:#1f2937}.eye-icon{color:#6b7280}@media (max-width:1024px){.metrics-cards{gap:16px;grid-template-columns:repeat(4,1fr)}.metric-card{min-height:100px;padding:24px 16px}.metric-number{font-size:36px}.metric-label{font-size:14px}}@media (max-width:768px){.header{align-items:flex-start;flex-direction:column;gap:16px;padding:16px 20px}.header-right{justify-content:space-between;width:100%}.main-content{padding:20px}.content-container{gap:24px}.dashboard-title{font-size:28px}.metrics-cards{gap:12px;grid-template-columns:repeat(2,1fr)}.metric-card{min-height:80px;padding:20px 12px}.metric-number{font-size:28px}.metric-label{font-size:13px}.filters-row{gap:12px;grid-template-columns:1fr}.filters-section{padding:20px}.tickets-grid{gap:16px;grid-template-columns:1fr}}@media (max-width:480px){.header{padding:12px 16px}.main-content{padding:16px}.content-container{gap:20px}.dashboard-title{font-size:24px}.metrics-cards{gap:10px;grid-template-columns:repeat(2,1fr)}.metric-card{min-height:70px;padding:16px 8px}.metric-number{font-size:24px}.metric-label{font-size:12px}.filters-section{padding:16px}.filters-title{font-size:16px}.tickets-grid{gap:12px;grid-template-columns:1fr}.ticket-card{padding:16px}.ticket-title{font-size:16px}}.chat-container{flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100vh}.chat-container,.chat-header{background-color:#fff;display:flex}.chat-header{align-items:center;border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;padding:16px 24px}.chat-info{align-items:center;display:flex;gap:16px}.chat-title h1{color:#1f2937;font-size:20px;font-weight:700;margin:0}.chat-title p{color:#6b7280;font-size:14px;margin:0}.chat-messages{background-color:#f8f9fa;flex:1 1;overflow:hidden}.messages-container{display:flex;flex-direction:column;gap:16px;height:100%;overflow-y:auto;padding:20px}.message{display:flex;margin-bottom:16px}.own-message{justify-content:flex-end}.other-message{justify-content:flex-start}.message-content{border-radius:18px;max-width:70%;padding:12px 16px;position:relative}.own-message .message-content{background-color:#2563eb;border-bottom-right-radius:4px;color:#fff}.other-message .message-content{background-color:#fff;border:1px solid #e5e7eb;border-bottom-left-radius:4px;color:#1f2937}.message-header{align-items:center;display:flex;font-size:12px;gap:8px;margin-bottom:4px}.own-message .message-header{color:#fffc}.other-message .message-header{color:#6b7280}.sender-name{font-weight:600}.sender-role{background-color:#0000001a;border-radius:10px;font-size:10px;padding:2px 6px;text-transform:uppercase}.own-message .sender-role{background-color:#fff3}.other-message .sender-role{background-color:#f3f4f6;color:#6b7280}.message-time{margin-left:auto;opacity:.7}.message-text{word-wrap:break-word;font-size:14px;line-height:1.4}.chat-input-container{background-color:#fff;border-top:1px solid #e5e7eb;flex-shrink:0;padding:20px 24px}.message-form{width:100%}.input-group{align-items:center;display:flex;gap:12px}.message-input{border:2px solid #e5e7eb;border-radius:24px;flex:1 1;font-size:14px;outline:none;padding:12px 16px;transition:border-color .2s ease}.message-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.message-input::placeholder{color:#9ca3af}.send-button{align-items:center;background-color:#2563eb;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s ease;width:44px}.send-button:hover:not(:disabled){background-color:#1d4ed8;transform:translateY(-1px)}.send-button:disabled{background-color:#9ca3af;cursor:not-allowed;transform:none}.send-button:active:not(:disabled){transform:translateY(0)}@media (max-width:768px){.chat-header{align-items:flex-start;flex-direction:column;gap:16px;padding:16px 20px}.header-left,.header-right{justify-content:space-between;width:100%}.chat-info{align-items:flex-start;flex-direction:column;gap:8px}.chat-title h1{font-size:18px}.messages-container{padding:16px}.message-content{max-width:85%}.chat-input-container{padding:16px 20px}}@media (max-width:480px){.chat-header{padding:12px 16px}.messages-container{padding:12px}.message-content{max-width:90%;padding:10px 14px}.message-text{font-size:13px}.chat-input-container{padding:12px 16px}.message-input{font-size:13px;padding:10px 14px}.send-button{height:40px;width:40px}}.analytics-container{background-color:#f8f9fa;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100vh}.analytics-header{background-color:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;padding:16px 24px}.analytics-header,.header-left{align-items:center;display:flex}.header-left{gap:16px}.back-button{align-items:center;background:none;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.back-button:hover{background-color:#f9fafb;border-color:#9ca3af;color:#374151}.analytics-info{gap:16px}.analytics-info,.logo{align-items:center;display:flex}.logo{gap:12px}.logo-icon{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:8px;color:#fff;display:flex;font-size:16px;font-weight:700;height:32px;justify-content:center;width:32px}.logo-text{color:#2563eb;font-size:24px;font-weight:700}.analytics-title h1{color:#1f2937;font-size:20px;font-weight:700;margin:0}.analytics-title p{color:#6b7280;font-size:14px;margin:0}.header-right{align-items:center;display:flex;gap:16px}.welcome-text{color:#374151;font-size:14px}.welcome-text strong{color:#1f2937;font-weight:600}.role-badge{background-color:#2563eb;border-radius:20px;color:#fff;font-size:12px;font-weight:500;padding:6px 12px}.logout-button{align-items:center;background:none;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.logout-button:hover{background-color:#f9fafb;border-color:#9ca3af;color:#374151}.analytics-main{flex:1 1;overflow-y:auto;padding:24px}.analytics-content{gap:32px;margin:0 auto;max-width:1200px}.analytics-content,.loading-state{display:flex;flex-direction:column}.loading-state{align-items:center;gap:16px;height:100vh;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#2563eb;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}h2{color:#1f2937;font-size:24px;font-weight:700;margin:0 0 20px}.metrics-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.metrics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.metric-card{background:#f8f9fa;border:1px solid #e5e7eb;border-radius:8px;padding:20px;text-align:center}.metric-value{color:#2563eb;font-size:32px;font-weight:700;margin-bottom:8px}.metric-value.status-resolved{color:#059669;text-transform:capitalize}.metric-label{color:#6b7280;font-size:14px;font-weight:500}.insights-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.insights-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.insight-card{border-left:4px solid;border-radius:8px;padding:20px}.insight-card.positive{background:#f0fdf4;border-left-color:#059669}.insight-card.warning{background:#fffbeb;border-left-color:#d97706}.insight-card.info{background:#eff6ff;border-left-color:#2563eb}.insight-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.insight-type{background:#0000001a;border-radius:12px;font-size:12px;font-weight:600;padding:4px 8px;text-transform:uppercase}.insight-priority{color:#6b7280;font-size:12px;font-weight:500}.insight-card h3{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 8px}.insight-card p{color:#4b5563;font-size:14px;line-height:1.5;margin:0}.handoff-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.handoff-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.handoff-card{background:#f8f9fa;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.handoff-card h3{color:#6b7280;font-size:14px;font-weight:600;margin:0 0 8px;text-transform:uppercase}.handoff-card p{color:#1f2937;font-size:16px;font-weight:500;margin:0}.handoff-details{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.detail-section h3{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 16px}.detail-section ul{list-style:none;margin:0;padding:0}.detail-section li{background:#f8f9fa;border-left:3px solid #2563eb;border-radius:6px;color:#4b5563;font-size:14px;line-height:1.5;margin-bottom:8px;padding:12px 16px}.conversation-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.conversation-timeline{padding-left:20px;position:relative}.conversation-timeline:before{background:#e5e7eb;bottom:0;content:"";left:8px;position:absolute;top:0;width:2px}.timeline-item{margin-bottom:24px;position:relative}.timeline-marker{background:#e5e7eb;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 2px #e5e7eb;height:12px;left:-16px;position:absolute;top:8px;width:12px}.timeline-item.client .timeline-marker{background:#2563eb;box-shadow:0 0 0 2px #2563eb}.timeline-item.support .timeline-marker{background:#059669;box-shadow:0 0 0 2px #059669}.timeline-content{background:#f8f9fa;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.timeline-header{align-items:center;display:flex;gap:12px;margin-bottom:8px}.sender{color:#1f2937;font-weight:600}.role{background:#e5e7eb;border-radius:12px;color:#6b7280;font-weight:500;padding:2px 8px}.role,.time{font-size:12px}.time{color:#9ca3af;margin-left:auto}.timeline-details{display:flex;gap:8px}.category{background:#dbeafe;color:#1e40af;text-transform:uppercase}.category,.sentiment{border-radius:12px;font-size:11px;font-weight:500;padding:2px 8px}.sentiment{background:#f3f4f6;color:#6b7280;text-transform:capitalize}.sentiment.frustrated{background:#fef2f2;color:#dc2626}.sentiment.positive{background:#f0fdf4;color:#059669}.sentiment.empathetic{background:#fef3c7;color:#d97706}@media (max-width:768px){.analytics-header{align-items:flex-start;flex-direction:column;gap:16px;padding:16px 20px}.header-left,.header-right{justify-content:space-between;width:100%}.analytics-info{align-items:flex-start;flex-direction:column;gap:8px}.analytics-main{padding:20px}.analytics-content{gap:24px}.metrics-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.handoff-grid,.insights-grid{gap:16px;grid-template-columns:1fr}.handoff-details{gap:20px;grid-template-columns:1fr}.conversation-timeline{padding-left:16px}.timeline-marker{left:-12px}}@media (max-width:480px){.analytics-header{padding:12px 16px}.analytics-main{padding:16px}.analytics-content{gap:20px}.metrics-grid{gap:12px;grid-template-columns:1fr}.metric-card{padding:16px}.metric-value{font-size:24px}.handoff-card,.insight-card{padding:16px}.timeline-content{padding:12px}.timeline-header{align-items:flex-start;flex-direction:column;gap:4px}.time{margin-left:0}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.4b7908b4.css.map*/