@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);background-attachment:fixed}:root{--primary: #6366f1;--primary-light: #818cf8;--primary-dark: #4f46e5;--success: #10b981;--success-light: #34d399;--warning: #f59e0b;--warning-light: #fbbf24;--danger: #ef4444;--danger-light: #f87171;--purple: #8b5cf6;--purple-light: #a78bfa;--blue: #3b82f6;--blue-light: #60a5fa;--teal: #14b8a6;--orange: #f97316;--pink: #ec4899;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-md: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-lg: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-xl: 0 25px 50px -12px rgb(0 0 0 / .25)}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden;padding:0;gap:0}.demo-banner{background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);padding:12px 20px;box-shadow:0 4px 12px #00000026;z-index:100;position:relative}.demo-banner-content{display:flex;align-items:center;justify-content:center;gap:12px;max-width:1400px;margin:0 auto}.demo-icon{font-size:24px;animation:wiggle 2s infinite}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.demo-text{font-size:13px;color:#fff;font-weight:500;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.2)}.demo-text strong{font-weight:800}.demo-badge{padding:4px 12px;background:rgba(255,255,255,.3);color:#fff;border-radius:12px;font-size:11px;font-weight:800;letter-spacing:1px;border:2px solid rgba(255,255,255,.5)}.app-main{display:flex;flex:1;overflow:hidden;padding:20px;gap:20px}.sidebar{width:320px;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;display:flex;flex-direction:column;box-shadow:var(--shadow-xl);overflow:hidden;border:1px solid rgba(255,255,255,.3)}.sidebar-header{padding:24px;background:linear-gradient(135deg,var(--primary) 0%,var(--purple) 100%);color:#fff;box-shadow:0 4px 12px -2px #00000026;position:relative;z-index:10}.sidebar-header h1{font-size:22px;font-weight:800;margin-bottom:16px;display:flex;align-items:center;gap:10px}.operator-info{display:flex;align-items:center;gap:12px;padding:12px;background:rgba(255,255,255,.15);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.operator-avatar{width:40px;height:40px;border-radius:50%;background:white;color:var(--primary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;box-shadow:var(--shadow-md)}.operator-details{flex:1}.operator-name{font-size:15px;font-weight:600;margin-bottom:2px}.operator-role{font-size:12px;opacity:.9}.status-indicator{width:10px;height:10px;border-radius:50%;background:var(--success);box-shadow:0 0 0 3px #10b9814d;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{box-shadow:0 0 #10b981b3}50%{box-shadow:0 0 0 6px #10b98100}}.sidebar-filters{padding:20px;background:white}.filter-group{margin-bottom:16px}.filter-group label{display:block;font-size:12px;font-weight:600;color:var(--gray-700);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.filter-group select{width:100%;padding:10px 14px;border:2px solid var(--gray-200);border-radius:12px;font-size:14px;font-weight:500;color:var(--gray-900);background:white;cursor:pointer;transition:all .2s}.filter-group select:hover{border-color:var(--gray-300)}.filter-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.stats{padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:12px;background:var(--gray-50);border-top:2px solid var(--gray-200)}.stat-card{padding:16px;background:linear-gradient(135deg,#fff 0%,#f9fafb 100%);border-radius:16px;border:2px solid var(--gray-100);transition:all .3s;cursor:pointer}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--primary-light)}.stat-card.urgent-card{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);border-color:var(--danger-light)}.stat-label{font-size:11px;color:var(--gray-600);text-transform:uppercase;font-weight:700;letter-spacing:.5px;margin-bottom:6px}.stat-value{font-size:32px;font-weight:800;color:var(--gray-900);line-height:1}.stat-value.urgent{color:var(--danger)}.main-content{flex:1;display:flex;gap:20px;overflow:hidden}.tickets-list{width:420px;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;display:flex;flex-direction:column;box-shadow:var(--shadow-xl);overflow:hidden;border:1px solid rgba(255,255,255,.3);min-width:0}.tickets-header{padding:24px;background:white;border-bottom:none;box-shadow:0 4px 12px -2px #00000014;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:10}.tickets-header h2{font-size:20px;font-weight:800;color:var(--gray-900)}.new-badge{background:linear-gradient(135deg,var(--danger) 0%,var(--orange) 100%);color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700;animation:pulse-badge 2s infinite;box-shadow:0 4px 12px #ef444466}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.tickets-scroll{flex:1;overflow-y:auto;overflow-x:hidden;background:#fafbfc}.ticket-item{padding:18px 20px;border-bottom:1px solid var(--gray-200);cursor:pointer;transition:all .2s;position:relative;background:white;margin-bottom:2px;min-width:0;overflow:hidden}.ticket-item:before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:transparent;transition:background .2s}.ticket-item:hover{background:var(--gray-50);transform:translate(4px)}.ticket-item:hover:before{background:var(--primary)}.ticket-item.selected{background:linear-gradient(135deg,var(--primary) 0%,var(--purple) 100%);color:#fff}.ticket-item.selected:before{background:white}.ticket-item.new{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);animation:slideInLeft .5s ease-out,shimmer 2s infinite}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes shimmer{0%,to{box-shadow:0 0 #f59e0b66}50%{box-shadow:0 0 20px 5px #f59e0b33}}.ticket-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.ticket-id{font-size:11px;font-weight:700;color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px}.ticket-item.selected .ticket-id{color:#fffc}.ticket-priority{padding:4px 10px;border-radius:12px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.ticket-priority.urgent{background:var(--danger);color:#fff;box-shadow:0 2px 8px #ef444466}.ticket-priority.high{background:var(--warning);color:#fff;box-shadow:0 2px 8px #f59e0b66}.ticket-priority.medium{background:var(--blue);color:#fff}.ticket-priority.low{background:var(--gray-300);color:var(--gray-700)}.ticket-subject{font-size:15px;font-weight:600;color:var(--gray-900);margin-bottom:8px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-item.selected .ticket-subject{color:#fff}.ticket-meta{display:flex;gap:12px;font-size:12px;color:var(--gray-500);font-weight:500;overflow:hidden}.ticket-meta>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-item.selected .ticket-meta{color:#fffc}.ticket-time{display:flex;align-items:center;gap:4px}.ticket-detail{flex:1;display:flex;flex-direction:column;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;box-shadow:var(--shadow-xl);overflow:hidden;border:1px solid rgba(255,255,255,.3)}.no-ticket-selected{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--gray-400);font-size:18px;font-weight:500}.detail-header{padding:20px 24px;background:white;border-bottom:none;box-shadow:0 4px 12px -2px #00000014;position:relative;z-index:10}.detail-header:after{content:"";position:absolute;bottom:0;left:24px;right:24px;height:3px;background:linear-gradient(90deg,var(--primary),var(--purple));border-radius:2px}.header-row-1{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.header-right{display:flex;gap:10px;align-items:center}.detail-title{font-size:22px;font-weight:800;color:var(--gray-900);line-height:1.3;flex:1;padding-right:20px}.header-row-2{display:flex;justify-content:space-between;align-items:center;gap:16px}.client-compact-info{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--gray-600);min-width:0;overflow:hidden}.client-name{font-weight:700;color:var(--gray-900)}.separator{color:var(--gray-300)}.copy-link{background:none;border:none;color:var(--gray-600);cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s;font-size:13px;font-weight:500}.copy-link:hover{background:var(--primary);color:#fff;transform:translateY(-1px)}.meta-badges{display:flex;gap:8px;align-items:center;flex-shrink:0}.time-badge{font-size:12px;padding:4px 10px;background:var(--gray-100);color:var(--gray-600);border-radius:10px;font-weight:600}.detail-meta{display:flex;gap:24px;flex-wrap:wrap}.meta-item{display:flex;flex-direction:column;gap:6px}.meta-label{font-size:11px;color:var(--gray-500);text-transform:uppercase;font-weight:700;letter-spacing:.5px}.meta-value{font-size:14px;font-weight:600;color:var(--gray-900)}.detail-body{flex:1;padding:24px;overflow-y:auto;overflow-x:hidden;background:#fafbfc}.detail-body>*{margin-bottom:24px}.detail-body>*:last-child{margin-bottom:0}.info-section{margin-bottom:0}.ai-section-wrapper{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;align-items:start}.quick-actions{display:flex!important;gap:12px;flex-wrap:wrap}.customer-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.section-title{font-size:13px;font-weight:700;color:var(--gray-700);text-transform:uppercase;margin-bottom:12px;display:flex;align-items:center;gap:8px;letter-spacing:.5px}.customer-info{background:white;padding:20px;border-radius:16px;border:2px solid var(--gray-200);box-shadow:var(--shadow-sm)}.customer-row{display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--gray-100)}.customer-row:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.customer-label{font-size:13px;color:var(--gray-600);font-weight:500}.customer-value{font-size:13px;font-weight:700;color:var(--gray-900)}.description-box{background:white;padding:20px;border-radius:16px;border-left:4px solid var(--primary);box-shadow:var(--shadow-sm)}.description-text{font-size:15px;color:var(--gray-700);line-height:1.7}.ai-suggestions{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:24px;border-radius:20px;color:#fff;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.ai-suggestions:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:rotate 20s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ai-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;position:relative;z-index:1}.ai-icon{font-size:24px;animation:sparkle 2s infinite}@keyframes sparkle{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.2) rotate(-10deg)}75%{transform:scale(1.2) rotate(10deg)}}.ai-title{font-size:16px;font-weight:700}.ai-suggestion-item{background:rgba(255,255,255,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:16px;border-radius:12px;margin-bottom:10px;cursor:pointer;transition:all .3s;border:1px solid rgba(255,255,255,.2);position:relative;z-index:1}.ai-suggestion-item:hover{background:rgba(255,255,255,.25);transform:translate(4px);box-shadow:var(--shadow-md)}.ai-suggestion-item:last-child{margin-bottom:0}.suggestion-action{font-size:14px;font-weight:700;margin-bottom:6px;display:flex;align-items:center;gap:8px}.suggestion-confidence{font-size:10px;padding:2px 8px;background:rgba(255,255,255,.25);border-radius:8px;font-weight:600}.suggestion-reason{font-size:13px;opacity:.95;line-height:1.5}.timeline{padding:0}.timeline-item{display:flex;gap:16px;margin-bottom:20px;position:relative}.timeline-item:before{content:"";position:absolute;left:19px;top:40px;width:2px;height:calc(100% + 20px);background:var(--gray-200)}.timeline-item:last-child:before{display:none}.timeline-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;box-shadow:var(--shadow-md);z-index:1}.timeline-icon.created{background:linear-gradient(135deg,var(--blue) 0%,var(--blue-light) 100%)}.timeline-icon.updated{background:linear-gradient(135deg,var(--warning) 0%,var(--warning-light) 100%)}.timeline-icon.resolved{background:linear-gradient(135deg,var(--success) 0%,var(--success-light) 100%)}.timeline-content{flex:1;background:white;padding:16px;border-radius:12px;border:2px solid var(--gray-100)}.timeline-title{font-size:14px;font-weight:700;color:var(--gray-900);margin-bottom:4px}.timeline-desc{font-size:13px;color:var(--gray-600);line-height:1.5}.timeline-time{font-size:11px;color:var(--gray-500);margin-top:8px;font-weight:500}.detail-actions{padding:24px;border-top:none;background:linear-gradient(135deg,#fafbfc 0%,#f9fafb 100%);box-shadow:0 -4px 12px -2px #0000001a;position:relative;z-index:10;display:flex;flex-direction:column;gap:16px}.detail-actions:before{content:"";position:absolute;top:0;left:24px;right:24px;height:3px;background:linear-gradient(90deg,var(--primary),var(--purple));border-radius:2px}.footer-row-1{display:grid;grid-template-columns:1fr 1.2fr .9fr .9fr .7fr;gap:12px;align-items:center}.action-select-compact{padding:12px 16px;border:2px solid var(--gray-300);border-radius:10px;font-size:14px;font-weight:600;background:white;cursor:pointer;transition:all .2s;box-shadow:var(--shadow-sm)}.action-select-compact:hover{border-color:var(--primary);box-shadow:var(--shadow)}.action-select-compact:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #6366f126}.footer-row-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.textarea-wrapper{position:relative}.textarea-label-inline{position:absolute;top:-10px;left:14px;font-size:12px;font-weight:700;color:var(--primary);background:linear-gradient(135deg,#fafbfc 0%,#f9fafb 100%);padding:2px 10px;z-index:1;text-transform:uppercase;letter-spacing:.5px;border-radius:8px}.textarea-compact{width:100%;padding:16px 18px;border:2px solid var(--gray-300);border-radius:12px;font-size:14px;font-family:inherit;resize:vertical;min-height:90px;transition:all .2s;background:white;box-shadow:var(--shadow-sm)}.textarea-compact:hover{border-color:var(--primary)}.textarea-compact:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #6366f126;background:#fafbfc}.shortcuts-mini{font-size:12px;color:var(--gray-600);text-align:center;font-weight:600;padding:12px;background:white;border-radius:8px;border:2px solid var(--gray-200)}.shortcuts-mini kbd{font-size:11px;padding:4px 8px}.action-select{flex:1;padding:12px 16px;border:2px solid var(--gray-200);border-radius:12px;font-size:14px;font-weight:600;background:white;cursor:pointer;transition:all .2s}.action-select:hover{border-color:var(--gray-300)}.action-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.actions-textarea-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.textarea-label{display:block;font-size:12px;font-weight:700;color:var(--gray-700);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.internal-notes{width:100%;padding:12px 14px;border:2px solid var(--gray-200);border-radius:12px;font-size:13px;font-family:inherit;resize:vertical;min-height:70px;transition:all .2s}.internal-notes:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.action-buttons{display:flex;gap:12px;justify-content:flex-end}.btn{padding:14px 24px;border:none;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:var(--shadow)}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--purple) 100%);color:#fff}.btn-primary:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-success{background:linear-gradient(135deg,var(--success) 0%,var(--teal) 100%);color:#fff}.btn-success:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-secondary{background:white;color:var(--gray-700);border:2px solid var(--gray-300);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--gray-50);border-color:var(--gray-400);box-shadow:var(--shadow)}.status-badge{display:inline-block;padding:6px 14px;border-radius:16px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.status-badge.open{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);color:#1e40af}.status-badge.in_progress{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);color:#b45309}.status-badge.resolved{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);color:#065f46}.status-badge.escalated{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);color:#991b1b}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--primary-light),var(--purple-light));border-radius:10px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--primary),var(--purple));background-clip:padding-box}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.info-section{animation:fadeIn .4s ease-out}.quick-actions{display:flex;gap:10px;flex-wrap:wrap}.quick-action-btn{padding:10px 18px;background:white;border:2px solid var(--gray-200);border-radius:10px;cursor:pointer;transition:all .2s;font-size:13px;font-weight:700;color:var(--gray-700);display:flex;align-items:center;gap:8px;flex:1;min-width:120px;justify-content:center}.quick-action-btn:hover{border-color:var(--primary);background:var(--primary);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-md)}.quick-action-icon{font-size:18px}.ai-confidence-badge{font-size:11px;padding:4px 12px;background:rgba(16,185,129,.2);color:var(--success);border-radius:12px;font-weight:700;margin-left:auto}.ai-response-block{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:16px;overflow:hidden;margin-bottom:20px;box-shadow:var(--shadow-lg)}.ai-block-header{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.2)}.ai-block-title{display:flex;align-items:center;gap:8px;color:#fff;font-weight:700;font-size:15px}.ai-block-icon{font-size:20px}.ai-block-actions{display:flex;gap:8px}.ai-action-btn{padding:8px 16px;border:none;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s;background:rgba(255,255,255,.2);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ai-action-btn:hover{background:rgba(255,255,255,.3);transform:translateY(-2px)}.ai-action-btn.primary{background:var(--primary)}.ai-action-btn.primary:hover{background:var(--primary-dark)}.ai-action-btn.success{background:var(--success)}.ai-action-btn.success:hover{background:#059669}.ai-response-content{padding:20px;background:rgba(255,255,255,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow-y:auto}.ai-response-text{color:#fff;font-family:inherit;font-size:13px;line-height:1.6;white-space:pre-wrap;margin:0;font-weight:500}.ai-actions-block{background:white;border-radius:16px;overflow:hidden;border:2px solid var(--gray-200);box-shadow:var(--shadow-sm)}.actions-count{font-size:12px;padding:4px 12px;background:var(--gray-100);color:var(--gray-700);border-radius:12px;font-weight:700}.ai-actions-list{padding:12px;display:flex;flex-direction:column;gap:10px;overflow-y:auto}.ai-action-item{display:flex;gap:14px;padding:16px;background:var(--gray-50);border-radius:12px;border:2px solid transparent;cursor:pointer;transition:all .2s}.ai-action-item:hover{background:white;border-color:var(--primary);transform:translate(4px);box-shadow:var(--shadow-md)}.ai-action-item.priority-high{border-left:4px solid var(--danger)}.ai-action-item.priority-medium{border-left:4px solid var(--warning)}.ai-action-item.priority-low{border-left:4px solid var(--success)}.action-icon-wrapper{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,var(--primary-light),var(--purple-light));display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--shadow-sm)}.action-icon{font-size:24px}.action-content{flex:1}.action-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.action-title{font-size:15px;font-weight:700;color:var(--gray-900)}.action-priority{font-size:11px;padding:3px 10px;border-radius:10px;font-weight:700}.action-priority.high{background:rgba(239,68,68,.15);color:var(--danger)}.action-priority.medium{background:rgba(245,158,11,.15);color:var(--warning)}.action-priority.low{background:rgba(16,185,129,.15);color:var(--success)}.action-description{font-size:13px;color:var(--gray-600);margin-bottom:8px;line-height:1.5}.action-footer{display:flex;align-items:center;gap:12px}.action-time{font-size:12px;color:var(--gray-500);font-weight:600;display:flex;align-items:center;gap:4px}.ai-action-item-compact{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--gray-50);border-radius:10px;border-left:3px solid transparent;cursor:pointer;transition:all .2s}.ai-action-item-compact:hover{background:white;transform:translate(3px);box-shadow:var(--shadow-sm)}.ai-action-item-compact.priority-high{border-left-color:var(--danger)}.ai-action-item-compact.priority-medium{border-left-color:var(--warning)}.ai-action-item-compact.priority-low{border-left-color:var(--success)}.ai-action-item-compact .action-icon{font-size:20px;flex-shrink:0}.action-content-compact{flex:1;min-width:0}.action-title-compact{font-size:13px;font-weight:700;color:var(--gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:3px}.action-meta-compact{display:flex;align-items:center;gap:8px;font-size:11px}.action-time-compact{color:var(--gray-500);font-weight:600}.priority-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.priority-dot.high{background:var(--danger)}.priority-dot.medium{background:var(--warning)}.priority-dot.low{background:var(--success)}.two-columns-wrapper{display:grid;grid-template-columns:.6fr 1.4fr;gap:20px}.customer-info-compact{background:white;padding:16px;border-radius:12px;border:2px solid var(--gray-200);display:flex;flex-direction:column;gap:12px}.customer-item{display:flex;align-items:center;gap:10px}.customer-label-compact{font-size:18px;flex-shrink:0}.customer-value-compact{font-size:13px;font-weight:600;color:var(--gray-900);word-break:break-all}.description-box-compact{background:white;padding:16px;border-radius:12px;border:2px solid var(--gray-200);border-left:4px solid var(--primary);height:100%;display:flex;align-items:flex-start}.description-box-compact .description-text{font-size:14px;color:var(--gray-700);line-height:1.6}.timeline-horizontal{display:flex;gap:12px;overflow-x:auto;padding:8px 0}.timeline-item-horizontal{display:flex;align-items:center;gap:10px;padding:12px 16px;background:white;border-radius:12px;border:2px solid var(--gray-200);min-width:200px;flex-shrink:0}.timeline-icon-small{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;box-shadow:var(--shadow-sm)}.timeline-icon-small.created{background:linear-gradient(135deg,var(--blue) 0%,var(--blue-light) 100%)}.timeline-icon-small.updated{background:linear-gradient(135deg,var(--warning) 0%,var(--warning-light) 100%)}.timeline-icon-small.resolved{background:linear-gradient(135deg,var(--success) 0%,var(--success-light) 100%)}.timeline-content-horizontal{flex:1;min-width:0}.timeline-title-small{font-size:13px;font-weight:700;color:var(--gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:3px}.timeline-time-small{font-size:11px;color:var(--gray-500);font-weight:500}.notifications-container{position:fixed;top:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:12px;pointer-events:none}.notification{background:white;padding:16px 20px;border-radius:12px;box-shadow:var(--shadow-xl);font-size:14px;font-weight:600;min-width:300px;max-width:400px;pointer-events:all;animation:slideInRight .3s ease-out,fadeOut .3s ease-in 3.7s;border-left:4px solid var(--gray-300)}.toast-success{border-left-color:var(--success);color:var(--success);background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%)}.toast-error{border-left-color:var(--danger);color:var(--danger);background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%)}.toast-warning{border-left-color:var(--warning);color:var(--warning);background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%)}@keyframes slideInRight{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.ai-action-item-compact.loading{opacity:.6;pointer-events:none;animation:pulse-loading 1.5s infinite}@keyframes pulse-loading{0%,to{opacity:.6}50%{opacity:.8}}.ai-action-item-compact.completed{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);border-left-color:var(--success);opacity:.9}.ai-action-item-compact.completed:hover{opacity:1}.completed-badge{display:inline-block;margin-left:6px;font-size:10px;padding:2px 6px;background:var(--success);color:#fff;border-radius:8px;font-weight:700}.action-logs-container{display:flex;flex-direction:column;gap:10px}.action-log-item{display:flex;gap:12px;padding:14px 16px;background:white;border-radius:12px;border:2px solid var(--success);border-left:4px solid var(--success);animation:slideInUp .3s ease-out}@keyframes slideInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.action-log-icon{font-size:20px;flex-shrink:0}.action-log-content{flex:1}.action-log-title{font-size:14px;font-weight:700;color:var(--gray-900);margin-bottom:4px}.action-log-result{font-size:13px;color:var(--gray-600);margin-bottom:6px;line-height:1.4}.action-log-meta{font-size:11px;color:var(--gray-500);font-weight:600;display:flex;gap:8px}.search-input{width:100%;padding:10px 14px 10px 38px;border:2px solid var(--gray-200);border-radius:12px;font-size:14px;font-weight:500;color:var(--gray-900);background:white url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%239ca3af" viewBox="0 0 16 16"><path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"/></svg>') no-repeat 12px center;transition:all .2s}.search-input:hover{border-color:var(--gray-300)}.search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.search-input::placeholder{color:var(--gray-400)}.detail-title-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.header-indicators{display:flex;gap:12px;align-items:center;flex-shrink:0}.timer-indicator{font-size:18px;font-weight:800;color:var(--primary);padding:8px 16px;background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(139,92,246,.1));border-radius:12px;font-family:Courier New,monospace;border:2px solid rgba(99,102,241,.2)}.unsaved-indicator{font-size:12px;font-weight:700;color:var(--warning);padding:6px 12px;background:rgba(245,158,11,.1);border-radius:12px;border:2px solid rgba(245,158,11,.2);animation:blink 2s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.saved-indicator{font-size:11px;font-weight:600;color:var(--success);padding:4px 10px;background:rgba(16,185,129,.1);border-radius:12px}.copy-btn-mini{padding:4px 8px;background:var(--gray-100);border:none;border-radius:6px;cursor:pointer;font-size:12px;transition:all .2s;opacity:0;margin-left:auto}.customer-item:hover .copy-btn-mini{opacity:1}.copy-btn-mini:hover{background:var(--primary);transform:scale(1.1)}.copy-btn-mini:active{transform:scale(.95)}.empty-state{padding:60px 40px;text-align:center;color:var(--gray-400)}.empty-text{font-size:18px;font-weight:700;color:var(--gray-500);margin-bottom:8px}.empty-subtext{font-size:14px;color:var(--gray-400)}.keyboard-shortcuts-hint{margin-top:12px;padding:12px;background:var(--gray-50);border-radius:8px;text-align:center;font-size:12px;color:var(--gray-600)}.keyboard-shortcuts-hint kbd,.kbd{display:inline-block;padding:3px 8px;font-size:11px;font-weight:700;color:var(--gray-700);background:white;border:2px solid var(--gray-300);border-radius:6px;box-shadow:0 2px 0 var(--gray-300);font-family:Courier New,monospace;margin:0 4px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn:disabled:hover{box-shadow:var(--shadow-sm)}.customer-item{display:flex;align-items:center;gap:10px;position:relative}.action-progress{position:absolute;bottom:0;left:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--purple));border-radius:0 0 10px 10px;animation:progressBar 2s ease-in-out}@keyframes progressBar{0%{width:0%}to{width:100%}}.description-main{background:white;border-radius:16px;border:2px solid var(--gray-200);overflow:hidden}.description-label{padding:12px 20px;background:linear-gradient(135deg,var(--gray-50),var(--gray-100));font-size:13px;font-weight:700;color:var(--gray-700);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--gray-200)}.description-content{padding:20px;font-size:15px;color:var(--gray-800);line-height:1.7;font-weight:500}.ai-zone{background:white;border-radius:16px;border:2px solid var(--primary);overflow:hidden;box-shadow:0 8px 20px #6366f126}.ai-zone-header{padding:14px 20px;background:linear-gradient(135deg,var(--primary),var(--purple));display:flex;justify-content:space-between;align-items:center}.ai-zone-title{display:flex;align-items:center;gap:10px;color:#fff;font-weight:700;font-size:15px}.ai-sparkle{font-size:20px;animation:sparkle 2s infinite}.ai-confidence{font-size:12px;padding:3px 10px;background:rgba(255,255,255,.25);border-radius:10px;font-weight:700}.ai-quick-actions{display:flex;gap:8px}.ai-btn-mini{padding:6px 12px;border:none;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s;background:rgba(255,255,255,.2);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ai-btn-mini:hover{background:rgba(255,255,255,.35);transform:scale(1.05)}.ai-btn-mini.primary{background:rgba(255,255,255,.95);color:var(--primary)}.ai-btn-mini.success{background:var(--success)}.ai-zone-content{display:grid;grid-template-columns:1.5fr 1fr;gap:0}.ai-response-main{background:linear-gradient(135deg,rgba(99,102,241,.05),rgba(139,92,246,.05));border-right:2px solid var(--gray-200);display:flex;flex-direction:column;min-height:500px}.ai-response-label{padding:12px 20px;font-size:12px;font-weight:700;color:var(--primary);background:white;border-bottom:2px solid var(--gray-200);text-transform:none;letter-spacing:0;display:flex;align-items:center;gap:6px;flex-shrink:0}.ai-response-scroll{padding:20px;height:100%;flex:1;overflow:hidden}.ai-response-textarea{width:100%;height:100%;padding:0;border:none;background:transparent;color:var(--gray-800);font-family:inherit;font-size:14px;line-height:1.7;resize:none;font-weight:500;outline:none;transition:all .2s;box-sizing:border-box}.ai-response-textarea:hover{background:rgba(99,102,241,.03)}.ai-response-textarea:focus{background:rgba(99,102,241,.08);box-shadow:inset 0 0 0 2px #6366f133}.ai-response-textarea::placeholder{color:var(--gray-400);font-style:italic}.ai-response-text{color:var(--gray-800);font-family:inherit;font-size:14px;line-height:1.7;white-space:pre-wrap;margin:0;font-weight:500}.ai-actions-sidebar{padding:16px;background:white;display:flex;flex-direction:column;gap:10px}.actions-sidebar-title{font-size:12px;font-weight:700;color:var(--gray-600);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;flex-shrink:0}.action-chip{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--gray-50);border-radius:10px;border-left:3px solid var(--gray-300);cursor:pointer;transition:all .2s;position:relative;overflow:hidden;flex-shrink:0}.action-chip:hover{background:var(--gray-100);transform:translate(3px);box-shadow:var(--shadow-sm)}.action-chip.high{border-left-color:var(--danger)}.action-chip.medium{border-left-color:var(--warning)}.action-chip.low{border-left-color:var(--success)}.action-chip.loading{opacity:.7;pointer-events:none;animation:pulse-loading 1.5s infinite}.action-chip.done{background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(20,184,166,.1));border-left-color:var(--success);opacity:.8}.chip-icon{font-size:18px;flex-shrink:0}.chip-text{font-size:13px;font-weight:700;color:var(--gray-900);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-sources{margin-top:20px;padding-top:16px;border-top:2px solid var(--gray-200);flex-shrink:0}.sources-title{font-size:11px;font-weight:700;color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;flex-shrink:0}.source-item{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--gray-50);border-radius:8px;margin-bottom:8px;border:1px solid var(--gray-200);cursor:pointer;transition:all .2s;flex-shrink:0}.source-item:hover{background:white;border-color:var(--primary);box-shadow:var(--shadow-sm)}.source-item:last-child{margin-bottom:0}.source-icon{font-size:16px;flex-shrink:0}.source-content{flex:1;min-width:0}.source-name{font-size:11px;font-weight:700;color:var(--gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.source-type{font-size:10px;color:var(--gray-500);font-weight:600}.history-section{background:white;border-radius:12px;border:2px solid var(--gray-200);overflow:hidden}.history-tabs{padding:10px 16px;background:var(--gray-50);border-bottom:2px solid var(--gray-200)}.history-tab{font-size:12px;font-weight:700;color:var(--gray-700);text-transform:uppercase;letter-spacing:.5px}.history-scroll{padding:12px;display:flex;gap:10px;overflow-x:auto}.history-chip{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--gray-50);border-radius:10px;border:2px solid var(--gray-200);min-width:200px;flex-shrink:0}.history-chip.completed{background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(20,184,166,.1));border-color:var(--success)}.history-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;background:linear-gradient(135deg,var(--blue),var(--blue-light));box-shadow:var(--shadow-sm)}.history-icon.created{background:linear-gradient(135deg,var(--blue),var(--blue-light))}.history-icon.updated{background:linear-gradient(135deg,var(--warning),var(--warning-light))}.history-icon.resolved{background:linear-gradient(135deg,var(--success),var(--success-light))}.history-content{flex:1;min-width:0}.history-title{font-size:13px;font-weight:700;color:var(--gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:3px}.history-time{font-size:11px;color:var(--gray-500);font-weight:600}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}.modal-content{background:white;border-radius:20px;width:90%;max-width:700px;max-height:85vh;overflow:hidden;box-shadow:var(--shadow-xl);animation:slideInUp .3s ease-out;display:flex;flex-direction:column}@keyframes slideInUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{padding:20px 24px;background:linear-gradient(135deg,var(--primary),var(--purple));color:#fff;display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:18px;font-weight:800;margin:0}.modal-close{background:rgba(255,255,255,.2);border:none;color:#fff;width:32px;height:32px;border-radius:50%;font-size:20px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:rgba(255,255,255,.3);transform:rotate(90deg)}.modal-body{padding:24px;overflow-y:auto;flex:1}.modal-section{margin-bottom:24px}.modal-section-title{font-size:14px;font-weight:700;color:var(--gray-700);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.modal-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.toggle-all-btn{padding:6px 12px;background:var(--gray-100);border:2px solid var(--gray-300);border-radius:8px;font-size:12px;font-weight:700;color:var(--gray-700);cursor:pointer;transition:all .2s}.toggle-all-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff}.modal-response-preview{background:var(--gray-50);padding:16px;border-radius:12px;font-size:13px;color:var(--gray-700);line-height:1.6;border-left:4px solid var(--primary);font-style:italic}.modal-actions-list{display:flex;flex-direction:column;gap:10px;max-height:300px;overflow-y:auto}.modal-action-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--gray-50);border-radius:12px;border:2px solid transparent;cursor:pointer;transition:all .2s}.modal-action-item:hover{background:var(--gray-100);border-color:var(--primary)}.modal-action-item.selected{background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(139,92,246,.1));border-color:var(--primary)}.modal-action-item.completed{opacity:.6;cursor:not-allowed;background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(20,184,166,.1))}.modal-checkbox{font-size:16px;font-weight:700;width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid var(--gray-300);border-radius:6px;background:white;color:transparent;transition:all .2s}.modal-checkbox.checked{background:var(--primary);border-color:var(--primary);color:#fff}.modal-checkbox.disabled{background:var(--success);border-color:var(--success)}.modal-action-icon{font-size:24px;flex-shrink:0}.modal-action-content{flex:1;min-width:0}.modal-action-title{font-size:14px;font-weight:700;color:var(--gray-900);margin-bottom:4px;display:flex;align-items:center;gap:8px}.already-done-badge{font-size:10px;padding:2px 8px;background:var(--success);color:#fff;border-radius:10px;font-weight:700}.modal-action-desc{font-size:12px;color:var(--gray-600);line-height:1.4}.modal-priority-badge{font-size:18px;flex-shrink:0}.modal-priority-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.modal-priority-dot.high{background:var(--danger)}.modal-priority-dot.medium{background:var(--warning)}.modal-priority-dot.low{background:var(--success)}.modal-info{padding:12px 16px;background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(139,92,246,.1));border-radius:12px;font-size:13px;color:var(--gray-700);text-align:center;font-weight:600;border:2px solid rgba(99,102,241,.2)}.modal-footer{padding:16px 24px;background:var(--gray-50);border-top:2px solid var(--gray-200);display:flex;gap:12px;justify-content:flex-end}.modal-footer .btn{min-width:140px}.success-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(16,185,129,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-out}.success-animation{text-align:center;animation:zoomIn .5s ease-out}.success-icon{font-size:120px;margin-bottom:20px;animation:bounce .6s ease-out}.success-text{font-size:48px;font-weight:800;color:#fff;margin-bottom:12px;text-shadow:0 4px 12px rgba(0,0,0,.2)}.success-subtext{font-size:24px;font-weight:600;color:#ffffffe6;animation:pulse 1s infinite}@keyframes zoomIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes bounce{0%,to{transform:translateY(0) scale(1)}25%{transform:translateY(-30px) scale(1.1)}50%{transform:translateY(0) scale(1)}75%{transform:translateY(-15px) scale(1.05)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.sending-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(59,130,246,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-out}.sending-animation{text-align:center;width:400px}.sending-icon{font-size:100px;margin-bottom:20px;animation:fly 1.5s ease-in-out infinite}@keyframes fly{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-20px) rotate(-5deg)}75%{transform:translateY(-10px) rotate(5deg)}}.sending-text{font-size:36px;font-weight:800;color:#fff;margin-bottom:24px;text-shadow:0 4px 12px rgba(0,0,0,.2)}.sending-progress{width:100%;height:8px;background:rgba(255,255,255,.3);border-radius:8px;overflow:hidden}.sending-progress-bar{height:100%;background:white;border-radius:8px;animation:progress 1.5s ease-in-out infinite;box-shadow:0 0 20px #fffc}@keyframes progress{0%{width:0%}50%{width:70%}to{width:100%}}@media (max-width: 1400px){.ai-zone-content{grid-template-columns:1fr}.ai-response-main{border-right:none;border-bottom:2px solid var(--gray-200)}.header-row-2{flex-direction:column;align-items:flex-start}.modal-content{width:95%;max-width:none}.success-icon{font-size:80px}.success-text{font-size:36px}.success-subtext{font-size:18px}}