@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);:root{--primary-50:#f0f9ff;--primary-100:#e0f2fe;--primary-200:#bae6fd;--primary-300:#7dd3fc;--primary-400:#38bdf8;--primary-500:#0ea5e9;--primary-600:#0284c7;--primary-700:#0369a1;--primary-800:#075985;--primary-900:#0c4a6e;--neutral-50:#fafafa;--neutral-100:#f5f5f5;--neutral-200:#e5e5e5;--neutral-300:#d4d4d4;--neutral-400:#a3a3a3;--neutral-500:#737373;--neutral-600:#525252;--neutral-700:#404040;--neutral-800:#262626;--neutral-900:#171717;--success-50:#f0fdf4;--success-100:#dcfce7;--success-500:#22c55e;--success-600:#16a34a;--success-700:#15803d;--warning-50:#fffbeb;--warning-100:#fef3c7;--warning-500:#f59e0b;--warning-600:#d97706;--warning-700:#b45309;--error-50:#fef2f2;--error-100:#fee2e2;--error-500:#ef4444;--error-600:#dc2626;--error-700:#b91c1c;--blue-50:#eff6ff;--blue-200:#bfdbfe;--blue-700:#1d4ed8;--green-50:#f0fdf4;--green-200:#bbf7d0;--green-600:#16a34a;--green-700:#15803d;--red-50:#fef2f2;--red-200:#fecaca;--red-600:#dc2626;--yellow-50:#fffbeb;--yellow-200:#fde68a;--yellow-600:#d97706;--orange-50:#fff7ed;--orange-700:#c2410c;--gray-50:#f9fafb;--gray-700:#374151;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--transition-fast:150ms ease;--transition-normal:200ms ease;--transition-slow:300ms ease;--sidebar-width:280px;--header-height:64px;--border-color:var(--neutral-200);--bg-primary:var(--neutral-50);--bg-secondary:#fff;--bg-white:#fff;--bg-gray-50:var(--neutral-50);--text-primary:var(--neutral-900);--text-secondary:var(--neutral-600);--text-muted:var(--neutral-500)}body{background-color:#fafafa;background-color:var(--bg-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-size-base);line-height:1.5}body,h1,h2,h3,h4,h5,h6{color:#171717;color:var(--text-primary);margin:0}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25}h1{font-size:2.25rem;font-size:var(--font-size-4xl)}h2{font-size:1.875rem;font-size:var(--font-size-3xl)}h3{font-size:1.5rem;font-size:var(--font-size-2xl)}h4{font-size:1.25rem;font-size:var(--font-size-xl)}h5{font-size:1.125rem;font-size:var(--font-size-lg)}h6{font-size:1rem;font-size:var(--font-size-base)}p{color:#525252;color:var(--text-secondary);margin:0}.btn{border-radius:.375rem;border-radius:var(--radius-md);font-size:var(--font-size-sm);gap:var(--spacing-2);padding:.5rem 1rem;padding:var(--spacing-2) var(--spacing-4);transition:all .15s ease;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:hover:not(:disabled):before{left:100%}.btn-primary{background:linear-gradient(135deg,#0284c7,#0369a1);background:linear-gradient(135deg,var(--primary-600),var(--primary-700));border-color:#0284c7;border-color:var(--primary-600);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#0369a1,#075985);background:linear-gradient(135deg,var(--primary-700),var(--primary-800));border-color:#0369a1;border-color:var(--primary-700);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{border-color:#e5e5e5;border-color:var(--border-color);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#171717;color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:#fafafa;background:var(--neutral-50);border-color:#d4d4d4;border-color:var(--neutral-300);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-success{background:linear-gradient(135deg,#22c55e,#16a34a);background:linear-gradient(135deg,var(--success-500),var(--success-600));border-color:#22c55e;border-color:var(--success-500);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,#16a34a,#15803d);background:linear-gradient(135deg,var(--success-600),var(--success-700));border-color:#16a34a;border-color:var(--success-600);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md)}.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);background:linear-gradient(135deg,var(--warning-500),var(--warning-600));border-color:#f59e0b;border-color:var(--warning-500);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.btn-warning:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309);background:linear-gradient(135deg,var(--warning-600),var(--warning-700));border-color:#d97706;border-color:var(--warning-600);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-error{background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--error-500),var(--error-600));border-color:#ef4444;border-color:var(--error-500);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff}.btn-error:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);background:linear-gradient(135deg,var(--error-600),var(--error-700));border-color:#dc2626;border-color:var(--error-600);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-ghost{background:#0000;border-color:#0000;color:#171717;color:var(--text-primary)}.btn-ghost:hover:not(:disabled){background:#f5f5f5;background:var(--neutral-100);border-color:#e5e5e5;border-color:var(--neutral-200)}.btn-sm{font-size:var(--font-size-xs);padding:.25rem .75rem;padding:var(--spacing-1) var(--spacing-3)}.btn-lg{font-size:1rem;font-size:var(--font-size-base);padding:.75rem 1.5rem;padding:var(--spacing-3) var(--spacing-6)}.btn-xl{font-size:1.125rem;font-size:var(--font-size-lg);padding:1rem 2rem;padding:var(--spacing-4) var(--spacing-8)}.card{background-color:#fff;background-color:var(--bg-secondary);border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);transition:box-shadow .15s ease;transition:box-shadow var(--transition-fast)}.card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md)}.card-header{border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border-color)}.card-body,.card-footer,.card-header{padding:1.5rem;padding:var(--spacing-6)}.card-footer{background-color:#fafafa;background-color:var(--neutral-50);border-top:1px solid #e5e5e5;border-top:1px solid var(--border-color)}.form-group{margin-bottom:1rem;margin-bottom:var(--spacing-4)}.form-label{color:#171717;color:var(--text-primary);display:block;font-weight:500;margin-bottom:.25rem;margin-bottom:var(--spacing-1)}.form-input,.form-label{font-size:.875rem;font-size:var(--font-size-sm)}.form-input{background-color:#fff;border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:.375rem;border-radius:var(--radius-md);padding:.75rem;padding:var(--spacing-3);transition:border-color .15s ease,box-shadow .15s ease;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.form-input:focus{border-color:#0ea5e9;border-color:var(--primary-500);box-shadow:0 0 0 3px #0ea5e91a;outline:none}.form-input:disabled{background-color:#f5f5f5;background-color:var(--neutral-100);color:#737373;color:var(--text-muted);cursor:not-allowed}.badge{border-radius:.375rem;border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:500;padding:.25rem .5rem;padding:var(--spacing-1) var(--spacing-2)}.badge-primary{background:#e0f2fe;background:var(--primary-100);color:#0369a1;color:var(--primary-700)}.badge-success{background:#dcfce7;background:var(--success-100);color:#15803d;color:var(--success-700)}.badge-warning{background:#fef3c7;background:var(--warning-100);color:#b45309;color:var(--warning-700)}.badge-error{background:#fee2e2;background:var(--error-100);color:#b91c1c;color:var(--error-700)}.badge-neutral{background:#f5f5f5;background:var(--neutral-100);color:#404040;color:var(--neutral-700)}.alert{align-items:flex-start;border:1px solid;border-radius:.5rem;border-radius:var(--radius-lg);display:flex;gap:.75rem;gap:var(--spacing-3);margin-bottom:1rem;margin-bottom:var(--spacing-4);padding:1rem;padding:var(--spacing-4)}.alert-info{background:#f0f9ff;background:var(--primary-50);border-color:#bae6fd;border-color:var(--primary-200);color:#0369a1;color:var(--primary-700)}.alert-success{background:#f0fdf4;background:var(--success-50);border-color:var(--success-200);color:#15803d;color:var(--success-700)}.alert-warning{background:#fffbeb;background:var(--warning-50);border-color:var(--warning-200);color:#b45309;color:var(--warning-700)}.alert-error{background:#fef2f2;background:var(--error-50);border-color:var(--error-200);color:#b91c1c;color:var(--error-700)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:#171717;color:var(--text-primary)}.text-secondary{color:#525252;color:var(--text-secondary)}.text-muted{color:#737373;color:var(--text-muted)}.text-success{color:#16a34a;color:var(--success-600)}.text-warning{color:#d97706;color:var(--warning-600)}.text-error{color:#dc2626;color:var(--error-600)}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem;margin-bottom:var(--spacing-1)}.mb-2{margin-bottom:.5rem;margin-bottom:var(--spacing-2)}.mb-3{margin-bottom:.75rem;margin-bottom:var(--spacing-3)}.mb-4{margin-bottom:var(--spacing-4)}.mb-5{margin-bottom:1.25rem;margin-bottom:var(--spacing-5)}.mb-6{margin-bottom:1.5rem;margin-bottom:var(--spacing-6)}.mt-0{margin-top:0}.mt-1{margin-top:.25rem;margin-top:var(--spacing-1)}.mt-2{margin-top:.5rem;margin-top:var(--spacing-2)}.mt-3{margin-top:.75rem;margin-top:var(--spacing-3)}.mt-4{margin-top:1rem;margin-top:var(--spacing-4)}.mt-5{margin-top:1.25rem;margin-top:var(--spacing-5)}.mt-6{margin-top:1.5rem;margin-top:var(--spacing-6)}.p-0{padding:0}.p-1{padding:.25rem;padding:var(--spacing-1)}.p-2{padding:.5rem;padding:var(--spacing-2)}.p-3{padding:.75rem;padding:var(--spacing-3)}.p-4{padding:1rem;padding:var(--spacing-4)}.p-5{padding:1.25rem;padding:var(--spacing-5)}.p-6{padding:1.5rem;padding:var(--spacing-6)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:.25rem;gap:var(--spacing-1)}.gap-2{gap:.5rem;gap:var(--spacing-2)}.gap-3{gap:.75rem;gap:var(--spacing-3)}.gap-4{gap:1rem;gap:var(--spacing-4)}.w-full{width:100%}.h-full{height:100%}.loading{color:#737373;color:var(--text-muted);gap:.75rem;gap:var(--spacing-3)}.spinner{border:2px solid #e5e5e5;border-top:2px solid #0284c7;border:2px solid var(--neutral-200);border-top-color:var(--primary-600);height:20px;width:20px}@media (max-width:768px){:root{--sidebar-width:100%;--spacing-6:1rem;--spacing-8:1.5rem}}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#f5f5f5;background:var(--neutral-100)}::-webkit-scrollbar-thumb{background:#d4d4d4;background:var(--neutral-300);border-radius:.25rem;border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:#a3a3a3;background:var(--neutral-400)}.auth-container{align-items:center;background:linear-gradient(135deg,var(--primary-600) 0,var(--primary-800) 100%);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:var(--spacing-6);position:relative}.auth-container:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='50' cy='50' r='1' fill='%23fff' opacity='.1'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;pointer-events:none;position:absolute;right:0;top:0}.auth-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-secondary);border:1px solid #ffffff1a;border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);max-width:480px;padding:var(--spacing-8);position:relative;width:100%}.auth-header{margin-bottom:var(--spacing-8);text-align:center}.auth-logo{align-items:center;display:flex;gap:var(--spacing-3);justify-content:center;margin-bottom:var(--spacing-6)}.auth-logo .logo-image{flex-shrink:0;height:40px;object-fit:contain;width:40px}.auth-logo h1{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:700;letter-spacing:-.025em;line-height:1.2;margin:0;white-space:nowrap}.auth-header p{color:var(--text-secondary);font-size:var(--font-size-lg);font-weight:400;margin:0}.auth-form{margin-bottom:var(--spacing-6)}.form-group{margin-bottom:var(--spacing-5)}.form-group label{color:var(--text-primary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-2)}.form-group input{background:#fff;border:2px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-base);font-weight:500;padding:var(--spacing-4);transition:all var(--transition-normal)}.form-group input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #0ea5e91a;transform:translateY(-1px)}.form-group input::placeholder{color:var(--text-muted);font-weight:400}.password-input-container{align-items:center;display:flex;position:relative}.password-input-container input{padding-right:50px}.password-toggle-btn{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-sm);justify-content:center;padding:8px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all var(--transition-normal)}.password-toggle-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.password-toggle-btn:focus{background:var(--primary-50);color:var(--primary-600);outline:none}.auth-button{background:linear-gradient(135deg,var(--primary-600) 0,var(--primary-700) 100%);border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;font-size:var(--font-size-base);font-weight:600;overflow:hidden;padding:var(--spacing-4);position:relative;transition:all var(--transition-normal);width:100%}.auth-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.auth-button:hover:not(:disabled):before{left:100%}.auth-button:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-700) 0,var(--primary-800) 100%);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.auth-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.auth-footer{border-top:1px solid var(--border-color);margin-top:var(--spacing-6);padding-top:var(--spacing-6);text-align:center}.auth-footer p{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.5;margin:0 0 var(--spacing-2) 0}.auth-link{color:var(--primary-600);font-weight:600;text-decoration:none;transition:color var(--transition-fast)}.auth-link:hover{color:var(--primary-700);text-decoration:underline}.error-message{background:var(--error-50);border:1px solid var(--error-200);border-radius:var(--radius-lg);color:var(--error-700);font-size:var(--font-size-sm);gap:var(--spacing-2);margin-bottom:var(--spacing-5);padding:var(--spacing-4)}.error-message:before{content:"⚠️";font-size:16px}.success-message{background:var(--success-50);border:1px solid var(--success-200);border-radius:var(--radius-lg);color:var(--success-700);font-size:var(--font-size-sm);gap:var(--spacing-2);margin-bottom:var(--spacing-5);padding:var(--spacing-4)}.success-message:before{content:"✅";font-size:16px}.quick-login-section{background:var(--primary-50);border:1px solid var(--primary-200);border-radius:var(--radius-xl);margin:var(--spacing-6) 0;padding:var(--spacing-6)}.quick-login-section h3{color:var(--text-primary);font-size:var(--font-size-base);font-weight:600}.quick-login-info,.quick-login-section h3{margin:0 0 var(--spacing-4) 0;text-align:center}.quick-login-info{color:var(--text-secondary);font-size:var(--font-size-sm)}.credentials-info{background:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:var(--radius-lg);margin:0 0 var(--spacing-4) 0;padding:var(--spacing-4)}.credentials-info p{color:var(--text-secondary);font-size:var(--font-size-sm);margin:var(--spacing-2) 0}.credentials-info strong{color:var(--text-primary);font-weight:600}.quick-login-buttons{display:flex;flex-direction:column;gap:var(--spacing-3)}.quick-login-btn{border:none;border-radius:var(--radius-lg);cursor:pointer;font-size:var(--font-size-sm);font-weight:600;overflow:hidden;padding:var(--spacing-3) var(--spacing-4);position:relative;text-align:center;transition:all var(--transition-normal)}.quick-login-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.quick-login-btn:hover:not(:disabled):before{left:100%}.quick-login-btn.admin{background:linear-gradient(135deg,var(--success-500) 0,var(--success-600) 100%);color:#fff}.quick-login-btn.super-admin{background:linear-gradient(135deg,var(--warning-500) 0,var(--warning-600) 100%);color:#fff}.quick-login-btn.user{background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-600) 100%);color:#fff}.quick-login-btn:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-1px)}.quick-login-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.demo-credentials{background:var(--neutral-50);border:1px solid var(--border-color);border-radius:var(--radius-xl);margin-top:var(--spacing-6);padding:var(--spacing-6)}.demo-credentials h3{color:var(--text-primary);font-size:var(--font-size-base);font-weight:600;margin:0 0 var(--spacing-4) 0}.credential-item{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.5;margin-bottom:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3)}.credential-item strong{color:var(--text-primary);font-weight:600}@media (max-width:640px){.auth-container{padding:var(--spacing-4)}.auth-card{margin:var(--spacing-2);padding:var(--spacing-6)}.auth-logo h1{font-size:var(--font-size-xl)}.auth-header p{font-size:var(--font-size-base)}.quick-login-buttons{gap:var(--spacing-2)}.quick-login-btn{font-size:var(--font-size-xs);padding:var(--spacing-2) var(--spacing-3)}.demo-credentials{padding:var(--spacing-4)}.credential-item{font-size:var(--font-size-xs);padding:var(--spacing-2)}}.auth-button:disabled:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;content:"";height:16px;left:50%;margin:-8px 0 0 -8px;position:absolute;top:50%;width:16px}.otp-input{background:#f8fafc!important;border:2px solid #e2e8f0!important;border-radius:8px!important;font-family:Courier New,monospace!important;font-size:24px!important;font-weight:700!important;letter-spacing:8px!important;padding:16px!important;text-align:center!important;transition:all .3s ease!important}.otp-input:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important;outline:none!important}.link-button{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:inherit;margin:0;padding:0;text-decoration:underline;transition:color .2s ease}.link-button:hover{color:#1d4ed8}.link-button:disabled{color:#9ca3af;cursor:not-allowed;text-decoration:none}.form-help{color:#6b7280;display:block;font-size:12px;margin-top:4px}.success-message{border:1px solid #22c55e;border-radius:6px;color:#15803d;margin-bottom:20px}.auth-header h2{align-items:center;display:flex;gap:8px;justify-content:center}@media (max-width:480px){.otp-input{font-size:20px!important;letter-spacing:4px!important;padding:12px!important}}@keyframes progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.deprecated-notice{background:linear-gradient(135deg,#dc2626,#991b1b);border:2px solid #dc2626;color:#fff;text-align:center}.deprecated-notice h2{color:#fff!important;margin-bottom:20px}.deprecated-notice ul{margin:20px 0;padding-left:20px;text-align:left}.deprecated-notice .progress-container{background:#ffffff1a;border-radius:8px;margin-bottom:30px;padding:20px}.deprecated-notice .progress-bar{background:#ffffff4d;border-radius:2px;height:4px;overflow:hidden;width:100%}.deprecated-notice .progress-fill{animation:progress 3s linear forwards;background:#fff;height:100%;transform-origin:left;width:100%}.sidebar{background:#fff;border-right:1px solid #e5e7eb;box-shadow:var(--shadow-xl);color:#000;display:flex;flex-direction:column;height:100vh;left:0;min-height:100vh;overflow-y:auto;position:fixed;top:0;width:var(--sidebar-width);z-index:1000}.sidebar-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;flex-shrink:0;padding:var(--spacing-6)}.logo{align-items:center;display:flex;gap:var(--spacing-3);white-space:nowrap}.logo-image{flex-shrink:0;height:32px;object-fit:contain;width:32px}.logo-text{color:#000;font-size:var(--font-size-lg);font-weight:700;letter-spacing:-.025em;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-menu{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-1);list-style:none;margin:0;min-height:0;overflow-y:auto;padding:var(--spacing-4) 0}.nav-item{border-radius:var(--radius-lg);cursor:pointer;flex-shrink:0;margin:0 var(--spacing-4);position:relative;transition:all var(--transition-normal)}.nav-item:hover{background-color:#f3f4f6;transform:translateX(2px)}.nav-item.active{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d}.nav-item.active:before{background:#60a5fa;border-radius:0 var(--radius-sm) var(--radius-sm) 0;content:"";height:20px;left:-16px;position:absolute;top:50%;transform:translateY(-50%);width:4px}.nav-link{align-items:center;background:none;border:none;border-radius:var(--radius-lg);color:#374151;cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:500;gap:var(--spacing-3);min-height:48px;padding:var(--spacing-3) var(--spacing-4);position:relative;text-align:left;text-decoration:none;transition:all var(--transition-normal);width:100%}.nav-item.active .nav-link{color:#fff;font-weight:600}.nav-item:hover .nav-link{color:#1f2937}.nav-icon{flex-shrink:0;font-size:18px;opacity:.8;text-align:center;transition:transform var(--transition-normal);width:20px}.nav-item:hover .nav-icon{opacity:1;transform:scale(1.1)}.nav-item.active .nav-icon{opacity:1}.user-profile{margin-top:auto;padding:var(--spacing-6)}.support-section,.user-profile{background:#f9fafb;border-top:1px solid #e5e7eb;flex-shrink:0}.support-section{padding:var(--spacing-4) var(--spacing-6)}.support-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:var(--radius-md);box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:600;gap:var(--spacing-2);justify-content:center;padding:var(--spacing-3) var(--spacing-4);transition:all var(--transition-normal);width:100%}.support-button:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.support-button:active{box-shadow:0 4px 12px #667eea4d;transform:translateY(0)}.support-button .nav-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));font-size:16px}.user-info{flex-direction:column;gap:var(--spacing-1);margin-bottom:var(--spacing-4)}.user-name{color:#000;font-size:var(--font-size-sm)}.user-email{color:#6b7280;font-size:var(--font-size-xs);line-height:1.2}.logout-btn{align-items:center;background:#6b7280!important;border:2px solid #6b7280!important;border-radius:var(--radius-md);color:#fff!important;display:flex;font-size:var(--font-size-sm);font-weight:600;gap:var(--spacing-2);justify-content:center;padding:var(--spacing-3) var(--spacing-4);text-shadow:none;transition:all var(--transition-normal);width:100%}.logout-btn:hover{background:#4b5563;border-color:#4b5563;color:#fff;transform:translateY(-1px)}.logout-btn:before{content:"🚪";font-size:14px}@media (max-width:768px){.sidebar{border-radius:0;box-shadow:var(--shadow-md);height:auto;position:relative;width:100%}.sidebar,.sidebar-header{padding:var(--spacing-4)}.nav-menu{flex-direction:row;gap:var(--spacing-2);margin:0 var(--spacing-4);overflow-x:auto;padding:var(--spacing-3) 0}.nav-item{flex-shrink:0;margin:0}.nav-link{flex-shrink:0;font-size:var(--font-size-xs);min-width:120px;padding:var(--spacing-2) var(--spacing-3)}.nav-icon{font-size:16px}.user-profile{margin-top:var(--spacing-4);padding:var(--spacing-4)}.support-section{margin-top:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4)}.support-button{font-size:var(--font-size-xs);min-width:120px;padding:var(--spacing-2) var(--spacing-3)}.logo-text{font-size:var(--font-size-base)}.logo-image{height:24px;width:24px}}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:#0000}.sidebar::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:var(--radius-sm)}.sidebar::-webkit-scrollbar-thumb:hover{background:#9ca3af}.notification-bell-container{display:inline-block;position:relative}.notification-bell{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center;padding:8px;position:relative;transition:all .2s ease}.notification-bell:hover{background-color:#0000000d}.bell-icon{color:#333;font-size:20px}.notification-badge{background:linear-gradient(135deg,#667eea,#764ba2);right:0;top:0}.notification-dropdown{backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 4px 12px #00000026;margin-top:8px;max-height:500px;overflow:hidden;position:absolute;right:0;top:100%;transform:translateZ(0);width:400px;will-change:transform;z-index:1000}.dropdown-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e9ecef;box-sizing:border-box;display:flex;justify-content:space-between;min-height:60px;padding:15px 20px}.dropdown-header h4{color:#333;font-size:16px;font-weight:600;margin:0;white-space:nowrap}.header-actions{gap:8px}.btn-sound-toggle,.btn-test-sound{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:14px;padding:6px 8px;transition:all .2s ease}.btn-sound-toggle:hover,.btn-test-sound:hover{background-color:#e9ecef;color:#333}.btn-view-all{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.btn-view-all:hover{background:#0056b3;transform:translateY(-1px)}.sound-settings{align-items:center;background:#f8f9fa;border-bottom:1px solid #e9ecef;color:#666;display:flex;font-size:12px;gap:10px;padding:10px 20px}.sound-settings label{color:#333;font-weight:500;min-width:50px;white-space:nowrap}.volume-slider{appearance:none;background:#ddd;border-radius:2px;flex:1 1;height:4px;outline:none}.volume-slider::-webkit-slider-thumb{appearance:none;background:#007bff;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:16px;width:16px}.volume-slider::-webkit-slider-thumb:hover{background:#0056b3;transform:scale(1.1)}.volume-slider::-moz-range-thumb{background:#007bff;border:none;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:16px;width:16px}.volume-slider::-moz-range-thumb:hover{background:#0056b3}.volume-value{color:#333;font-weight:600;min-width:30px;text-align:right}.dropdown-content{max-height:350px;overflow-y:auto;padding:0}.loading-dropdown{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:40px 20px}.spinner{border:2px solid #e9ecef;height:24px;margin-bottom:10px;width:24px}.empty-dropdown{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.empty-dropdown p{color:#333;font-weight:500;margin:0 0 5px}.empty-dropdown small{color:#999;font-size:12px}.notifications-list{margin:0}.notification-item{border-bottom:1px solid #f0f0f0;gap:12px;padding:15px 20px}.notification-item.unread{background-color:#f0f8ff;border-left:3px solid #007bff}.notification-item.unread:hover{background-color:#e6f3ff}.notification-item.welcome-notification{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-bottom:1px solid #ffeaa7;border-left:3px solid #ffc107;overflow:hidden;position:relative}.notification-item.welcome-notification:before{animation:shimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#ffc107,#ff8c00,#ff6b35);content:"";height:2px;left:0;position:absolute;right:0;top:0}.notification-item.welcome-notification:hover{background:linear-gradient(135deg,#ffeaa7,#fdcb6e);box-shadow:0 4px 12px #ffc1074d;transform:translateY(-1px)}.notification-item.welcome-notification .notification-icon{animation:bounce 2s ease-in-out infinite;background:linear-gradient(135deg,#ffc107,#ff8c00);color:#fff}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-3px)}60%{transform:translateY(-1px)}}.notification-item.welcome-notification .notification-title{color:#856404;font-weight:700}.notification-item.welcome-notification .notification-message{color:#856404}.notification-icon{background:#f8f9fa;border:1px solid #e9ecef;font-size:14px;height:32px;transition:all .2s ease;width:32px}.notification-content{display:flex;flex-direction:column;gap:4px}.notification-header{flex-wrap:wrap;gap:8px}.notification-title{font-size:14px;min-width:0}.notification-meta{gap:6px}.priority-badge{border-radius:10px;padding:2px 6px}.notification-time{color:#999;font-size:11px}.notification-message{word-wrap:break-word;font-size:12px;-webkit-hyphens:auto;hyphens:auto;line-height:1.4;margin:0;overflow-wrap:break-word}.notification-data{gap:6px;margin-top:4px}.data-item{background:#e6f3ff;color:#007bff;font-weight:500;padding:2px 6px}.more-notifications{background:#f8f9fa;border-top:1px solid #e9ecef;padding:15px 20px;text-align:center}.more-notifications p{color:#666;font-size:12px;font-weight:500;margin:0}.dropdown-overlay{background:#0000;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.notification-item:after{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .6s ease}.notification-item:hover:after{transform:translateX(100%)}@media (max-width:480px){.notification-dropdown{right:-10px;width:320px}.notification-item{padding:12px 15px}.notification-icon{font-size:12px;height:28px;width:28px}.notification-title{font-size:13px}.notification-message{font-size:11px}}.notification-center-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.notification-center{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:100%}.notification-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e9ecef;flex-shrink:0;padding:20px 24px}.notification-title{align-items:center;display:flex;gap:12px}.notification-title h3{color:#333;font-size:20px;font-weight:600;margin:0}.unread-badge{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:24px;justify-content:center;min-width:24px;padding:4px}.notification-actions{display:flex;gap:8px}.btn-delete-read,.btn-mark-all-read{background:none;border:1px solid #dee2e6;border-radius:6px;color:#6c757d;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.btn-mark-all-read:hover{background:#e3f2fd;border-color:#2196f3;color:#2196f3}.btn-delete-read:hover{background:#ffebee;border-color:#f44336;color:#f44336}.btn-close{align-items:center;background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:4px;transition:all .2s ease;width:32px}.btn-close:hover{background:#f8f9fa;color:#333}.notification-filters{background:#fff;border-bottom:1px solid #e9ecef;display:flex;flex-shrink:0;gap:12px;padding:16px 24px}.filter-select{border:1px solid #dee2e6;border-radius:6px;color:#333;transition:border-color .2s ease}.notifications-list{flex:1 1;overflow-y:auto;padding:0}.empty-notifications,.error-notifications,.loading-notifications{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 24px;text-align:center}.loading-notifications .spinner{animation:spin 1s linear infinite;border:3px solid #e9ecef;border-radius:50%;border-top-color:#667eea;height:32px;margin-bottom:16px;width:32px}.error-notifications p,.loading-notifications p{color:#6c757d;font-size:16px;margin:0}.error-notifications button{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;margin-top:12px;padding:8px 16px}.error-notifications button:hover{background:#5a6fd8}.empty-notifications .empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-notifications p{color:#333;font-size:18px;font-weight:500;margin:0 0 8px}.empty-notifications small{color:#6c757d;font-size:14px}.notification-item{align-items:flex-start;border-bottom:1px solid #f1f3f4;cursor:pointer;display:flex;padding:20px 24px;position:relative;transition:all .2s ease}.notification-item:hover{background-color:#f8f9fa;transform:translateX(4px)}.notification-item.unread{background-color:#e3f2fd;border-left:4px solid #2196f3}.notification-item.unread:hover{background-color:#bbdefb}.notification-item:last-child{border-bottom:none}.notification-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;margin-right:16px;width:40px}.notification-content{flex:1 1;min-width:0}.notification-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.notification-title{color:#333;flex:1 1;font-size:16px;font-weight:600;line-height:1.3;margin:0}.notification-meta{align-items:center;display:flex;flex-shrink:0;gap:8px}.priority-badge{font-size:10px}.notification-time{color:#6c757d;font-size:12px;white-space:nowrap}.notification-message{color:#666;font-size:14px;line-height:1.5;margin:0 0 8px}.notification-data{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.data-item{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;color:#495057;font-size:11px;padding:4px 8px}.btn-delete-notification{align-items:center;background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:28px;justify-content:center;margin-left:12px;padding:4px;transition:all .2s ease;width:28px}.btn-delete-notification:hover{background:#ffebee;color:#f44336}.notification-pagination{align-items:center;background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;flex-shrink:0;gap:16px;justify-content:center;padding:20px 24px}.btn-pagination{background:#fff;border:1px solid #dee2e6;border-radius:6px;color:#333;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.btn-pagination:hover:not(:disabled){background:#667eea;border-color:#667eea;color:#fff}.btn-pagination:disabled{cursor:not-allowed;opacity:.5}.pagination-info{color:#6c757d;font-size:14px;font-weight:500}@media (max-width:768px){.notification-center{max-height:95vh;max-width:95vw}.notification-header{padding:16px 20px}.notification-title h3{font-size:18px}.notification-filters{flex-direction:column;padding:12px 20px}.notification-item{padding:16px 20px}.notification-icon{font-size:14px;height:32px;width:32px}.notification-title{font-size:14px}.notification-message{font-size:13px}.notification-actions{flex-direction:column;gap:4px}.btn-delete-read,.btn-mark-all-read{font-size:11px;padding:4px 8px}}.toast-container{display:flex;flex-direction:column;gap:10px;position:fixed;right:20px;top:20px;z-index:9999}.toast{border-radius:8px;box-shadow:0 4px 12px #00000026;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.4;max-width:400px;min-width:300px;opacity:0;padding:12px 16px;transform:translateX(100%);transition:all .3s ease-in-out}.toast.show{opacity:1;transform:translateX(0)}.toast.hide{opacity:0;transform:translateX(100%)}.toast-icon{font-size:16px}.toast-close{border-radius:50%;flex-shrink:0;font-size:18px;height:20px;transition:background-color .2s;width:20px}.toast-close:hover{background-color:#0000001a}.toast.success{background-color:#d4edda;border-left:4px solid #28a745;color:#155724}.toast.error{background-color:#f8d7da;border-left:4px solid #dc3545;color:#721c24}.toast.warning{background-color:#fff3cd;border-left:4px solid #ffc107;color:#856404}.toast.info{background-color:#d1ecf1;border-left:4px solid #17a2b8;color:#0c5460}.app{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;height:100dvh}.main-content{overflow:hidden}.dashboard-header-modern{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-bottom:1px solid #fff3;box-shadow:0 2px 20px #0000001a;padding:20px 30px}.header-content{align-items:center;justify-content:space-between;margin:0;max-width:1400px}.page-title{color:#fff;font-size:28px;font-weight:700;margin:0 0 5px;text-shadow:0 2px 4px #0000004d}.page-subtitle{color:#fffc;font-size:16px;font-weight:400;margin:0}.header-right{align-items:center;display:flex;gap:15px}.content-wrapper{background:#ffffff0d;padding:30px}.loading-container{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;height:100vh}.spinner{border:4px solid #ffffff4d;border-top-color:#fff;margin-bottom:20px}@media (max-width:768px){.dashboard-header-modern{padding:15px 20px}.page-title{font-size:24px}.page-subtitle{font-size:14px}.content-wrapper{padding:20px}.header-content{align-items:flex-start;flex-direction:column;gap:10px}.header-right{align-self:flex-end}}@media (max-width:480px){.dashboard-header-modern{padding:10px 15px}.page-title{font-size:20px}.page-subtitle{font-size:12px}.content-wrapper{padding:15px}}.dashboard-container{background:#f8fafc;margin:0;max-width:1400px;min-height:100vh;padding:32px}.dashboard-header{align-items:center!important;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 20px 40px #667eea26;display:flex!important;justify-content:space-between!important;margin-bottom:32px!important;overflow:hidden;padding:24px 32px!important;position:relative}.dashboard-header:before{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);border-radius:50%;content:"";height:300px;position:absolute;right:-20%;top:-50%;width:300px}.dashboard-header:after{background:radial-gradient(circle,#ffffff14 0,#0000 70%);border-radius:50%;bottom:-30%;content:"";height:200px;left:-10%;position:absolute;width:200px}.notification-btn{background:#f8fafc;border:1px solid #e2e8f0;min-width:40px;padding:8px 12px;transition:all .2s ease}.notification-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.notification-badge{background:#ef4444;border:2px solid #fff;font-weight:600;height:18px;min-width:18px;right:-4px;top:-4px}.user-info-section{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:12px;display:flex;gap:12px;padding:12px 16px;transition:all .3s ease}.user-info-section:hover{background:#ffffff40;transform:translateY(-2px)}.user-avatar{background:linear-gradient(135deg,#fff,#f0f4ff);box-shadow:0 4px 8px #0000001a;color:#667eea;font-weight:600;height:40px;width:40px}.user-details{gap:2px;min-width:0}.user-name{color:#fff;font-size:14px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{color:#fffc;line-height:1.2}.quick-actions{gap:8px}.action-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:12px;color:#fff;flex-shrink:0;font-size:18px;height:44px;width:44px}.action-btn:hover{background:#ffffff40;box-shadow:0 8px 16px #00000026}.refresh-btn:hover{background:#3b82f640;border-color:#3b82f666}.support-btn{background:#ef444426;border-color:#ef444433}.support-btn:hover{background:#ef444440;border-color:#ef444466}.settings-btn:hover{background:#9ca3af40;border-color:#9ca3af66}.dashboard-content{background:#0000;padding:0}.dashboard-content .stats-grid{grid-gap:10px!important;display:grid!important;gap:10px!important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;margin-bottom:18px!important}.dashboard-content .stat-card{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;box-shadow:0 2px 4px #0000000f!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;max-width:250px!important;min-height:80px!important;overflow:hidden!important;padding:10px!important;position:relative!important;transition:all .2s ease!important}.stat-card:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6,#06b6d4);border-radius:12px 12px 0 0;height:3px}.stat-card:hover{box-shadow:0 8px 16px #00000014}.dashboard-content .stat-icon{display:none!important}.dashboard-content .stat-content{display:flex!important;flex:1 1!important;flex-direction:column!important;justify-content:space-between!important}.dashboard-content .stat-content h3{color:#64748b!important;font-size:10px!important;font-weight:600!important;letter-spacing:.03em!important;line-height:1.2!important;text-transform:uppercase!important}.dashboard-content .stat-content h3,.dashboard-content .stat-number{margin:0 0 2px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.dashboard-content .stat-number{color:#1e293b!important;font-size:16px!important;font-weight:800!important;line-height:1!important}.dashboard-content .stat-change{border-radius:3px!important;display:inline-block!important;font-size:9px!important;font-weight:600!important;max-width:100%!important;overflow:hidden!important;padding:1px 3px!important;text-overflow:ellipsis!important;white-space:nowrap!important}.stat-change.positive{background:#dcfce7;color:#166534}.stat-change.negative{background:#fee2e2;color:#991b1b}.stat-change.neutral{background:#f1f5f9;color:#64748b}.charts-section{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin-bottom:24px;overflow:hidden;padding:24px;position:relative}.charts-section:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6,#06b6d4,#10b981);border-radius:20px 20px 0 0;content:"";height:6px;left:0;position:absolute;right:0;top:0}.section-title{color:#1e293b;font-size:20px;font-weight:800;gap:12px;letter-spacing:-.02em;margin:0 0 16px;position:relative;z-index:2}.section-title:before{animation:pulse 2s infinite;content:"📊";filter:drop-shadow(0 4px 8px rgba(59,130,246,.25));font-size:22px}.charts-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));position:relative;z-index:2}.chart-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 2px #0000000a;overflow:hidden;padding:16px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.chart-card:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:12px 12px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0;transition:all .2s ease}.chart-card:hover{border-color:#3b82f6;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;transform:translateY(-2px)}.chart-card:hover:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6,#06b6d4);height:4px}.chart-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:12px}.chart-header h3{color:#1e293b;font-size:14px;font-weight:700;line-height:1.3;margin:0}.chart-legend{display:flex;flex-wrap:wrap;gap:12px}.legend-item{align-items:center;color:#64748b;display:flex;font-size:11px;font-weight:600;gap:6px}.legend-color{border-radius:50%;box-shadow:0 2px 4px #0000001a;height:10px;width:10px}.recent-tickets-section{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000005;margin-bottom:32px;overflow:hidden;padding:32px;position:relative}.recent-tickets-section:before{background:linear-gradient(90deg,#3b82f6,#6366f1);border-radius:20px 20px 0 0;content:"";height:6px;left:0;position:absolute;right:0;top:0}.section-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;padding-bottom:16px}.section-header h2{color:#1e293b;font-size:20px;font-weight:800;letter-spacing:-.02em;margin:0}.ticket-count{background:#f1f5f9;color:#64748b;font-size:13px;font-weight:600;padding:6px 12px}.view-all-btn{background:#fff;border:1px solid #e0e7ff;border-radius:8px;box-shadow:0 1px 2px #0000000d;color:#6366f1;font-size:13px;font-weight:700;padding:8px 16px;transition:all .2s ease}.view-all-btn:hover{background:#f8faff;border-color:#6366f1;box-shadow:0 4px 6px #6366f11a}.tickets-list{gap:8px}.tickets-list-header{background:#f8fafc;border-radius:10px;display:grid;grid-template-columns:2.5fr 1.5fr 1fr 1fr 1fr .5fr;margin-bottom:12px;padding:12px 20px}.tickets-list-header span{color:#94a3b8;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.ticket-list-item{align-items:center;background:#fff;border:1px solid #f1f5f9;border-radius:12px;cursor:pointer;display:grid;grid-template-columns:2.5fr 1.5fr 1fr 1fr 1fr .5fr;padding:16px 20px;transition:all .2s cubic-bezier(.4,0,.2,1)}.ticket-list-item:hover{background:#fcfdff;border-color:#6366f1;box-shadow:0 4px 12px #00000008;transform:translateX(4px)}.col-ticket{gap:16px}.col-ticket,.ticket-id-badge{align-items:center;display:flex}.ticket-id-badge{background:#f0f4ff;border-radius:10px;color:#6366f1;font-size:16px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.ticket-list-item:hover .ticket-id-badge{background:#6366f1;color:#fff;transform:rotate(10deg)}.ticket-main-info{display:flex;flex-direction:column;gap:2px;min-width:0}.ticket-subject{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-id-text{color:#94a3b8;font-family:JetBrains Mono,Monaco,monospace;font-size:12px;font-weight:500}.client-name{color:#475569;font-size:14px}.priority-tag{border-radius:6px;display:inline-flex;font-size:11px;font-weight:800;letter-spacing:.03em;padding:4px 10px;text-transform:uppercase}.priority-tag.urgent{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.priority-tag.high{background:#fff7ed;border:1px solid #ffedd5;color:#ea580c}.priority-tag.medium{background:#fefce8;border:1px solid #fef9c3;color:#ca8a04}.priority-tag.low{background:#f0fdf4;border:1px solid #dcfce7;color:#16a34a}.status-pill{border-radius:20px;display:inline-flex;font-size:11px;font-weight:700;padding:4px 12px;text-transform:capitalize}.status-pill.open{background:#e0f2fe;color:#0369a1}.status-pill.inprogress{background:#fef3c7;color:#92400e}.status-pill.closed{background:#dcfce7;color:#15803d}.status-pill.resolved{background:#f0fdf4;color:#166534}.time-text{color:#64748b;font-size:13px;font-weight:500}.action-circle-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:50%;color:#94a3b8;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.ticket-list-item:hover .action-circle-btn{background:#f0f4ff;border-color:#6366f1;color:#6366f1}.loading,.no-tickets{padding:60px 20px;text-align:center}.no-tickets-icon{filter:grayscale(1) opacity(.5);font-size:48px;margin-bottom:20px}.no-tickets h3{color:#475569;font-size:16px;font-weight:700;margin:0 0 6px}.no-tickets p{color:#94a3b8;font-size:13px}.loading{color:#64748b;padding:36px 16px}.loading .spinner{border:3px solid #e2e8f0;border-top-color:#3b82f6;height:32px;margin-bottom:12px;width:32px}.loading p{color:#94a3b8;font-size:13px}.chart-card{animation:fadeInUp .6s ease-out}.chart-card:first-child{animation-delay:.1s}.chart-card:nth-child(2){animation-delay:.2s}.chart-card:nth-child(3){animation-delay:.3s}.chart-card:nth-child(4){animation-delay:.4s}@media (max-width:1200px){.charts-grid{gap:16px;grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}.charts-section{margin-bottom:20px;padding:20px}.section-title{font-size:18px;margin-bottom:16px}.dashboard-content .stats-grid{gap:8px!important;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))!important}}@media (max-width:768px){.dashboard-container{padding:16px}.dashboard-header{align-items:stretch;flex-direction:column;gap:16px;margin-bottom:16px;padding:16px}.header-content h1{font-size:22px;margin-bottom:6px}.header-content p{font-size:12px}.header-actions{flex-wrap:wrap;gap:10px;justify-content:space-between}.charts-grid{gap:16px;grid-template-columns:1fr}.charts-section{border-radius:12px;margin-bottom:16px;padding:16px}.section-title{align-items:flex-start;flex-direction:column;font-size:18px;gap:8px;margin-bottom:12px}.chart-card{padding:14px}.chart-header{align-items:flex-start;flex-direction:column;gap:10px}.chart-legend{gap:10px}.dashboard-content .stats-grid{gap:6px!important;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))!important}.tickets-list-header{display:none}.ticket-list-item{gap:12px;grid-template-columns:1fr;padding:16px}.col-action,.col-priority,.col-status,.col-time{display:flex;justify-content:flex-start}.col-action{justify-content:flex-end}.recent-tickets-section{margin-bottom:16px;padding:16px}}@media (max-width:480px){.dashboard-container{padding:12px}.dashboard-header{margin-bottom:12px;padding:12px}.header-content h1{font-size:18px}.header-content p{font-size:11px}.charts-section{margin-bottom:12px;padding:12px}.section-title{font-size:16px;margin-bottom:12px}.chart-card{padding:12px}.user-info-section{padding:6px 10px}.user-avatar{font-size:14px;height:32px;width:32px}.action-btn{font-size:14px;height:36px;width:36px}.dashboard-content .stats-grid{gap:4px!important;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))!important}.dashboard-content .stat-card{min-height:70px!important;padding:8px!important}.recent-tickets-section{margin-bottom:14px;padding:14px}}.recharts-tooltip-wrapper{z-index:1000}.recharts-tooltip-content{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#fffffffa!important;border:1px solid #e2e8f0!important;border-radius:12px!important;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a!important}.recharts-cartesian-axis-tick-value{fill:#64748b!important;font-size:11px!important;font-weight:500!important}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:#f1f5f9!important;stroke-width:1!important}.recharts-responsive-container{border-radius:12px;overflow:hidden}.chart-card:hover .recharts-responsive-container{transform:scale(1.01);transition:transform .2s ease}.main-content{background:var(--bg-primary);display:flex;flex-direction:column;margin-left:var(--sidebar-width);overflow-x:hidden;position:relative}.content-wrapper{flex:1 1;overflow-y:auto}:root{--primary-gradient:linear-gradient(135deg,#667eea,#764ba2);--secondary-gradient:linear-gradient(135deg,#f093fb,#f5576c);--success-gradient:linear-gradient(135deg,#4facfe,#00f2fe);--warning-gradient:linear-gradient(135deg,#fa709a,#fee140);--danger-gradient:linear-gradient(135deg,#ff9a9e,#fecfef);--glass-bg:#fffffff2;--glass-border:#fff3;--shadow-soft:0 8px 32px #0000001a;--shadow-hover:0 16px 48px #00000026;--border-radius:16px;--border-radius-lg:24px}.users-container{background:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;overflow-x:hidden;padding:32px;position:relative}.users-header{align-items:center;animation:slideInDown .8s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:24px;border-radius:var(--border-radius-lg);box-shadow:0 8px 32px #0000001a;box-shadow:var(--shadow-soft);display:flex;justify-content:space-between;margin-bottom:40px;padding:32px;position:relative;z-index:1}.header-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:36px;font-weight:800;margin:0 0 12px}.header-content p{font-size:18px}.add-user-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border:none;border-radius:16px;border-radius:var(--border-radius);box-shadow:0 8px 32px #0000001a;box-shadow:var(--shadow-soft);color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;overflow:hidden;padding:16px 28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.add-user-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.add-user-btn:hover:before{left:100%}.add-user-btn:hover{box-shadow:0 16px 48px #00000026;box-shadow:var(--shadow-hover);transform:translateY(-2px)}.add-user-btn i{font-size:16px}.users-stats{display:flex;flex-wrap:nowrap;gap:24px;margin-bottom:40px;overflow-x:auto;padding-bottom:8px;position:relative;z-index:1}.stat-card{animation:fadeInUp .8s ease-out;border:1px solid #e5e7eb;border-radius:var(--border-radius-lg);box-shadow:0 8px 32px #0000001a;box-shadow:var(--shadow-soft);flex:0 0 250px;padding:32px 24px;transition:var(--transition)}.stat-card:before{background:var(--primary-gradient)}.stat-card:nth-child(2):before{background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--success-gradient)}.stat-card:nth-child(3):before{background:linear-gradient(135deg,#fa709a,#fee140);background:var(--warning-gradient)}.stat-card:nth-child(4):before{background:linear-gradient(135deg,#f093fb,#f5576c);background:var(--secondary-gradient)}.stat-card:hover{box-shadow:0 16px 48px #00000026;box-shadow:var(--shadow-hover)}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:48px;font-weight:800;line-height:1;margin-bottom:12px}.stat-card:nth-child(2) .stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--success-gradient);-webkit-background-clip:text;background-clip:text}.stat-card:nth-child(3) .stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fa709a,#fee140);background:var(--warning-gradient);-webkit-background-clip:text;background-clip:text}.stat-card:nth-child(4) .stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f093fb,#f5576c);background:var(--secondary-gradient);-webkit-background-clip:text;background-clip:text}.stat-label{font-size:16px;letter-spacing:.05em}.users-filters{align-items:center;display:flex;gap:16px;margin-bottom:24px}.search-container{flex:1 1;max-width:100%}.search-icon{font-size:14px;left:12px}.search-input{padding:12px 12px 12px 40px;transition:border-color .2s ease}.filter-container{min-width:150px}.role-filter{background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:14px;padding:12px;width:100%}.role-filter:focus{border-color:#3b82f6;outline:none}.users-table-container{animation:slideInUp 1s ease-out .2s both;background:#fff;border:1px solid #e5e7eb;border-radius:24px;border-radius:var(--border-radius-lg);box-shadow:0 8px 32px #0000001a;box-shadow:var(--shadow-soft);max-width:100%;overflow-x:auto;position:relative;width:100%;z-index:1}.users-table{border-collapse:collapse;width:100%}.users-table th{background:#f8fafc;border-bottom:1px solid #e5e7eb;color:#1e293b;font-weight:700;letter-spacing:.05em;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:10}.users-table td,.users-table th{font-size:14px;padding:20px 24px}.users-table td{border-bottom:1px solid #f3f4f6;vertical-align:middle}.user-row,.users-table td{transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.user-row{cursor:pointer;position:relative}.user-row:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);bottom:0;content:"";left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s ease;width:4px}.user-row:hover:before{transform:scaleY(1)}.user-row:hover{background:#f9fafb;transform:translateX(4px)}.users-table tr:last-child td{border-bottom:none}.user-info{gap:16px}.user-avatar{background:var(--primary-gradient);border-radius:50%;box-shadow:0 8px 32px #0000001a;box-shadow:var(--shadow-soft);font-size:18px;height:48px;overflow:hidden;position:relative;width:48px}.user-avatar:before{background:linear-gradient(45deg,#0000 30%,#fff3 50%,#0000 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .6s ease}.user-row:hover .user-avatar:before{transform:translateX(100%)}.user-details{display:flex;flex-direction:column;gap:6px}.user-name{align-items:center;color:#1e293b;display:flex;font-size:16px;font-weight:700;gap:8px;letter-spacing:-.01em;min-width:0}.user-email{font-weight:500}.role-badge{border-radius:24px;box-shadow:0 8px 32px #0000001a;box-shadow:var(--shadow-soft);font-size:12px;font-weight:700;letter-spacing:.5px;overflow:hidden;padding:8px 16px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.role-badge:before{background:linear-gradient(45deg,#0000 30%,#fff3 50%,#0000 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .6s ease}.role-badge:hover:before{transform:translateX(100%)}.role-super-admin{background:linear-gradient(135deg,#fa709a,#fee140);background:var(--warning-gradient);color:#fff}.role-admin{background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--success-gradient);color:#fff}.role-user{background:linear-gradient(135deg,#f093fb,#f5576c);background:var(--secondary-gradient);color:#fff}.status-indicator{background:#f8fafc;height:32px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:32px}.status-dot{height:12px;position:relative;width:12px}.status-dot:after{animation:pulse 2s infinite;background:inherit;border-radius:50%;content:"";height:6px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:6px}.status-indicator.online .status-dot{background:#10b981;box-shadow:0 0 0 2px #10b9814d}.status-indicator.offline .status-dot{background:#6b7280;box-shadow:0 0 0 2px #6b72804d}.status-indicator.online{border:1px solid #10b98133;color:#10b981}.status-indicator.offline{border:1px solid #6b728033;color:#6b7280}.last-active{color:#64748b;font-size:13px}.status-dot-inline{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:50%;display:inline-flex;flex-shrink:0;font-size:12px;height:20px;justify-content:center;position:relative;width:20px}.no-users{padding:60px 20px;text-align:center}.no-users-content{align-items:center;display:flex;flex-direction:column;gap:16px}.no-users-content i{color:#d1d5db;font-size:48px}.no-users-content p{color:#6b7280;font-size:16px;margin:0}.loading-spinner{gap:16px}.loading-spinner p{color:#6b7280;font-size:16px;margin:0}.error-message{box-shadow:0 1px 3px #0000001a}.error-message h3{color:#dc2626;font-size:18px;margin:0 0 8px}.error-message p{color:#6b7280;margin:0 0 20px}.retry-btn{background:#3b82f6;border-radius:6px;font-size:14px;font-weight:500;padding:10px 20px;transition:background .2s ease}.retry-btn:hover{background:#2563eb}.modal-overlay{align-items:center!important;background:#00000080!important;bottom:0!important;display:flex!important;justify-content:center!important;left:0!important;padding:20px!important;position:fixed!important;right:0!important;top:0!important}.modal-content{background:#fff!important;border-radius:12px!important;box-shadow:0 20px 25px -5px #0000001a!important;max-height:90vh!important;max-width:500px!important;overflow-y:auto!important;width:100%!important}.user-details-modal{max-width:800px!important}.modal-header{align-items:center!important;background:#fff!important;border-bottom:1px solid #e5e7eb!important;display:flex!important;justify-content:space-between!important;margin-bottom:0!important;padding:24px 24px 20px!important}.modal-header h2{color:#1e293b!important;font-size:20px!important;font-weight:600!important;margin:0!important}.close-btn{align-items:center!important;background:none!important;border:none!important;border-radius:6px!important;color:#6b7280!important;cursor:pointer!important;display:flex!important;font-size:24px!important;height:32px!important;justify-content:center!important;padding:0!important;transition:background .2s ease!important;width:32px!important}.close-btn:hover{background:#f3f4f6!important}.modal-body{background:#fff!important;padding:24px!important}.user-profile-section{margin-bottom:32px}.user-profile-header{align-items:center;display:flex;gap:16px;margin-bottom:24px}.user-avatar-large{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;display:flex;font-size:24px;font-weight:600;height:60px;justify-content:center;width:60px}.user-profile-info h3{color:#1e293b;font-size:20px;font-weight:600;margin:0 0 4px}.user-profile-info p{color:#64748b;margin:0 0 8px}.user-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.stat-item{background:#f8fafc}.stat-item .stat-number{color:#1e293b;font-size:24px;font-weight:700;margin-bottom:4px}.stat-item .stat-label{color:#64748b;font-size:12px;font-weight:500}.user-activity-tabs{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.tab-buttons{background:#f8fafc;border-bottom:1px solid #e5e7eb;display:flex}.tab-button{background:none;flex:1 1;padding:12px 16px}.tab-button.active{background:#fff;border-bottom:2px solid #3b82f6;color:#3b82f6}.tab-button:hover:not(.active){background:#f1f5f9}.tab-content{max-height:400px;overflow-y:auto;padding:20px}.activities-list,.clients-list,.tickets-list,.todos-list{display:flex;flex-direction:column;gap:12px}.activity-item,.client-item,.ticket-item,.todo-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.activity-header,.client-header,.ticket-header,.todo-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.activity-type,.ticket-status,.todo-status{border-radius:4px;font-size:11px;font-weight:600;padding:4px 8px;text-transform:uppercase}.ticket-status.ticket-open{background:#dbeafe;color:#1e40af}.ticket-status.ticket-inprogress{background:#fef3c7;color:#92400e}.ticket-status.ticket-closed,.todo-status.completed{background:#d1fae5;color:#065f46}.todo-status.pending{background:#fef3c7;color:#92400e}.activity-type{background:#e0e7ff;color:#3730a3}.activity-date,.ticket-date,.todo-date{color:#6b7280;font-size:12px}.activity-description,.ticket-subject,.todo-title{color:#1e293b;font-weight:500;margin-bottom:4px}.client-email,.client-position,.ticket-meta,.todo-description{color:#64748b;font-size:13px}.client-name{color:#1e293b}.client-company{color:#6b7280;font-size:12px}.no-data{color:#6b7280}.loading,.no-data{padding:40px 20px}.form-group{margin-bottom:20px!important}.form-group label{color:#374151!important;display:block!important;font-size:14px!important;font-weight:500!important;margin-bottom:6px!important}.form-group input,.form-group select,.form-group textarea{background:#fff!important;border:1px solid #d1d5db!important;border-radius:6px!important;box-sizing:border-box!important;color:#1e293b!important;font-size:14px!important;padding:10px 12px!important;transition:border-color .2s ease!important;width:100%!important}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff!important;border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important;outline:none!important}.form-group textarea{min-height:80px!important;resize:vertical!important}.form-group .readonly{background:#f9fafb!important;color:#6b7280!important}.form-actions{display:flex!important;gap:12px!important;justify-content:flex-end!important;margin-top:24px!important}.btn-primary{transition:background .2s ease}.btn-secondary{background:#f3f4f6;border:1px solid #d1d5db}.btn-secondary:hover{background:#e5e7eb}@media (max-width:768px){.users-container{padding:16px}.users-header{align-items:stretch;flex-direction:column;gap:16px}.users-stats{flex-wrap:wrap}.stat-card{flex:1 1 200px}.users-filters{align-items:stretch;flex-direction:column}.search-container{max-width:none}.users-table{font-size:12px}.users-table td,.users-table th{padding:12px 8px}.action-buttons{flex-direction:column;gap:4px}.action-btn{height:28px;width:28px}}@media (max-width:480px){.users-container{padding:12px}.users-header{padding:16px}.header-content h1{font-size:20px}.stat-card{flex:1 1 150px;padding:20px 16px}.stat-number{font-size:24px}.stat-label{font-size:12px}.users-table{font-size:11px}.users-table td,.users-table th{padding:8px 6px}.user-avatar{height:32px;width:32px}.user-avatar,.user-name{font-size:12px}.user-email{font-size:10px}}.loading-spinner{color:#64748b;min-height:400px;position:relative;z-index:1}.spinner{border-top-color:#3b82f6}.error-message{border:1px solid #e5e7eb;border-radius:24px;border-radius:var(--border-radius-lg);color:#ef4444;padding:32px;z-index:1}.retry-btn{background:linear-gradient(135deg,#ff9a9e,#fecfef);background:var(--danger-gradient);border:none;border-radius:16px;border-radius:var(--border-radius);color:#fff;cursor:pointer;font-weight:600;margin-top:16px;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.retry-btn:hover{box-shadow:0 16px 48px #00000026;box-shadow:var(--shadow-hover);transform:translateY(-2px)}.merge-tickets-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.merge-tickets-modal{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;overflow-y:auto;width:90%}.modal-header{background-color:#f8f9fa;border-bottom:1px solid #e9ecef;border-radius:8px 8px 0 0;padding:20px 24px}.modal-header h2{color:#333}.close-btn{transition:background-color .2s}.close-btn:hover{background-color:#e9ecef;color:#333}.modal-body{flex:1 1;overflow-y:auto}.ticket-selection{margin-bottom:24px}.source-ticket h3,.target-selection h3{color:#333;font-size:1.1rem;font-weight:600;margin:0 0 12px}.ticket-card{background-color:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;margin-bottom:16px;padding:16px}.ticket-card.source{background-color:#fff5f5;border-color:#dc3545}.ticket-header{flex-wrap:wrap;gap:8px}.ticket-number{color:#333;font-size:1.1rem}.priority-badge,.status-badge{border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}.ticket-content p{color:#555;margin:4px 0}.ticket-content strong{color:#333}.search-box{margin-bottom:16px}.search-input{border:1px solid #ddd;border-radius:6px;padding:12px;transition:border-color .2s}.search-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.candidates-list{border:1px solid #e9ecef;border-radius:6px;max-height:300px;overflow-y:auto}.candidate-item{border-bottom:1px solid #e9ecef;cursor:pointer;padding:12px;transition:background-color .2s}.candidate-item:last-child{border-bottom:none}.candidate-item:hover{background-color:#f8f9fa}.candidate-item.selected{background-color:#e3f2fd;border-left:4px solid #2196f3}.candidate-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.match-reason{background-color:#6c757d}.match-reason,.match-score{border-radius:3px;color:#fff;font-size:.7rem;font-weight:600;padding:2px 6px}.match-score{background-color:#28a745}.candidate-content p{color:#666;font-size:.9rem;margin:2px 0}.no-candidates{color:#666;font-style:italic;padding:20px;text-align:center}.error-message{background-color:#f8d7da}.ticket-comparison{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin:24px 0;padding:20px}.ticket-comparison h3{color:#333;font-size:1.2rem;margin:0 0 16px}.comparison-column h4{color:#333}.ticket-info p{color:#555;margin:6px 0}.ticket-info strong{color:#333}.merge-options{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin:24px 0;padding:20px}.merge-options h3{color:#333;font-size:1.2rem}.options-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.option-group{display:flex;flex-direction:column}.option-group label{color:#333;font-size:.9rem;font-weight:600;margin-bottom:6px}.option-group select{background-color:#fff;border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px;transition:border-color .2s}.option-group select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.merge-warning{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;color:#856404;margin:24px 0}.merge-warning h4{color:#856404}.modal-footer{background-color:#f8f9fa;border-radius:0 0 8px 8px;border-top:1px solid #e9ecef;padding:20px 24px}.btn-secondary:hover:not(:disabled){background-color:#5a6268}.btn-danger{background-color:#dc3545}.btn-danger:hover:not(:disabled){background-color:#c82333}@media (max-width:768px){.merge-tickets-modal{margin:10px;width:95%}.modal-body{padding:16px}.comparison-grid{gap:16px}.comparison-grid,.options-grid{grid-template-columns:1fr}.candidate-header,.ticket-header{align-items:flex-start;flex-direction:column;gap:4px}.modal-footer{flex-direction:column}.btn{width:100%}}.tickets-container{background:#f8fafc;margin:0;max-width:1400px;padding:32px}.tickets-header{align-items:center!important;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 20px 40px #667eea26;color:#fff!important;display:flex!important;justify-content:space-between!important;margin-bottom:32px!important;min-height:120px;overflow:hidden;padding:24px 32px!important;position:relative}.tickets-header:before{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);height:300px;right:-20%;top:-50%;width:300px}.tickets-header:after,.tickets-header:before{border-radius:50%;content:"";position:absolute}.tickets-header:after{background:radial-gradient(circle,#ffffff14 0,#0000 70%);bottom:-30%;height:200px;left:-10%;width:200px}.header-content h1{color:#fff!important;text-shadow:0 2px 4px #0000004d}.header-content p{color:#ffffffe6!important}@media (max-width:768px){.tickets-header{flex-direction:column!important;gap:20px!important;padding:20px 24px!important;text-align:left!important}.tickets-header .header-content{align-items:flex-start!important;text-align:left!important}.tickets-header .header-content h1{font-size:28px!important}.tickets-header .header-actions{justify-content:flex-start!important}}.ticket-actions{border-top:1px solid #e2e8f0!important;flex-shrink:0!important;gap:8px!important;margin-top:8px!important;padding-top:8px!important}.ticket-actions .assign-select{background:#fff!important;border:1px solid #d1d5db!important;border-radius:4px!important;box-sizing:border-box!important;color:#111827!important;cursor:pointer!important;font-size:10px!important;padding:4px 6px!important;transition:all .3s ease!important}.ticket-actions .assign-select:focus{border-color:#3b82f6!important;box-shadow:0 0 0 2px #3b82f61a!important;outline:none!important}.ticket-actions>div{align-items:center!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:8px!important;justify-content:flex-start!important;overflow-x:auto!important;width:100%!important}.ticket-actions>div>div{flex-direction:column!important;gap:2px!important;max-width:150px!important;min-width:120px!important}.ticket-actions .btn,.ticket-actions>div>div{display:flex!important;flex-grow:0!important;flex-shrink:0!important;order:0!important}.ticket-actions .btn{align-items:center!important;height:28px!important;justify-content:center!important;margin:0!important;min-width:fit-content!important;white-space:nowrap!important}.ticket-actions .assign-select{flex-grow:0!important;flex-shrink:0!important;height:28px!important;max-width:150px!important;min-width:120px!important;width:100%!important}.ticket-actions{display:flex!important;flex-direction:column!important;width:100%!important}.ticket-actions>div:first-child{align-items:center!important;display:flex!important;flex-direction:row!important;gap:8px!important;width:100%!important}.ticket-actions>div>div:first-child{order:1!important}.ticket-actions>div>button:nth-child(2){order:2!important}.ticket-actions>div>div:nth-child(3){order:3!important}.ticket-actions>div>button:nth-child(4){order:4!important}.ticket-actions>div>button:nth-child(5){order:5!important}.ticket-metadata-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px;transition:all .2s ease}.ticket-metadata-section:hover{box-shadow:0 4px 12px #00000026}.ticket-card.recently-updated{animation:highlightPulse 2s ease-in-out;border:2px solid #3b82f6;box-shadow:0 4px 20px #3b82f64d}.description-content,.description-content *,.description-text,.description-text *,.ticket-description-section,.ticket-description-section *,.ticket-description-section .description-text{text-align:left!important}@media (max-width:1200px){.content-grid{gap:24px;grid-template-columns:1fr 360px}.ticket-actions-column{min-width:360px}.ticket-description-section{min-height:auto}}@media (max-width:768px){.ticket-detail-header{padding:0}.header-container{align-items:stretch;flex-direction:column;gap:16px;padding:16px 20px}.header-center{order:-1}.ticket-identifier{gap:12px;justify-content:center}.ticket-number{font-size:24px}.ticket-detail-content{padding:20px}.content-grid{gap:20px}.content-grid,.metadata-grid{grid-template-columns:1fr}.ticket-subject{font-size:20px}.back-button{align-self:flex-start}.add-note-section,.notes-history-section,.quick-actions-section,.ticket-metadata-section,.ticket-subject-section{padding:20px}.description-text{font-size:13px;line-height:1.5;max-height:300px}.empty-description{font-size:13px;padding:16px}}@media (max-width:480px){.ticket-detail-header{padding:0}.ticket-detail-content{padding:16px}.content-grid{gap:16px}.add-note-section,.notes-history-section,.quick-actions-section,.ticket-metadata-section,.ticket-subject-section{padding:16px}.ticket-number{font-size:20px}.ticket-subject{font-size:18px}.description-content p{font-size:13px}.description-text{font-size:12px;line-height:1.4;max-height:250px}.empty-description{font-size:12px;padding:12px}.expand-description-btn{justify-content:center;width:100%}}.tickets-container{background:#fafafa;min-height:100vh;padding:24px}.tickets-header{border-bottom:2px solid #e9ecef;margin-bottom:30px;padding-bottom:20px}.tickets-header h1{color:var(--text-primary);font-size:2rem;font-weight:700;letter-spacing:-.025em;line-height:1.2;margin-bottom:var(--spacing-3)}.ticket-actions{align-self:flex-end}.no-tickets{background:#fff;border:1px solid #e5e7eb;border-radius:12px;color:#6b7280;padding:60px 20px}.no-tickets p{font-size:1.1rem}.ticket-header-info{align-items:center;display:flex;flex:1 1;gap:20px}.ticket-meta-grid{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;text-align:left}.ticket-description-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px;transition:all .2s ease}.ticket-description-section:hover{box-shadow:0 4px 12px #00000026}.ticket-description-section .description-content{box-sizing:border-box;max-width:100%;overflow:hidden;width:100%}.ticket-description-section .description-text{word-wrap:break-word;box-sizing:border-box;max-width:100%;overflow-wrap:break-word;overflow-x:hidden;overflow-y:auto;width:100%;word-break:break-word}.ticket-actions-column{display:flex;flex:1 1;flex-direction:column;gap:24px;min-height:0}.related-ticket.current-ticket .ticket-meta{color:#1e40af}.ticket-header{margin-bottom:12px}.ticket-meta{flex-wrap:wrap;font-size:13px;margin-bottom:8px}.ticket-meta span{gap:4px}.send-email-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0f172a99;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.send-email-modal{animation:slideUp .3s cubic-bezier(.16,1,.3,1);background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:20px;max-height:90vh;max-width:650px;overflow:hidden;width:95%}.modal-header{background:#fff;border-bottom:1px solid #f1f5f9}.modal-header h3{align-items:center;color:#0f172a;display:flex;font-size:20px;font-weight:700;gap:12px;letter-spacing:-.02em;margin:0}.modal-header h3 i{color:#3b82f6;font-size:22px}.close-button{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#64748b;transition:all .2s ease}.close-button:hover{background-color:#f1f5f9;border-color:#cbd5e1;color:#0f172a}.email-form{display:flex;flex-direction:column;gap:24px;overflow-y:auto;padding:32px}.form-group{gap:8px}.form-group label{color:#475569;font-size:13px;letter-spacing:.05em;margin-left:2px;text-transform:uppercase}.form-control,.form-group input[type=text],.form-group textarea{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;box-sizing:border-box;color:#0f172a;font-family:inherit;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.form-control:focus,.form-group input[type=text]:focus,.form-group textarea:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group textarea{line-height:1.6;min-height:160px}.client-info-card{background:#f0f9ff;border:1px solid #e0f2fe;gap:16px;padding:16px}.client-avatar-placeholder,.client-info-card{align-items:center;border-radius:12px;display:flex}.client-avatar-placeholder{background:#fff;box-shadow:0 2px 4px #0000000d;color:#0284c7;font-size:20px;font-weight:700;height:48px;justify-content:center;width:48px}.client-details h4{color:#0c4a6e;font-size:16px;font-weight:700;margin:0}.client-details p{color:#0284c7;font-size:13px;margin:4px 0 0}.email-selection-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.email-list-scroll{background:#fcfcfc;max-height:240px;overflow-y:auto}.email-option-item{align-items:center;border-bottom:1px solid #f1f5f9;box-sizing:border-box;cursor:pointer;display:flex;justify-content:flex-start;padding:12px 16px;transition:background .2s;width:100%}.email-option-item:last-child{border-bottom:none}.email-option-item:hover{background:#f8fafc}.email-checkbox-wrapper{align-items:center;display:flex;flex:1 1;gap:16px;min-width:0}.email-checkbox-wrapper input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;display:block;flex-shrink:0;height:20px;margin:0;width:20px}.email-label-content{display:flex;flex-direction:column;gap:4px;justify-content:center;min-width:0;text-align:left}.email-text{color:#1e293b;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-type-badge{background:#f1f5f9;border-radius:6px;color:#64748b;font-size:11px;font-weight:600;letter-spacing:.03em;padding:2px 8px;text-transform:uppercase;width:fit-content}.badge-poc{background:#dbeafe;color:#1e40af}.badge-support{background:#f3e8ff;color:#7e22ce}.badge-decision{background:#ffedd5;color:#c2410c}.remove-email-icon-btn{background:#0000;border:none;border-radius:8px;color:#cbd5e1;cursor:pointer;padding:8px;transition:all .2s}.remove-email-icon-btn:hover{background:#fee2e2;color:#ef4444}.selected-emails-pill-box{background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:8px;padding:12px}.selected-email-pill{align-items:center;background:#eff6ff;border:1px solid #dbeafe;border-radius:20px;color:#1d4ed8;display:flex;font-size:12px;font-weight:500;gap:6px;padding:4px 10px}.pill-remove-btn{align-items:center;background:#0000;border:none;color:#93c5fd;cursor:pointer;display:flex;font-size:14px;padding:0}.pill-remove-btn:hover{color:#1d4ed8}.custom-email-area{background:#f8fafc;border-top:1px solid #e2e8f0;padding:12px}.add-custom-trigger{background:#0000;border:1px dashed #bfdbfe;border-radius:8px;color:#3b82f6;cursor:pointer;font-size:13px;font-weight:500;padding:8px 12px;transition:all .2s;width:100%}.add-custom-trigger:hover{background:#eff6ff;border-color:#3b82f6}.custom-email-input-row{display:flex;gap:10px}.btn-add-mini{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:0 16px}.btn-add-mini:disabled{background:#cbd5e1;cursor:not-allowed}.booking-section-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 2px #0000000d;padding:20px}.booking-empty-state{color:#64748b;font-size:14px;text-align:center}.btn-generate{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;box-shadow:0 4px 6px -1px #2563eb33;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:12px;padding:10px 20px;transition:all .2s}.btn-generate:hover{box-shadow:0 6px 8px -1px #2563eb4d;transform:translateY(-1px)}.booking-success-state{background:#f0fdf4;border:1px solid #dcfce7;border-radius:10px;margin-top:12px;padding:16px}.copy-link-row{display:flex;gap:8px;margin-top:8px}.input-readonly-copy{background:#fff;flex:1 1;font-family:monospace;padding:8px 12px}.btn-copy,.input-readonly-copy{border:1px solid #86efac;border-radius:6px;color:#15803d;font-size:13px}.btn-copy{background:#dcfce7;font-weight:600;padding:0 16px;transition:all .2s}.btn-copy:hover{background:#bbf7d0}.success-view{align-items:center;display:flex;flex-direction:column;gap:24px;padding:60px 40px;text-align:center}.success-icon-large{align-items:center;background:#dcfce7;border-radius:50%;box-shadow:0 0 0 10px #f0fdf4;color:#16a34a;display:flex;font-size:40px;height:80px;justify-content:center;margin-bottom:20px;width:80px}.success-view h2{color:#0f172a;font-size:24px;margin:0}.sent-details-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:24px;text-align:left;width:100%}.detail-row{color:#475569;font-size:14px;margin-bottom:12px}.detail-row span:last-child{color:#0f172a;font-weight:600}.btn-success-large{background:#10b981;border:none;border-radius:12px;box-shadow:0 4px 12px #10b98133;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 32px;transition:all .2s}.btn-success-large:hover{background:#059669;box-shadow:0 6px 16px #10b9814d;transform:translateY(-2px)}.modal-footer{background:#fff;border-top:1px solid #f1f5f9;gap:16px;padding:20px 32px}.btn-cancel{border:1px solid #cbd5e1;border-radius:8px;font-size:14px;padding:10px 24px;transition:all .2s}.btn-cancel:hover{border-color:#94a3b8}.btn-send{align-items:center;background:#3b82f6;border:1px solid #0000;border-radius:8px;box-shadow:0 2px 4px #3b82f633;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 24px;transition:all .2s}.btn-send:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 6px #3b82f64d;transform:translateY(-1px)}.btn-send:disabled{background:#94a3b8;box-shadow:none;cursor:not-allowed}.error-banner{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#b91c1c;display:flex;font-size:14px;gap:8px;padding:12px 16px}@media (max-width:640px){.email-form{padding:20px}.modal-footer{flex-direction:column-reverse;padding:16px 20px}.btn-cancel,.btn-send{justify-content:center;width:100%}}.ticket-closure-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#000c,#0009);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.ticket-closure-modal{animation:slideUp .4s cubic-bezier(.16,1,.3,1);background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #fff3;border-radius:20px;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff1a,inset 0 1px 0 #fffc;display:flex;flex-direction:column;max-height:90vh;max-width:1000px;overflow:hidden;width:100%}.ticket-closure-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px 20px 0 0;color:#fff;display:flex;justify-content:space-between;overflow:hidden;padding:28px 32px;position:relative}.ticket-closure-modal-header:before{background:linear-gradient(45deg,#ffffff1a,#0000 50%,#ffffff0d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.ticket-closure-modal-header h2{align-items:center;display:flex;font-size:24px;font-weight:700;gap:12px;letter-spacing:-.025em;margin:0;position:relative;z-index:1}.ticket-closure-modal-header h2:before{content:"📧";filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:28px}.close-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;padding:0;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);width:36px;z-index:1}.close-button:hover{background:#ffffff40;box-shadow:0 4px 12px #00000026;transform:scale(1.05)}.close-button:active{transform:scale(.95)}.close-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.ticket-closure-modal-content{background:linear-gradient(180deg,#fff,#f8fafc);flex:1 1;overflow-y:auto;padding:32px}.email-configuration-section,.email-preview-section,.feedback-section,.ticket-info-section{margin-bottom:32px}.email-configuration-section h3,.email-preview-section h3,.feedback-section h3,.ticket-info-section h3{align-items:center;border-bottom:2px solid #e2e8f0;color:#1e293b;display:flex;font-size:20px;font-weight:700;gap:12px;letter-spacing:-.025em;margin:0 0 20px;padding-bottom:12px;position:relative}.ticket-info-section h3:before{content:"📋";font-size:24px}.email-configuration-section h3:before{content:"⚙️";font-size:24px}.feedback-section h3:before{content:"⭐";font-size:24px}.email-preview-section h3:before{content:"👁️";font-size:24px}.ticket-details{background:linear-gradient(145deg,#f8fafc,#f1f5f9);border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,inset 0 1px 0 #fffc;gap:16px;overflow:hidden;padding:24px;position:relative}.ticket-detail-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.ticket-details:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:3px;left:0;position:absolute;right:0;top:0}.ticket-detail-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #e2e8f0cc;border-radius:12px;color:#64748b;font-size:14px;padding:12px 16px;transition:all .2s ease}.ticket-detail-item:hover{background:#ffffffe6;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.ticket-detail-item strong{color:#1e293b;display:block;font-size:13px;font-weight:600;letter-spacing:.05em;margin-bottom:4px;text-transform:uppercase}.form-group label{color:#1e293b;letter-spacing:.025em}.form-control{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-sizing:border-box;color:#1e293b;font-family:inherit;padding:14px 16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.form-control:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a,0 4px 12px #667eea26;transform:translateY(-1px)}.form-control::placeholder{color:#94a3b8;font-style:italic}textarea.form-control{line-height:1.6;min-height:100px;resize:vertical}.rating-container{background:linear-gradient(145deg,#fefce8,#fef3c7);border:2px solid #fbbf24;border-radius:16px;box-shadow:0 4px 6px -1px #fbbf241a,0 2px 4px -1px #fbbf240f,inset 0 1px 0 #fffc;overflow:hidden;padding:24px;position:relative;text-align:center}.rating-container:before{background:linear-gradient(90deg,#fbbf24,#f59e0b);content:"";height:3px;left:0;position:absolute;right:0;top:0}.rating-description{color:#92400e;font-size:16px;font-weight:500;margin:0 0 20px}.rating-description,.star-rating{align-items:center;display:flex;gap:8px;justify-content:center}.star-rating{margin-bottom:16px}.star-button{background:none;border:none;border-radius:50%;cursor:pointer;overflow:hidden;padding:8px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.star-button:before{background:#fbbf2433;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:0}.star-button:hover:before{height:40px;width:40px}.star-button i{color:#d1d5db;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:32px;transition:all .2s cubic-bezier(.4,0,.2,1)}.star-button.active i{color:#fbbf24;filter:drop-shadow(0 4px 8px rgba(251,191,36,.3));transform:scale(1.1)}.star-button:hover i{transform:scale(1.15)}.star-button:active{transform:scale(.95)}.rating-text{align-items:center;display:flex;flex-direction:column;gap:4px}.rating-label{color:#92400e;font-size:18px;font-weight:600;letter-spacing:.025em}.rating-value{background:#fbbf2433;border:1px solid #fbbf244d;border-radius:20px;color:#a16207;font-size:14px;font-weight:500;padding:4px 12px}.email-preview-container{background:#fff;border:2px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,inset 0 1px 0 #fffc;max-height:450px;overflow:hidden;overflow-y:auto;position:relative}.email-preview-container:before{background:linear-gradient(90deg,#28a745,#20c997);content:"";height:4px;left:0;position:absolute;right:0;top:0;z-index:1}.email-preview-content{line-height:1.6;padding:0;position:relative;z-index:2}.email-preview-content *{max-width:100%!important}.error-message{animation:shake .5s ease-in-out;background:linear-gradient(145deg,#fef2f2,#fee2e2);border:2px solid #fecaca;box-shadow:0 4px 6px -1px #dc26261a,0 2px 4px -1px #dc26260f;gap:12px;padding:16px 20px}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.error-message i{color:#dc2626;font-size:18px}.ticket-closure-modal-actions{background:linear-gradient(180deg,#0000,#f8fafc);border-top:2px solid #e2e8f0;display:flex;gap:16px;justify-content:flex-end;margin-top:32px;padding-bottom:8px;padding-top:24px}.btn{display:flex;gap:10px;letter-spacing:.025em;min-width:140px;overflow:hidden;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn:hover:before{left:100%}.btn-secondary{background:linear-gradient(145deg,#6b7280,#4b5563);box-shadow:0 4px 6px -1px #6b728033,0 2px 4px -1px #6b72801a}.btn-secondary:hover:not(:disabled){background:linear-gradient(145deg,#4b5563,#374151);box-shadow:0 8px 15px -3px #6b72804d,0 4px 6px -2px #6b728026;transform:translateY(-2px)}.btn-success{background:linear-gradient(145deg,#28a745,#20c997);box-shadow:0 4px 6px -1px #28a74533,0 2px 4px -1px #28a7451a}.btn-success:hover:not(:disabled){background:linear-gradient(145deg,#218838,#1ea085);box-shadow:0 8px 15px -3px #28a7454d,0 4px 6px -2px #28a74526;transform:translateY(-2px)}.btn i{font-size:16px}.btn:disabled .fa-spinner{animation:spin 1s linear infinite}@media (max-width:768px){.ticket-closure-modal{border-radius:16px;margin:10px;max-height:95vh}.ticket-closure-modal-header{border-radius:16px 16px 0 0;padding:20px 24px}.ticket-closure-modal-header h2{font-size:20px}.ticket-closure-modal-content{padding:24px}.ticket-details{padding:20px}.ticket-detail-row{gap:12px;grid-template-columns:1fr}.rating-container{padding:20px}.star-button i{font-size:28px}.ticket-closure-modal-actions{flex-direction:column-reverse;gap:12px}.btn{justify-content:center;width:100%}}@media (max-width:480px){.ticket-closure-modal-overlay{padding:10px}.ticket-closure-modal{margin:5px}.ticket-closure-modal-content{padding:20px}.email-configuration-section h3,.email-preview-section h3,.feedback-section h3,.ticket-info-section h3{font-size:18px}.star-button i{font-size:24px}.rating-description{font-size:14px}}.email-preview-content div,.email-preview-content h1,.email-preview-content h2,.email-preview-content h3,.email-preview-content h4,.email-preview-content li,.email-preview-content p,.email-preview-content ul{margin:0!important;padding:0!important}.email-preview-container::-webkit-scrollbar,.ticket-closure-modal-content::-webkit-scrollbar{width:8px}.email-preview-container::-webkit-scrollbar-track,.ticket-closure-modal-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.email-preview-container::-webkit-scrollbar-thumb,.ticket-closure-modal-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#cbd5e1,#94a3b8);border:1px solid #e2e8f0;border-radius:4px}.email-preview-container::-webkit-scrollbar-thumb:hover,.ticket-closure-modal-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#94a3b8,#64748b)}.ticket-closure-modal:focus-within{box-shadow:0 25px 50px -12px #00000040,0 0 0 3px #667eea1a}.ticket-closure-modal.processing{pointer-events:none}.ticket-closure-modal.processing:after{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fffc;border-radius:20px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:10}.ticket-closure-modal.processing .ticket-closure-modal-content{opacity:.7}*{transition:color .2s ease,background-color .2s ease,border-color .2s ease}.user-detail-container{background:#f8fafc;margin:0;max-width:1400px;min-height:100vh;padding:16px}.user-detail-header{align-items:center;color:#1f2937;display:flex;justify-content:space-between;margin-bottom:8px;padding:0}.user-profile-section{margin-bottom:8px}.profile-card{align-items:flex-start;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:20px;padding:16px;position:relative}.profile-back-button{position:absolute;right:16px;top:16px;z-index:10}.profile-avatar{flex-shrink:0;position:relative}.avatar-circle{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;font-size:24px;height:60px;width:60px}.status-indicator{border:3px solid #fff;bottom:2px;height:20px;justify-content:center;position:absolute;right:2px;width:20px}.status-indicator.online{background:#10b981}.status-indicator.offline{background:#ef4444}.status-dot{height:8px;width:8px}.profile-info{flex:1 1}.profile-name{color:#1f2937;font-size:20px;font-weight:700;line-height:1.2;margin:0 0 6px}.profile-email{color:#6b7280;font-size:14px;font-weight:500;margin:0 0 12px}.profile-top-right{align-items:flex-end;display:flex;flex-direction:column;gap:4px;position:absolute;right:16px;top:16px}.role-display{color:#1f2937;font-size:14px;font-weight:600;text-align:right}.status-display{color:#6b7280;font-size:12px;font-weight:500;text-align:right}.last-seen{color:#9ca3af;font-size:13px}.user-tabs{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 16px #00000014;display:flex;gap:4px;margin-bottom:8px;overflow-x:auto;padding:8px}.tab-button{font-size:14px;font-weight:500;min-width:120px;text-align:center;white-space:nowrap}.tab-button:hover{background:#f1f5f9}.tab-button.active{box-shadow:0 4px 12px #667eea4d;color:#fff;font-weight:600}.tab-button.active,.tab-button.active:before{background:linear-gradient(135deg,#667eea,#764ba2)}.tab-button.active:before{border-radius:12px;bottom:-8px;content:"";left:-8px;opacity:.1;position:absolute;right:-8px;top:-8px;z-index:-1}.tab-content{background:#0000;border:none;box-shadow:none;height:calc(100vh - 250px);max-height:none;min-height:0}.overview-content,.tab-content,.tab-content>div{margin:0!important;padding:0!important}.activities-content,.clients-content,.tickets-content,.todos-content{height:100%;margin:0!important;max-height:none;min-height:0;padding:0!important}.clients-content{background:#0000;border:none;box-shadow:none;display:flex;flex-direction:column;height:100vh;min-height:calc(100vh - 250px);padding:0}.overview-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.overview-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:24px}.overview-card h3{color:#2c3e50;font-size:18px;font-weight:600;margin:0 0 20px}.activity-summary{display:flex;flex-direction:column;gap:12px}.summary-item{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:8px 0}.summary-item:last-child{border-bottom:none}.summary-label{color:#6c757d;font-size:14px}.summary-value{color:#2c3e50;font-size:14px;font-weight:600}.quick-stats{display:flex;flex-direction:column;gap:16px}.stat-item{background:#fff;border:1px solid #e9ecef;gap:16px}.stat-icon{font-size:24px;text-align:center}.stat-value{color:#2c3e50;margin-bottom:4px}.ticket-card{border-bottom:1px solid #e5e7eb}.ticket-card:hover{background-color:#f9fafb}.clients-list{background:#0000;border:none;box-shadow:none;gap:16px;height:100vh;min-height:calc(100vh - 250px);padding-bottom:20px}.client-item,.clients-list{display:flex;flex-direction:column}.client-item{border-radius:12px;box-shadow:0 1px 3px #0000000d;flex:1 1;height:calc(33.33333vh - 150px);max-height:none;min-height:200px;overflow:visible;padding:20px;position:relative}.client-item:hover{box-shadow:0 8px 25px #00000014;transform:translateY(-2px)}.client-title-section{flex:1 1;min-width:0}.client-name{color:#111827;font-size:16px;line-height:1.3;margin:0 0 2px;word-break:break-word}.client-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.client-id{background:#f3f4f6;border-radius:4px;color:#6b7280;padding:2px 6px}.client-company,.client-id{font-size:11px;font-weight:500;white-space:nowrap}.client-company{background:#d1fae5;border-radius:12px;color:#059669;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.client-stats{align-items:flex-end;flex-shrink:0;gap:6px}.client-stats,.ticket-count{display:flex;flex-direction:column}.ticket-count{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;min-width:60px;padding:6px 10px}.count-number{color:#1e293b;font-size:18px;font-weight:700;line-height:1}.count-label{font-size:10px}.client-status{background:#059669;border-radius:12px;color:#fff;font-size:10px;font-weight:600;letter-spacing:.5px;padding:3px 6px;text-transform:uppercase;white-space:nowrap}.client-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:6px}.client-contact{display:flex;flex-direction:column;gap:4px}.contact-item{align-items:flex-start;display:flex;font-size:13px;gap:8px;line-height:1.4}.contact-label{color:#374151;flex-shrink:0;font-weight:600;min-width:55px}.contact-value{color:#6b7280;flex:1 1;word-break:break-word}.client-footer{display:flex;flex-direction:column;flex-grow:0;gap:2px;margin-top:4px;min-height:0;overflow:hidden}.client-dates{color:#9ca3af;display:flex;flex-wrap:wrap;font-size:11px;gap:12px}.client-assigned,.client-category{align-items:center;display:flex;gap:4px;white-space:nowrap}.client-category{background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;padding:2px 6px}.recent-tickets{display:flex;flex-direction:column;flex-grow:0;gap:2px;margin-top:auto;min-height:0;overflow:visible}.recent-label{color:#374151;flex-shrink:0;font-size:11px;font-weight:600}.ticket-preview{display:flex;flex-direction:column;flex-grow:0;gap:3px;max-height:none;min-height:0;overflow:visible;padding-bottom:8px}.ticket-preview-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;color:#6b7280;flex-shrink:0;font-size:11px;line-height:1.3;padding:3px 6px;word-break:break-word}.more-tickets{color:#9ca3af;flex-shrink:0;font-size:10px;font-style:italic}.todos-list{flex-direction:column;gap:16px}.todo-item{box-shadow:0 1px 3px #0000000d;padding:20px;transition:all .3s ease}.todo-item:hover{border-color:#d1d5db;box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.todo-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.todo-title-section{flex:1 1;margin-right:16px}.todo-title{color:#111827;font-size:18px;font-weight:600;line-height:1.4;margin:0 0 8px}.todo-meta{align-items:center;display:flex;gap:12px}.todo-id{background:#f3f4f6;border-radius:4px;color:#6b7280;padding:2px 6px}.todo-id,.todo-priority{font-size:12px;font-weight:500}.todo-priority{background:#d1fae5;border-radius:12px;color:#059669;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.todo-status-section{flex-shrink:0}.todo-status{border-radius:20px;color:#fff;font-size:11px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.todo-content{flex-direction:column;gap:12px}.todo-description{color:#6b7280;font-size:14px;line-height:1.5;margin:0;word-break:break-word}.todo-footer{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.todo-dates{color:#9ca3af;display:flex;font-size:12px;gap:16px}.todo-completed,.todo-created,.todo-due{align-items:center;display:flex;gap:4px}.todo-category{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;font-size:12px;font-weight:500;padding:4px 8px}.data-table{border-collapse:collapse;margin-top:16px;width:100%}.data-table td,.data-table th{border-bottom:1px solid #e5e7eb;padding:12px;text-align:left}.data-table th{background:#f9fafb;color:#374151;font-size:14px;font-weight:600}.data-table td{color:#6b7280;font-size:14px}.data-table tr:hover{background:#f9fafb}.status-badge{border-radius:12px;font-weight:500;padding:4px 8px}.status-badge.open{background:#dcfce7;color:#166534}.status-badge.inprogress{background:#fef3c7;color:#92400e}.status-badge.closed{background:#f3f4f6;color:#374151}.status-badge.completed{background:#dcfce7;color:#166534}.status-badge.pending{background:#fef3c7;color:#92400e}.priority-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px;text-transform:uppercase}.priority-badge.high{background:#fee2e2;color:#991b1b}.priority-badge.medium{background:#fef3c7;color:#92400e}.priority-badge.low{background:#dcfce7;color:#166534}.loading-spinner{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center}.spinner{margin-bottom:16px}.error-message{color:#6b7280;flex-direction:column;justify-content:center;padding:60px 20px}.error-message h2{color:#dc2626;margin-bottom:8px}.error-message p{margin-bottom:16px}@media (max-width:768px){.user-detail-container{padding:16px}.user-detail-header{align-items:flex-start;flex-direction:column;gap:16px}.header-actions{justify-content:flex-start;width:100%}.profile-card{flex-direction:column;text-align:center}.stats-cards{gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.user-tabs{flex-wrap:wrap}.tab-button{flex:1 1;min-width:auto}}.activities-list{display:flex;flex-direction:column;gap:16px}.activity-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000d;flex-direction:column;height:auto;min-height:120px;padding:16px;position:relative;transition:all .3s ease}.activity-item:hover{box-shadow:0 8px 25px #00000014;transform:translateY(-2px)}.activity-content{cursor:pointer;display:flex;flex-direction:column;flex-grow:1;gap:8px;min-height:0}.activity-description{color:#6b7280;flex-grow:1;font-size:.875rem;margin-bottom:0;min-height:0;overflow-wrap:break-word;word-break:break-word}.ticket-context{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#475569;font-size:.8rem;line-height:1.4;margin-top:6px;padding:6px 10px}.ticket-context strong{color:#1e293b;font-weight:600}.ticket-details{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:8px;padding:8px}.ticket-info{gap:8px}.ticket-basic-info{align-items:flex-start;display:flex;flex-wrap:wrap;font-size:13px;gap:12px;justify-content:space-between;line-height:1.4}.ticket-priority,.ticket-status,.ticket-subject{align-items:center;display:flex;font-weight:500;gap:4px}.ticket-subject{align-items:center;display:flex;flex:0 0 auto;height:20px;min-width:150px}.ticket-activity{color:#475569;flex:1 1;font-size:14px;font-weight:700;justify-content:center;overflow:hidden;text-align:center;text-overflow:ellipsis}.ticket-activity,.ticket-date{align-items:center;display:flex;height:20px;white-space:nowrap}.ticket-date{color:#6b7280;flex:0 0 auto;font-size:12px;font-weight:500}.ticket-description{background:#fff;border:1px solid #e2e8f0;border-radius:4px;color:#475569;font-size:13px;line-height:1.4;padding:8px}.miscellaneous-tickets{background:#f8fafc;margin:0 auto;max-width:1400px;min-height:100vh;padding:32px}.miscellaneous-header{align-items:center!important;background:#fff!important;border:1px solid #e5e7eb!important;border-radius:16px!important;box-shadow:0 2px 8px #00000014!important;display:flex!important;justify-content:space-between!important;margin-bottom:32px!important;min-height:120px!important;overflow:hidden!important;padding:24px 32px!important;position:relative!important}.header-content h1{letter-spacing:-.5px!important;margin:0 0 8px!important}.header-content p{font-size:15px!important;font-weight:400!important}.button-row{gap:12px}.btn-secondary{align-items:center!important;background:#fff!important;border:1px solid #e5e7eb!important;border-radius:8px!important;color:#374151!important;cursor:pointer!important;display:inline-flex!important;font-size:14px!important;font-weight:600!important;gap:8px!important;padding:10px 20px!important;transition:all .2s ease!important}.btn-secondary:hover{background:#f9fafb!important;border-color:#d1d5db!important;box-shadow:0 2px 8px #0000001a!important;transform:translateY(-1px)!important}.stats-cards{grid-template-columns:repeat(2,1fr);margin-bottom:32px!important}.stat-card{border:1px solid #e5e7eb!important;border-radius:12px!important;box-shadow:0 2px 8px #00000014!important;justify-content:space-between!important;min-height:100px!important;overflow:hidden!important;padding:24px!important;position:relative!important}.stat-card:before{background:linear-gradient(135deg,#667eea,#764ba2);bottom:0;width:4px}.stat-card:hover{box-shadow:0 8px 24px #0000001f}.stat-content{text-align:left}.stat-content h3{font-size:36px!important;font-weight:700!important;letter-spacing:-.5px!important;line-height:1!important;margin:0 0 8px!important}.stat-content p{font-size:14px!important;font-weight:500!important;line-height:1.4!important;margin:0!important}.filters-section{border:1px solid #e5e7eb;box-shadow:0 2px 8px #00000014}.filters-section .filter-select:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.tickets-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.empty-state{align-items:center;border:1px solid #e2e8f0;display:flex;flex-direction:column;justify-content:center;margin:24px;min-height:400px;padding:48px 24px}.empty-state i{font-size:48px}.empty-state h3{color:#1e293b;font-size:22px;font-weight:600}.empty-state p{color:#64748b;line-height:1.6;max-width:400px}.tickets-list{grid-gap:16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.ticket-card{border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d;height:100%;min-height:250px;transition:all .3s ease}.ticket-card:hover{box-shadow:0 8px 25px #00000014}.ticket-header{flex-shrink:0;margin-bottom:16px}.ticket-header h3{color:#111827;font-size:1.125rem}.ticket-content{cursor:pointer;min-height:0}.ticket-content h4{color:#111827;font-size:1rem;font-weight:600;line-height:1.4;margin:0 0 12px;word-break:break-word}.ticket-description{color:#6b7280;flex-grow:1;font-size:.875rem;line-height:1.5;margin-bottom:16px;min-height:0;overflow-wrap:break-word;word-break:break-word}.ticket-meta{grid-gap:12px;color:#9ca3af;display:grid;flex-shrink:0;font-size:.75rem;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:16px}.ticket-meta span{align-items:center;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;display:flex;font-weight:500;overflow:hidden;padding:4px 8px;text-overflow:ellipsis;white-space:nowrap}.ticket-actions{align-items:center;border-top:1px solid #e5e7eb;flex-shrink:0;margin-top:auto}.assign-btn,.delete-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:500;gap:4px;height:28px;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.assign-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.assign-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.assign-btn i{font-size:11px}.delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.delete-btn:hover:not(:disabled){box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.delete-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.delete-btn i{font-size:11px}.pagination{border-top:1px solid #e2e8f0;gap:12px}.pagination-btn{border:1px solid #e5e7eb;border-radius:6px;gap:6px}.pagination-btn:hover:not(:disabled){border-color:#667eea;box-shadow:0 3px 8px #0000001a;color:#667eea;transform:translateY(-1px)}.client-selector-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.client-selector-content{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-height:80vh;max-width:500px;overflow-y:auto;padding:32px;width:100%}.client-selector-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.client-selector-header h3{color:#1f2937;font-size:20px;font-weight:600;margin:0}.close-btn{padding:8px;transition:all .2s ease}.close-btn:hover{background:#f3f4f6}.client-search{margin-bottom:20px}.client-search input{background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;color:#374151;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.client-search input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.client-list{max-height:300px;overflow-y:auto}.client-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;margin-bottom:8px;padding:12px 16px;transition:all .3s ease}.client-item:hover{background:#f8fafc;border-color:#667eea;box-shadow:0 3px 8px #0000001a;transform:translateY(-1px)}.client-item.selected{background:#dbeafe;border-color:#3b82f6;color:#1d4ed8}.client-name{margin-bottom:4px}@media (max-width:1024px){.miscellaneous-tickets{padding:24px}.stats-cards{gap:10px;grid-template-columns:repeat(3,1fr)}.filters-section .filter-row{flex-wrap:wrap;gap:16px}.filters-section .filter-group{max-width:none;min-width:120px}}@media (max-width:768px){.miscellaneous-tickets{padding:16px}.miscellaneous-header{flex-direction:column;gap:16px;text-align:center}.header-actions{flex-wrap:wrap;justify-content:center;width:100%}.stats-cards{gap:8px;grid-template-columns:repeat(2,1fr)}.filters-section .filter-row{gap:12px;grid-template-columns:1fr}.ticket-header{align-items:flex-start;flex-direction:column;gap:12px}.ticket-badges{justify-content:flex-start}.ticket-meta{gap:8px;grid-template-columns:1fr}.ticket-actions>div{flex-direction:column;gap:8px}.ticket-actions>div>div{max-width:none;width:100%}}@media (max-width:480px){.miscellaneous-tickets{padding:12px}.miscellaneous-header h1{font-size:24px}.stats-cards{gap:8px;grid-template-columns:1fr}.stat-card,.ticket-item{padding:12px}.ticket-info h4{font-size:16px}.meta-item{font-size:13px}}.ticket-listing-container{margin:0;max-width:1400px;padding:var(--spacing-6)}.ticket-listing-header{align-items:center!important;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 20px 40px #667eea26;display:flex!important;justify-content:space-between!important;margin-bottom:32px!important;overflow:hidden;padding:24px 32px!important;position:relative}.ticket-listing-header:before{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);border-radius:50%;content:"";height:300px;position:absolute;right:-20%;top:-50%;width:300px}.ticket-listing-header:after{background:radial-gradient(circle,#ffffff14 0,#0000 70%);border-radius:50%;bottom:-30%;content:"";height:200px;left:-10%;position:absolute;width:200px}.ticket-listing-header .header-content{align-items:flex-start;display:flex;flex-direction:column;position:relative;text-align:left;z-index:2}.ticket-listing-header .header-content h1{color:#fff!important;font-size:32px!important;font-weight:800!important;letter-spacing:-.025em!important;line-height:1.2!important;margin:0 0 12px!important;text-shadow:0 2px 4px #0000004d}.ticket-listing-header .header-content p{color:#ffffffe6!important;font-size:16px!important;font-weight:500!important;line-height:1.5!important;margin:0!important}.ticket-listing-header .header-actions{align-items:center;display:flex;gap:16px;position:relative;z-index:2}.ticket-listing-container .filter-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex!important;flex-direction:column!important;gap:var(--spacing-6);margin-bottom:var(--spacing-8);padding:var(--spacing-6)}.ticket-listing-container .filter-row{align-items:center;display:flex!important;flex-wrap:wrap;gap:var(--spacing-6);width:100%}.ticket-listing-container .filter-group{align-items:center;display:flex;flex-shrink:0;gap:var(--spacing-3)}.ticket-listing-container .filter-group label{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:600;white-space:nowrap}.ticket-listing-container .filter-select{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-sm);min-width:140px;padding:var(--spacing-2) var(--spacing-3);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.ticket-listing-container .filter-select:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #0ea5e91a;outline:none}.ticket-listing-container .search-section{align-items:center;border-top:1px solid var(--border-color);display:flex!important;flex-direction:row!important;gap:var(--spacing-4);padding-top:var(--spacing-6);width:100%}.ticket-search-container{align-items:center;display:flex;flex:1 1;gap:var(--spacing-2);max-width:100%;width:100%}.ticket-listing-container .search-input{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);flex:1 1;font-size:var(--font-size-base);padding:var(--spacing-3) var(--spacing-4);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.ticket-listing-container .search-input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #0ea5e91a;outline:none}.ticket-listing-container .search-button{background:var(--primary-600);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;flex-shrink:0;font-size:var(--font-size-sm);font-weight:600;padding:var(--spacing-3) var(--spacing-4);transition:all var(--transition-fast);white-space:nowrap}.ticket-listing-container .search-button:hover{background:var(--primary-700);box-shadow:var(--shadow-md);transform:translateY(-1px)}.ticket-listing-container .fetch-button{background:var(--green-600);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;flex-shrink:0;font-size:var(--font-size-sm);font-weight:600;max-width:none;padding:var(--spacing-3) var(--spacing-4);transition:all var(--transition-fast);white-space:nowrap;width:30%!important}.ticket-listing-container .fetch-button:hover{background:var(--green-700);box-shadow:var(--shadow-md);transform:translateY(-1px)}.tickets-list{margin-top:var(--spacing-6)}.loading-container{background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-12)}.spinner{border-top:4px solid var(--border-color);border:4px solid var(--border-color);border-top-color:var(--primary-500);height:40px;margin-bottom:var(--spacing-4);width:40px}.loading-container p{color:var(--text-secondary);font-size:var(--font-size-base)}.no-tickets{background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-12);text-align:center}.no-tickets-icon{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-4);opacity:.6}.no-tickets h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:600;margin:0 0 var(--spacing-2) 0}.no-tickets p{color:var(--text-secondary);font-size:var(--font-size-base);line-height:1.5;margin:0}.tickets-grid{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.ticket-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;padding:var(--spacing-4);transition:all var(--transition-normal)}.ticket-card:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6,#06b6d4);border-radius:var(--radius-lg) var(--radius-lg) 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.ticket-card:hover{border-color:var(--primary-300);box-shadow:var(--shadow-lg)}.ticket-header{align-items:center;border-bottom:2px solid var(--border-color);gap:var(--spacing-3);margin-bottom:var(--spacing-3);padding-bottom:var(--spacing-3)}.ticket-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:var(--radius-lg);box-shadow:0 4px 12px #3b82f64d;color:#fff;display:flex;flex-shrink:0;font-size:var(--font-size-lg);height:40px;justify-content:center;width:40px}.ticket-info{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-2);min-width:0}.ticket-info h3{color:var(--text-primary);font-size:var(--font-size-base);font-weight:700;line-height:1.3;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-number{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500}.ticket-status{align-self:flex-start;border-radius:var(--radius-full);box-shadow:0 2px 4px #0000001a;display:inline-flex;font-size:var(--font-size-xs);font-weight:700;letter-spacing:.05em;padding:var(--spacing-2) var(--spacing-3);text-transform:uppercase}.ticket-status.open{background:var(--blue-50);color:var(--blue-700)}.ticket-status.inprogress{background:var(--orange-50);color:var(--orange-700)}.ticket-status.escalated_to_accounts,.ticket-status.escalated_to_sales,.ticket-status.escalated_to_tech,.ticket-status.escalated_to_third_party{background:var(--red-50);color:var(--red-700)}.ticket-status.escalated_to_user{background:var(--green-50);color:var(--green-700)}.ticket-status.closed{background:var(--gray-50);color:var(--gray-700)}.ticket-details{flex-direction:column;gap:var(--spacing-2);margin-top:var(--spacing-3)}.ticket-details .detail-item{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:var(--spacing-3);justify-content:space-between;padding:var(--spacing-1) 0}.ticket-details .detail-item:last-child{border-bottom:none}.ticket-details .detail-label{color:var(--text-secondary);flex-shrink:0;font-size:var(--font-size-xs);font-weight:600;letter-spacing:.05em;min-width:80px;text-transform:uppercase}.ticket-details .detail-value{color:var(--text-primary);flex:1 1;font-size:var(--font-size-xs);font-weight:500;max-width:150px;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.priority-high{background:var(--red-50);border:1px solid var(--red-200);border-radius:var(--radius-sm);color:var(--red-600)}.priority-high,.priority-medium{font-weight:700;padding:var(--spacing-1) var(--spacing-2)}.priority-medium{background:var(--yellow-50);border:1px solid var(--yellow-200);border-radius:var(--radius-sm);color:var(--yellow-600)}.priority-low{background:var(--green-50);border:1px solid var(--green-200);border-radius:var(--radius-sm);color:var(--green-600);font-weight:700;padding:var(--spacing-1) var(--spacing-2)}@media (max-width:1024px){.tickets-grid{gap:var(--spacing-3);grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.filter-row{gap:var(--spacing-4)}.ticket-search-container{max-width:100%}.fetch-button{width:40%}}@media (max-width:768px){.ticket-listing-container{padding:var(--spacing-4)}.ticket-listing-header{flex-direction:column!important;gap:20px!important;padding:20px 24px!important;text-align:center!important}.ticket-listing-header .header-content{align-items:center!important;text-align:center!important}.ticket-listing-header .header-content h1{font-size:28px!important}.ticket-listing-header .header-actions{justify-content:center!important}.filter-row{gap:var(--spacing-4)}.filter-group,.filter-row{align-items:stretch;flex-direction:column}.filter-group{gap:var(--spacing-2)}.search-section{flex-direction:column;gap:var(--spacing-3)}.ticket-search-container{flex-direction:column;gap:var(--spacing-2);max-width:100%}.ticket-search-container input{min-width:0;width:100%}.ticket-search-container button{justify-content:center;width:100%}.fetch-button{max-width:none;width:100%}.tickets-grid{gap:var(--spacing-3);grid-template-columns:1fr}.ticket-card{padding:var(--spacing-3)}.ticket-header{gap:var(--spacing-2)}.ticket-icon{font-size:var(--font-size-base);height:36px;width:36px}.ticket-info h3{font-size:var(--font-size-sm)}.ticket-details .detail-item{align-items:flex-start;flex-direction:column;gap:var(--spacing-1)}.ticket-details .detail-label{min-width:auto}.ticket-details .detail-value{text-align:left}}.calendar-container{background:#f8f9fa;min-height:100vh;padding:20px}.calendar-header{align-items:center!important;background:#fff;border-bottom:none!important;border-radius:10px;box-shadow:0 2px 10px #0000001a;color:#1f2937!important;display:flex!important;justify-content:space-between!important;margin-bottom:10px!important;padding:15px 20px 8px!important}.header-content h1{font-size:28px!important;font-weight:700!important;letter-spacing:-.3px!important;line-height:1.1!important;margin:0 0 2px!important}.header-content p{color:#374151!important;font-size:14px!important;line-height:1.2!important}.btn-primary{border:1px solid #007bff}.btn-primary:hover{border-color:#0056b3}.calendar-title h1{color:#2c3e50;font-size:28px;font-weight:600;letter-spacing:-.025em;line-height:1.2;margin:0 0 var(--spacing-3) 0}.calendar-title p{color:#7f8c8d;font-size:14px;font-weight:400;line-height:1.5;margin:0}.calendar-controls{align-items:center;display:flex;gap:20px}.view-controls{gap:5px}.view-btn{background:#fff;border:1px solid #ddd;border-radius:5px;color:#666;padding:8px 16px;transition:all .3s ease}.view-btn:hover{background:#f8f9fa}.view-btn.active{background:#007bff;border-color:#007bff}.date-navigation{align-items:center;display:flex;gap:15px}.date-navigation button{background:none;border:none;border-radius:5px;color:#666;cursor:pointer;font-size:18px;padding:5px 10px;transition:background .3s ease}.date-navigation button:hover{background:#f8f9fa}.current-month{color:#2c3e50;font-size:18px;font-weight:600;min-width:150px;text-align:center}.create-event-btn{background:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:background .3s ease}.create-event-btn:hover{background:#218838}.calendar-filters{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;display:flex;gap:15px;margin-bottom:20px;padding:15px}.calendar-filters select{background:#fff;border:1px solid #ddd;border-radius:5px;color:#333;font-size:14px;min-width:150px;padding:8px 12px}.calendar-filters select:focus{border-color:#007bff;outline:none}.calendar-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{box-shadow:0 2px 10px #0000001a;transition:transform .3s ease}.stat-number{color:#007bff;margin-bottom:5px}.error-message{border-radius:5px}.error-message button{color:#721c24;font-size:18px}.calendar-grid{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.calendar-weekdays{background:#f8f9fa;border-bottom:1px solid #dee2e6;display:grid;grid-template-columns:repeat(7,1fr)}.weekday-header{color:#495057;font-size:14px;font-weight:600;padding:15px;text-align:center}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-day{background:#fff;border-bottom:1px solid #dee2e6;border-right:1px solid #dee2e6;min-height:120px;padding:10px;position:relative;transition:background .3s ease}.calendar-day:hover{background:#f8f9fa}.calendar-day.other-month{background:#f8f9fa;color:#adb5bd}.calendar-day.today{background:#e3f2fd}.calendar-day.today .day-number{align-items:center;background:#007bff;border-radius:50%;color:#fff;display:flex;font-weight:600;height:30px;justify-content:center;width:30px}.day-number{color:#495057;font-size:14px;font-weight:600;margin-bottom:5px}.day-events{display:flex;flex-direction:column;gap:2px}.day-event{border-left:3px solid;border-radius:3px;cursor:pointer;font-size:11px;overflow:hidden;padding:4px 6px;text-overflow:ellipsis;transition:all .3s ease;white-space:nowrap}.day-event:hover{box-shadow:0 2px 5px #0003;transform:scale(1.02)}.event-icon{font-size:10px;margin-right:2px}.event-title{color:#333;font-weight:500;overflow:hidden;text-overflow:ellipsis}.event-time{color:#666;font-size:9px;margin-top:1px}.more-events{color:#007bff;cursor:pointer;font-size:10px;padding:2px;text-align:center}.calendar-list{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.list-event{align-items:center;border-bottom:1px solid #dee2e6;cursor:pointer;display:flex;padding:15px 20px;transition:background .3s ease}.list-event:hover{background:#f8f9fa}.list-event:last-child{border-bottom:none}.event-icon{font-size:20px;margin-right:15px;min-width:20px}.event-details{flex:1 1}.event-title{color:#2c3e50;font-weight:600;margin-bottom:5px}.event-info{color:#666;font-size:14px;margin-bottom:3px}.event-participants{color:#999;font-size:12px}.event-status{align-items:flex-end;display:flex;flex-direction:column;gap:5px}.priority-badge,.status-badge{border-radius:12px;color:#fff;font-size:10px;font-weight:500;padding:4px 8px;text-transform:capitalize}.loading{font-size:18px;height:200px}.modal-overlay{background:#00000080}.modal-content{background:#fff;border-radius:10px;box-shadow:0 10px 30px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;width:95%}.modal-header{border-bottom:1px solid #dee2e6;padding:20px}.modal-header h2{color:#2c3e50}.close-btn{color:#666;height:30px;transition:background .3s ease;width:30px}.close-btn:hover{background:#f8f9fa}.form-group.full-width{grid-column:1/-1}.form-row{grid-gap:20px;gap:20px}.form-row-wide{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr 1fr}.form-row-single{display:block}.form-group label{color:#2c3e50;margin-bottom:5px}.form-group input,.form-group select,.form-group textarea{background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;font-size:14px;padding:12px 15px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.form-group textarea{min-height:80px}.event-details,.modal-body{padding:25px}.event-info{margin-bottom:20px}.info-row{align-items:center;border-bottom:1px solid #f8f9fa;display:flex;justify-content:space-between;padding:10px 0}.info-row:last-child{border-bottom:none}.info-row .label{color:#2c3e50;font-weight:600;min-width:100px}.info-row .value{color:#666;flex:1 1;text-align:right}.info-row a{color:#007bff;text-decoration:none}.info-row a:hover{text-decoration:underline}.event-actions{border-top:1px solid #dee2e6;display:flex;gap:10px;justify-content:flex-end;padding-top:20px}.event-actions button{background:#fff;border:1px solid #ddd;border-radius:5px;color:#666;cursor:pointer;padding:8px 16px;transition:all .3s ease}.event-actions button:hover{background:#f8f9fa}.event-actions .delete-btn{border-color:#dc3545;color:#dc3545}.event-actions .delete-btn:hover{background:#dc3545;color:#fff}.event-actions select{background:#fff;border:1px solid #ddd;border-radius:5px;color:#333;padding:8px 12px}.modal-actions{border-top:1px solid #dee2e6;gap:10px;padding:20px}.create-btn,.save-btn{background:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:background .3s ease}.create-btn:hover,.save-btn:hover{background:#218838}.modal-actions button:not(.save-btn):not(.create-btn){background:#fff;border:1px solid #ddd;border-radius:5px;color:#666;cursor:pointer;padding:10px 20px;transition:all .3s ease}.modal-actions button:not(.save-btn):not(.create-btn):hover{background:#f8f9fa}@media (max-width:768px){.calendar-header{align-items:stretch;flex-direction:column;gap:20px}.calendar-controls{gap:15px}.calendar-controls,.calendar-filters{flex-direction:column}.calendar-stats{grid-template-columns:repeat(2,1fr)}.form-row,.form-row-wide{grid-template-columns:1fr}.info-row{align-items:flex-start;flex-direction:column;gap:5px}.info-row .value{text-align:left}.event-actions,.modal-actions{flex-direction:column}.modal-content{margin:10px;max-width:none;width:98%}}@media (max-width:480px){.calendar-container{padding:10px}.calendar-stats{grid-template-columns:1fr}.day-event{font-size:10px;padding:2px 4px}.event-icon{font-size:8px}}:root{--primary:#6366f1;--primary-hover:#4f46e5;--primary-light:#818cf8;--success:#10b981;--success-hover:#059669;--danger:#ef4444;--danger-hover:#dc2626;--warning:#f59e0b;--warning-hover:#d97706;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--border-radius:12px;--border-radius-sm:8px;--border-radius-lg:16px;--border-radius-xl:20px;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--transition-fast:all 0.15s cubic-bezier(0.4,0,0.2,1);--transition-slow:all 0.5s cubic-bezier(0.4,0,0.2,1)}.todo-container{background:#f8fafc;color:#1e293b;color:var(--gray-800);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.6;margin:0;max-width:1200px;min-height:100vh;overflow-x:hidden}.todo-container,.todo-header{padding:2rem;position:relative}.todo-header{animation:slideInDown .6s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:20px;border-radius:var(--border-radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);margin-bottom:2rem;overflow:hidden}.todo-header:before{animation:shimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#6366f1,#10b981 50%,#f59e0b);background:linear-gradient(90deg,var(--primary) 0,var(--success) 50%,var(--warning) 100%);content:"";height:4px;left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%,to{opacity:1}50%{opacity:.7}}.header-content{gap:2rem}.header-title{color:#1e293b;color:var(--gray-800);text-align:center}.header-title h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--primary) 0,var(--primary-hover) 100%);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin:0 0 .5rem;text-shadow:0 2px 4px #0000001a}.header-title p{color:#475569;color:var(--gray-600);font-size:1.1rem;font-weight:400;margin:0}.todo-stats-grid{align-items:stretch;display:flex;flex-wrap:nowrap;gap:1.5rem;justify-content:space-between;width:100%}.todo-stat-card{align-items:center;animation:fadeInUp .6s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:16px;border-radius:var(--border-radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);display:flex;flex:1 1;gap:1rem;max-width:calc(25% - 1.125rem);min-width:0;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.todo-stat-card:hover{border-color:#6366f1;border-color:var(--primary);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.todo-stat-card:before{background:linear-gradient(90deg,#6366f1,#10b981);background:linear-gradient(90deg,var(--primary) 0,var(--success) 100%);content:"";height:3px;left:0;opacity:.8;position:absolute;right:0;top:0}.todo-stat-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));flex-shrink:0;font-size:2rem;position:relative;z-index:1}.todo-stat-content{flex:1 1;min-width:0;position:relative;text-align:center;z-index:1}.todo-stat-number{color:#1e293b;color:var(--gray-800);display:block;font-size:2rem;font-weight:800;line-height:1;margin:0}.todo-stat-label{color:#475569;color:var(--gray-600);display:block;font-size:.875rem;font-weight:500;letter-spacing:.05em;margin:.25rem 0 0;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.controls-section{animation:slideInUp .6s ease-out .1s both;background:#fff;border:1px solid #e5e7eb;border-radius:20px;border-radius:var(--border-radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);margin-bottom:2rem;padding:1.5rem}.controls-row{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.search-icon{color:var(--gray-400);left:1rem;z-index:2}.search-input{border:1px solid #e5e7eb;border-radius:var(--border-radius);color:var(--gray-800);font-size:.875rem;padding:.875rem 1rem .875rem 2.5rem;transition:all .15s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}.search-input:focus{border-color:#6366f1;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.search-input::placeholder{color:#94a3b8;color:var(--gray-400)}.view-controls{display:flex;gap:.5rem}.view-btn{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;border-radius:var(--border-radius-sm);color:#475569;color:var(--gray-600);cursor:pointer;padding:.75rem;transition:all .15s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}.view-btn:hover{background:#f3f4f6;color:#1e293b;color:var(--gray-800);transform:translateY(-1px)}.view-btn.active{background:#6366f1;background:var(--primary);border-color:#6366f1;border-color:var(--primary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);color:#fff}.filters-row{align-items:center;gap:1rem}.filter-group{align-items:center;gap:.5rem}.filter-label{color:#334155;color:var(--gray-700);font-size:.875rem;font-weight:500;white-space:nowrap}.filter-select{border:1px solid #e5e7eb;border-radius:var(--border-radius-sm);color:#1e293b;color:var(--gray-800);font-size:.875rem;padding:.5rem .75rem;transition:all .15s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}.filter-select:focus{border-color:#6366f1;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.filter-checkbox{accent-color:#6366f1;accent-color:var(--primary)}.add-todo-form{animation:slideInUp .6s ease-out .2s both;background:#fff;border:1px solid #e5e7eb;border-radius:20px;border-radius:var(--border-radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);margin-bottom:2rem;overflow:hidden;padding:2rem;position:relative}.add-todo-form:before{background:linear-gradient(90deg,#10b981,#6366f1);background:linear-gradient(90deg,var(--success) 0,var(--primary) 100%);content:"";height:3px;left:0;position:absolute;right:0;top:0}.form-grid{display:flex;flex-direction:column;gap:1.5rem}.input-group{flex:1 1}.todo-input{background:#fff;border:2px solid #e5e7eb;border-radius:12px;border-radius:var(--border-radius);color:#1e293b;color:var(--gray-800);font-size:1rem;font-weight:500;padding:1rem 1.25rem;transition:all .15s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast);width:100%}.todo-input:hover{background:#fff;border-color:#d1d5db}.todo-input:focus{background:#fff;border-color:#6366f1;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a;outline:none}.todo-input::placeholder{color:#94a3b8;color:var(--gray-400);font-weight:400}.form-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.category-select,.due-date-input,.priority-select{background:#fff;border:1px solid #e5e7eb;border-radius:8px;border-radius:var(--border-radius-sm);color:#1e293b;color:var(--gray-800);cursor:pointer;font-size:.875rem;min-width:120px;padding:.75rem 1rem;transition:all .15s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}.category-select:focus,.due-date-input:focus,.priority-select:focus{background:#fff;border-color:#6366f1;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a;outline:none}.add-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--primary) 0,var(--primary-hover) 100%);border:none;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .15s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}.add-btn:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#6366f1);background:linear-gradient(135deg,var(--primary-hover) 0,var(--primary) 100%);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.add-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.spinner-small{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.todos-section{animation:slideInUp .6s ease-out .3s both}.kanban-board{display:flex;flex-wrap:nowrap;gap:1.5rem;margin-top:1rem;overflow-x:auto;padding-bottom:.5rem}.kanban-column{animation:fadeInUp .6s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:20px;border-radius:var(--border-radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);flex:0 0 350px;overflow:hidden}.column-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.column-header h3{color:#1e293b;color:var(--gray-800);font-size:1.125rem;font-weight:600;margin:0}.column-count{background:#6366f1;background:var(--primary);border-radius:8px;border-radius:var(--border-radius-sm);color:#fff;font-size:.875rem;font-weight:600;padding:.25rem .75rem}.column-content{display:flex;flex-direction:column;gap:1rem;min-height:200px;padding:1rem}.todo-card{animation:slideInRight .4s ease-out;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1px solid #bbf7d0;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;flex:0 0 300px;flex-direction:column;gap:.75rem;padding:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.todo-card:hover{background:linear-gradient(135deg,#dcfce7,#d1fae5);border-color:#10b981;border-color:var(--success);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.todo-card.completed{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-color:#86efac;opacity:.8}.todo-card.overdue{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-left:4px solid;border-color:#fecaca}.card-header{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;max-height:2.5em;overflow:hidden}.category-badge,.priority-badge{border-radius:8px;border-radius:var(--border-radius-sm);font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.card-content h4{-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;color:#1e293b;color:var(--gray-800);display:-webkit-box;font-size:1rem;font-weight:600;line-height:1.4;margin:0;max-height:2.8em;overflow:hidden;overflow-wrap:break-word}.card-content h4.completed-text{color:#64748b;color:var(--gray-500);text-decoration:line-through}.card-content{display:flex;flex:1 1;flex-direction:column;min-height:0}.due-date{align-items:center;color:#475569;color:var(--gray-600);display:flex;font-size:.875rem;gap:.5rem;margin-top:auto}.due-date.overdue{color:#ef4444;color:var(--danger);font-weight:600}.card-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:auto}.todos-list{display:flex;flex-wrap:nowrap;gap:1rem;margin-top:1rem;overflow-x:auto;padding-bottom:.5rem}.todo-item{animation:slideInLeft .4s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);flex:0 0 300px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.todo-item:hover{background:#f9fafb;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.todo-item.completed{background:#f0fdf4;border-color:#10b981;border-color:var(--success);opacity:.7}.todo-item.overdue{background:#fef2f2;border-color:#ef4444;border-color:var(--danger)}.todo-item.completed:before{background:#10b981;background:var(--success);bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.todo-content{align-items:flex-start;display:flex;gap:1rem;min-height:80px;padding:1.5rem}.todo-checkbox{align-items:center;display:flex;flex-shrink:0;justify-content:center;position:relative}.checkbox-input{margin:0;opacity:0;position:absolute;z-index:3}.checkbox-input,.checkmark{cursor:pointer;height:24px;width:24px}.checkmark{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;border-radius:var(--border-radius-sm);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:flex;justify-content:center;pointer-events:none;transition:all .15s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast);z-index:1}.checkmark:hover{background:#fff;border-color:#6366f1;border-color:var(--primary);transform:scale(1.05)}.checkbox-input:checked+.checkmark,.checkmark:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md)}.checkbox-input:checked+.checkmark{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--success) 0,var(--success-hover) 100%);border-color:#10b981;border-color:var(--success)}.checkbox-input:checked+.checkmark:after{color:#fff;content:"✓";font-size:14px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.todo-text{flex:1 1;justify-content:center;min-width:0}.todo-text,.todo-title{display:flex;flex-direction:column}.todo-title{align-items:flex-start;gap:.5rem;width:100%}.todo-title span{word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1e293b;color:var(--gray-800);display:block;display:-webkit-box;font-size:1rem;font-weight:500;line-height:1.4;max-height:2.8em;overflow:hidden;overflow-wrap:break-word;text-align:left;width:100%}.completed-text{color:#64748b;color:var(--gray-500);font-weight:400;text-decoration:line-through}.meta-badges{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;max-height:2.5em;overflow:hidden}.category-badge,.due-date-badge,.priority-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;border-radius:var(--border-radius-sm);font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.375rem .75rem;text-transform:uppercase}.due-date-badge{background:#f3f4f6;border:1px solid #e5e7eb;color:#334155;color:var(--gray-700)}.due-date-badge.overdue{background:#fef2f2;border-color:#fecaca;color:#ef4444;color:var(--danger)}.completed-time{background:#dcfce7;border-radius:8px;border-radius:var(--border-radius-sm);color:#10b981;color:var(--success);display:inline-block;font-size:.75rem;font-weight:600;margin-top:.5rem;padding:.25rem .75rem}.edit-form{display:flex;flex-direction:column;gap:1rem;padding:1rem 0;width:100%}.edit-inputs{display:flex;flex-wrap:wrap;gap:.75rem}.edit-category-select,.edit-due-date-input,.edit-input,.edit-priority-select{background:#fff;border:1px solid #e5e7eb;border-radius:8px;border-radius:var(--border-radius-sm);font-size:.875rem;padding:.75rem 1rem;transition:all .15s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}.edit-input{flex:1 1;min-width:200px}.edit-category-select,.edit-due-date-input,.edit-priority-select{min-width:120px}.edit-category-select:focus,.edit-due-date-input:focus,.edit-input:focus,.edit-priority-select:focus{background:#fff;border-color:#6366f1;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a;outline:none}.edit-actions{align-items:center;display:flex;gap:.5rem;justify-content:flex-end}.btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #0000;border-radius:8px;border-radius:var(--border-radius-sm);font-family:inherit;gap:.5rem;padding:.75rem 1rem;transition:all .15s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}.btn:disabled{opacity:.5;transform:none!important}.btn-sm{font-size:.75rem;padding:.5rem .75rem}.btn-success{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--success) 0,var(--success-hover) 100%);border-color:#10b981;border-color:var(--success);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md)}.btn-success:hover:not(:disabled){box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg)}.btn-outline{background:#f9fafb;border:1px solid #e5e7eb;color:#475569;color:var(--gray-600)}.btn-outline:hover{background:#f3f4f6;color:#1e293b;color:var(--gray-800);transform:translateY(-1px)}.btn-secondary{background:linear-gradient(135deg,#64748b,#475569);background:linear-gradient(135deg,var(--gray-500) 0,var(--gray-600) 100%);border-color:#64748b;border-color:var(--gray-500);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md)}.btn-secondary:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--danger) 0,var(--danger-hover) 100%);border-color:#ef4444;border-color:var(--danger);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md)}.btn-danger:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg)}.todo-actions{align-items:center;display:flex;gap:.5rem;opacity:0;transition:all .15s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}.todo-item:hover .todo-actions{opacity:1}.loading{border-radius:20px;border-radius:var(--border-radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);color:#475569;color:var(--gray-600);padding:4rem 2rem}.spinner{border-top-color:#6366f1;border-top:4px solid var(--primary);margin-bottom:1.5rem}.no-todos{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:20px;border-radius:var(--border-radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);color:#475569;color:var(--gray-600);display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.empty-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));font-size:4rem;margin-bottom:1.5rem}.no-todos h3{color:#1e293b;color:var(--gray-800);font-size:1.5rem;font-weight:600;margin:0 0 1rem}.no-todos p{color:#475569;color:var(--gray-600);font-size:1rem;line-height:1.6;margin:0;opacity:.8}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.todo-container{padding:1.5rem}.kanban-board{flex-wrap:wrap}.todo-card{flex:1 1 280px}.todo-item{flex:1 1 250px}.todo-stats-grid{flex-wrap:wrap}.todo-stat-card{flex-basis:calc(50% - 0.75rem);flex-grow:1;flex-shrink:1;min-width:200px}}@media (max-width:768px){.todo-container{padding:1rem}.todo-header{margin-bottom:1.5rem;padding:1.5rem}.header-title h1{font-size:2rem}.controls-row{align-items:stretch;flex-direction:column}.search-box{max-width:none}.filters-row{align-items:stretch;flex-direction:column}.filter-group{justify-content:space-between}.form-controls{align-items:stretch;flex-direction:column}.category-select,.due-date-input,.priority-select{width:100%}.todo-stats-grid{flex-direction:column;gap:1rem}.todo-stat-card{flex:none;width:100%}.todo-content{min-height:70px;padding:1rem}.edit-inputs{flex-direction:column}.edit-category-select,.edit-due-date-input,.edit-input,.edit-priority-select{width:100%}.todo-actions{opacity:1}}@media (max-width:480px){.todo-container{font-size:13px;padding:.75rem}.todo-header{padding:1rem}.header-title h1{font-size:1.75rem}.stat-card{padding:1rem}.stat-number{font-size:1.5rem}.todo-content{min-height:60px;padding:.875rem}.checkmark{height:20px;width:20px}.btn-sm{font-size:.625rem;padding:.375rem .625rem}.meta-badges{flex-direction:column;gap:.25rem}}.searchable-dropdown{font-family:inherit;position:relative;width:100%}.searchable-dropdown.disabled{opacity:.6;pointer-events:none}.dropdown-input-container{align-items:center;display:flex;position:relative}.dropdown-input{background:#fff;border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px 40px 10px 12px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.dropdown-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.dropdown-input:disabled{background-color:#f8f9fa;cursor:not-allowed}.dropdown-arrow{align-items:center;display:flex;height:16px;justify-content:center;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px}.arrow{color:#666;font-size:10px;transition:transform .2s ease}.arrow.up{transform:translateY(-50%) rotate(180deg)}.loading-spinner{border:2px solid #f3f3f3;height:12px;width:12px}.dropdown-menu{animation:slideDown .2s ease;background:#fff;border:1px solid #ddd;border-radius:0 0 4px 4px;border-top:none;box-shadow:0 4px 12px #00000026;left:0;margin-top:4px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:99999}.feedback-create-modal .dropdown-menu,.feedback-detail-modal .dropdown-menu,.modal .dropdown-menu{position:absolute!important;z-index:99999!important}.feedback-create-modal .searchable-dropdown{z-index:1000!important}.feedback-create-modal .detail-value{z-index:10!important}.feedback-create-modal .detail-item{z-index:auto!important}.feedback-create-modal .detail-item:has(.searchable-dropdown .dropdown-menu){z-index:10000!important}.feedback-create-modal .dropdown-menu{box-shadow:0 8px 24px #0003!important;z-index:99999!important}.feedback-create-modal .detail-grid{position:relative!important}.dropdown-no-results{background:#f8f9fa;color:#666;font-style:italic;padding:12px;text-align:center}.dropdown-options{max-height:inherit;overflow-y:auto}.dropdown-option{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;justify-content:space-between;padding:10px 12px;transition:background-color .15s ease}.dropdown-option:last-child{border-bottom:none}.dropdown-option.highlighted,.dropdown-option:hover{background-color:#f8f9fa}.dropdown-option.selected{background-color:#e3f2fd;color:#1976d2}.dropdown-option.selected:hover{background-color:#bbdefb}.option-content{flex:1 1;min-width:0}.option-label{color:#333;font-weight:500;margin-bottom:2px}.option-label,.option-subtitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.option-subtitle{color:#666;font-size:12px}.option-check{color:#007bff;flex-shrink:0;font-weight:700;margin-left:8px}.dropdown-footer{background:#f8f9fa;border-top:1px solid #e9ecef;color:#666;font-size:12px;font-style:italic;padding:8px 12px;text-align:center}.dropdown-options::-webkit-scrollbar{width:6px}.dropdown-options::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.dropdown-options::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.dropdown-options::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:768px){.dropdown-input{font-size:16px}.dropdown-menu{max-height:150px}.dropdown-option{padding:12px}}.dropdown-input:focus-visible{outline:2px solid #007bff;outline-offset:2px}.dropdown-option:focus-visible{outline:2px solid #007bff;outline-offset:-2px}.feedback-container{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.unassigned-ticket{background:linear-gradient(135deg,#fff9e6,#fff)!important;border-left:4px solid #ffc107!important;position:relative}.unassigned-ticket:before{content:"🔓";font-size:20px;opacity:.7;position:absolute;right:16px;top:16px}.assignment-controls{align-items:center;display:flex;gap:8px;margin-top:12px}.assignment-select{background:#fff;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;min-width:200px;padding:8px 12px;transition:all .2s ease}.assignment-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.assign-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;min-width:80px;padding:8px 16px;transition:all .2s ease}.assign-button:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.assign-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-success{align-items:center;background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease}.btn-success:hover:not(:disabled){box-shadow:0 4px 12px #28a7454d;transform:translateY(-1px)}.btn-success:disabled{cursor:not-allowed;opacity:.6;transform:none}.empty-state{padding:60px 20px}.empty-icon{font-size:64px;opacity:.6}.empty-state h3{color:#2d3748;margin-bottom:12px}.empty-state p{color:#718096;margin:0}.tickets-stats{background:#fff;border-left:4px solid #667eea;border-radius:12px;box-shadow:0 2px 8px #0000000f;margin-bottom:24px;padding:16px 24px}.tickets-stats p{color:#4a5568;font-size:14px;font-weight:600;margin:0}@media (max-width:768px){.assignment-controls{align-items:stretch;flex-direction:column}.assignment-select{min-width:auto;width:100%}.assign-button{width:100%}}.feedback-container{background:#f8fafc;margin:0;max-width:1400px;padding:32px}.feedback-header{align-items:center!important;background:#fff!important;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 20px 40px #667eea26;display:flex!important;justify-content:space-between!important;margin-bottom:32px!important;min-height:120px;overflow:hidden;padding:24px 32px!important;position:relative}.feedback-header:after,.feedback-header:before{display:none}.header-content{position:relative;z-index:2}.header-content h1{color:#1f2937!important;font-size:32px!important;font-weight:800!important;letter-spacing:-.025em!important;line-height:1.2!important;margin:0 0 12px!important}.header-content p{color:#6b7280!important;font-size:16px!important;font-weight:500!important;line-height:1.5!important;margin:0!important}.header-actions{z-index:2}@media (max-width:768px){.feedback-header{flex-direction:column!important;gap:20px!important;padding:20px 24px!important;text-align:left!important}.feedback-header .header-content{align-items:flex-start!important;text-align:left!important}.feedback-header .header-content h1{font-size:28px!important}.feedback-header .header-actions{justify-content:flex-start!important}}.button-row{gap:8px}.button-row,.notification-btn{align-items:center;display:flex}.notification-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;height:40px;justify-content:center;padding:8px;position:relative;transition:all .3s ease;width:40px}.notification-btn:hover{background:#ffffff4d;transform:translateY(-1px)}.notification-badge{align-items:center;animation:pulse 2s infinite;background:#ff4757;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:700;height:16px;justify-content:center;min-width:16px;padding:2px;position:absolute;right:4px;top:4px}.btn-primary{border-radius:6px;font-size:13px;gap:6px;padding:8px 16px}.btn-primary:hover{box-shadow:0 4px 12px #667eea4d}.btn-secondary{background:#f8fafc;border:1px solid #e5e7eb;border-radius:6px;display:flex;font-size:13px;font-weight:500;gap:6px}.btn-secondary:hover{background:#f3f4f6;box-shadow:0 3px 8px #0000001a}.stats-cards{grid-gap:12px;gap:12px;margin-bottom:12px!important;margin-top:5px!important}.stat-card{align-items:center!important;border:1px solid #0000000d!important;border-radius:8px!important;box-shadow:0 2px 12px #00000014!important;display:flex!important;height:65px!important;justify-content:center!important;min-height:65px!important;padding:12px!important;transition:all .3s ease!important}.stat-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-1px)}.stat-content h3{color:#1f2937!important;font-size:20px!important;font-weight:800!important;letter-spacing:-.3px!important;line-height:1.2!important;margin:0!important}.stat-content p{font-size:12px!important;font-weight:600!important;letter-spacing:.3px!important;line-height:1.2!important;margin:1px 0 0!important;text-transform:uppercase!important}.filters-section{flex-direction:column;width:100%}.checkbox-label{align-items:center;box-sizing:border-box;color:#374151;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;height:40px;letter-spacing:.5px;margin:0;padding:8px 0;text-transform:uppercase}.filter-checkbox{accent-color:#3b82f6;cursor:pointer;height:16px;width:16px}.checkbox-text{-webkit-user-select:none;user-select:none;white-space:nowrap}.checkbox-label:hover .checkbox-text{color:#1f2937}.filters-section .filter-row{align-items:flex-end!important;display:flex!important;flex-wrap:nowrap!important;gap:20px!important;justify-content:flex-start!important;width:100%!important}.filters-section .filter-group{display:flex!important;flex:1 1!important;flex-direction:column!important;gap:8px!important;max-width:200px!important;min-width:140px!important}.filters-section .filter-group label{color:#374151!important;font-size:13px!important;font-weight:600!important;letter-spacing:.5px!important;margin-bottom:4px!important;text-transform:uppercase!important}.filters-section .filter-select{background:#f9fafb!important;border:2px solid #e5e7eb!important;border-radius:8px!important;box-sizing:border-box!important;color:#374151!important;font-size:14px!important;padding:8px 12px!important;width:100%!important}.filters-section .fetch-email-btn,.filters-section .filter-select{cursor:pointer!important;height:40px!important;transition:all .3s ease!important}.filters-section .fetch-email-btn{align-items:center!important;background:#28a745!important;border:none!important;border-radius:8px!important;color:#fff!important;display:flex!important;font-size:13px!important;font-weight:500!important;gap:6px!important;min-width:fit-content!important;padding:8px 16px!important;white-space:nowrap!important}.filters-section .fetch-email-btn:hover{background:#218838!important;box-shadow:0 3px 8px #28a7454d!important;transform:translateY(-1px)!important}.filter-group label{font-size:13px}.filter-select{border-radius:8px;box-sizing:border-box;height:40px;padding:8px 12px}.filter-select:focus{box-shadow:0 0 0 3px #667eea1a}.filters-section .search-row{border-top:1px solid #e5e7eb!important;gap:16px!important;padding-top:20px!important}.filters-section .search-box,.filters-section .search-row{align-items:center!important;display:flex!important;width:100%!important}.filters-section .search-box{flex:1 1!important;height:40px!important;min-width:0!important;position:relative!important}.filters-section .search-input{background:#f9fafb!important;border:2px solid #e5e7eb!important;border-radius:8px!important;box-sizing:border-box!important;color:#374151!important;font-size:14px!important;height:40px!important;min-width:0!important;padding:8px 16px!important;transition:all .3s ease!important;width:100%!important}.filters-section .search-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.thread-toggle-section{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:20px;padding:16px 20px}.toggle-info{flex-direction:column;gap:4px}.toggle-title{color:#374151;font-size:14px;font-weight:600}.toggle-description{color:#6b7280;font-size:12px}.toggle-btn{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:8px 16px;transition:all .3s ease}.toggle-btn.active{background:#007bff}.toggle-btn:hover{box-shadow:0 3px 8px #00000026;transform:translateY(-1px)}.feedback-actions{border-top:1px solid #e5e7eb!important;flex-shrink:0!important;margin-top:auto!important;padding-top:16px!important;width:100%!important}.feedback-actions .assign-select{background:#fff!important;border:1px solid #d1d5db!important;border-radius:4px!important;box-sizing:border-box!important;color:#111827!important;cursor:pointer!important;font-size:10px!important;padding:4px 6px!important;transition:all .3s ease!important}.feedback-actions .assign-select:focus{border-color:#3b82f6!important;box-shadow:0 0 0 2px #3b82f61a!important;outline:none!important}.feedback-actions>div{align-items:center!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:8px!important;justify-content:flex-start!important;overflow-x:auto!important;width:100%!important}.feedback-actions>div>div{display:flex!important;flex-direction:column!important;gap:2px!important;max-width:150px!important;min-width:120px!important}.feedback-actions .btn,.feedback-actions>div>div{flex-grow:0!important;flex-shrink:0!important;order:0!important}.feedback-actions .btn{align-items:center!important;display:inline-flex!important;height:auto!important;justify-content:center!important;margin:0!important;max-width:none!important;min-width:fit-content!important;padding:6px 12px!important;white-space:nowrap!important;width:auto!important}.feedback-actions .assign-select{flex-grow:0!important;flex-shrink:0!important;height:28px!important;max-width:150px!important;min-width:120px!important;width:100%!important}.feedback-actions>div>div:first-child{order:1!important}.feedback-actions>div>button:nth-child(2){order:2!important}.feedback-actions>div>div:nth-child(3){order:3!important}.feedback-actions>div>button:nth-child(4){order:4!important}.feedback-actions>div>button:nth-child(5){order:5!important}.ticket-detail-page{background:#fff;box-sizing:border-box;color:#1a202c;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;max-width:100%;min-height:100vh;overflow-x:hidden;width:100%}.error-container,.loading-container{border:1px solid #e2e8f0;margin:24px;min-height:400px}.error-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:48px 24px}.error-icon{font-size:48px;margin-bottom:20px}.error-container h3{color:#1e293b;font-size:22px;margin:0 0 12px}.error-container p{color:#64748b;line-height:1.6;margin:0 0 28px;max-width:400px}.ticket-detail-header{background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a;box-sizing:border-box;color:#1a202c;max-width:100%;padding:0;position:relative;width:100%}.ticket-detail-header:before{background:linear-gradient(135deg,#ffffff1f,#ffffff0d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.header-container{align-items:center;display:flex;justify-content:space-between;margin:0;max-width:1400px;padding:24px 32px;width:100%}.header-left{flex:0 0 auto}.back-button{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;color:#4a5568;display:inline-flex;font-size:14px;font-weight:500;padding:12px 16px;transition:all .2s ease}.back-button:hover{background:#edf2f7;border-color:#cbd5e0;transform:translateY(-1px)}.back-button i{font-size:12px}.header-center{display:flex;flex:1 1;justify-content:center}.header-right{flex:0 0 auto}.ticket-identifier{align-items:center;display:flex;gap:16px}.ticket-number{color:#1a202c;font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0}.ticket-status{align-items:center;background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;display:flex;gap:8px;padding:6px 12px}.status-indicator{border-radius:50%;box-shadow:0 1px 2px #0000001a;height:6px;width:6px}.status-text{color:#4a5568;font-size:12px;letter-spacing:.5px}.ticket-priority{align-items:center;display:flex}.priority-badge{border-radius:6px;box-shadow:0 1px 3px #0000001a;color:#fff;font-size:11px;font-weight:600;letter-spacing:.5px;padding:6px 12px}.ticket-detail-content{box-sizing:border-box;margin:0;max-width:1400px;min-height:calc(100vh - 120px);overflow-x:hidden;padding:32px;width:100%}.content-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 400px;margin-bottom:32px;min-height:calc(100vh - 200px);overflow:hidden}.content-grid,.ticket-info-column{box-sizing:border-box;max-width:100%;width:100%}.ticket-info-column{display:flex;flex-direction:column;gap:24px;min-width:0}.ticket-subject-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px;transition:all .2s ease}.ticket-subject-section:hover{box-shadow:0 4px 12px #00000026}.ticket-subject{color:#1a202c;font-size:24px;letter-spacing:-.2px}.feedback-metadata-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px;transition:all .2s ease}.feedback-metadata-section:hover{box-shadow:0 4px 12px #00000026}.section-title{align-items:center;color:#2d3748;display:flex;font-size:16px;font-weight:600;gap:8px;letter-spacing:-.1px;margin:0 0 20px;text-align:left}.section-title i{color:#718096;font-size:14px;text-align:center;width:16px}.metadata-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.metadata-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;gap:6px;padding:16px;transition:all .2s ease}.metadata-item:hover{background:#f1f5f9;border-color:#cbd5e0}.metadata-label{align-items:center;color:#64748b;display:flex;font-size:12px;font-weight:600;gap:8px;letter-spacing:.5px;text-transform:uppercase}.metadata-label i{color:#94a3b8;font-size:12px;width:14px}.metadata-value{color:#1a202c;font-size:14px;font-weight:500;line-height:1.4}.response-info{display:flex;flex-direction:column;gap:8px}.response-status{align-items:center;border-radius:6px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.response-status.responded{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.response-status.responded i{color:#28a745}.response-status.not-responded{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.response-status.not-responded i{color:#ffc107}.response-details{display:flex;flex-direction:column;gap:4px;margin-top:4px}.response-time{color:#6c757d;font-size:12px;line-height:1.4}.response-time strong{color:#495057;font-weight:600}.response-by{color:#007bff;font-weight:500}.response-count{color:#6c757d;font-style:italic}.stats-grid{grid-gap:8px;gap:8px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.stat-card{border-radius:6px;box-shadow:0 2px 4px #0000001a;padding:8px}.stat-card h3{font-size:1.2rem;margin:0 0 4px}.stat-card p{font-size:.65rem}.stat-card small{font-size:.55rem;margin-top:2px}.feedback-card.recently-updated{animation:highlightPulse 2s ease-in-out;border:2px solid #3b82f6;box-shadow:0 4px 20px #3b82f64d}@keyframes highlightPulse{0%{border-color:#3b82f6;box-shadow:0 4px 20px #3b82f680;transform:scale(1)}50%{border-color:#1d4ed8;box-shadow:0 6px 25px #3b82f6b3;transform:scale(1.02)}to{border-color:#3b82f6;box-shadow:0 4px 20px #3b82f64d;transform:scale(1)}}.feedback-card-header{align-items:flex-start;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:16px}.feedback-card-header h3{color:#111827;font-size:1.125rem;font-weight:600;margin:0}.chain-email,.chain-email *,.description-content,.description-content *,.description-content p,.description-text,.description-text *,.email-body,.email-body *,.email-chain-section,.email-chain-section *,.email-full-body,.email-full-body *,.email-preview,.email-preview *,.email-subject,.email-subject *,.feedback-description-section,.feedback-description-section *,.feedback-description-section .description-text,.thread-email,.thread-email *{text-align:left!important}.note-textarea{transition:all .2s ease}.note-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.note-textarea::placeholder{color:#a0aec0}.note-actions{display:flex;justify-content:flex-end;margin-top:12px}.add-note-button{align-items:center;background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.add-note-button:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.add-note-button:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.notes-history-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px;transition:all .2s ease}.notes-history-section:hover{box-shadow:0 4px 12px #00000026}.notes-header{margin-bottom:20px}.notes-container{display:flex;flex-direction:column;gap:16px}.note-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;transition:all .2s ease}.note-card:hover{background:#f1f5f9;border-color:#cbd5e0}.note-header{gap:12px;margin-bottom:12px}.note-author{gap:8px}.author-avatar,.note-author{align-items:center;display:flex}.author-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;font-size:12px;font-weight:600;height:32px;justify-content:center;text-transform:uppercase;width:32px}.author-info{display:flex;flex-direction:column;gap:2px}.author-name{color:#1a202c;font-size:14px;font-weight:600}.note-timestamp{color:#718096;font-size:12px}.note-content p{word-wrap:break-word;color:#4a5568;font-size:14px;line-height:1.5;margin:0;white-space:pre-wrap}.empty-notes{color:#94a3b8;padding:40px 20px;text-align:center}.empty-icon{margin-bottom:16px}.empty-icon i{font-size:40px;opacity:.5}.empty-notes h4{color:#64748b;font-size:18px;font-weight:600;margin:0 0 12px}.empty-notes p{font-size:15px;line-height:1.5;margin:0;opacity:.7}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;box-shadow:0 2px 8px #667eea33;display:flex;font-size:15px;gap:10px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.btn-primary:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 4px 16px #667eea4d}@media (max-width:1200px){.content-grid{gap:24px;grid-template-columns:1fr 360px}.feedback-actions-column{min-width:360px}.feedback-description-section{min-height:auto}}@media (max-width:768px){.ticket-detail-header{padding:0}.header-container{align-items:stretch;flex-direction:column;gap:16px;padding:16px 20px}.header-center{order:-1}.ticket-identifier{gap:12px;justify-content:center}.ticket-number{font-size:24px}.ticket-detail-content{padding:20px}.content-grid{gap:20px}.content-grid,.metadata-grid{grid-template-columns:1fr}.ticket-subject{font-size:20px}.back-button{align-self:flex-start}.add-note-section,.feedback-metadata-section,.notes-history-section,.quick-actions-section,.ticket-subject-section{padding:20px}.description-text{font-size:13px;line-height:1.5;max-height:300px}.empty-description{font-size:13px;padding:16px}}@media (max-width:480px){.ticket-detail-header{padding:0}.ticket-detail-content{padding:16px}.content-grid{gap:16px}.add-note-section,.feedback-metadata-section,.notes-history-section,.quick-actions-section,.ticket-subject-section{padding:16px}.ticket-number{font-size:20px}.ticket-subject{font-size:18px}.description-content p{font-size:13px}.description-text{font-size:12px;line-height:1.4;max-height:250px}.empty-description{font-size:12px;padding:12px}.expand-description-btn{justify-content:center;width:100%}}.success-message{align-items:center;animation:slideIn .3s ease;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#166534;display:flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:24px;padding:12px 16px}.error-message{justify-content:space-between}.error-close-btn{background:none;border:none;border-radius:4px;color:#dc2626;cursor:pointer;font-size:16px;padding:4px;transition:all .2s ease}.error-close-btn:hover{background:#fee2e2}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.escalation-info{background-color:#f8d7da;border-left:3px solid #dc3545;border-radius:4px;color:#dc3545!important;cursor:help;display:inline-block;font-weight:700;margin-top:4px;padding:2px 6px;position:relative}.escalation-info:hover:after{background-color:#333;border-radius:6px;box-shadow:0 4px 8px #0003;color:#fff;content:"This ticket was escalated because it was not responded to within the predefined response time.";font-size:12px;font-weight:400;max-width:300px;padding:8px 12px;text-align:center;white-space:nowrap;white-space:normal}.escalation-info:hover:after,.escalation-info:hover:before{bottom:125%;left:50%;position:absolute;transform:translateX(-50%);z-index:1000}.escalation-info:hover:before{border:5px solid #0000;border-top-color:#333;content:"";margin-bottom:-5px}.feedback-container{background:#fafafa;min-height:100vh;padding:24px}.feedback-header{align-items:center;border-bottom:2px solid #e9ecef;margin-bottom:30px;padding-bottom:20px}.feedback-header h1{color:var(--text-primary);font-size:2rem;font-weight:700;letter-spacing:-.025em;line-height:1.2;margin-bottom:var(--spacing-3)}.header-actions{gap:15px}.stats-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:30px}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff;padding:20px;text-align:center;transition:transform .2s ease}.stat-card h3{font-size:2rem;font-weight:700;margin:0 0 10px}.stat-card p{font-size:.9rem;margin:0;opacity:.9}.stat-card small{display:block;font-size:.75rem;margin-top:5px;opacity:.8}.filters-section{background:#f8f9fa;border-radius:10px;box-shadow:0 2px 4px #0000001a;margin-bottom:30px}.filter-row{grid-gap:15px;align-items:center;gap:15px;grid-template-columns:2fr 1fr 1fr 1fr}.filter-input,.filter-select{background:#fff;border:1px solid #ddd;border-radius:5px;font-size:14px;padding:10px 15px}.filter-input:focus,.filter-select:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea33;outline:none}.feedback-list{gap:16px}.feedback-card,.feedback-list{display:flex;flex-direction:column}.feedback-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000d;height:100%;min-height:250px;padding:24px;position:relative;transition:all .3s ease}.feedback-card:hover{box-shadow:0 8px 25px #00000014;transform:translateY(-2px)}.feedback-header{align-items:flex-start;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:16px}.feedback-header h3{color:#111827;font-size:1.125rem;font-weight:600;margin:0}.feedback-badges{display:flex;flex-wrap:wrap;gap:8px}.badge{border-radius:20px;font-size:.75rem;letter-spacing:.5px;padding:6px 12px}.feedback-content{cursor:pointer;display:flex;flex-direction:column;flex-grow:1;min-height:0}.feedback-content h4{color:#111827;font-size:1rem;font-weight:600;line-height:1.4;margin:0 0 12px;word-break:break-word}.feedback-description{color:#6b7280;flex-grow:1;font-size:.875rem;line-height:1.5;margin-bottom:16px;min-height:0;overflow-wrap:break-word;word-break:break-word}.feedback-meta{grid-gap:12px;color:#9ca3af;display:grid;flex-shrink:0;font-size:.75rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:16px}.feedback-meta span{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;font-weight:500;overflow:hidden;padding:4px 8px;text-overflow:ellipsis;white-space:nowrap}.feedback-actions{align-self:flex-end;border-top:1px solid #e5e7eb;display:flex;flex-shrink:0;justify-content:flex-end;margin-top:auto;padding-top:16px;width:100%}.assign-dropdown{position:relative}.assign-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#111827;cursor:pointer;font-size:.875rem;min-width:150px;padding:8px 12px;transition:all .3s ease}.assign-select:focus{border-color:#6b7280;box-shadow:0 0 0 3px #6b72801a;outline:none}.assign-select option{padding:8px}.btn-warning{background:#f59e0b;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.btn-warning:hover{background:#d97706}.btn-warning:active{transform:translateY(0)}.btn-primary{background:#007bff;border:none;border-radius:4px;font-size:12px;font-weight:500;padding:6px 12px}.btn-primary:hover{background:#0056b3}.pagination{border:1px solid #e5e7eb;border-radius:12px;padding:20px}.pagination span{color:#6b7280;font-size:.875rem}.modal-overlay{background:#0009}.modal{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 20px 60px #00000026;max-height:90vh;width:90%}.modal-header{background:#f9fafb}.modal-header h2{font-size:1.25rem}.close-btn{height:32px;padding:0;width:32px}.modal-form{padding:24px}.form-group label{color:#374151;font-size:.875rem}.form-group input,.form-group select,.form-group textarea{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#111827;font-size:.875rem;padding:12px 16px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#6b7280;box-shadow:0 0 0 3px #6b72801a;outline:none}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.modal-actions{border-top:1px solid #e5e7eb;margin-top:32px}.btn{font-size:.875rem;padding:12px 24px}.btn-primary{background:#374151}.btn-primary:hover{background:#1f2937;box-shadow:0 4px 12px #37415133}.btn-secondary{background:#6b7280}.btn-secondary:hover{background:#4b5563;box-shadow:0 4px 12px #6b728033}.btn-secondary[title*=email]{background:#28a745;border:none;border-radius:6px;color:#fff;font-weight:500;padding:8px 16px;transition:all .2s ease}.btn-secondary[title*=email]:hover{background:#218838;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.btn-secondary[title*=email] i{margin-right:6px}.btn:disabled{transform:none}.loading{background:#fff;border:1px solid #e5e7eb;border-radius:12px;font-size:1.1rem}.error-message{align-items:center;animation:slideIn .3s ease;background:#fef2f2;border:1px solid #ef4444;box-shadow:0 2px 8px #ef44441a;color:#991b1b;display:flex;gap:8px;margin-bottom:16px;padding:12px 16px;position:relative}.error-message button{background:none;border:none;color:#dc2626;cursor:pointer;font-size:1.2rem}.no-feedback{background:#fff;border:1px solid #e5e7eb;border-radius:12px;color:#6b7280;padding:60px 20px;text-align:center}.no-feedback p{font-size:1.1rem;margin:0}.ticket-detail-modal{animation:modalSlideIn .3s cubic-bezier(.16,1,.3,1);background:#fff;border:1px solid #00000014;border-radius:16px;box-shadow:0 20px 60px #00000026;margin:10px;max-height:95vh;max-width:1600px;overflow:hidden;position:relative;width:95%}.modal-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;min-height:60px;overflow:hidden;padding:24px 32px;position:relative}.modal-header:before{background:linear-gradient(135deg,#ffffff1a,#ffffff08);pointer-events:none;top:0}.modal-header:after,.modal-header:before{bottom:0;content:"";left:0;position:absolute;right:0}.modal-header:after{background:linear-gradient(90deg,#0000,#fff3 50%,#0000);height:1px}.feedback-header-info{align-items:center;display:flex;flex:1 1;gap:20px}.ticket-number-section{align-items:center;display:flex;gap:12px}.ticket-number-section h2{color:#fff;font-size:1.75rem;font-weight:700;letter-spacing:-.3px;margin:0;text-shadow:0 1px 3px #0003}.ticket-status-indicator{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border-radius:16px;display:flex;gap:6px;padding:6px 12px}.status-dot{background:#fff;border-radius:50%;height:6px;width:6px}.status-text{font-size:.7rem;font-weight:600;letter-spacing:.3px;text-shadow:0 1px 2px #0003}.ticket-priority-section{align-items:center;display:flex}.priority-pill{border-radius:16px;color:#fff;font-size:.65rem;font-weight:700;letter-spacing:.3px;padding:6px 12px}.close-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border-radius:50%;color:#fff;font-size:1.25rem;height:36px;transition:all .3s ease;width:36px}.close-btn:hover{background:#ffffff40;transform:scale(1.05)}.ticket-detail-content{background:#fff;margin:0 auto;max-height:calc(95vh - 84px);max-width:1200px;overflow-y:auto;padding:16px 32px}.ticket-main-section{margin-bottom:16px}.ticket-subject h3{background:#0000;border:none;box-shadow:none;color:#1a202c;font-size:1.5rem;font-weight:600;line-height:1.3;margin:0 0 20px;overflow:hidden;padding:0;position:relative;text-align:left}.ticket-subject h3:before{background:linear-gradient(135deg,#667eea05,#764ba205);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.feedback-meta-grid{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;text-align:left}.meta-item{align-items:center;background:#0000;border:none;border-radius:0;box-shadow:none;gap:8px;overflow:hidden;padding:4px 0;position:relative;transition:none}.meta-item:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.meta-item:hover{background:#f8fafc;border-color:#cbd5e0;box-shadow:0 6px 20px #00000014;transform:translateY(-2px)}.meta-item:hover:before{opacity:1}.meta-label{align-items:center;color:#6b7280;display:flex;font-size:.8rem;font-weight:600;gap:6px;letter-spacing:0;margin-bottom:0;min-width:80px;text-transform:none}.meta-label i{color:#667eea;font-size:.75rem;width:14px}.meta-value{color:#1a202c;flex:1 1;font-size:.85rem;font-weight:500;line-height:1.3;word-break:break-word}.section-header{margin-bottom:12px}.section-header h4{align-items:center;color:#2d3748;display:flex;font-size:.9rem;font-weight:600;gap:6px;margin:0}.section-header h4 i{color:#667eea;width:16px}.feedback-description-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px;transition:all .2s ease}.feedback-description-section:hover{box-shadow:0 4px 12px #00000026}.description-content{line-height:1.6}.description-text{word-wrap:break-word;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;box-shadow:inset 0 1px 3px #0000001a;box-sizing:border-box;color:#4a5568;font-size:14px;line-height:1.6;margin-bottom:16px;max-height:200px;max-width:100%;min-height:100px;min-width:0;overflow-wrap:break-word;overflow-y:auto;padding:16px;text-align:left;white-space:pre-wrap;width:100%;word-break:break-word}.description-text::-webkit-scrollbar{width:6px}.description-text::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.description-text::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.description-text::-webkit-scrollbar-thumb:hover{background:#a0aec0}.feedback-description-section .description-content{box-sizing:border-box;max-width:100%;overflow:hidden;width:100%}.feedback-description-section .description-text{word-wrap:break-word;box-sizing:border-box;max-width:100%;overflow-wrap:break-word;overflow-x:hidden;overflow-y:auto;width:100%;word-break:break-word}.description-text br{margin-bottom:8px}.empty-description{align-items:center;background:#f8fafc;border:1px dashed #cbd5e0;border-radius:8px;color:#718096;display:flex;font-style:italic;gap:12px;justify-content:center;padding:24px;text-align:center}.empty-description i{color:#a0aec0;font-size:16px}.empty-description span{font-size:14px}.description-content p{word-wrap:break-word;color:#4a5568;font-size:14px;line-height:1.6;margin:0 0 16px;text-align:left;white-space:pre-wrap}.description-expand{margin-top:16px}.expand-description-btn{align-items:center;background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:8px 12px;transition:all .2s ease}.expand-description-btn:hover{background:#edf2f7;border-color:#cbd5e0}.expand-description-btn i{font-size:10px}.feedback-actions-column{display:flex;flex:1 1;flex-direction:column;gap:24px;min-height:0}.quick-actions-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px;transition:all .2s ease}.quick-actions-section:hover{box-shadow:0 4px 12px #00000026}.action-item,.actions-grid{display:flex;flex-direction:column}.action-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;gap:8px;padding:16px;transition:all .2s ease}.action-item:hover{background:#f1f5f9;border-color:#cbd5e0}.action-label{align-items:center;color:#64748b;display:flex;font-size:12px;font-weight:600;gap:8px;letter-spacing:.5px;text-transform:uppercase}.action-label i{color:#94a3b8;font-size:12px;width:14px}.action-select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#1a202c;cursor:pointer;font-size:14px;font-weight:500;padding:8px 12px;transition:all .2s ease;width:100%}.action-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.action-select:hover{border-color:#cbd5e0}.action-select option{padding:8px}.assignment-context{margin-bottom:12px}.assignment-context small{color:#64748b;font-size:12px;font-style:italic}.add-note-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px;transition:all .2s ease}.add-note-section:hover{box-shadow:0 4px 12px #00000026}.note-input-wrapper{margin-top:16px}.note-textarea{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#1a202c;font-family:inherit;font-size:14px;min-height:100px;padding:12px;resize:vertical;width:100%}.metadata-description-warning{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;margin-bottom:16px;padding:16px}.warning-header{align-items:center;color:#856404;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:12px}.warning-header i{color:#f39c12;font-size:16px}.metadata-info{background:#fff;border:1px solid #e2e8f0;border-radius:6px;margin-bottom:12px;padding:12px}.metadata-info p{color:#4a5568;font-size:13px;margin:4px 0}.metadata-info strong{color:#2d3748;font-weight:600}.warning-message{color:#856404;font-size:13px;line-height:1.4}.warning-message p{margin:0}.ticket-thread-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:24px;transition:all .2s ease}.ticket-thread-section:hover{box-shadow:0 4px 12px #00000026}.thread-content{margin-top:16px}.loading-thread{gap:12px}.thread-email{background:#f8fafc;border-radius:8px;padding:16px}.thread-email:hover{background:#f1f5f9;border-color:#cbd5e0}.thread-email.current-email{background:#eff6ff;border-color:#3b82f6}.email-header{margin-bottom:12px}.email-meta{margin-bottom:8px}.email-from{color:#374151}.email-cc,.email-to{margin-left:12px}.email-cc{color:#7c3aed;font-weight:600}.email-cc i,.email-from i,.email-to i{font-size:12px;margin-right:4px}.email-date{color:#6b7280}.current-indicator{background:#3b82f6;border-radius:12px;padding:2px 8px}.email-subject{color:#1f2937;font-size:14px;text-align:left!important}.email-body{margin-top:12px;text-align:left!important}.email-preview{color:#6b7280;font-size:13px;line-height:1.5;text-align:left!important}.expand-email-btn{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:12px;margin-left:8px;padding:0;text-decoration:underline}.expand-email-btn:hover{color:#2563eb}.email-full-body{color:#374151;font-size:13px;margin-top:8px;text-align:left!important}.no-thread-emails{font-style:italic;gap:8px}.no-thread-emails i{color:#9ca3af}.thread-stats{align-items:center;display:flex;gap:12px;margin-left:auto}.thread-count{background:#eff6ff;border-radius:12px;color:#1d4ed8;font-size:12px;font-weight:600;padding:4px 12px}.refresh-email-chain-btn{align-items:center;background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;margin-left:8px;padding:6px 12px;transition:all .2s ease}.refresh-email-chain-btn:hover{background:#059669;transform:translateY(-1px)}.refresh-email-chain-btn:active{transform:translateY(0)}.refresh-email-chain-btn i{font-size:11px}.subsection-title{align-items:center;color:#1f2937;display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:16px}.email-chain-section{margin-bottom:24px}.email-chain{display:flex;flex-direction:column;gap:16px}.chain-email{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;text-align:left!important;transition:all .2s ease}.chain-email.from-client{border-left:4px solid #3b82f6}.chain-email.from-rannkly{border-left:4px solid #10b981}.chain-email:hover{background:#f1f5f9;border-color:#cbd5e0}.email-direction{border-radius:12px;font-size:11px;font-weight:600;padding:4px 8px}.chain-email.from-client .email-direction{background:#dbeafe;color:#1d4ed8}.chain-email.from-rannkly .email-direction{background:#d1fae5;color:#047857}.chain-email.current-email{background:#eff6ff;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.current-email-badge{background:#3b82f6;border-radius:12px;color:#fff;font-size:11px;font-weight:600}.current-email-badge,.email-cc{align-items:center;display:flex;gap:4px;padding:4px 8px}.email-cc{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;font-size:12px;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-cc i{color:#94a3b8}.related-tickets-section{border-top:2px solid #e2e8f0;padding-top:24px}.related-tickets{display:flex;flex-direction:column;gap:16px}.related-ticket{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;transition:all .2s ease}.related-ticket.current-ticket{background:#eff6ff;border-color:#3b82f6}.related-ticket.current-ticket .feedback-meta{color:#1e40af}.related-ticket.current-ticket .ticket-subject{color:#1e293b}.related-ticket.current-ticket .ticket-body{color:#374151}.related-ticket:hover{background:#f1f5f9;border-color:#cbd5e0}.feedback-header{margin-bottom:12px}.feedback-meta{color:#64748b;display:flex;flex-wrap:wrap;font-size:13px;gap:12px;margin-bottom:8px}.feedback-meta span{align-items:center;display:flex;gap:4px}.ticket-number{color:#3b82f6;font-weight:600}.ticket-status{border-radius:12px;font-size:11px;font-weight:600;padding:4px 8px}.ticket-status.open{background:#dbeafe;color:#1d4ed8}.ticket-status.inprogress{background:#fed7aa;color:#c2410c}.ticket-status.closed{background:#e5e7eb;color:#374151}.ticket-subject{color:#1f2937;font-size:14px}.ticket-body{color:#374151;line-height:1.6}.ticket-preview{margin-bottom:8px}.expand-ticket-btn{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:12px;margin-left:8px;padding:0;text-decoration:underline}.expand-ticket-btn:hover{color:#2563eb}.ticket-full-body{word-wrap:break-word;color:#374151;font-size:13px;line-height:1.6;margin-top:8px;white-space:pre-wrap}.no-related-tickets,.no-thread-data{align-items:center;background:#f8fafc;border-radius:8px;color:#64748b;display:flex;font-size:14px;font-style:italic;gap:8px;padding:16px}@media (max-width:768px){.ticket-thread-section{padding:16px}.thread-email{padding:12px}.email-meta{align-items:flex-start;flex-direction:column;gap:4px}.stats-grid{gap:6px;grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.stat-card{padding:6px}.stat-card h3{font-size:1.1rem;margin:0 0 3px}.stat-card p{font-size:.6rem}.stat-card small{font-size:.5rem;margin-top:1px}}@media (max-width:480px){.stats-grid{gap:4px;grid-template-columns:repeat(auto-fit,minmax(70px,1fr))}.stat-card{padding:4px}.stat-card h3{font-size:.9rem}.stat-card p{font-size:.55rem}.stat-card small{font-size:.45rem}}.badge[style*="background-color: #dc2626"],.badge[style*="background-color: #dc3545"]{color:#fff!important;text-shadow:0 1px 2px #0000004d}.spam-badge{animation:pulse-spam 2s infinite;background:#dc3545!important;border-radius:12px!important;box-shadow:0 2px 4px #dc35454d!important;color:#fff!important;font-size:10px!important;font-weight:700!important;letter-spacing:.5px!important;padding:4px 8px!important;text-transform:uppercase!important}@keyframes pulse-spam{0%{box-shadow:0 2px 4px #dc35454d}50%{box-shadow:0 2px 8px #dc354580}to{box-shadow:0 2px 4px #dc35454d}}.ticket-analytics-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:24px;padding:24px;transition:all .3s ease}.ticket-analytics-section:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.analytics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:20px}.analytics-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:40px}.analytics-loading .loading-spinner{height:32px;margin-bottom:12px;width:32px}.analytics-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.analytics-card:hover{border-color:#cbd5e1;box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.analytics-card:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6);content:"";height:4px;left:0;position:absolute;right:0;top:0}.analytics-card-header{align-items:center;color:#475569;display:flex;font-size:14px;font-weight:600;gap:10px;margin-bottom:16px}.analytics-card-header i{color:#3b82f6;font-size:16px}.analytics-card-content{text-align:center}.satisfaction-score{font-size:36px;font-weight:700;line-height:1;margin-bottom:8px}.satisfaction-label{color:#374151;font-size:16px;font-weight:600;margin-bottom:8px}.response-time-value{color:#3b82f6;font-size:28px;font-weight:700;line-height:1;margin-bottom:8px}.analytics-subtitle{color:#64748b;font-size:12px;font-weight:500}.email-count-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.email-count-item{text-align:center}.count-value{color:#3b82f6;font-size:24px;font-weight:700;line-height:1;margin-bottom:4px}.count-value.client{color:#f59e0b}.count-value.rannkly{color:#10b981}.count-label{color:#64748b;font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}@media (max-width:768px){.analytics-grid{gap:16px;grid-template-columns:1fr}.ticket-analytics-section{margin-bottom:20px;padding:20px}.analytics-card{padding:16px}.satisfaction-score{font-size:28px}.response-time-value{font-size:24px}.email-count-grid{gap:8px}.count-value{font-size:20px}}.btn-secondary{background-color:#6c757d;border:none;border-radius:4px;padding:8px 16px;transition:all .3s ease}.btn-secondary:hover{background-color:#5a6268;border-color:#545b62;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.btn-secondary:active{box-shadow:0 1px 2px #0000001a;transform:translateY(0)}.btn-secondary i{transition:transform .3s ease}.btn-secondary:hover i{transform:rotate(180deg)}.btn-secondary.loading{cursor:not-allowed;opacity:.7}.btn-secondary.loading i{animation:spin 1s linear infinite}@media (max-width:480px){.ticket-analytics-section{padding:16px}.analytics-card{padding:12px}.satisfaction-score{font-size:24px}.response-time-value{font-size:20px}.email-count-grid{gap:8px;grid-template-columns:1fr}}.feedback-container,.feedback-container *{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;text-rendering:optimizeLegibility!important}.feedback-card{background:#fff!important}.feedback-card,.feedback-card-header h3,.feedback-content h4,.feedback-description,.feedback-meta span{color:#111827!important;opacity:1!important}.feedback-description{color:#6b7280!important;opacity:1!important}.feedback-meta span{background-color:#f9fafb!important;color:#9ca3af!important;opacity:1!important}.feedback-actions{align-items:center!important;display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:8px!important;justify-content:flex-end!important}.feedback-actions .btn,.feedback-actions button{align-items:center!important;border-radius:6px!important;cursor:pointer!important;display:inline-flex!important;flex-grow:0!important;flex-shrink:0!important;font-size:13px!important;font-weight:600!important;height:auto!important;justify-content:center!important;line-height:1.4!important;margin:0!important;max-width:none!important;min-width:auto!important;opacity:1!important;padding:8px 16px!important;transition:all .2s ease!important;white-space:nowrap!important;width:auto!important}.feedback-actions .btn-primary,.feedback-actions button.btn-primary{background:#007bff!important;border:none!important;color:#fff!important}.feedback-actions .btn-primary:hover,.feedback-actions button.btn-primary:hover{background:#0056b3!important;box-shadow:0 2px 8px #007bff4d;transform:translateY(-1px)}.feedback-actions .btn-warning,.feedback-actions button.btn-warning{background:#f59e0b!important;border:none!important;color:#fff!important}.feedback-actions .btn-warning:hover,.feedback-actions button.btn-warning:hover{background:#d97706!important;box-shadow:0 2px 8px #f59e0b4d;transform:translateY(-1px)}.feedback-actions .btn-success,.feedback-actions button.btn-success{background:#28a745!important;border:none!important;color:#fff!important}.feedback-actions .btn-success:hover,.feedback-actions button.btn-success:hover{background:#218838!important;box-shadow:0 2px 8px #28a7454d;transform:translateY(-1px)}.feedback-actions .btn-danger,.feedback-actions button.btn-danger{background:#dc3545!important;border:none!important;color:#fff!important}.feedback-actions .btn-danger:hover,.feedback-actions button.btn-danger:hover{background:#c82333!important;box-shadow:0 2px 8px #dc35454d;transform:translateY(-1px)}.stat-card{background:#fff!important;opacity:1!important}.stat-content h3,.stat-content p{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;color:#1f2937!important;opacity:1!important}.stat-content p{color:#6b7280!important}.filters-section{background:#fff!important}.badge,.filters-section,.filters-section *{opacity:1!important}.badge{background:#6b7280!important;color:#fff!important}.feedback-header,.feedback-header *{opacity:1!important}.header-content h1,.header-content p{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;opacity:1!important}.modal-overlay{background:#0009!important;opacity:1!important;z-index:1000!important}.modal,.modal-content{border:1px solid #e5e7eb!important;color:#111827!important}.feedback-detail-modal,.modal,.modal-content{background:#fff!important;opacity:1!important}.feedback-detail-modal{animation:modalSlideIn .3s cubic-bezier(.16,1,.3,1)!important;border:1px solid #00000014!important;border-radius:16px!important;box-shadow:0 20px 60px #00000026!important;margin:10px!important;max-height:95vh!important;max-width:1600px!important;position:relative!important;width:95%!important;z-index:1001!important}.feedback-create-modal,.feedback-detail-modal{overflow:visible!important}.feedback-create-modal .feedback-detail-content{max-height:none!important}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.feedback-detail-modal .modal-header{align-items:center!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;display:flex!important;justify-content:space-between!important;min-height:60px!important;opacity:1!important;overflow:hidden!important;padding:24px 32px!important;position:relative!important;z-index:2!important}.feedback-detail-modal .modal-header:before{background:linear-gradient(135deg,#ffffff1a,#ffffff08)!important;pointer-events:none!important;top:0!important}.feedback-detail-modal .modal-header:after,.feedback-detail-modal .modal-header:before{bottom:0!important;content:""!important;left:0!important;position:absolute!important;right:0!important}.feedback-detail-modal .modal-header:after{background:linear-gradient(90deg,#0000,#fff3 50%,#0000)!important;height:1px!important}.feedback-header-info{flex:1 1!important;gap:20px!important;position:relative!important;z-index:2!important}.feedback-header-info,.feedback-number-section{align-items:center!important;background:#0000!important;display:flex!important}.feedback-number-section{gap:12px!important;margin:0!important;padding:0!important}.feedback-number-section h2{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;font-feature-settings:"liga" 0!important;backface-visibility:hidden!important;background:#0000!important;border:none!important;box-shadow:none!important;color:#fff!important;font-size:1.75rem!important;font-weight:700!important;letter-spacing:-.3px!important;margin:0!important;opacity:1!important;padding:0!important;text-rendering:optimizeLegibility!important;text-shadow:0 1px 2px #00000026!important;transform:translateZ(0)!important}.feedback-status-indicator{align-items:center!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#ffffff26!important;border-radius:16px!important;display:flex!important;gap:6px!important;padding:6px 12px!important}.feedback-status-indicator span{backface-visibility:hidden!important;color:#fff!important;font-size:.7rem!important;font-weight:600!important;letter-spacing:.3px!important;text-rendering:optimizeLegibility!important;text-shadow:0 1px 1px #00000026!important;transform:translateZ(0)!important}.feedback-status-indicator span,.modal-content{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;opacity:1!important}.modal-content{background:#0000!important;color:#111827!important}.feedback-detail-content{background:#fff!important;margin:0 auto!important;max-height:calc(95vh - 84px)!important;max-width:1200px!important;opacity:1!important;overflow-y:auto!important;padding:16px 32px!important}.feedback-create-modal .feedback-detail-content{max-height:calc(95vh - 84px)!important;overflow:visible!important;overflow-y:auto!important}.detail-section{margin-bottom:24px!important}.detail-grid{grid-gap:16px 24px!important;background:#f9fafb!important;border:1px solid #e5e7eb!important;border-radius:12px!important;display:grid!important;gap:16px 24px!important;grid-template-columns:repeat(2,1fr)!important;padding:20px!important;width:100%!important}.detail-grid,.detail-item{box-sizing:border-box!important;opacity:1!important}.detail-item{align-items:center!important;background:#fff!important;border:1px solid #e5e7eb!important;border-radius:8px!important;display:flex!important;flex-direction:row!important;gap:12px!important;margin:0!important;min-width:0!important;padding:12px 16px!important;transition:all .2s ease!important}.detail-item:hover{border-color:#cbd5e0!important;box-shadow:0 2px 8px #0000000d!important}.detail-label{flex-shrink:0!important;font-size:13px!important;font-weight:600!important;letter-spacing:.5px!important;max-width:140px!important;min-width:120px!important;text-transform:uppercase!important}.detail-label,.detail-value{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;opacity:1!important;white-space:nowrap!important}.detail-value{flex:1 1!important;font-size:14px!important;font-weight:500!important;line-height:1.5!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important}.detail-value .badge{flex-shrink:0!important;white-space:nowrap!important}@media (max-width:768px){.detail-grid{gap:12px!important;grid-template-columns:1fr!important}}.content-header,.content-title,.section-header,.section-header h3{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;background:#0000!important;color:#111827!important;opacity:1!important}.detail-label{color:#6b7280!important}.detail-value{color:#111827!important}.feedback-content-item,.feedback-content-item.improvement,.feedback-content-item.meeting,.feedback-content-item.positive{background:#fff!important;border:1px solid #e5e7eb!important;color:#111827!important;opacity:1!important}.feedback-content-item .content-body{color:#374151!important;opacity:1!important}.detail-tag,.feedback-content-item .content-title,.tags-container .detail-tag{color:#111827!important;opacity:1!important}.detail-tag,.tags-container .detail-tag{background:#f3f4f6!important;border:1px solid #e5e7eb!important}.feedback-detail-modal .close-btn,.feedback-detail-modal .modal-header .close-btn{align-items:center!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:#ffffff26!important;border:none!important;border-radius:50%!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:1.5rem!important;font-weight:300!important;height:36px!important;justify-content:center!important;line-height:1!important;margin:0!important;opacity:1!important;padding:0!important;position:relative!important;transition:all .3s ease!important;width:36px!important;z-index:10!important}.feedback-detail-modal .close-btn:hover,.feedback-detail-modal .modal-header .close-btn:hover{background:#ffffff40!important;color:#fff!important;transform:scale(1.05)!important}.modal-header:not(.feedback-detail-modal .modal-header) .close-btn,.modal:not(.feedback-detail-modal) .close-btn{background:#0000!important;border:none!important;color:#6b7280!important;opacity:1!important}.modal:not(.feedback-detail-modal) .close-btn:hover{background:#f3f4f6!important;color:#374151!important}.feedback-status-indicator,.status-dot{opacity:1!important}.status-dot{border-radius:50%!important;display:block!important;height:6px!important;width:6px!important}.status-dot.status-closed,.status-dot.status-escalated,.status-dot.status-open{background:#fff!important}.status-text{color:#fff!important;opacity:1!important}.feedback-detail-content .badge,.modal .badge{background:#6b7280!important;color:#fff!important;opacity:1!important}.modal .form-control,.modal input,.modal select,.modal textarea{background:#fff!important;border:1px solid #d1d5db!important;color:#111827!important;opacity:1!important}.modal .btn,.modal button,.modal-actions .btn{background:#007bff!important;border:none!important;color:#fff!important;opacity:1!important}.modal .btn:hover,.modal button:hover{background:#0056b3!important;opacity:1!important}.feedback-detail-modal *,.modal *{opacity:1!important}.modal .content-body,.modal .content-title,.modal .detail-label,.modal .detail-value,.modal .section-header h3{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;color:#111827!important;opacity:1!important}.detail-section{margin-bottom:32px!important;opacity:1!important}.section-header{border-bottom:2px solid #e5e7eb!important;margin-bottom:20px!important;padding-bottom:12px!important}.section-header h3{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;align-items:center!important;color:#111827!important;display:flex!important;font-size:18px!important;font-weight:700!important;gap:8px!important;letter-spacing:-.3px!important;margin:0!important;opacity:1!important}.feedback-content-grid{grid-gap:20px!important;display:grid!important;gap:20px!important;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))!important;margin-top:20px!important}.feedback-content-item{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:12px!important;box-shadow:0 1px 3px #0000000d!important;display:flex!important;flex-direction:column!important;min-height:180px!important;opacity:1!important;padding:24px!important;transition:all .3s ease!important}.feedback-content-item:hover{border-color:#cbd5e0!important;box-shadow:0 8px 25px #00000014!important;transform:translateY(-2px)!important}.feedback-content-item.positive{background:linear-gradient(90deg,#10b98105 0,#fff 3%)!important;border-left:4px solid #10b981!important}.feedback-content-item.positive .content-header{background:linear-gradient(135deg,#10b98114,#10b98105)!important;border-radius:10px!important;margin-bottom:16px!important;padding:12px 16px!important}.feedback-content-item.improvement{background:linear-gradient(90deg,#f59e0b05 0,#fff 3%)!important;border-left:4px solid #f59e0b!important}.feedback-content-item.improvement .content-header{background:linear-gradient(135deg,#f59e0b14,#f59e0b05)!important;border-radius:10px!important;margin-bottom:16px!important;padding:12px 16px!important}.feedback-content-item.meeting{background:linear-gradient(90deg,#3b82f605 0,#fff 3%)!important;border-left:4px solid #3b82f6!important}.feedback-content-item.meeting .content-header{background:linear-gradient(135deg,#3b82f614,#3b82f605)!important;border-radius:10px!important;margin-bottom:16px!important;padding:12px 16px!important}.content-header{gap:12px!important;margin-bottom:16px!important;opacity:1!important}.content-header,.content-icon{align-items:center!important;display:flex!important}.content-icon{flex-shrink:0!important;font-size:24px!important;height:40px!important;justify-content:center!important;line-height:1!important;width:40px!important}.content-title{color:#111827!important;font-size:16px!important;font-weight:700!important;letter-spacing:-.2px!important}.content-body,.content-title{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;margin:0!important;opacity:1!important}.content-body{word-wrap:break-word!important;background:#f9fafb!important;border:1px solid #e5e7eb!important;border-radius:8px!important;color:#374151!important;flex-grow:1!important;font-size:14px!important;line-height:1.7!important;min-height:80px!important;padding:16px!important;white-space:pre-wrap!important}.tags-container{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin-top:16px!important}.detail-tag{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;align-items:center!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;border-radius:20px!important;box-shadow:0 2px 8px #667eea33!important;color:#fff!important;display:inline-flex!important;font-size:13px!important;font-weight:600!important;letter-spacing:.3px!important;opacity:1!important;padding:8px 16px!important;transition:all .2s ease!important}.detail-tag:hover{box-shadow:0 4px 12px #667eea4d!important;transform:translateY(-1px)!important}@media (max-width:768px){.feedback-content-grid{gap:16px!important;grid-template-columns:1fr!important}.feedback-content-item{min-height:auto!important;padding:20px!important}.content-header{padding:10px 14px!important}.content-icon{font-size:20px!important;height:36px!important;width:36px!important}.content-title{font-size:15px!important}.content-body{font-size:13px!important;padding:12px!important}}.feedback-create-modal{background:#fff!important;opacity:1!important}.feedback-create-modal .feedback-form{margin:0!important;padding:0!important}.feedback-create-modal .detail-section{margin-bottom:32px!important;opacity:1!important}.feedback-create-modal .form-group{margin-bottom:20px!important}.feedback-create-modal .form-group label{color:#374151!important;display:block!important;font-size:14px!important;font-weight:600!important;margin-bottom:8px!important;opacity:1!important}.feedback-create-modal .form-group input,.feedback-create-modal .form-group select,.feedback-create-modal .form-group textarea{background:#fff!important;border:1px solid #d1d5db!important;border-radius:8px!important;color:#111827!important;font-size:14px!important;opacity:1!important;padding:12px 16px!important;transition:all .2s ease!important;width:100%!important}.feedback-create-modal .form-group input:focus,.feedback-create-modal .form-group select:focus,.feedback-create-modal .form-group textarea:focus{border-color:#667eea!important;box-shadow:0 0 0 3px #667eea1a!important;outline:none!important}.feedback-create-modal .form-row{grid-gap:20px!important;display:grid!important;gap:20px!important;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important;margin-bottom:20px!important}.feedback-create-modal .feedback-content-grid{grid-gap:20px!important;display:grid!important;gap:20px!important;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))!important;margin-top:20px!important}.feedback-create-modal .feedback-card{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:12px!important;box-shadow:0 1px 3px #0000000d!important;opacity:1!important;padding:24px!important}.feedback-create-modal .feedback-card.positive{background:linear-gradient(90deg,#10b98105 0,#fff 3%)!important;border-left:4px solid #10b981!important}.feedback-create-modal .feedback-card.improvement{background:linear-gradient(90deg,#f59e0b05 0,#fff 3%)!important;border-left:4px solid #f59e0b!important}.feedback-create-modal .feedback-card .card-header{align-items:center!important;border-bottom:1px solid #e5e7eb!important;display:flex!important;gap:12px!important;margin-bottom:16px!important;padding-bottom:12px!important}.feedback-create-modal .feedback-card .card-header h4{color:#111827!important;font-size:16px!important;font-weight:700!important;margin:0!important;opacity:1!important}.feedback-create-modal .feedback-card textarea{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:8px!important;color:#111827!important;font-size:14px!important;min-height:120px!important;opacity:1!important;padding:12px!important;resize:vertical!important;width:100%!important}.feedback-create-modal .modal-actions{background:#f9fafb!important;border-top:1px solid #e5e7eb!important;display:flex!important;gap:12px!important;justify-content:flex-end!important;margin-top:32px!important;padding:24px 32px!important}.feedback-create-modal .modal-actions .btn{border:none!important;border-radius:8px!important;cursor:pointer!important;font-size:14px!important;font-weight:600!important;opacity:1!important;padding:12px 24px!important;transition:all .2s ease!important}.feedback-create-modal .modal-actions .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important}.feedback-create-modal .modal-actions .btn-primary:hover{box-shadow:0 4px 12px #667eea4d!important;transform:translateY(-2px)!important}.feedback-create-modal .modal-actions .btn-secondary{background:#f3f4f6!important;color:#374151!important}.feedback-create-modal .modal-actions .btn-secondary:hover{background:#e5e7eb!important}.feedback-create-modal .detail-grid{grid-gap:16px 24px!important;background:#f9fafb!important;border:1px solid #e5e7eb!important;border-radius:12px!important;display:grid!important;gap:16px 24px!important;grid-template-columns:repeat(2,1fr)!important;padding:20px!important}.feedback-create-modal .detail-item{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:8px!important;display:flex!important;flex-direction:column!important;gap:8px!important;padding:12px 16px!important;position:relative!important;z-index:1!important}.feedback-create-modal .detail-item .detail-value{position:relative!important;z-index:10!important}.feedback-create-modal .searchable-dropdown{position:relative!important;z-index:100!important}.feedback-create-modal .dropdown-menu{position:absolute!important;z-index:10000!important}.feedback-create-modal .detail-label{color:#6b7280!important;font-size:12px!important;font-weight:600!important;letter-spacing:.5px!important;opacity:1!important;text-transform:uppercase!important}.feedback-create-modal .detail-value{align-items:stretch!important;color:#111827!important;display:flex!important;flex-direction:column!important;font-size:14px!important;font-weight:500!important;opacity:1!important;width:100%!important}.feedback-create-modal .detail-value input,.feedback-create-modal .detail-value select,.feedback-create-modal .detail-value textarea{background:#fff!important;border:1px solid #d1d5db!important;border-radius:8px!important;box-sizing:border-box!important;color:#111827!important;font-size:14px!important;opacity:1!important;padding:12px 16px!important;width:100%!important}.feedback-create-modal .detail-value .searchable-dropdown{display:block!important;position:relative!important;width:100%!important;z-index:1000!important}.feedback-create-modal .detail-item:has(.searchable-dropdown[data-open=true]){position:relative!important;z-index:10000!important}.feedback-create-modal .detail-item:has(.dropdown-menu){position:relative!important;z-index:10000!important}.feedback-create-modal .detail-item:first-child{position:relative!important}.feedback-create-modal .detail-item:first-child:has(.dropdown-menu){z-index:10000!important}.feedback-create-modal .detail-grid,.feedback-create-modal .detail-item{overflow:visible!important}.feedback-create-modal .detail-value{overflow:visible!important;position:relative!important}.feedback-create-modal .feedback-number-section h2{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;font-feature-settings:"liga" 0!important;backface-visibility:hidden!important;color:#fff!important;font-size:1.75rem!important;font-weight:700!important;letter-spacing:-.3px!important;opacity:1!important;text-rendering:optimizeLegibility!important;text-shadow:0 1px 2px #00000026!important;transform:translateZ(0)!important;will-change:transform!important}.feedback-create-modal .tags-satisfaction-grid{gap:20px!important;grid-template-columns:repeat(2,1fr)!important}.feedback-create-modal .tag-input-wrapper{width:100%!important}.feedback-create-modal .tag-input-container{align-items:center!important;display:flex!important;gap:8px!important;margin-bottom:12px!important}.feedback-create-modal .tag-input{background:#fff!important;border:1px solid #d1d5db!important;border-radius:8px!important;color:#111827!important;flex:1 1!important;font-size:14px!important;opacity:1!important;padding:12px 16px!important;transition:all .2s ease!important}.feedback-create-modal .tag-input:focus{border-color:#667eea!important;box-shadow:0 0 0 3px #667eea1a!important;outline:none!important}.feedback-create-modal .tag-input::placeholder{color:#9ca3af!important}.feedback-create-modal .tag-add-btn{align-items:center!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;border-radius:8px!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:14px!important;font-weight:600!important;justify-content:center!important;min-width:44px!important;opacity:1!important;padding:12px 16px!important;transition:all .2s ease!important}.feedback-create-modal .tag-add-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d!important;transform:translateY(-2px)!important}.feedback-create-modal .tag-add-btn:disabled{cursor:not-allowed!important;opacity:.5!important}.feedback-create-modal .tags-display{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-top:12px!important}.feedback-create-modal .tag-chip{align-items:center!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;border-radius:20px!important;box-shadow:0 2px 8px #667eea33!important;color:#fff!important;display:inline-flex!important;font-size:13px!important;font-weight:600!important;gap:8px!important;opacity:1!important;padding:8px 14px!important;transition:all .2s ease!important}.feedback-create-modal .tag-chip:hover{box-shadow:0 4px 12px #667eea4d!important;transform:translateY(-1px)!important}.feedback-create-modal .tag-remove-btn{align-items:center!important;background:#fff3!important;border:none!important;border-radius:50%!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:14px!important;height:18px!important;justify-content:center!important;line-height:1!important;margin-left:4px!important;padding:0!important;transition:all .2s ease!important;width:18px!important}.feedback-create-modal .tag-remove-btn:hover{background:#ffffff4d!important;transform:scale(1.1)!important}.feedback-create-modal .satisfaction-buttons{display:flex!important;gap:12px!important;margin-bottom:8px!important}.feedback-create-modal .satisfaction-btn{align-items:center!important;background:#fff!important;border:2px solid #e5e7eb!important;border-radius:10px!important;color:#6b7280!important;cursor:pointer!important;display:flex!important;flex:1 1!important;font-size:14px!important;font-weight:600!important;gap:8px!important;justify-content:center!important;opacity:1!important;padding:14px 20px!important;transition:all .2s ease!important}.feedback-create-modal .satisfaction-btn:hover{background:#f9fafb!important;border-color:#cbd5e0!important;color:#374151!important;transform:translateY(-1px)!important}.feedback-create-modal .satisfaction-btn.active.satisfied{background:linear-gradient(135deg,#10b9811a,#10b9810d)!important;border-color:#10b981!important;box-shadow:0 2px 8px #10b98133!important;color:#059669!important}.feedback-create-modal .satisfaction-btn.active.not-satisfied{background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d)!important;border-color:#f59e0b!important;box-shadow:0 2px 8px #f59e0b33!important;color:#d97706!important}.feedback-create-modal .satisfaction-icon{font-size:20px!important;line-height:1!important}.feedback-create-modal .satisfaction-text{font-size:14px!important;font-weight:600!important}.feedback-create-modal .form-help-text{color:#6b7280!important;display:block!important;font-size:12px!important;font-style:italic!important;margin-top:8px!important;opacity:1!important}.feedback-create-modal .email-recipients-section{background:#f9fafb!important;border:1px solid #e5e7eb!important;border-radius:12px!important;padding:24px!important}.feedback-create-modal .email-recipient-item{margin-bottom:24px!important}.feedback-create-modal .email-recipient-item:last-child{margin-bottom:0!important}.feedback-create-modal .email-recipient-label{align-items:center!important;color:#374151!important;display:flex!important;font-size:14px!important;font-weight:600!important;gap:8px!important;margin-bottom:12px!important}.feedback-create-modal .email-icon{font-size:16px!important}.feedback-create-modal .email-recipient-value{align-items:center!important;display:flex!important;flex-wrap:wrap!important;gap:12px!important}.feedback-create-modal .email-display{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:6px!important;color:#111827!important;display:inline-block!important;font-size:14px!important;font-weight:500!important;padding:8px 12px!important}.feedback-create-modal .email-badge{border-radius:12px!important;font-size:11px!important;font-weight:600!important;letter-spacing:.5px!important;padding:4px 10px!important;text-transform:uppercase!important}.feedback-create-modal .email-badge.primary{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important}.feedback-create-modal .email-input-wrapper{margin-top:8px!important}.feedback-create-modal .email-input-container{display:flex!important;gap:8px!important;margin-bottom:12px!important}.feedback-create-modal .email-input{background:#fff!important;border:1px solid #d1d5db!important;border-radius:8px!important;box-sizing:border-box!important;color:#111827!important;flex:1 1!important;font-size:14px!important;padding:10px 14px!important;transition:all .2s ease!important}.feedback-create-modal .email-input:focus{border-color:#667eea!important;box-shadow:0 0 0 3px #667eea1a!important;outline:none!important}.feedback-create-modal .email-input::placeholder{color:#9ca3af!important}.feedback-create-modal .email-add-btn{align-items:center!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;border-radius:8px!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:14px!important;font-weight:600!important;justify-content:center!important;min-width:44px!important;padding:10px 16px!important;transition:all .2s ease!important}.feedback-create-modal .email-add-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea66!important;transform:translateY(-1px)!important}.feedback-create-modal .email-add-btn:disabled{cursor:not-allowed!important;opacity:.5!important}.feedback-create-modal .emails-display{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-top:8px!important}.feedback-create-modal .email-chip{align-items:center!important;background:#fff!important;border:1px solid #e5e7eb!important;border-radius:20px!important;color:#111827!important;display:inline-flex!important;font-size:13px!important;font-weight:500!important;gap:8px!important;padding:8px 14px!important;transition:all .2s ease!important}.feedback-create-modal .email-chip:hover{background:#f9fafb!important;border-color:#d1d5db!important}.feedback-create-modal .email-remove-btn{align-items:center!important;background:#0000!important;border:none!important;border-radius:50%!important;color:#6b7280!important;cursor:pointer!important;display:flex!important;font-size:18px!important;height:20px!important;justify-content:center!important;line-height:1!important;margin-left:4px!important;padding:0!important;transition:all .2s ease!important;width:20px!important}.feedback-create-modal .email-remove-btn:hover{background:#fee2e2!important;color:#dc2626!important}.feedback-create-modal .email-template-section{background:#f9fafb!important;border:1px solid #e5e7eb!important;border-radius:12px!important;padding:24px!important}.feedback-create-modal .email-template-header{border-bottom:1px solid #e5e7eb!important;margin-bottom:24px!important;padding-bottom:16px!important}.feedback-create-modal .email-template-controls{align-items:center!important;display:flex!important;gap:16px!important;justify-content:space-between!important}.feedback-create-modal .email-form-group{margin-bottom:24px!important}.feedback-create-modal .email-form-label{color:#374151!important;display:block!important;font-size:14px!important;font-weight:600!important;margin-bottom:8px!important;opacity:1!important}.feedback-create-modal .email-subject-input{background:#fff!important;border:1px solid #d1d5db!important;border-radius:8px!important;box-sizing:border-box!important;color:#111827!important;font-size:14px!important;opacity:1!important;padding:12px 16px!important;transition:all .2s ease!important;width:100%!important}.feedback-create-modal .email-subject-input:focus{border-color:#667eea!important;box-shadow:0 0 0 3px #667eea1a!important;outline:none!important}.feedback-create-modal .email-subject-input::placeholder{color:#9ca3af!important}.feedback-create-modal .email-template-preview-container{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:12px!important;box-shadow:0 1px 3px #0000001a!important;overflow:hidden!important;position:relative!important}.feedback-create-modal .email-template-preview{background:#f9fafb!important;border-radius:12px!important;max-height:500px!important;overflow-y:auto!important;padding:0!important}.feedback-create-modal .email-template-preview::-webkit-scrollbar{width:8px!important}.feedback-create-modal .email-template-preview::-webkit-scrollbar-track{background:#f1f5f9!important;border-radius:4px!important}.feedback-create-modal .email-template-preview::-webkit-scrollbar-thumb{background:#cbd5e0!important;border-radius:4px!important}.feedback-create-modal .email-template-preview::-webkit-scrollbar-thumb:hover{background:#94a3b8!important}.feedback-create-modal .email-preview-content{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;word-wrap:break-word!important;background:#fff!important;color:#111827!important;font-size:15px!important;letter-spacing:.01em!important;line-height:1.8!important;margin:0!important;opacity:1!important;overflow-wrap:break-word!important;padding:0!important;text-align:left!important}.feedback-create-modal .email-preview-content>div{margin:0!important}.feedback-create-modal .email-preview-content{background:#f5f7fa!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;padding:20px!important}.feedback-create-modal .email-preview-content table{border-collapse:collapse!important;border-spacing:0!important;width:100%!important}.feedback-create-modal .email-preview-content>table{margin:0 auto!important;max-width:100%!important}.feedback-create-modal .email-preview-content>table>tbody>tr>td>table{background:#fff!important;border-radius:8px!important;box-shadow:0 2px 8px #0000001a!important;margin:0 auto!important;max-width:600px!important;overflow:hidden!important}.feedback-create-modal .email-preview-content *{box-sizing:border-box!important}.feedback-create-modal .email-preview-content td[style*="background-color: #4f46e5"]{background-color:#4f46e5!important;padding:32px 40px!important;text-align:center!important}.feedback-create-modal .email-preview-content td[style*="background-color: #4f46e5"] h1{color:#fff!important;font-size:28px!important;font-weight:600!important;letter-spacing:-.5px!important;margin:0 0 8px!important}.feedback-create-modal .email-preview-content td[style*="background-color: #4f46e5"] p{color:#ffffffe6!important;font-size:14px!important;font-weight:400!important;margin:0!important}.feedback-create-modal .email-preview-content td[style*="border-radius: 6px"]{border-radius:6px!important}.feedback-create-modal .email-preview-content td[style*="background-color: #f9fafb"]{background-color:#f9fafb!important;border:1px solid #e5e7eb!important;padding:20px!important}.feedback-create-modal .email-preview-content td[style*="background-color: #f0fdf4"]{background-color:#f0fdf4!important;border-left:4px solid #10b981!important;padding:20px!important}.feedback-create-modal .email-preview-content td[style*="background-color: #fffbeb"]{background-color:#fffbeb!important;border-left:4px solid #f59e0b!important;padding:20px!important}.feedback-create-modal .email-preview-content td[style*="background-color: #eff6ff"]{background-color:#eff6ff!important;border-left:4px solid #3b82f6!important;padding:20px!important}.feedback-create-modal .email-preview-content h2{color:#111827!important;font-size:22px!important;font-weight:600!important;margin:0 0 12px!important}.feedback-create-modal .email-preview-content h3{font-size:16px!important;font-weight:600!important;margin:0 0 12px!important}.feedback-create-modal .email-preview-content p{font-size:14px!important;line-height:1.6!important;margin:0!important}.feedback-create-modal .email-preview-content ul{margin:0!important;padding-left:20px!important}.feedback-create-modal .email-preview-content li{font-size:14px!important;margin:8px 0!important}.feedback-create-modal .email-preview-content span[style*="background-color: #6366f1"]{background-color:#6366f1!important;border-radius:4px!important;color:#fff!important;display:inline-block!important;font-size:12px!important;font-weight:500!important;margin:4px 4px 4px 0!important;padding:6px 12px!important}.feedback-create-modal .email-preview-content *{margin:0!important;padding:0!important;text-align:left!important}.feedback-create-modal .email-preview-content>*{margin-bottom:24px!important}.feedback-create-modal .email-preview-content>:last-child{margin-bottom:0!important}.feedback-create-modal .email-preview-content h1,.feedback-create-modal .email-preview-content h2,.feedback-create-modal .email-preview-content h3{color:#111827!important;font-weight:700!important;line-height:1.4!important;margin:0 0 24px!important;opacity:1!important}.feedback-create-modal .email-preview-content h1{border-bottom:2px solid #e5e7eb!important;font-size:24px!important;margin-bottom:32px!important;margin-top:0!important;padding-bottom:16px!important}.feedback-create-modal .email-preview-content h2{border-bottom:1px solid #e5e7eb!important;font-size:20px!important;margin-bottom:20px!important;margin-top:32px!important;padding-bottom:12px!important}.feedback-create-modal .email-preview-content h3{color:#374151!important;font-size:17px!important;margin-bottom:16px!important;margin-top:28px!important}.feedback-create-modal .email-preview-content p{color:#374151!important;line-height:1.8!important;margin:0 0 20px!important;opacity:1!important;padding:0!important}.feedback-create-modal .email-preview-content p:last-child{margin-bottom:0!important}.feedback-create-modal .email-preview-content p+p{margin-bottom:20px!important;margin-top:0!important}.feedback-create-modal .email-preview-content p span{display:inline-block!important;margin-right:4px!important}.feedback-create-modal .email-preview-content p br{display:block!important;line-height:1.8!important;margin-bottom:8px!important}.feedback-create-modal .email-preview-content strong{color:#111827!important;font-weight:600!important;opacity:1!important}.feedback-create-modal .email-preview-content ol,.feedback-create-modal .email-preview-content ul{color:#374151!important;line-height:1.8!important;margin:20px 0!important;opacity:1!important;padding-left:32px!important}.feedback-create-modal .email-preview-content li{color:#374151!important;line-height:1.8!important;margin:12px 0!important;opacity:1!important;padding-left:8px!important}.feedback-create-modal .email-preview-content>div{margin-bottom:24px!important;margin-top:0!important;padding:0!important}.feedback-create-modal .email-preview-content>div:last-child{margin-bottom:0!important}.feedback-create-modal .email-preview-content br{content:""!important;display:block!important;line-height:1.8!important;margin-bottom:12px!important}.feedback-create-modal .email-preview-content p:has(span),.feedback-create-modal .email-preview-content p:has(strong){margin-bottom:20px!important;margin-top:0!important}.feedback-create-modal .email-preview-content div[style],.feedback-create-modal .email-preview-content p[style],.feedback-create-modal .email-preview-content span[style]{margin-bottom:20px!important;padding:0!important}.feedback-create-modal .email-preview-content [style]{line-height:1.8!important;margin-bottom:24px!important;margin-top:24px!important;padding:24px 32px!important}.feedback-create-modal .email-preview-content [style*="margin: 5px"]{margin:12px 0!important}.feedback-create-modal .email-preview-content [style*="margin: 25px"]{margin:32px 0!important}.feedback-create-modal .email-preview-content [style*="margin: 20px"]{margin:28px 0!important}.feedback-create-modal .email-preview-content [style*="margin: 15px"]{margin:20px 0!important}.feedback-create-modal .email-preview-content [style*="margin: 10px"]{margin:16px 0!important}.feedback-create-modal .email-preview-content [style*="padding: 30px"]{padding:40px 48px!important}.feedback-create-modal .email-preview-content [style*="padding: 25px"]{padding:32px 40px!important}.feedback-create-modal .email-preview-content [style*="padding: 20px"]{padding:28px 36px!important}.feedback-create-modal .email-preview-content [style*="padding: 15px"]{padding:20px 28px!important}.feedback-create-modal .email-preview-content [style*="line-height: 1.6"]{line-height:1.8!important}.feedback-create-modal .email-preview-content [style*="font-size: 14px"]{font-size:15px!important}.feedback-create-modal .email-preview-content [style*="font-size: 16px"]{font-size:16px!important}.feedback-create-modal .email-preview-content div[style]{margin-bottom:28px!important;margin-top:28px!important;padding:24px 32px!important}.feedback-create-modal .email-preview-content p[style]{line-height:1.8!important;margin-bottom:20px!important;margin-top:0!important;padding:0!important}.feedback-create-modal .email-preview-content h2[style],.feedback-create-modal .email-preview-content h3[style],.feedback-create-modal .email-preview-content h4[style]{margin-bottom:20px!important;margin-top:32px!important;padding-bottom:12px!important;padding-top:0!important}.feedback-create-modal .email-preview-content ol[style],.feedback-create-modal .email-preview-content ul[style]{margin:24px 0!important;padding-bottom:0!important;padding-left:32px!important;padding-top:0!important}.feedback-create-modal .email-preview-content li[style]{line-height:1.8!important;margin:12px 0!important;padding:0!important}.feedback-create-modal .email-template-editor{background:#f9fafb!important;border:1px solid #d1d5db!important;border-radius:8px!important;box-sizing:border-box!important;color:#111827!important;font-family:Monaco,Menlo,Courier New,monospace!important;font-size:13px!important;line-height:1.6!important;opacity:1!important;padding:16px!important;resize:vertical!important;transition:all .2s ease!important;width:100%!important}.feedback-create-modal .email-template-editor:focus{background:#fff!important;border-color:#667eea!important;box-shadow:0 0 0 3px #667eea1a!important;outline:none!important}.feedback-create-modal .email-template-editor::placeholder{color:#9ca3af!important}.feedback-create-modal .email-form-help-text{color:#6b7280!important;display:block!important;font-size:12px!important;font-style:italic!important;margin-top:8px!important;opacity:1!important}.feedback-create-modal .alert{border-radius:8px!important;font-size:14px!important;line-height:1.5!important;margin-bottom:20px!important;opacity:1!important;padding:16px 20px!important}.feedback-create-modal .alert-info{background:#eff6ff!important;border:1px solid #bfdbfe!important;color:#1e40af!important}.feedback-create-modal .alert strong{font-weight:600!important;opacity:1!important}.feedback-create-modal .mode-selector{display:flex!important;gap:12px!important}.feedback-create-modal .mode-btn{background:#fff!important;border:2px solid #e5e7eb!important;border-radius:8px!important;color:#374151!important;cursor:pointer!important;flex:1 1!important;font-size:14px!important;font-weight:600!important;opacity:1!important;padding:12px 20px!important;transition:all .2s ease!important}.feedback-create-modal .mode-btn:hover{background:#f3f4f6!important;border-color:#667eea!important}.feedback-create-modal .mode-btn.active{background:linear-gradient(135deg,#667eea,#764ba2)!important;border-color:#667eea!important;color:#fff!important}.feedback-create-modal *{color:inherit!important;opacity:1!important}.feedback-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0f172a66;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.feedback-create-modal{animation:modalEnter .3s ease-out;background:#fff;border:1px solid #e2e8f0cc;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:100%}.feedback-modal-header{align-items:center;background:#f8fafc;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:24px 32px}.feedback-modal-header h2{align-items:center;color:#0f172a;display:flex;font-size:1.5rem;font-weight:700;gap:12px;letter-spacing:-.02em;margin:0}.feedback-close-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;display:flex;font-size:24px;font-weight:300;height:36px;justify-content:center;line-height:1;transition:all .2s ease;width:36px}.feedback-close-btn:hover{background:#f1f5f9;color:#0f172a;transform:rotate(90deg)}.feedback-tabs{background:#f8fafc;border-bottom:1px solid #f1f5f9;display:flex;gap:8px;overflow-x:auto;padding:0 32px;scrollbar-width:none}.feedback-tabs::-webkit-scrollbar{display:none}.feedback-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:8px;padding:14px 20px;transition:all .2s ease;white-space:nowrap}.feedback-tab i{font-size:1rem}.feedback-tab:hover{background:#3b82f60d;color:#3b82f6}.feedback-tab.active{background:#fff;border-bottom-color:#3b82f6;color:#3b82f6}.feedback-form-premium{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.feedback-modal-body{background:#fff;flex:1 1;overflow-y:auto;padding:32px}.feedback-section{animation:tabFadeIn .3s ease-out;display:flex;flex-direction:column;gap:28px}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.feedback-section-title{align-items:center;color:#1e293b;display:flex;font-size:1.125rem;font-weight:600;gap:10px;margin-bottom:4px}.feedback-section-title:after{background:#f1f5f9;content:"";flex:1 1;height:1px}.feedback-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.feedback-group{display:flex;flex-direction:column;gap:8px}.feedback-group.full-width{grid-column:span 2}.feedback-label{color:#475569;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.feedback-input{background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#1e293b;font-size:.9375rem;padding:12px 16px;transition:all .2s ease;width:100%}.feedback-input:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f614;outline:none}.feedback-textarea{line-height:1.5;min-height:120px;resize:vertical}.feedback-mode-selector{display:flex;gap:12px}.feedback-mode-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#64748b;cursor:pointer;display:flex;flex:1 1;font-weight:600;gap:8px;justify-content:center;padding:12px;transition:all .2s ease}.feedback-mode-btn:hover{background:#f8fafc;border-color:#cbd5e1}.feedback-mode-btn.active{background:#3b82f6;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f633;color:#fff}.feedback-satisfaction-wrapper{display:flex;gap:16px}.feedback-satisfaction-btn{align-items:center;background:#f8fafc;border:2px solid #f1f5f9;border-radius:16px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:8px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.feedback-satisfaction-btn .icon{font-size:2rem;transition:transform .3s ease}.feedback-satisfaction-btn .text{color:#64748b;font-size:.875rem;font-weight:700}.feedback-satisfaction-btn:hover{border-color:#e2e8f0;transform:translateY(-2px)}.feedback-satisfaction-btn:hover .icon{transform:scale(1.1)}.feedback-satisfaction-btn.active.satisfied{background:#f0fdf4;border-color:#22c55e}.feedback-satisfaction-btn.active.satisfied .text{color:#166534}.feedback-satisfaction-btn.active.not-satisfied{background:#fef2f2;border-color:#ef4444}.feedback-satisfaction-btn.active.not-satisfied .text{color:#991b1b}.feedback-tag-input-container{display:flex;gap:8px}.feedback-tag-add-btn{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;color:#64748b;cursor:pointer;padding:12px;transition:all .2s ease}.feedback-tag-add-btn:hover:not(:disabled){background:#e2e8f0;color:#0f172a}.feedback-tags-display{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.feedback-tag-chip{background:#eff6ff;border:1px solid #dbeafe;border-radius:8px;font-size:.8125rem;font-weight:600;gap:6px;padding:6px 12px}.feedback-tag-chip,.feedback-tag-remove-btn{align-items:center;color:#1d4ed8;display:flex}.feedback-tag-remove-btn{background:none;border:none;cursor:pointer;font-size:1rem;justify-content:center;opacity:.6;padding:0}.feedback-tag-remove-btn:hover{opacity:1}.email-recipient-card{background:#f8fafc;border:1px solid #f1f5f9;border-radius:16px;display:flex;flex-direction:column;gap:16px;padding:20px}.email-recipient-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;justify-content:space-between;padding:12px}.email-label-group{align-items:center;display:flex;gap:12px}.email-icon-box{align-items:center;background:#f1f5f9;border-radius:8px;color:#64748b;display:flex;height:32px;justify-content:center;width:32px}.email-text-group{display:flex;flex-direction:column}.email-type{color:#94a3b8;font-size:.6875rem;font-weight:700;text-transform:uppercase}.email-value{color:#1e293b;font-size:.875rem;font-weight:600}.email-badge{background:#dcfce7;border-radius:6px;color:#166534;font-size:.75rem;font-weight:700;padding:4px 8px}.template-control-card{background:#f8fafc;border:1px solid #f1f5f9;border-radius:16px;padding:20px}.template-checkbox-group{align-items:center;display:flex;gap:12px;margin-bottom:16px}.template-checkbox{accent-color:#3b82f6;border:2px solid #cbd5e1;border-radius:6px;height:20px;width:20px}.template-preview-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-top:12px;overflow:hidden}.template-preview-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#475569;font-size:.875rem;font-weight:600;padding:12px 20px}.template-preview-content{max-height:400px;overflow-y:auto;padding:24px}.template-editor{margin-top:16px}.feedback-modal-footer{background:#fff;border-top:1px solid #f1f5f9;display:flex;gap:12px;justify-content:flex-end;padding:24px 32px}.btn-cancel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#64748b;cursor:pointer;font-size:.9375rem;font-weight:600;padding:12px 24px;transition:all .2s ease}.btn-cancel:hover{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}.btn-submit{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;box-shadow:0 4px 6px -1px #3b82f633;color:#fff;cursor:pointer;display:flex;font-size:.9375rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.btn-submit:hover:not(:disabled){box-shadow:0 10px 15px -3px #3b82f64d;transform:translateY(-1px)}.btn-submit:disabled{cursor:not-allowed;opacity:.7}@media (max-width:640px){.feedback-grid{grid-template-columns:1fr}.feedback-group.full-width{grid-column:auto}.feedback-create-modal{border-radius:0;max-height:100vh}.feedback-tabs{padding:0 16px}.feedback-modal-body{padding:20px}}.outreach-attempts-stepper{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;display:flex;gap:16px;padding:12px 20px;width:fit-content}.stepper-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#475569;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.stepper-btn:hover{background:#3b82f6;border-color:#3b82f6;color:#fff;transform:translateY(-1px)}.stepper-btn:active{transform:translateY(0)}.stepper-value{align-items:center;display:flex;flex-direction:column;min-width:100px}.stepper-value input{background:none;border:none;color:#0f172a;font-size:1.5rem;font-weight:800;padding:0;text-align:center;width:60px}.stepper-value input:focus{outline:none}.stepper-value input::-webkit-inner-spin-button,.stepper-value input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.stepper-unit{color:#64748b;font-size:.6875rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.notification-toggle-card{align-items:center;background:#f0f9ff;border:1px solid #bae6fd;border-radius:16px;display:flex;gap:20px;justify-content:space-between;padding:16px 20px;transition:all .3s ease}.notification-toggle-card:hover{background:#e0f2fe;border-color:#7dd3fc}.toggle-info{gap:16px}.toggle-info,.toggle-info i{align-items:center;display:flex}.toggle-info i{background:#fff;border-radius:10px;box-shadow:0 4px 6px -1px #0ea5e91a;color:#0ea5e9;font-size:1.25rem;height:40px;justify-content:center;width:40px}.toggle-text h4{color:#0369a1;font-size:.9375rem;font-weight:700;margin:0}.toggle-text p{color:#0c4a6e;font-size:.8125rem;line-height:1.4;margin:4px 0 0;opacity:.8}.switch{display:inline-block;flex-shrink:0;height:28px;position:relative;width:52px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#cbd5e1;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;bottom:4px;box-shadow:0 2px 4px #0000001a;content:"";height:20px;left:4px;width:20px}input:checked+.slider{background-color:#0ea5e9}input:focus+.slider{box-shadow:0 0 1px #0ea5e9}input:checked+.slider:before{transform:translateX(24px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.feedback-coverage{background:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0 auto;max-width:1600px;min-height:100vh;padding:32px}.coverage-header{align-items:center;background:#fff!important;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 8px #00000014;display:flex;justify-content:space-between;margin-bottom:32px;min-height:140px;overflow:hidden;padding:28px 36px;position:relative}.coverage-header:after,.coverage-header:before{display:none}.feedback-coverage .header-content{align-items:flex-start;display:flex;flex:1 1;gap:24px;position:relative;z-index:2}.back-btn{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 2px 8px #0000000d;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.back-btn:hover{background:#f3f4f6;border-color:#d1d5db;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.feedback-coverage .header-title{flex:1 1}.feedback-coverage .header-title h1{color:#1f2937;font-size:32px;font-weight:800;letter-spacing:-.5px;line-height:1.2;margin:0 0 8px}.feedback-coverage .header-title p{color:#6b7280;font-size:16px;font-weight:500;line-height:1.5;margin:0}.feedback-coverage .header-filters{align-items:flex-end;display:flex;gap:16px;margin-left:24px;position:relative;z-index:2}.filter-group{gap:8px;min-width:140px}.filter-group label{font-size:12px}.filter-select{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000d;font-size:14px;font-weight:600;min-width:140px;padding:12px 16px}.filter-select:focus{box-shadow:0 0 0 3px #667eea1a,0 4px 12px #00000014;transform:translateY(-1px)}.filter-select:hover{border-color:#cbd5e0;box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.filter-select option{background:#fff;color:#374151}.analytics-section{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:32px;overflow:visible;position:relative;z-index:0}.section-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e5e7eb;box-sizing:border-box;overflow:visible;padding:24px 32px 48px;position:relative;width:100%}.section-header:after{background:#e5e7eb;bottom:0;content:"";height:2px;left:0;position:absolute;right:0;z-index:0}.client-stats{grid-gap:16px;align-items:stretch;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin:0 0 16px;padding:0;z-index:2}.client-stats,.client-stats .stat-item{box-sizing:border-box;position:relative;width:100%}.client-stats .stat-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;bottom:auto;box-shadow:0 2px 6px #0000000a;display:flex;gap:0;justify-content:center;margin:0;max-height:70px;min-height:70px;padding:14px 18px;transform:translateY(0);transition:all .3s ease;z-index:3}.client-stats .stat-icon{display:none!important}.client-stats .stat-item:hover{border-color:#cbd5e0;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.client-stats .stat-icon{align-items:center;border-radius:10px;box-shadow:0 2px 8px #00000014;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:40px}.client-stats .stat-icon.total{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.client-stats .stat-icon.success{background:linear-gradient(135deg,#10b981,#059669)}.client-stats .stat-icon.warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.client-stats .stat-icon.inactive{background:linear-gradient(135deg,#6b7280,#4b5563)}.client-stats .stat-content{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:4px;justify-content:center;min-width:0;text-align:center}.client-stats .stat-value{color:#1f2937;font-size:24px;font-weight:800;letter-spacing:-.3px;line-height:1.2;margin:0;white-space:nowrap}.client-stats .stat-value.success{color:#10b981}.client-stats .stat-value.warning{color:#f59e0b}.client-stats .stat-value.inactive{color:#6b7280}.client-stats .stat-label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;line-height:1.3;margin:0;text-transform:uppercase;white-space:nowrap}.search-section{border-bottom:1px solid #e5e7eb;opacity:1!important;padding:24px 32px;visibility:visible!important;z-index:1}.search-container{align-items:center;display:flex;position:relative;width:100%}.search-input{background:#f9fafb;border:2px solid #e5e7eb;box-shadow:0 2px 4px #0000000a;color:#1f2937;font-weight:500;padding:14px 20px}.search-input:focus{box-shadow:0 0 0 3px #667eea1a,0 4px 12px #00000014;transform:translateY(-1px)}.table-container{opacity:1!important;overflow-x:auto;position:relative;visibility:visible!important;z-index:1}.client-table{background:#fff;border-collapse:initial;border-spacing:0;font-size:14px;width:100%}.client-table thead{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e5e7eb}.client-table th{color:#1f2937;font-size:12px;font-weight:700;letter-spacing:.8px;padding:20px 24px;position:relative;text-align:left;text-transform:uppercase;vertical-align:middle;white-space:nowrap}.th-content{align-items:center;display:flex;gap:10px}.sortable{cursor:pointer;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.sortable:hover{background:#f3f4f6}.sort-indicator{color:#667eea;font-size:14px;font-weight:700}.client-table td{border-bottom:1px solid #e5e7eb;padding:20px 24px;vertical-align:middle}.client-table tbody tr,.client-table td{background:#fff;transition:all .2s ease}.client-table tbody tr:hover{background:#f9fafb;box-shadow:0 4px 12px #00000014;transform:scale(1.01)}.client-table tbody tr:last-child td{border-bottom:none}.client-row.has-review{background:linear-gradient(90deg,#10b98105 0,#fff 2%)!important;border-left:4px solid #10b981}.client-row.no-review{background:linear-gradient(90deg,#f59e0b05 0,#fff 2%)!important;border-left:4px solid #f59e0b}.client-info{gap:16px;padding:4px 0}.client-avatar,.client-info{align-items:center;display:flex}.client-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 12px #667eea40;flex-shrink:0;height:48px;justify-content:center;transition:all .3s ease;width:48px}.client-row:hover .client-avatar{box-shadow:0 6px 16px #667eea59;transform:scale(1.1)}.avatar-text{color:#fff;font-size:18px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.client-details{display:flex;flex-direction:column;gap:4px}.client-name,.review-status{background:#fff!important}.review-status{text-align:center}.client-name-text{color:#1f2937;font-size:16px;font-weight:700;letter-spacing:-.2px;line-height:1.4}.client-email{color:#6b7280;font-size:14px;font-weight:500;line-height:1.3}.status-badge{align-items:center;box-shadow:0 4px 12px #00000026;display:inline-flex;font-size:13px;gap:8px;justify-content:center;letter-spacing:.6px;min-width:160px;overflow:hidden;padding:10px 20px;position:relative}.status-badge:hover{box-shadow:0 6px 20px #0003;transform:translateY(-2px)}.status-badge.success{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff}.status-badge.warning{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;color:#fff}.status-badge.inactive{background:linear-gradient(135deg,#6b7280,#4b5563);border:none}.loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;font-size:16px;font-weight:500;gap:16px;justify-content:center;padding:80px 32px}.spinner{border:4px solid #e5e7eb}.loading p{color:#6b7280;font-size:16px;margin:0}.error{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;justify-content:center;margin:24px;min-height:400px;padding:64px 24px;text-align:center}.error h2{color:#1e293b;font-size:24px;font-weight:700;margin:0 0 16px}.error p{color:#64748b;font-size:16px;line-height:1.6;margin:0 0 32px;max-width:400px}@media (max-width:1024px){.feedback-coverage{padding:24px}.coverage-header{align-items:flex-start;flex-direction:column;gap:20px}.feedback-coverage .header-filters{margin-left:0;width:100%}.client-stats{gap:16px;grid-template-columns:1fr}}@media (max-width:768px){.feedback-coverage{padding:16px}.coverage-header{min-height:auto;padding:20px 24px}.feedback-coverage .header-title h1{font-size:24px}.feedback-coverage .header-title p{font-size:14px}.feedback-coverage .header-content{flex-direction:column;gap:16px}.back-btn{justify-content:center;width:100%}.filter-group,.filter-select{min-width:100%}.section-header{padding:20px 24px}.client-stats .stat-item{max-height:65px;min-height:65px;padding:12px 16px}.client-stats .stat-icon{display:none!important}.client-stats .stat-value{font-size:20px}.client-stats .stat-label{font-size:11px}.search-section{padding:20px 24px}.client-table{font-size:13px}.client-table td,.client-table th{padding:16px 20px}.client-avatar{height:40px;width:40px}.avatar-text{font-size:16px}.status-badge{font-size:12px;min-width:140px;padding:8px 16px}}@media (max-width:480px){.feedback-coverage{padding:12px}.coverage-header{padding:16px 20px}.feedback-coverage .header-title h1{font-size:20px}.client-stats .stat-item{flex-direction:column;max-height:60px;min-height:60px;padding:12px 14px;text-align:center}.client-stats .stat-content{align-items:center}.client-stats .stat-icon{display:none!important}.client-stats .stat-value{font-size:18px}.client-stats .stat-label{font-size:10px}.client-table{font-size:12px}.client-table td,.client-table th{padding:12px 16px}.client-info{align-items:flex-start;flex-direction:column;gap:12px}.status-badge{font-size:11px;min-width:120px;padding:6px 12px}}.coverage-premium-container{background-color:#f8fafc;font-family:Inter,-apple-system,system-ui,sans-serif;min-height:100vh;padding:40px}.coverage-premium-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:40px}.coverage-header-info h1{align-items:center;color:#0f172a;display:flex;font-size:2.25rem;font-weight:800;gap:16px;letter-spacing:-.025em;margin-bottom:8px}.coverage-header-info p{color:#64748b;font-size:1.125rem;font-weight:500}.coverage-header-controls{align-items:center;display:flex;gap:16px}.btn-back-feedback{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#475569;cursor:pointer;display:flex;font-size:.9375rem;font-weight:600;gap:8px;padding:10px 18px;transition:all .2s ease}.btn-back-feedback:hover{background:#f8fafc;border-color:#cbd5e1;color:#0f172a;transform:translateX(-4px)}.coverage-stats-dashboard{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(5,1fr);margin-bottom:32px}.coverage-stat-card{background:#fff;border:1px solid #e2e8f0cc;border-radius:20px;box-shadow:0 4px 6px -1px #0000000d;overflow:hidden;padding:20px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.coverage-stat-card:hover{border-color:#3b82f6;box-shadow:0 20px 25px -5px #0000001a;transform:translateY(-4px)}.coverage-stat-card:before{background:#0000;content:"";height:4px;left:0;position:absolute;top:0;transition:background .3s ease;width:100%}.coverage-stat-card.total:before{background:#3b82f6}.coverage-stat-card.success:before{background:#10b981}.coverage-stat-card.warning:before{background:#f59e0b}.coverage-stat-card.unresponsive:before{background:#ef4444}.coverage-stat-card.inactive:before{background:#64748b}.coverage-stat-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.coverage-stat-icon-wrapper{align-items:center;border-radius:12px;display:flex;font-size:1.125rem;height:40px;justify-content:center;width:40px}.total .coverage-stat-icon-wrapper{background:#eff6ff;color:#3b82f6}.success .coverage-stat-icon-wrapper{background:#ecfdf5;color:#10b981}.warning .coverage-stat-icon-wrapper{background:#fffbeb;color:#f59e0b}.unresponsive .coverage-stat-icon-wrapper{background:#fef2f2;color:#ef4444}.inactive .coverage-stat-icon-wrapper{background:#f8fafc;color:#64748b}.coverage-stat-main{display:flex;flex-direction:column}.coverage-stat-value{color:#0f172a;font-size:1.875rem;font-weight:800;letter-spacing:-.05em;line-height:1;margin-bottom:2px}.coverage-stat-label{color:#64748b;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.coverage-stat-percentage{align-items:center;display:flex;font-size:.8125rem;font-weight:600;gap:8px;margin-top:12px}.coverage-stat-percentage.up{color:#10b981}.coverage-stat-percentage.down{color:#ef4444}.coverage-filter-bar{align-items:flex-end;background:#fff;border:1px solid #f1f5f9;border-radius:20px;box-shadow:0 1px 3px #0000000d;display:flex;gap:24px;justify-content:space-between;margin-bottom:40px;padding:24px}.coverage-filter-group{align-items:flex-end;display:flex;gap:16px}.coverage-input-wrapper{display:flex;flex-direction:column;gap:8px}.coverage-input-label{color:#475569;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.coverage-premium-select{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:#1e293b;cursor:pointer;font-size:.9375rem;font-weight:600;min-width:160px;padding:10px 16px;transition:all .2s ease}.coverage-premium-select:hover{background:#fff;border-color:#cbd5e1}.coverage-search-box{flex:1 1;position:relative}.coverage-search-icon{color:#94a3b8;left:16px;position:absolute;top:50%;transform:translateY(-50%)}.coverage-premium-input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:#1e293b;font-size:.9375rem;padding:10px 16px 10px 48px;transition:all .2s ease;width:100%}.coverage-premium-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f614;outline:none}.coverage-analytics-content{background:#fff;border:1px solid #f1f5f9;border-radius:24px;box-shadow:0 4px 6px -1px #0000000d;overflow:hidden}.coverage-table-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:24px 32px}.coverage-table-title{color:#0f172a;font-size:1.25rem;font-weight:700}.coverage-premium-table{border-collapse:collapse;width:100%}.coverage-premium-table th{background:#f8fafc;border-bottom:1px solid #f1f5f9;color:#64748b;font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:16px 32px;text-align:left;text-transform:uppercase}.coverage-premium-table th.sortable{cursor:pointer;transition:color .2s ease}.coverage-premium-table th.sortable:hover{color:#3b82f6}.coverage-premium-table td{border-bottom:1px solid #f1f5f9;padding:20px 32px;vertical-align:middle}.coverage-premium-table tr:last-child td{border-bottom:none}.coverage-premium-table tr:hover td{background:#fdfdfd}.coverage-client-cell{align-items:center;display:flex;gap:16px}.coverage-client-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:12px;box-shadow:0 4px 12px #3b82f633;color:#fff;display:flex;font-size:1.125rem;font-weight:700;height:44px;justify-content:center;width:44px}.coverage-client-info{display:flex;flex-direction:column}.coverage-client-name{color:#1e293b;font-size:1rem;font-weight:700}.coverage-client-email{color:#64748b;font-size:.8125rem}.coverage-status-tag{align-items:center;border-radius:9999px;display:inline-flex;font-size:.8125rem;font-weight:700;gap:6px;letter-spacing:.025em;padding:6px 14px;text-transform:uppercase}.coverage-status-tag.success{background:#ecfdf5;border:1px solid #d1fae5;color:#047857}.coverage-status-tag.warning{background:#fffbeb;border:1px solid #fef3c7;color:#b45309}.coverage-status-tag.inactive{background:#f8fafc;border:1px solid #f1f5f9;color:#475569}.coverage-empty-state{align-items:center;display:flex;flex-direction:column;gap:16px;padding:80px 32px;text-align:center}.coverage-empty-icon{color:#cbd5e1;font-size:3rem}.coverage-empty-text{color:#64748b;font-size:1.125rem;font-weight:600}@media (max-width:1280px){.coverage-stats-dashboard{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.coverage-premium-container{padding:20px}.coverage-premium-header{align-items:flex-start;flex-direction:column;gap:20px}.coverage-stats-dashboard{grid-template-columns:1fr}.coverage-filter-bar,.coverage-filter-group{align-items:stretch;flex-direction:column}}.unresponsive-count{display:flex;justify-content:center}.attempt-badge{align-items:center;background:#fef2f2;border:1px solid #fee2e2;border-radius:20px;color:#ef4444;display:flex;font-size:.75rem;font-weight:700;gap:6px;padding:4px 10px}.attempt-badge i{font-size:.7rem}.attempt-none{color:#cbd5e1;font-weight:500}.btn-action{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:inline-flex;font-size:.8125rem;font-weight:600;gap:6px;padding:6px 12px;transition:all .2s ease}.btn-action:hover{background:#eff6ff;border-color:#bfdbfe;color:#2563eb;transform:translateY(-1px)}.btn-action i{font-size:.75rem}.feedback-summary-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;max-width:1200px;padding:24px}.feedback-analysis-header{align-items:flex-start;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:24px;padding:20px 0}.feedback-analysis-header .header-content{align-items:flex-start;display:flex;flex:1 1;gap:20px}.feedback-analysis-header .back-btn{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .3s ease}.feedback-analysis-header .back-btn:hover{background:#f3f4f6;border-color:#d1d5db;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.feedback-analysis-header .header-title h1{color:#1f2937;font-size:28px;font-weight:700;letter-spacing:-.3px;margin:0 0 4px}.feedback-analysis-header .header-title p{color:#6b7280;font-size:14px;font-weight:500;margin:0}.date-selection-section{background:#fff;border:1px solid #dee2e6;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:24px;padding:24px}.date-inputs{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:24px}.date-input-group{min-width:200px}.date-input-group label{color:#495057;font-size:.9rem;font-weight:600;margin-bottom:8px}.date-input{background:#fff;border:2px solid #dee2e6;border-radius:8px;font-size:1rem;padding:12px 16px;transition:all .2s ease}.date-input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.generate-summary-btn{background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:8px;box-shadow:0 2px 8px #007bff4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 28px;transition:all .2s ease}.generate-summary-btn:hover:not(:disabled){box-shadow:0 4px 12px #007bff66;transform:translateY(-1px)}.generate-summary-btn:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;transform:none}.error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;font-weight:500;padding:16px}.summary-results{background:#fff;border:1px solid #dee2e6;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:24px;padding:24px}.summary-header{align-items:center;border-bottom:2px solid #f8f9fa;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.summary-header h2{color:#212529;font-size:1.8rem;font-weight:600;margin:0}.summary-meta{color:#6c757d;display:flex;font-size:.9rem;gap:16px}.summary-meta span{align-items:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:20px;display:flex;gap:6px;padding:6px 12px}.summary-content{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px}.summary-text{color:#495057;line-height:1.6}.summary-line{font-size:.95rem;margin:0 0 8px}.summary-line strong{color:#212529;font-weight:600}.summary-line p{margin:4px 0}.summary-spacer{height:8px;margin:8px 0}.categorized-data{background:#fff;border:1px solid #dee2e6;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:24px}.categorized-data h3{color:#212529;font-size:1.3rem;font-weight:600;margin:0 0 20px}.data-stats{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:24px}.stat-item{align-items:center;border-radius:8px;display:flex;flex:1 1;flex-direction:column;min-width:120px;padding:16px}.stat-item.positive{background:#e8f5e8;border-left:3px solid #28a745}.stat-item.improvement{background:#fff3e0;border-left:3px solid #ff9800}.stat-item.meeting{background:#e3f2fd;border-left:3px solid #2196f3}.stat-number{color:#212529;font-size:1.8rem;margin-bottom:4px}.stat-label{color:#6c757d;font-size:.85rem;font-weight:500;text-align:center}.data-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.data-card{border:1px solid #dee2e6;border-radius:10px;overflow:hidden;transition:all .2s ease}.data-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.data-card.positive{border-left:4px solid #28a745}.data-card.improvement{border-left:4px solid #dc3545}.data-card.meeting{border-left:4px solid #17a2b8}.card-header{background:#f8f9fa;border-bottom:1px solid #dee2e6;padding:12px 16px}.card-header h4{color:#212529;font-size:.95rem;font-weight:600;margin:0}.card-content{padding:16px}.card-content ul{list-style:none;margin:0;padding:0}.card-content li{border-bottom:1px solid #f1f3f4;color:#495057;line-height:1.5;padding:8px 0}.card-content li:last-child{border-bottom:none}.card-content .more-items{color:#6c757d;font-size:.9rem;font-style:italic}.card-content .no-data{color:#6c757d;font-style:italic;margin:20px 0;text-align:center}.loading-state{border:1px solid #dee2e6;box-shadow:0 2px 8px #0000000d;padding:40px}.loading-spinner{border:4px solid #f3f3f3;border-top-color:#007bff}.loading-state p{color:#495057;font-size:1rem;font-weight:500;margin:0 0 8px}.loading-subtitle{color:#6c757d;font-size:.9rem}@media (max-width:768px){.feedback-summary-container{padding:16px}.header-top{align-items:flex-start;flex-direction:column;gap:12px}.feedback-summary-container .header-content h1{font-size:1.7rem}.date-inputs{flex-direction:column;gap:16px}.date-input-group{min-width:auto}.summary-header{align-items:flex-start;flex-direction:column}.summary-meta{flex-direction:column;gap:8px}.data-stats{flex-direction:column;gap:12px}.stat-item{min-width:auto}.data-grid{grid-template-columns:1fr}.generate-summary-btn{width:100%}}@media (max-width:480px){.feedback-summary-header{padding:16px}.feedback-summary-header h1{font-size:1.8rem}.categorized-data,.date-selection-section,.summary-results{padding:16px}}.permission-settings{background:#fff;color:#1a202c;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Helvetica Neue,Arial,sans-serif;isolation:isolate;min-height:100vh;padding:0;position:relative;width:100%;z-index:0}.permission-header{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 12px #667eea33;color:#fff;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;padding:32px 24px;text-rendering:optimizeLegibility;width:100%}.header-content{flex:1 1;min-width:0}.header-content h1{align-items:center;color:#fff;display:flex;filter:none;font-size:24px;font-weight:600;gap:10px;letter-spacing:-.01em;line-height:1.2;margin:0 0 6px;text-shadow:none;white-space:nowrap}.header-content h1 .header-icon{filter:none;flex-shrink:0;font-size:26px;text-shadow:none}.header-content p{font-size:13px;font-weight:400;line-height:1.4;opacity:.9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-stats{align-items:center;display:flex;gap:16px}.stat-badge{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff3;border:1px solid #ffffff4d;border-radius:10px;display:flex;flex-direction:column;justify-content:center;min-width:70px;padding:10px 16px;transition:all .3s ease}.stat-badge:hover{background:#ffffff40;transform:translateY(-2px)}.stat-badge.highlight{background:#ffffff40;border-color:#fff6}.stat-value{filter:none;font-size:20px;line-height:1.2;margin-bottom:2px}.stat-label,.stat-value{color:#fff;text-shadow:none}.stat-label{opacity:.95}.message-toast{align-items:center;animation:slideInDown .4s ease-out;border-radius:12px;box-shadow:0 4px 12px #00000026;display:flex;font-size:13px;font-weight:500;gap:12px;margin:16px 24px;overflow:hidden;padding:14px 18px;position:relative}.message-toast:before{background:currentColor;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.message-toast.success{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:1px solid #b8dacc;color:#155724}.message-toast.error{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border:1px solid #f1b0b7;color:#721c24}.toast-icon{font-size:20px}.toast-message{flex:1 1}.toast-close{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:24px;height:24px;justify-content:center;line-height:1;opacity:.6;padding:0;transition:opacity .2s;width:24px}.toast-close:hover{opacity:1}.permission-content{margin:0;max-width:100%;padding:24px 24px 32px;position:relative;width:100%;z-index:0}.user-selection-card{background:#fff;border:1px solid #0000000f;border-radius:16px;box-shadow:0 8px 32px #00000014;margin-bottom:32px;overflow:visible;position:relative;transition:all .3s ease;z-index:1}.user-selection-card:hover{box-shadow:0 12px 40px #0000001f}.permission-settings .card-header,.user-selection-card .card-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;overflow:visible!important;padding:20px 24px;position:relative;z-index:1}.permission-settings .card-header h3,.user-selection-card .card-header h3{align-items:center;color:#1a202c!important;display:flex!important;font-size:16px;font-weight:600;gap:8px;line-height:1.3;margin:0;opacity:1!important;overflow:visible!important;position:relative;text-overflow:ellipsis;visibility:visible!important;white-space:nowrap;z-index:100!important}.permission-settings .card-header .header-icon,.user-selection-card .card-header .header-icon{color:inherit!important;display:inline-block!important;flex-shrink:0;font-size:18px;opacity:1!important;position:relative;visibility:visible!important;z-index:101!important}.card-body{padding:20px 24px}.user-select-wrapper{margin-bottom:20px;position:relative}.user-select{appearance:none;background-color:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#1a202c;cursor:pointer;font-size:15px;font-weight:500;padding:14px 48px 14px 16px;transition:all .3s ease;width:100%}.user-select:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.select-arrow{color:#64748b;font-size:12px;pointer-events:none;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.selected-user-info{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:16px;padding:20px}.user-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;display:flex;flex-shrink:0;font-size:24px;font-weight:700;height:56px;justify-content:center;width:56px}.user-details{flex:1 1}.user-name{color:#1a202c;font-size:18px;font-weight:600;margin-bottom:4px}.user-email{color:#64748b;font-size:14px;margin-bottom:4px}.user-role{color:#94a3b8;font-size:13px}.permissions-management-card{background:#fff;border:1px solid #0000000f;border-radius:16px;box-shadow:0 8px 32px #00000014;isolation:isolate;overflow:visible;position:relative;z-index:1}.permissions-management-card .card-header{align-items:center;background:#fff;border-bottom:2px solid #e2e8f0;box-shadow:0 2px 8px #0000000d;display:flex;flex-wrap:nowrap;gap:16px;justify-content:space-between;margin-bottom:0;min-height:80px;padding:20px 24px;position:sticky;top:0;transform:translateZ(0);will-change:transform;z-index:1000}.header-left{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0;overflow:visible;position:relative;z-index:1001}.permission-settings .header-left h3,.permissions-management-card .header-left h3{align-items:center;color:#1a202c!important;display:flex!important;font-size:16px;font-weight:600;gap:8px;line-height:1.3;margin:0 0 4px;opacity:1!important;overflow:visible!important;position:relative;visibility:visible!important;white-space:nowrap;z-index:1002!important}.permission-settings .header-left h3 .header-icon,.permissions-management-card .header-left h3 .header-icon{color:inherit!important;display:inline-block!important;flex-shrink:0;font-size:18px;opacity:1!important;position:relative;visibility:visible!important;z-index:101!important}.header-subtitle{color:#64748b!important;font-size:12px;font-weight:400;line-height:1.4;margin:0;overflow:visible;text-overflow:ellipsis;z-index:1002}.header-subtitle,.save-button{position:relative;white-space:nowrap}.save-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 16px #667eea4d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:15px;font-weight:600;gap:8px;opacity:1!important;padding:12px 24px;transition:all .3s ease;visibility:visible!important;z-index:1001}.save-button:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.save-button:active:not(:disabled){transform:translateY(0)}.save-button:disabled{background:#cbd5e1;box-shadow:none;cursor:not-allowed;transform:none}.button-spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.search-section{background:#fff;border-bottom:1px solid #e2e8f0;margin-top:0;padding:20px 32px 24px;position:relative;z-index:0}.search-wrapper{align-items:center;display:flex;position:relative}.search-icon{color:#64748b;font-size:18px;left:16px}.search-input{background:#fff;border:2px solid #e2e8f0;border-radius:12px;font-size:15px;padding:14px 48px;transition:all .3s ease}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.search-clear{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:24px;line-height:1;padding:4px;position:absolute;right:12px;transition:color .2s}.search-clear:hover{color:#64748b}.quick-actions{background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:12px;padding:20px 32px}.quick-action-btn{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.quick-action-btn:hover{background:#f1f5f9;border-color:#cbd5e1;color:#334155}.action-separator{background:#e2e8f0;margin:0 4px;width:1px}.permissions-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));padding:24px;width:100%}.permission-category{background:#fff;border:2px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0000000a;overflow:hidden;transition:all .3s ease}.permission-category:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.permission-category.expanded,.permission-category:hover{border-color:#667eea;border-color:var(--category-color,#667eea)}.permission-category.expanded{box-shadow:0 8px 24px #0000001f}.category-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;cursor:pointer;display:flex;gap:12px;justify-content:space-between;min-height:0;padding:16px 20px;transition:background .2s ease}.category-header:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}.category-info{flex:1 1;gap:16px}.category-icon,.category-info{align-items:center;display:flex}.category-icon{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--category-color,#667eea),var(--category-color,#764ba2));border-radius:10px;filter:none;flex-shrink:0;font-size:24px;height:40px;justify-content:center;width:40px}.category-details{flex:1 1}.category-name{color:#1a202c;font-size:15px;font-weight:600;line-height:1.3;margin:0 0 4px;white-space:nowrap}.category-description,.category-name{overflow:hidden;text-overflow:ellipsis}.category-description{-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;font-size:12px;font-weight:400;line-height:1.4;margin:0}.category-actions{align-items:center;display:flex;gap:12px}.category-badge{background:#667eea;background:var(--category-color,#667eea);border-radius:8px;color:#fff;font-size:12px;font-weight:600;min-width:60px;padding:6px 12px;text-align:center}.category-checkbox{align-items:center;cursor:pointer;display:flex}.category-checkbox input[type=checkbox]{accent-color:#667eea;accent-color:var(--category-color,#667eea);cursor:pointer;height:20px;width:20px}.expand-icon{background:none;border:none;color:#64748b;cursor:pointer;font-size:14px;padding:4px;transition:transform .3s ease,color .2s ease}.permission-category.expanded .expand-icon{transform:rotate(180deg)}.permission-list{background:#fafbfc;max-height:400px;overflow-y:auto;padding:16px}.permission-item{align-items:flex-start;background:#fff;border:2px solid #0000;border-radius:10px;cursor:pointer;display:flex;gap:12px;margin-bottom:8px;min-height:0;padding:12px 16px;position:relative;transition:all .2s ease}.permission-item:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:#e2e8f0;transform:translateX(2px)}.permission-item.checked{background:linear-gradient(135deg,#667eea0d,#764ba20d);border-color:#667eea;border-color:var(--category-color,#667eea)}.permission-item input[type=checkbox]{accent-color:#667eea;accent-color:var(--category-color,#667eea);cursor:pointer;flex-shrink:0;height:18px;margin-top:2px;width:18px}.permission-content-wrapper{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0;overflow:hidden}.permission-name{color:#1a202c;font-size:13px;font-weight:600;line-height:1.3;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap}.permission-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;font-size:11px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.permission-check-icon{align-items:center;background:#667eea;background:var(--category-color,#667eea);border-radius:6px;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:24px;justify-content:center;opacity:0;transition:opacity .2s ease;width:24px}.permission-item.checked .permission-check-icon{opacity:1}.no-results{color:#94a3b8;font-size:14px;font-weight:500;padding:40px 20px;text-align:center}.loading-container{gap:24px;min-height:60vh}.spinner{animation:spin .8s linear infinite;border:4px solid #e2e8f0;border-top-color:#667eea;height:48px;width:48px}.loading-container p{color:#64748b;font-size:16px;font-weight:500;margin:0}.permission-list::-webkit-scrollbar{width:8px}.permission-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.permission-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px;-webkit-transition:background .3s ease;transition:background .3s ease}.permission-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.permission-category{animation:fadeIn .4s ease-out}@media (max-width:1400px){.permissions-grid{grid-template-columns:repeat(auto-fill,minmax(420px,1fr))}}@media (max-width:1024px){.permission-content{padding:24px 32px 32px}.permissions-grid{gap:20px;grid-template-columns:1fr;padding:24px}.permission-header{padding:32px}.header-stats{justify-content:flex-start;margin-top:16px;width:100%}}@media (max-width:768px){.permission-settings{background:#fff}.permission-header{align-items:flex-start;flex-direction:column;padding:24px 20px}.header-content h1{font-size:28px}.header-stats{gap:12px;width:100%}.stat-badge{flex:1 1;min-width:0;padding:10px 12px}.message-toast{margin:16px 20px}.permission-content{padding:20px 20px 32px}.card-body,.card-header{padding:20px 24px}.permissions-management-card .card-header{align-items:center;flex-direction:row;flex-wrap:wrap;gap:16px}.save-button{justify-content:center;min-width:140px;width:auto}.search-section{padding:0 24px 20px}.quick-actions{padding:16px 24px}.permissions-grid{padding:20px 16px}.category-header{align-items:flex-start;flex-direction:column;gap:16px}.category-actions{justify-content:space-between;width:100%}.permission-item{flex-wrap:wrap}.permission-check-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%)}}@media (max-width:480px){.permission-header{padding:20px 16px}.header-content h1{font-size:24px}.permission-content{padding:16px 16px 24px}.card-body,.card-header{padding:16px 20px}.permissions-grid{padding:16px 12px}.user-avatar{font-size:20px;height:48px;width:48px}.category-icon{font-size:24px;height:40px;width:40px}}.category-header:focus-within,.permission-item:focus-within{outline:2px solid #667eea;outline:2px solid var(--category-color,#667eea);outline-offset:2px}@media print{.permission-settings{background:#fff}.quick-actions,.save-button,.search-section{display:none}}.permission-refresh-container{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin:20px 0;padding:20px;text-align:center}.permission-refresh-button{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;margin-bottom:15px;padding:12px 24px;transition:background-color .2s ease}.permission-refresh-button:hover:not(:disabled){background:#0056b3}.permission-refresh-button:disabled{background:#6c757d;cursor:not-allowed}.permission-refresh-message{border-radius:6px;font-weight:500;margin:15px 0;padding:10px}.permission-refresh-message:contains("✅"){background:#d4edda;border:1px solid #c3e6cb;color:#155724}.permission-refresh-message:contains("⚠️"){background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.permission-refresh-message:contains("❌"){background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.permission-refresh-help{color:#6c757d;font-size:14px;margin-top:20px;text-align:left}.permission-refresh-help p{line-height:1.5;margin:8px 0}.permission-refresh-help code{background:#e9ecef;border-radius:4px;font-family:Courier New,monospace;font-size:13px;padding:2px 6px}.system-settings-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);color:#1a202c;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh;padding:0;width:100%}.settings-header{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 12px #667eea33;overflow:hidden;padding:32px 24px;position:relative;width:100%}.settings-header:before{background:radial-gradient(circle at 20% 80%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff1a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.header-main{gap:24px;position:relative;z-index:1}.header-icon-large{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:12px;box-shadow:0 2px 8px #00000026;display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.header-text h1{color:#fff;font-size:24px;font-weight:600;letter-spacing:-.01em;line-height:1.2;margin:0 0 4px}.header-text p{color:#ffffffe6;font-size:13px;font-weight:400;line-height:1.3;margin:0}.tabs-container{margin-top:-16px;padding:0 24px;position:relative;z-index:2}.tabs-wrapper{background:#0000;border:none;border-radius:0;box-shadow:none;display:flex;gap:12px;padding:0}.tab-button-modern{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000f;color:#475569;cursor:pointer;display:flex;flex:0 1 auto;font-size:15px;font-weight:600;gap:8px;justify-content:center;min-width:140px;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.tab-button-modern:before{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--tab-color,#667eea) 0,var(--tab-color,#764ba2) 100%);border-radius:10px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.tab-button-modern:hover{border-color:#667eea;border-color:var(--tab-color,#667eea);box-shadow:0 4px 16px #667eea26;transform:translateY(-2px)}.tab-button-modern:hover:before{opacity:.05}.tab-button-modern.active{border-color:#0000;box-shadow:0 8px 24px #667eea59;color:#fff;transform:translateY(-2px)}.tab-button-modern.active:before{opacity:1}.tab-button-modern.active .tab-icon,.tab-button-modern.active .tab-label{color:#fff;position:relative;z-index:1}.tab-icon{align-items:center;display:flex;flex-shrink:0;font-size:16px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.tab-button-modern:hover .tab-icon{transform:scale(1.1)}.tab-button-modern.active .tab-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));transform:scale(1.15)}.tab-label{font-weight:600;letter-spacing:.01em;overflow:hidden;text-overflow:ellipsis;transition:all .3s ease;white-space:nowrap}.tab-button-modern:hover .tab-label{color:#667eea;color:var(--tab-color,#667eea)}.tab-button-modern.active .tab-label{color:#fff;text-shadow:0 1px 2px #0000001a}.tab-indicator{background:#fff;border-radius:2px;bottom:0;height:3px;left:50%;opacity:.8;position:absolute;transform:translateX(-50%);width:50px}.content-wrapper{margin:0;max-width:100%;padding:32px 24px 40px;width:100%}.settings-content{width:100%}.stats-dashboard{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:32px;width:100%}.stat-card{align-items:flex-start;border:1px solid #0000000f;border-radius:16px;box-shadow:0 4px 16px #00000014;min-width:0;overflow:visible;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:before{background:linear-gradient(90deg,#667eea,#764ba2);background:linear-gradient(90deg,var(--stat-color,#667eea),var(--stat-color,#764ba2));content:"";height:4px;left:0;position:absolute;right:0;top:0}.stat-card:hover{box-shadow:0 12px 40px #0000001f}.stat-card.stat-primary{--stat-color:#667eea}.stat-card.stat-success{--stat-color:#10b981}.stat-card.stat-info{--stat-color:#3b82f6}.stat-icon-wrapper{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--stat-color,#667eea) 0,var(--stat-color,#764ba2) 100%);border-radius:10px;box-shadow:0 2px 8px #667eea40;flex-shrink:0;font-size:18px;height:40px;width:40px}.stat-icon-text{color:#fff;font-size:10px;font-weight:600;letter-spacing:.3px;line-height:1.2;max-width:100%;overflow-wrap:break-word;padding:2px 4px;text-align:center;text-transform:uppercase;word-break:break-word}.stat-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.stat-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0;overflow:visible}.stat-label{font-size:10px;letter-spacing:.3px;line-height:1.2}.stat-label,.stat-value{margin:0;overflow:visible;text-overflow:ellipsis;white-space:nowrap}.stat-value{color:#1a202c;display:block;font-size:16px!important;line-height:1.3}.stat-badge,.stat-value{font-weight:600;max-width:100%}.stat-badge{align-items:center;border-radius:8px;box-sizing:border-box;display:inline-flex;font-size:9px;letter-spacing:.2px;margin-top:2px;padding:2px 8px;text-transform:uppercase;white-space:nowrap}.stat-badge.status-active{background:#10b9811a;color:#059669}.stat-badge.status-warning{background:#f59e0b1a;color:#d97706}.settings-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));margin-bottom:32px;width:100%}.settings-card{background:#fff;border:1px solid #0000000f;border-radius:16px;box-shadow:0 4px 16px #00000014;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.settings-card:hover{box-shadow:0 16px 48px #0000001f;transform:translateY(-4px)}.settings-card:before{background:linear-gradient(90deg,#667eea,#764ba2);background:linear-gradient(90deg,var(--card-color,#667eea),var(--card-color,#764ba2));content:"";height:4px;left:0;position:absolute;right:0;top:0}.card-escalation{--card-color:#ef4444}.card-roundrobin{--card-color:#3b82f6}.card-notifications{--card-color:#10b981}.card-header-section{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:16px;padding:20px 24px;position:relative}.card-icon-wrapper{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--card-color,#667eea) 0,var(--card-color,#764ba2) 100%);border-radius:10px;box-shadow:0 2px 6px #667eea33;display:flex;flex-shrink:0;font-size:20px;height:44px;justify-content:center;width:44px}.card-title-section{flex:1 1;min-width:0}.card-title-section h3{color:#1a202c;font-size:16px;font-weight:600;line-height:1.3;margin:0 0 3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-title-section p{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;font-size:12px;line-height:1.4;margin:0;overflow:hidden;text-overflow:ellipsis}.status-indicator{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:10px;font-weight:600;gap:5px;letter-spacing:.2px;padding:4px 10px;text-transform:uppercase;white-space:nowrap}.status-indicator.active{background:#10b9811a;color:#059669}.status-indicator.inactive{background:#ef44441a;color:#dc2626}.indicator-dot{animation:pulse 2s ease-in-out infinite;background:currentColor;border-radius:50%;display:block;flex-shrink:0;height:6px;width:6px}.indicator-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-indicator.inactive .indicator-dot{animation:none}.card-body-section{padding:24px}.setting-group{margin-bottom:20px}.setting-group:last-child{margin-bottom:0}.toggle-setting{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;gap:16px;justify-content:space-between;min-width:0;padding:16px;transition:all .2s ease}.toggle-setting:hover{background:#f1f5f9;border-color:#cbd5e1}.toggle-info{flex:1 1}.toggle-label{color:#1a202c;cursor:pointer;font-size:13px;font-weight:600;line-height:1.3;margin:0 0 3px;white-space:nowrap}.toggle-description,.toggle-label{display:block;overflow:hidden;text-overflow:ellipsis}.toggle-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;font-size:11px;line-height:1.4}.toggle-switch-modern{display:inline-block;flex-shrink:0;height:26px;position:relative;width:48px}.toggle-switch-modern input{height:0;opacity:0;width:0}.toggle-slider{background-color:#cbd5e1;border-radius:28px;bottom:0;box-shadow:inset 0 2px 4px #0000001a;cursor:pointer;left:0;right:0;top:0}.toggle-slider,.toggle-slider:before{position:absolute;transition:.3s cubic-bezier(.4,0,.2,1)}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 2px 6px #00000026;content:"";height:20px;left:3px;width:20px}.toggle-switch-modern input:checked+.toggle-slider{background:linear-gradient(135deg,#667eea,#764ba2)}.toggle-switch-modern input:checked+.toggle-slider:before{transform:translateX(22px)}.toggle-switch-modern input:disabled+.toggle-slider{cursor:not-allowed;opacity:.5}.input-label{color:#1a202c;display:block;font-size:12px;font-weight:600;line-height:1.3;margin:0 0 8px}.input-wrapper{align-items:center;display:flex;gap:12px;margin-bottom:8px}.number-input-modern{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#1a202c;flex:1 1;font-size:13px;font-weight:500;min-width:0;padding:8px 12px;transition:all .3s ease}.number-input-modern:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none;transform:translateY(-1px)}.number-input-modern:disabled{background:#f1f5f9;border-color:#e2e8f0;color:#94a3b8;cursor:not-allowed}.input-unit{color:#64748b;font-size:14px;font-weight:600;padding:0 8px;white-space:nowrap}.input-help{color:#64748b;display:block;font-size:11px;line-height:1.4;margin-top:4px}.card-footer-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;padding:20px 24px}.btn-save{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 8px #667eea40;color:#fff;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:6px;justify-content:center;line-height:1.3;min-width:100px;padding:8px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.btn-save:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.btn-save:active:not(:disabled){transform:translateY(0)}.btn-save:disabled{background:#cbd5e1;box-shadow:none;cursor:not-allowed;transform:none}.btn-spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.actions-section{background:#fff;border:1px solid #0000000f;border-radius:16px;box-shadow:0 4px 16px #00000014;margin-bottom:32px;padding:28px}.section-header{border-bottom:1px solid #e2e8f0;gap:14px;margin-bottom:24px;padding-bottom:20px}.section-header,.section-icon{align-items:center;display:flex}.section-icon{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;box-shadow:0 2px 6px #667eea40;flex-shrink:0;font-size:24px;height:44px;justify-content:center;width:44px}.section-header h3{color:#1a202c;font-size:16px;font-weight:600;line-height:1.3;margin:0 0 3px}.section-header p{color:#64748b;font-size:12px;line-height:1.3;margin:0}.actions-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.action-card{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;gap:14px;min-width:0;overflow:hidden;padding:18px 20px;position:relative;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1)}.action-card:before{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--action-color,#667eea) 0,var(--action-color,#764ba2) 100%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.action-card:hover:before{opacity:.05}.action-card:hover{border-color:#667eea;border-color:var(--action-color,#667eea);box-shadow:0 12px 32px #0000001f;transform:translateY(-4px)}.action-card:active{transform:translateY(-2px)}.action-card.action-primary{--action-color:#667eea}.action-card.action-secondary{--action-color:#10b981}.action-card.action-danger{--action-color:#ef4444}.action-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--action-color,#667eea) 0,var(--action-color,#764ba2) 100%);border-radius:10px;box-shadow:0 2px 6px #667eea33;display:flex;flex-shrink:0;font-size:24px;height:44px;justify-content:center;position:relative;width:44px;z-index:1}.action-content{flex:1 1;min-width:0;position:relative;z-index:1}.action-content h4,.action-content p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-content h4{color:#1a202c;font-size:12px;font-weight:600;margin:0 0 2px}.action-content h4,.action-content p{line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-content p{color:#64748b;font-size:11px;margin:0}.action-arrow{color:#94a3b8;flex-shrink:0;font-size:18px;margin-left:auto;position:relative;transition:all .3s ease;z-index:1}.action-card:hover .action-arrow{color:#667eea;color:var(--action-color,#667eea);transform:translateX(4px)}.action-card:disabled{cursor:not-allowed;opacity:.6;transform:none}.help-section{background:#fff;border:1px solid #0000000f;border-left:3px solid #667eea;border-radius:16px;box-shadow:0 4px 16px #00000014;padding:28px}.help-header{align-items:center;display:flex;gap:10px;margin-bottom:20px}.help-icon{flex-shrink:0;font-size:20px}.help-header h3{color:#1a202c;font-size:15px;font-weight:600;line-height:1.3;margin:0}.help-content{grid-gap:16px;display:grid;gap:16px}.help-item{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:10px;color:#475569;font-size:12px;line-height:1.4;padding:14px}.help-item strong{color:#1a202c;font-weight:600}.permissions-tab-container{padding:0}.message-toast-modern{align-items:center;animation:slideInRight .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid;border-radius:12px;box-shadow:0 8px 24px #00000026;display:flex;gap:12px;max-width:400px;min-width:280px;padding:14px 18px;position:fixed;right:20px;top:20px;z-index:9999}.message-toast-modern.success{background:linear-gradient(135deg,#10b9810d,#0596690d);border-color:#10b981}.message-toast-modern.error{background:linear-gradient(135deg,#ef44440d,#dc26260d);border-color:#ef4444}.message-toast-modern.warning{background:linear-gradient(135deg,#f59e0b0d,#d977060d);border-color:#f59e0b}.toast-content{align-items:center;display:flex;flex:1 1;gap:12px}.toast-icon{flex-shrink:0;font-size:18px}.toast-message{word-wrap:break-word;color:#1a202c;font-size:12px;font-weight:500;line-height:1.3;overflow:hidden;text-overflow:ellipsis}.toast-close-btn{align-items:center;background:none;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:24px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:24px}.toast-close-btn:hover{background:#0000000d;color:#64748b}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.access-denied-container,.loading-container{align-items:center;display:flex;justify-content:center;min-height:60vh;padding:48px}.access-denied-card,.loading-container{background:#fff;border:1px solid #0000000f;border-radius:24px;box-shadow:0 8px 32px #00000014;max-width:500px;padding:64px 48px;text-align:center}.access-denied-icon{font-size:48px;margin-bottom:20px;opacity:.7}.access-denied-card h2,.loading-container h3{color:#1a202c;font-size:22px;font-weight:600;line-height:1.3;margin:0 0 12px}.access-denied-card p,.loading-container p{color:#64748b;font-size:14px;line-height:1.5;margin:0 0 10px}.sub-text{color:#94a3b8!important;font-size:14px!important}.loading-spinner{animation:spin .8s linear infinite;border:4px solid #e2e8f0;height:48px;margin:0 auto 24px;width:48px}.empty-state-container{align-items:center;display:flex;justify-content:center;min-height:50vh;padding:48px}.empty-state-card{background:#fff;border:1px solid #0000000f;border-radius:24px;box-shadow:0 8px 32px #00000014;max-width:400px;padding:64px 48px;text-align:center}.empty-icon{font-size:48px;margin-bottom:20px;opacity:.5}.empty-state-card h3{color:#1a202c;font-size:18px;font-weight:600;line-height:1.3;margin:0 0 10px}.empty-state-card p{color:#64748b;font-size:13px;line-height:1.5;margin:0}@media (max-width:1400px){.settings-grid{grid-template-columns:1fr}}@media (max-width:1024px){.settings-header{padding:32px 40px}.tabs-container{padding:0 40px}.content-wrapper{padding:32px 40px 40px}.stats-dashboard{gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.actions-grid{grid-template-columns:1fr}}@media (max-width:768px){.system-settings-container{background:#f8fafc}.settings-header{padding:24px}.header-main{flex-direction:column;gap:16px;text-align:center}.header-icon-large{font-size:32px;height:64px;width:64px}.header-text h1{font-size:28px}.header-text p{font-size:14px}.tabs-container{margin-top:-16px;padding:0 24px}.tabs-wrapper{gap:8px;padding:6px}.tab-button-modern{font-size:14px;padding:12px 16px}.tab-icon{font-size:16px}.content-wrapper{padding:24px 24px 32px}.stats-dashboard{gap:16px;grid-template-columns:1fr;margin-bottom:32px}.settings-grid{gap:24px;margin-bottom:32px}.settings-card{border-radius:20px}.card-header-section{flex-wrap:wrap;padding:24px}.card-icon-wrapper{font-size:20px;height:48px;width:48px}.card-title-section h3{font-size:20px}.card-body-section{padding:24px}.card-footer-section{padding:20px 24px}.actions-section,.help-section{padding:32px 24px}.section-header{align-items:flex-start;flex-direction:column;gap:12px}.message-toast-modern{left:16px;max-width:none;min-width:auto;right:16px;top:16px}.action-card{flex-wrap:wrap}.action-arrow{display:none}}@media (max-width:480px){.settings-header{padding:20px 16px}.header-text h1{font-size:24px}.tabs-container{padding:0 16px}.tab-button-modern{font-size:13px;padding:10px 12px}.tab-label{display:none}.content-wrapper{padding:20px 16px 24px}.stat-card{padding:20px}.stat-icon-wrapper{font-size:24px;height:56px;width:56px}.card-body-section,.card-header-section{padding:20px}.card-footer-section{padding:16px 20px}.actions-section,.help-section{padding:24px 20px}.actions-grid{gap:16px}.action-card{padding:20px}.action-icon{font-size:24px;height:48px;width:48px}}.toggle-switch-modern:focus-within .toggle-slider,button:focus,input:focus,select:focus{outline:2px solid #667eea;outline-offset:2px}.settings-card,.stat-card{animation:fadeIn .4s ease-out}.stat-card{animation-delay:0s;animation-delay:calc(var(--index, 0)*.1s)}.action-card{animation:fadeIn .4s ease-out}@media print{.system-settings-container{background:#fff}.settings-header{background:#fff;color:#1a202c}.action-card,.btn-save,.tabs-wrapper{display:none}}.public-form-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh;padding:20px}.public-form-card{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;max-width:600px;overflow:hidden;padding:40px;position:relative;width:100%}.public-form-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.public-form-header{margin-bottom:40px;text-align:center}.public-form-logo{align-items:center;display:flex;justify-content:center;margin-bottom:20px}.public-form-logo .logo-image{border-radius:10px;height:50px;margin-right:15px;width:50px}.public-form-logo h1{color:#333;font-size:28px;font-weight:600;margin:0}.public-form-header p{color:#666;font-size:16px;line-height:1.5;margin:0}.public-form{gap:20px}.form-group,.public-form{display:flex;flex-direction:column}.form-group label{color:#333}.form-group input,.form-group textarea{background:#f8f9fa;border:2px solid #e1e5e9;border-radius:10px;font-size:16px;padding:12px 16px;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group textarea{font-family:inherit;min-height:120px;resize:vertical}.form-group input[type=file]{background:#f8f9fa;border:2px dashed #cbd5e0;cursor:pointer;padding:10px;transition:all .3s ease}.form-group input[type=file]:hover{background:#f0f4ff;border-color:#667eea}.file-help{color:#666;font-size:12px;font-style:italic;margin-top:5px}.submit-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:15px 30px;transition:all .3s ease}.submit-button:hover:not(:disabled){box-shadow:0 10px 20px #667eea4d;transform:translateY(-2px)}.submit-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.public-form-footer{border-top:1px solid #e1e5e9;margin-top:30px;padding-top:20px;text-align:center}.public-form-footer p{color:#666;font-size:14px;margin:10px 0}.back-link,.contact-link{color:#667eea;font-weight:600;text-decoration:none;transition:color .3s ease}.back-link:hover,.contact-link:hover{color:#764ba2;text-decoration:underline}.error-message{background:#fee;border-left:4px solid #c53030;border-radius:10px;color:#c53030;margin-bottom:20px;padding:15px}.captcha-container{margin:10px 0}.captcha-loading{align-items:center;background:#f8f9fa;border:2px dashed #dee2e6;border-radius:10px;color:#6c757d;display:flex;font-size:14px;justify-content:center;min-height:78px;padding:20px;width:100%}.captcha-loading p{font-style:italic;margin:0}.captcha-container{align-items:center;display:flex;justify-content:center;min-height:78px;width:100%}.success-actions{margin-top:20px;text-align:center}.submit-another-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 14px #667eea4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;min-width:200px;padding:16px 32px;transition:all .3s ease}.submit-another-button:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.submit-another-button:active{transform:translateY(0)}.captcha-error{background:#fee;border-left:3px solid #c53030;border-radius:8px;color:#c53030;font-size:13px;margin-top:8px;padding:10px}.success-card{max-width:700px;padding:60px 40px;text-align:center}.success-animation{margin-bottom:40px}.success-checkmark{animation:checkmark-appear .6s ease-in-out;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:inline-block;height:80px;position:relative;width:80px}.check-icon{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.icon-line{background:#fff;border-radius:2px;position:absolute;transform-origin:left center}.line-tip{animation:line-tip .75s ease-in-out;height:4px;left:20px;top:45px;transform:rotate(45deg);width:20px}.line-long{animation:line-long .75s ease-in-out;height:4px;left:28px;top:35px;transform:rotate(-45deg);width:32px}.icon-circle{animation:circle-appear .6s ease-in-out;border:4px solid #ffffff4d;border-radius:50%}.icon-circle,.icon-fix{height:100%;position:absolute;width:100%}.icon-fix{animation:fix-appear .6s ease-in-out;border:4px solid #0000;border-radius:50%}.success-content{animation:content-appear .8s ease-in-out .3s both}.success-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;background-clip:text;color:#1f2937;font-size:32px;font-weight:700;margin:0 0 12px}.success-subtitle{color:#6b7280;font-size:18px;font-weight:400;margin:0 0 40px}.success-details{display:flex;flex-direction:column;gap:20px;margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:500px}.detail-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:16px;padding:20px;transition:all .3s ease}.detail-item:hover{background:#f3f4f6;border-color:#d1d5db;box-shadow:0 4px 12px #0000000d;transform:translateY(-2px)}.detail-icon{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.detail-content{align-items:flex-start;display:flex;flex:1 1;flex-direction:column}.detail-label{color:#6b7280;font-size:14px;font-weight:500;margin-bottom:4px}.detail-value{color:#1f2937;font-size:16px;font-weight:600}.status-active{background:#ecfdf5;border-radius:20px;color:#059669;font-size:14px;font-weight:600;padding:4px 12px}.success-message{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:16px;margin-bottom:40px;padding:24px}.success-message p{color:#0c4a6e;font-size:16px;font-weight:500;line-height:1.6;margin:0}.success-actions{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:32px}.btn,.success-actions{justify-content:center}.btn{align-items:center;border-radius:12px;display:inline-flex;font-size:16px;font-weight:600;gap:8px;min-width:180px;padding:14px 28px;text-decoration:none;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 14px #10b9814d}.btn-primary:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.btn-secondary{border:2px solid #e5e7eb;box-shadow:0 2px 8px #0000000d;color:#374151}.btn-secondary:hover{background:#f9fafb;border-color:#d1d5db;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.btn-icon{font-size:18px}.success-footer{border-top:1px solid #e5e7eb;padding-top:24px}.success-footer p{color:#6b7280;font-size:14px;margin:0}.support-link{color:#10b981;font-weight:600;text-decoration:none;transition:color .3s ease}.support-link:hover{color:#059669;text-decoration:underline}@keyframes checkmark-appear{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes line-tip{0%{opacity:0;width:0}50%{opacity:0;width:0}to{opacity:1;width:20px}}@keyframes line-long{0%{opacity:0;width:0}50%{opacity:0;width:0}to{opacity:1;width:32px}}@keyframes circle-appear{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes fix-appear{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes content-appear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.public-form-container{padding:10px}.public-form-card{border-radius:15px;padding:30px 20px}.success-card{padding:40px 20px}.public-form-logo h1{font-size:24px}.public-form-logo .logo-image{height:40px;width:40px}.form-group input,.form-group textarea{font-size:16px}.success-title{font-size:28px}.success-subtitle{font-size:16px}.success-actions{align-items:center;flex-direction:column}.btn{min-width:200px}}@media (max-width:480px){.public-form-card{padding:20px 15px}.success-card{padding:30px 15px}.public-form-logo{flex-direction:column;gap:10px}.public-form-logo .logo-image{margin-right:0}.success-title{font-size:24px}.success-subtitle{font-size:15px}.detail-item{gap:12px;padding:16px}.detail-icon{font-size:20px;height:40px;width:40px}.btn{min-width:100%;padding:16px 24px}}.edit-client-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0f172a66;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.edit-client-modal{animation:modalEnter .3s ease-out;background:#fff;border:1px solid #e2e8f0cc;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:850px;overflow:hidden;width:100%}@keyframes modalEnter{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.edit-client-modal-header{align-items:center;background:#f8fafc;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:24px 32px}.edit-client-modal-header h2{color:#0f172a;font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin:0}.edit-client-close-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.edit-client-close-btn:hover{background:#f1f5f9;color:#0f172a;transform:rotate(90deg)}.edit-client-tabs{background:#f8fafc;border-bottom:1px solid #f1f5f9;display:flex;gap:8px;padding:0 32px}.edit-client-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:8px;padding:14px 20px;transition:all .2s ease}.edit-client-tab i{font-size:1rem}.edit-client-tab:hover{background:#3b82f60d;color:#3b82f6}.edit-client-tab.active{background:#fff;border-bottom-color:#3b82f6;color:#3b82f6}.edit-client-form{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.edit-client-modal-body{flex:1 1;overflow-y:auto;padding:32px}.edit-client-section{display:flex;flex-direction:column;gap:24px}.edit-client-section-title{align-items:center;color:#1e293b;display:flex;font-size:1.125rem;font-weight:600;gap:8px;margin-bottom:4px}.edit-client-section-title:after{background:#f1f5f9;content:"";flex:1 1;height:1px}.edit-client-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.edit-client-group{display:flex;flex-direction:column;gap:8px}.edit-client-group.full-width{grid-column:span 2}.edit-client-label{color:#475569;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.edit-client-input{background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#1e293b;font-size:.9375rem;padding:12px 16px;transition:all .2s ease;width:100%}.edit-client-input:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f614;outline:none}.edit-client-input::placeholder{color:#94a3b8}.edit-client-select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m19 9-7 7-7-7'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.edit-client-textarea{min-height:100px;resize:vertical}.poc-card-wrapper{background:#f8fafc;border:1px solid #f1f5f9;border-radius:16px;padding:20px}.edit-client-input.error{border-color:#ef4444}.edit-client-error-text{color:#ef4444;font-size:.75rem;font-weight:500;margin-top:4px}.edit-client-modal-footer{background:#fff;border-top:1px solid #f1f5f9;display:flex;gap:12px;justify-content:flex-end;padding:24px 32px}.edit-client-btn-cancel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#64748b;cursor:pointer;font-size:.9375rem;font-weight:600;padding:12px 24px;transition:all .2s ease}.edit-client-btn-cancel:hover{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}.edit-client-btn-save{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;box-shadow:0 4px 6px -1px #3b82f633;color:#fff;cursor:pointer;display:flex;font-size:.9375rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.edit-client-btn-save:hover:not(:disabled){box-shadow:0 10px 15px -3px #3b82f64d;transform:translateY(-1px)}.edit-client-btn-save:disabled{cursor:not-allowed;opacity:.7}@media (max-width:640px){.edit-client-grid{grid-template-columns:1fr}.edit-client-group.full-width{grid-column:auto}.edit-client-modal{border-radius:0;max-height:100vh}}.merge-clients-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.merge-clients-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:800px;overflow-y:auto;position:relative;width:100%}.modal-header{border-bottom:1px solid #e5e7eb;padding:24px 24px 16px}.modal-header h2{color:#111827;font-size:1.5rem}.close-btn{border-radius:4px;color:#6b7280;font-size:1.5rem}.close-btn:hover{background-color:#f3f4f6;color:#374151}.modal-body{padding:24px}.client-selection{margin-bottom:24px}.selection-group{margin-bottom:16px}.selection-group label{color:#374151;display:block;font-weight:500;margin-bottom:8px}.client-select{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.client-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.error-message{background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:14px;margin-bottom:24px;padding:12px}.client-comparison{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:24px;padding:20px}.client-comparison h3{color:#111827;font-size:1.125rem;font-weight:600;margin:0 0 16px}.comparison-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.comparison-column h4{border-bottom:2px solid #e5e7eb;color:#374151;font-size:1rem;font-weight:600;margin:0 0 12px;padding-bottom:8px}.client-info p{color:#6b7280;font-size:14px;margin:8px 0}.client-info strong{color:#374151}.merge-options{margin-bottom:24px}.merge-options h3{color:#111827;font-size:1.125rem;font-weight:600;margin:0 0 16px}.options-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.option-item{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:8px;transition:background-color .2s}.option-item:hover{background-color:#f3f4f6}.option-item input[type=checkbox]{accent-color:#3b82f6;height:16px;width:16px}.option-item span{color:#374151;font-size:14px;line-height:1.4}.merge-warning{background-color:#fef3c7;border:1px solid #fbbf24;border-radius:8px;margin-bottom:24px;padding:16px}.merge-warning h4{color:#92400e;font-size:1rem;font-weight:600;margin:0 0 12px}.merge-warning ul{color:#92400e;margin:0;padding-left:20px}.merge-warning li{font-size:14px;line-height:1.4;margin:4px 0}.modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px 24px}.btn{border-radius:6px;min-width:100px}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{background-color:#6b7280;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#4b5563}.btn-danger{background-color:#dc2626;color:#fff}.btn-danger:hover:not(:disabled){background-color:#b91c1c}@media (max-width:768px){.merge-clients-modal{margin:10px;max-height:95vh}.modal-body,.modal-footer,.modal-header{padding:16px}.comparison-grid{gap:16px}.comparison-grid,.options-grid{grid-template-columns:1fr}.modal-footer{flex-direction:column}.btn{width:100%}}.clients-container{background:#f8fafc;color:#1e293b;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1600px;min-height:100vh;padding:32px 40px}.clients-header{align-items:flex-end;border-bottom:1px solid #e2e8f0;margin-bottom:32px;padding-bottom:24px}.header-content{gap:4px}.header-content h1{color:#0f172a;font-size:28px;letter-spacing:-.02em;margin:0}.header-content p{color:#64748b;font-size:14px}.header-actions{align-items:center;gap:12px}.btn-primary{align-items:center;background:#3b82f6;border:1px solid #0000;border-radius:8px;box-shadow:0 1px 2px #0000000d;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.btn-primary:hover{background:#2563eb;box-shadow:0 4px 6px -1px #3b82f633}.btn-secondary{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1;color:#1e293b}.stats-cards{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:32px}.stat-card{border:1px solid #e2e8f0;box-shadow:0 1px 3px #00000005;box-sizing:border-box;flex-direction:row;gap:12px;height:100%;overflow:hidden;padding:16px;position:relative;transition:all .2s ease}.stat-card:hover{border-color:#cbd5e1;box-shadow:0 10px 15px -3px #0000000d;z-index:10}.stat-content{display:flex;flex:1 1;flex-direction:column;justify-content:center;min-width:0;overflow:hidden;width:100%}.stat-content h3{color:#0f172a;font-size:24px;font-weight:700}.stat-content h3,.stat-content p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-content p{color:#64748b;font-size:12px;letter-spacing:.02em;margin:2px 0 0}.filters-section{border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 2px #00000005;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding:20px}.search-box{flex:2 1;min-width:300px}.search-input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;font-size:14px;height:44px;padding:0 16px 0 44px;transition:all .2s;width:100%}.search-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.search-icon{color:#94a3b8;left:14px}.filter-row{flex:3 1}.filter-controls,.filter-row{flex-wrap:wrap;gap:12px}.filter-select,.status-filter{background-color:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;color:#475569!important;cursor:pointer;font-size:14px!important;font-weight:500!important;height:44px!important;min-width:140px;padding:0 14px!important;transition:all .2s}.filter-select:hover,.status-filter:hover{background-color:#f8fafc!important;border-color:#cbd5e1!important}.filter-select:focus,.status-filter:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a;outline:none}.advanced-filters-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;height:44px;padding:0 20px;transition:all .2s}.advanced-filters-btn.active,.advanced-filters-btn:hover{background:#f1f5f9;border-color:#cbd5e1;color:#0f172a}.clear-filters-btn{background:#0000;border:1px solid #0000;border-radius:8px;color:#ef4444;font-weight:500;gap:6px;height:44px;padding:0 16px;transition:all .2s}.clear-filters-btn:hover{background:#fef2f2;border-color:#fee2e2;color:#dc2626}.table-container{border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px -1px #00000005;margin-bottom:24px}.clients-table{text-align:left}.clients-table thead{background-color:#f8fafc;border-bottom:1px solid #e2e8f0}.clients-table th{color:#64748b;font-size:11px;font-weight:600;letter-spacing:.05em;padding:16px 24px}.clients-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background-color .15s ease}.clients-table tbody tr:last-child{border-bottom:none}.clients-table tbody tr:hover{background-color:#f8fafc}.clients-table td{color:#334155;font-size:14px;padding:16px 24px;vertical-align:middle}.client-name-cell{gap:2px}.client-name{align-items:center;color:#0f172a;display:flex;font-weight:600;gap:8px}.client-brand{color:#64748b}.merge-indicator{background:#f1f5f9;border-radius:4px;color:#64748b;display:flex;font-size:11px}.locations-list{color:#475569}.locations-count{color:#94a3b8;font-size:13px;font-style:italic}.client-poc-cell,.rannkly-poc-cell{gap:2px}.poc-name{color:#1e293b;font-size:14px;font-weight:500}.poc-email{color:#64748b;font-size:12px}.poc-position{background:#f8fafc;border:1px solid #f1f5f9;border-radius:99px;color:#94a3b8;font-size:11px;margin-top:2px;padding:1px 6px;width:fit-content}.status-cell{align-items:flex-start;gap:6px}.badge-active,.badge-churned,.badge-inactive,.badge-trial,.badge-unresponsive{align-items:center;border-radius:99px;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:4px 10px;text-transform:capitalize}.badge-active{background:#dcfce7;border:1px solid #bbf7d0;color:#166534}.badge-inactive{background:#f1f5f9;border:1px solid #e2e8f0;color:#475569}.badge-churned{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.badge-trial{background:#fff7ed;border:1px solid #ffedd5;color:#9a3412}.badge-unresponsive{background:#fef9c3;border:1px solid #fde047;color:#854d0e}.account-tier{background:#e0e7ff;border-radius:4px;color:#6366f1;display:inline-block;font-size:11px;letter-spacing:.05em;padding:2px 8px}.action-btn{background:#fff;border:1px solid #0000;border-radius:6px;color:#64748b;height:32px;transition:all .2s;width:32px}.action-btn:hover{background:#f1f5f9;border-color:#e2e8f0;color:#0f172a}.action-btn.edit:hover{background:#eff6ff;border-color:#dbeafe;color:#3b82f6}.action-btn.delete:hover{background:#fef2f2;border-color:#fee2e2}.pagination{gap:16px;margin-top:24px}.pagination-btn{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;font-weight:500;padding:8px 16px;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;color:#0f172a}.pagination-btn:disabled{background:#f8fafc}.page-info{color:#64748b;font-weight:500}.no-permission-message{background:#f8fafc;color:#94a3b8;padding:2px 6px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a66}.modal-content{border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.clients-header{align-items:center;color:#1f2937;display:flex;justify-content:space-between;margin-bottom:24px;padding:0}.header-content{align-items:flex-start;display:flex;flex-direction:column;text-align:left}.header-content h1{color:#1f2937;font-size:32px;font-weight:700;letter-spacing:-.3px;margin:0 0 4px}.header-content p{color:#374151;font-size:16px;font-weight:500;margin:0}.header-actions{display:flex;gap:16px;position:relative;z-index:1}.action-buttons .btn-primary{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;border-radius:6px!important;box-shadow:none!important;color:#fff!important;cursor:pointer;display:flex;font-size:13px!important;font-weight:500!important;gap:6px;padding:8px 16px!important;transition:all .3s ease}.action-buttons .btn-primary:hover{box-shadow:0 4px 12px #667eea4d!important;transform:translateY(-1px)!important}.action-buttons .btn-secondary{align-items:center;background:#f8fafc!important;border:1px solid #e5e7eb!important;border-radius:6px!important;box-shadow:none!important;color:#374151!important;cursor:pointer;display:flex;font-size:13px!important;font-weight:500!important;gap:6px;padding:8px 16px!important;transition:all .3s ease}.action-buttons .btn-secondary:hover{background:#f3f4f6!important;border-color:#d1d5db!important;box-shadow:0 3px 8px #0000001a!important;transform:translateY(-1px)!important}.action-buttons{align-items:flex-end;flex-direction:column;gap:12px}.action-buttons .button-row{align-items:center;display:flex;gap:12px}.stats-cards{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(6,1fr);margin-bottom:24px}.stat-card{align-items:center;border:1px solid #0000000d;border-radius:24px;box-shadow:0 8px 30px #0000001f;display:flex;justify-content:center;min-height:220px;padding:48px 28px;transition:all .3s ease}.stat-card:hover{box-shadow:0 12px 40px #0000002e;transform:translateY(-4px)}.stat-icon{border-radius:20px;flex-shrink:0;font-size:32px;height:84px;transition:all .3s ease;width:84px}.stat-icon.total{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stat-icon.active{background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff}.stat-icon.inactive{background:linear-gradient(135deg,#f87171,#ef4444);color:#fff}.stat-icon.locations{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.stat-icon.paid{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.stat-icon.unpaid{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.stat-content{text-align:center}.stat-content h3{color:#1f2937;font-size:42px;font-weight:800;letter-spacing:-.5px;line-height:1.2;margin:0}.stat-content p{color:#6b7280;font-size:16px;font-weight:600;letter-spacing:.8px;line-height:1.3;margin:8px 0 0;text-transform:uppercase}.filters-section{background:#fff;border:1px solid #0000000d;border-radius:16px;box-shadow:0 4px 20px #00000014;gap:20px;margin-bottom:20px;padding:24px}.filters-section,.search-box{align-items:center;display:flex}.search-box{flex:1 1;height:52px;max-width:100%;min-width:0;position:relative;width:100%}.search-input{background:#f9fafb!important;border:2px solid #e5e7eb!important;border-radius:12px!important;box-sizing:border-box!important;color:#2c3e50!important;font-size:15px!important;font-weight:400!important;height:52px!important;line-height:1!important;padding:16px 20px!important;transition:all .3s ease!important;width:100%!important}.search-input::placeholder{color:#9ca3af;font-weight:400}.search-input:focus{background:#fff!important;border-color:#667eea!important;box-shadow:0 0 0 4px #667eea1a!important;outline:none!important}.search-input:hover{border-color:#cbd5e1!important}.search-icon{color:#9ca3af;font-size:16px;left:18px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:color .3s ease;z-index:1}.search-input:focus+.search-icon{color:#667eea}.filter-row{align-items:flex-end;width:100%}.filter-controls,.filter-row{display:flex;gap:16px;height:52px}.filter-controls{align-items:center}.status-filter{background:#f9fafb!important;border:2px solid #e5e7eb!important;border-radius:12px!important;box-sizing:border-box!important;cursor:pointer!important;font-size:15px!important;height:52px!important;line-height:1!important;min-width:140px!important;padding:16px 20px!important;transition:all .3s ease!important}.status-filter:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.advanced-filters-btn{align-items:center!important;background:#f3f4f6!important;border:2px solid #e5e7eb!important;border-radius:12px!important;box-sizing:border-box!important;color:#374151!important;cursor:pointer!important;display:flex!important;font-size:14px!important;font-weight:600!important;gap:10px!important;height:52px!important;line-height:1!important;padding:16px 24px!important;transition:all .3s ease!important}.advanced-filters-btn:hover{background:#e5e7eb;transform:translateY(-2px)}.advanced-filters-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.clear-filters-btn{align-items:center;background:linear-gradient(135deg,#f87171,#ef4444);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;padding:16px 24px;transition:all .3s ease}.clear-filters-btn:hover{box-shadow:0 8px 20px #ef44444d;transform:translateY(-2px)}.advanced-filters{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:32px;padding:32px}.filter-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.filter-group{display:flex;flex-direction:column;gap:12px}.filter-group label{color:#374151;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.filter-select{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;color:#374151;cursor:pointer;font-size:15px;padding:16px 20px;transition:all .3s ease}.filter-select:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.table-container{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden}.clients-table{border-collapse:collapse;table-layout:fixed;width:100%}.clients-table th{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e5e7eb;color:#1f2937;font-size:14px;font-weight:700;letter-spacing:.5px;padding:20px 24px;text-align:left;text-transform:uppercase}.clients-table td{border-bottom:1px solid #f3f4f6;padding:20px 24px;vertical-align:top}.clients-table td,.clients-table tr{transition:all .3s ease}.clients-table tr:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);box-shadow:0 4px 20px #0000001a;transform:scale(1.01)}.clients-table td:first-child,.clients-table th:first-child{width:22%}.clients-table td:nth-child(2),.clients-table th:nth-child(2){width:18%}.clients-table td:nth-child(3),.clients-table td:nth-child(4),.clients-table th:nth-child(3),.clients-table th:nth-child(4){width:22%}.clients-table td:nth-child(5),.clients-table th:nth-child(5){width:16%}.clients-table td:nth-child(6),.clients-table th:nth-child(6){width:10%}.client-name-cell{display:flex;flex-direction:column;gap:6px}.client-name{color:#1f2937;font-size:15px;font-weight:700;letter-spacing:-.2px}.client-brand{color:#6b7280;font-size:13px;font-weight:500}.locations-cell{display:flex;flex-direction:column;gap:6px}.locations-count{color:#1f2937;font-size:15px;font-weight:600}.locations-list{color:#6b7280;font-size:13px;font-weight:500}.client-poc-cell,.rannkly-poc-cell{display:flex;flex-direction:column;gap:6px}.poc-name{color:#1f2937;font-size:15px;font-weight:600}.poc-email,.poc-position{color:#6b7280;font-size:13px;font-weight:500}.status-cell{display:flex;flex-direction:column;gap:8px}.status-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:700;letter-spacing:.5px;padding:8px 16px;transition:all .3s ease}.status-badge.active{background:linear-gradient(135deg,#4ade80,#22c55e);box-shadow:0 4px 12px #22c55e4d;color:#fff}.status-badge.churn,.status-badge.inactive{background:linear-gradient(135deg,#f87171,#ef4444);box-shadow:0 4px 12px #ef44444d;color:#fff}.status-badge.unresponsive{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 4px 12px #f59e0b4d;color:#fff}.status-badge.trial{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;color:#fff}.status-badge.not-in-system,.status-badge.not_in_system{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 4px 12px #6b72804d;color:#fff}.account-tier{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.actions-cell{display:flex;gap:8px;justify-content:center}.action-buttons{align-items:center;display:flex;gap:8px}.no-permission-message{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:4px;color:#6b7280;font-size:11px;padding:4px 8px;text-align:center}.action-btn{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;height:36px;justify-content:center;padding:10px;transition:all .3s ease;width:36px}.action-btn:hover{background:#f3f4f6;transform:translateY(-2px)}.action-btn.edit:hover{background:#667eea1a;color:#667eea}.action-btn.delete:hover{background:#ef44441a;color:#ef4444}.pagination{background:#fff;border:1px solid #0000000d;border-radius:16px;box-shadow:0 4px 20px #00000014;gap:20px;justify-content:center;margin-top:32px;padding:24px}.pagination,.pagination-btn{align-items:center;display:flex}.pagination-btn{background:#f3f4f6;border:2px solid #e5e7eb;border-radius:12px;color:#374151;cursor:pointer;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:#e5e7eb;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.pagination-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.page-info{color:#6b7280;font-size:14px;font-weight:600}.loading-container{align-items:center;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.loading-spinner{border:4px solid #f3f4f6;border-top-color:#667eea;height:40px;margin-bottom:20px;width:40px}.empty-state{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;color:#6b7280;padding:80px 20px;text-align:center}.empty-state i{color:#9ca3af;font-size:64px;margin-bottom:20px;opacity:.5}.empty-state h3{color:#374151;font-size:24px;font-weight:700;margin:0 0 12px}.empty-state p{color:#6b7280;font-size:16px;margin:0 0 32px}@media (max-width:1024px){.clients-container{padding:24px}.stats-cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media (max-width:768px){.clients-container{padding:16px}.clients-header{margin-bottom:24px;padding:24px}.header-actions{flex-direction:column;gap:12px}.stats-cards{gap:20px;grid-template-columns:1fr}.stat-card{min-height:180px;padding:36px 24px}.stat-icon{font-size:28px;height:72px;width:72px}.stat-content h3{font-size:36px}.stat-content p{font-size:15px}.filters-section{flex-direction:column;gap:20px;padding:20px}.search-box{width:100%}.search-input{font-size:16px;padding:14px 20px 14px 45px}.search-icon{font-size:15px;left:15px}.filter-controls{flex-wrap:wrap;gap:12px}.advanced-filters{padding:20px}.filter-row{gap:20px;grid-template-columns:1fr}.clients-table{font-size:13px}.clients-table td,.clients-table th{padding:16px 12px}.clients-table td:first-child,.clients-table th:first-child{width:25%}.clients-table td:nth-child(2),.clients-table th:nth-child(2){width:20%}.clients-table td:nth-child(3),.clients-table th:nth-child(3){width:25%}.clients-table td:nth-child(4),.clients-table th:nth-child(4){width:20%}.clients-table td:nth-child(5),.clients-table td:nth-child(6),.clients-table th:nth-child(5),.clients-table th:nth-child(6){width:10%}}@media (max-width:480px){.clients-container{padding:12px}.clients-header{padding:20px}.header-content h1{font-size:24px}.stat-card{padding:20px}.stat-content h3{font-size:24px}.filters-section{padding:16px}.search-input{font-size:16px;padding:12px 20px 12px 40px}.search-icon{font-size:14px;left:12px}.filter-select,.status-filter{padding:14px 16px}}.merge-indicator{align-items:center;background:#3b82f6;border-radius:12px;color:#fff;cursor:help;display:inline-flex;font-size:10px;font-weight:600;gap:4px;margin-left:8px;padding:2px 6px;transition:all .2s ease}.merge-indicator:hover{background:#2563eb;transform:scale(1.05)}.merge-indicator i{font-size:8px}.merge-count{font-size:10px;font-weight:700;min-width:14px;text-align:center}@media (max-width:768px){.merge-indicator{margin-left:4px;padding:1px 4px}.merge-count{font-size:9px;min-width:12px}}.share-modal{max-width:600px;width:90%}.share-info{align-items:flex-start;background:#e8f4fd;border:1px solid #bee5eb;border-radius:12px;display:flex;gap:16px;margin-bottom:24px;padding:20px}.info-icon{color:#0c5460;font-size:20px;margin-top:2px}.info-content h4{color:#0c5460;font-size:16px;font-weight:600;margin:0 0 8px}.info-content p{color:#0c5460;font-size:14px;line-height:1.6;margin:0}.form-url-section{margin-bottom:24px}.form-url-section label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.url-input-group{display:flex;gap:8px}.url-input{background:#f8f9fa;border:2px solid #e1e5e9;border-radius:8px;color:#333;flex:1 1;font-family:Courier New,monospace;font-size:14px;padding:12px 16px}.url-input:focus{background:#fff;border-color:#667eea;outline:none}.btn-copy{align-items:center;background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;justify-content:center;min-width:48px;padding:12px 16px;transition:all .3s ease}.btn-copy:hover{background:#5a67d8;transform:translateY(-1px)}.share-options{margin-bottom:24px}.share-options h4{color:#333;font-size:16px;font-weight:600;margin:0 0 16px}.share-buttons{display:flex;flex-wrap:wrap;gap:12px}.btn-share{align-items:center;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;text-decoration:none;transition:all .3s ease}.btn-share:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.btn-email{background:#ea4335}.btn-email:hover{background:#d33b2e}.btn-whatsapp{background:#25d366}.btn-whatsapp:hover{background:#20ba5a}.btn-linkedin{background:#0077b5}.btn-linkedin:hover{background:#006097}.form-features{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:20px}.form-features h4{color:#333;font-size:16px;font-weight:600;margin:0 0 16px}.form-features ul{list-style:none;margin:0;padding-left:20px}.form-features li{color:#666;font-size:14px;line-height:1.5;margin-bottom:8px;padding-left:8px;position:relative}.form-features li:before{background:#667eea;border-radius:50%;content:"";height:6px;left:-16px;position:absolute;top:6px;width:6px}.error-container{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:80px 20px;text-align:center}.error-container h3{color:#1f2937;font-size:24px;font-weight:600;margin-bottom:16px}.error-container p{color:#6b7280;font-size:16px;line-height:1.5;margin-bottom:24px}.error-container .error-icon{color:#9ca3af;font-size:64px;margin-bottom:20px;opacity:.5}.error-container .btn-secondary{margin-right:12px}.filter-section{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:24px;padding:24px}.filter-section h3{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 16px}.date-filter-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.date-filter-btn{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.date-filter-btn.active{background:#667eea;border-color:#667eea;color:#fff}.date-filter-btn:hover{background:#f1f5f9;border-color:#d1d5db}.date-filter-btn.active:hover{background:#5a67d8}.custom-date-picker{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;margin-top:16px;padding:16px}.custom-date-inputs{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.date-input-group{display:flex;flex-direction:column}.date-input-group label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:4px}.date-input-group input{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:8px 12px}.apply-filter-btn{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-top:20px;padding:8px 16px;transition:all .2s ease}.apply-filter-btn:hover{background:#5a67d8;transform:translateY(-1px)}.filter-summary{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;margin-top:16px;padding:12px 16px}.filter-summary span{color:#0369a1;font-size:14px}@media (max-width:768px){.share-modal{margin:20px;width:95%}.share-info{gap:12px}.share-info,.url-input-group{flex-direction:column}.btn-copy{width:100%}.share-buttons{flex-direction:column}.btn-share{justify-content:center}.date-filter-buttons{align-items:stretch}.custom-date-inputs,.date-filter-buttons{flex-direction:column}.date-input-group{width:100%}}.journey-mode .card-body-clean{padding:0}.journey-container{display:flex;flex-direction:column;padding:32px 24px}.journey-item{display:flex;gap:20px;padding-bottom:32px;position:relative}.journey-item:last-child{padding-bottom:0}.journey-connector{background:#e2e8f0;bottom:0;left:14px;position:absolute;top:20px;width:2px;z-index:0}.journey-item:last-child .journey-connector{display:none}.journey-item.completed .journey-connector{background:#10b981}.journey-item.active-step .journey-connector{background:#0000;border-left:2px dashed #cbd5e1;width:0}.journey-item.future-step .journey-connector{background:#0000;border-left:2px dotted #e2e8f0;width:0}.journey-marker{background:#fff;border:2px solid #cbd5e1;border-radius:50%;flex-shrink:0;height:12px;margin-left:9px;margin-top:8px;width:12px;z-index:1}.journey-item.completed .journey-marker{background:#10b981;border-color:#10b981;color:#fff}.journey-item.active-step .journey-marker{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;color:#3b82f6;transform:scale(1.1)}.journey-item.future-step .journey-marker{background:#f8fafc;border-color:#f1f5f9;color:#cbd5e1}.journey-content-wrapper{flex:1 1;padding-top:2px}.journey-main-row{align-items:center;display:flex;justify-content:space-between;min-height:28px}.journey-label-group{cursor:pointer;display:flex;flex-direction:column;gap:4px}.checkbox-wrapper-visible{align-items:center;cursor:pointer;display:flex;flex:1 1;gap:12px;position:relative;z-index:10}.checkbox-wrapper-visible input{display:none}.custom-checkmark{background:#fff;border:2px solid #cbd5e1;border-radius:4px;flex-shrink:0;height:20px;position:relative;transition:all .2s;width:20px}.checkbox-wrapper-visible input:checked~.custom-checkmark{background:#10b981;border-color:#10b981}.checkbox-wrapper-visible input:checked~.custom-checkmark:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:10px;left:6px;position:absolute;top:2px;transform:rotate(45deg);width:5px}.journey-label{color:#334155;font-size:14px;font-weight:500;transition:color .2s}.journey-item.completed .journey-label{color:#0f172a;font-weight:600}.journey-item.active-step .journey-label{color:#3b82f6;font-weight:700}.journey-item.future-step .journey-label{color:#94a3b8}.journey-date-badge{align-items:center;background:#dcfce7;border-radius:4px;color:#15803d;display:inline-flex;font-size:11px;font-weight:600;gap:6px;padding:2px 8px;width:fit-content}.date-input-container{align-items:center;display:flex;position:relative}.visible-date-picker{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;font-family:Inter,sans-serif;font-size:11px;min-width:130px;outline:none;padding:6px 8px;position:relative;z-index:10}.visible-date-picker:focus{background:#fff;border-color:#3b82f6}.date-placeholder{color:#94a3b8;display:none;font-size:11px;pointer-events:none;position:absolute;right:24px}.journey-notes-box{margin-top:12px}.journey-progress{background:#f1f5f9;border-radius:4px;color:#64748b;font-size:12px;font-weight:600;margin-left:auto;padding:4px 8px}.journey-item:not(.future-step) .journey-label-group:hover .journey-label{color:#3b82f6}.journey-item:not(.future-step) .journey-marker:hover{transform:scale(1.1)}.classy-timeline .card-body-clean{padding:0}.scrollable-body{max-height:600px;overflow-y:auto;padding:24px 0}.timeline-container{display:flex;flex-direction:column;padding:0 32px;position:relative}.timeline-container:before{background:#f1f5f9;bottom:30px;content:"";left:45px;position:absolute;top:18px;width:2px;z-index:0}.timeline-item{gap:24px}.timeline-marker{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:50%;color:#94a3b8;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:28px;justify-content:center;transition:all .3s ease;width:28px;z-index:2}.timeline-item:hover .timeline-marker{border-color:#cbd5e1;transform:scale(1.05)}.step-num{font-family:Inter,sans-serif}.timeline-item.completed .timeline-marker{background:#10b981;border-color:#10b981;box-shadow:0 0 0 4px #10b9811a;color:#fff;transform:scale(1.05)}.timeline-content{padding-top:4px;transition:opacity .2s}.content-header{align-items:flex-start;display:flex;justify-content:space-between;min-height:28px;width:100%}.checkbox-container-modern{align-items:flex-start;cursor:pointer;display:flex;flex:1 1;gap:12px}.checkbox-container-modern input{display:none}.item-label{color:#334155;font-size:14px;font-weight:500;line-height:1.4;transition:color .2s}.timeline-item.completed .item-label{color:#0f172a;font-weight:600}.item-label:hover{color:#0f172a}.date-picker-wrapper{align-items:center;display:flex;margin-left:16px}.minimal-date-input{background:#f8fafc;border:1px solid #0000;border-radius:6px;color:#64748b;cursor:pointer;font-family:Inter,sans-serif;font-size:12px;font-weight:500;outline:none;padding:4px 8px;transition:all .2s}.minimal-date-input:hover{background:#f1f5f9;color:#475569}.minimal-date-input:focus{background:#fff;border-color:#cbd5e1;box-shadow:0 0 0 2px #e2e8f080;color:#0f172a}.timeline-item.completed .minimal-date-input{background:#10b9810d;color:#059669}.item-notes-area{animation:slideDown .25s cubic-bezier(.16,1,.3,1);margin-left:0;margin-top:12px}.notes-input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#334155;font-family:inherit;font-size:13px;line-height:1.5;min-height:70px;outline:none;padding:10px 12px;resize:vertical;transition:all .2s;width:100%}.notes-input::placeholder{color:#94a3b8}.notes-input:focus{background:#fff;border-color:#94a3b8;box-shadow:0 4px 6px -1px #0000000d}:root{--bg-color:#f8fafc;--primary-text:#0f172a;--secondary-text:#64748b;--accent-color:#3b82f6;--card-bg:#fff;--border-color:#e2e8f0;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;--shadow-hover:0 10px 15px -3px #0000000f,0 4px 6px -2px #0000000a}.client-detail-view{background-color:#f8fafc;background-color:var(--bg-color);color:#0f172a;color:var(--primary-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100%;padding-bottom:80px}.sticky-zones{background:#fff;box-shadow:0 4px 20px -5px #0000000d;position:sticky;top:0;z-index:50}.detail-header{background:#0000;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);box-shadow:none;display:flex;flex-direction:column;gap:16px;padding:20px 40px}.header-top-row{gap:12px}.back-button,.header-top-row{align-items:center;display:flex}.back-button{background:#0000;border:none;color:#64748b;cursor:pointer;font-size:13px;font-weight:600;gap:8px;padding:0;transition:color .2s}.back-button:hover{color:#3b82f6;color:var(--accent-color)}.breadcrumb-separator{color:#cbd5e1;font-size:12px}.breadcrumb-current{color:#0f172a;color:var(--primary-text);font-size:13px;font-weight:500}.header-main-row{align-items:center;display:flex;gap:16px}.client-title-large{color:#0f172a;font-size:28px;font-weight:800;letter-spacing:-.03em;line-height:1.2;margin:0}.header-status-pill{align-items:center;background:#f1f5f9;border:1px solid #0000;border-radius:20px;color:#64748b;display:inline-flex;font-size:13px;font-weight:700;gap:6px;letter-spacing:.04em;padding:6px 14px;text-transform:uppercase}.header-status-pill.active{background:#ecfdf5;border-color:#d1fae5;color:#059669}.header-status-pill.inactive{background:#f1f5f9;border-color:#e2e8f0;color:#64748b}.header-status-indicator{background:currentColor;border-radius:50%;box-shadow:0 0 0 2px #ffffff80;height:8px;width:8px}.header-id-badge{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#94a3b8;font-family:monospace;font-size:12px;margin-left:auto;padding:4px 8px}.detail-tabs{border-bottom:1px solid #e2e8f0;border-top:1px solid #0000;box-shadow:none;gap:40px;margin-bottom:32px;margin-top:0;padding:12px 40px 0}.detail-tabs,.tab-button{background:#0000;display:flex}.tab-button{align-items:center;border:none;border-radius:8px;color:#64748b;cursor:pointer;font-size:15px;font-weight:600;gap:10px;padding:12px 20px;position:relative;transition:all .2s ease}.tab-button i{font-size:16px;opacity:.8;transition:transform .2s}.tab-button:hover{background:#f8fafc;color:#475569}.tab-button:hover i{transform:translateY(-1px)}.tab-button.active{background:#f0f9ff;color:#0284c7}.tab-button.active i{color:#0284c7;opacity:1}.overview-tab{margin:0 auto;max-width:1280px;padding:0 40px}.overview-content-wrapper{display:flex;flex-direction:column;gap:32px}.overview-strict-row{grid-gap:32px;align-items:start;display:grid;gap:32px;grid-template-columns:2fr 1fr}.overview-strict-row.identity-layer{align-items:stretch}.premium-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;transition:box-shadow .2s ease,transform .2s ease}.premium-card:hover{box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;box-shadow:var(--shadow-md);transform:translateY(-1px)}.card-header-clean{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);display:flex;padding:18px 24px}.card-header-clean h3{align-items:center;color:#0f172a;color:var(--primary-text);display:flex;font-size:15px;font-weight:700;letter-spacing:-.01em;margin:0}.card-header-clean h3 i{font-size:16px;margin-right:12px;opacity:.9}.icon-blue{color:#3b82f6}.icon-purple{color:#a855f7}.icon-yellow{color:#eab308}.icon-indigo{color:#6366f1}.icon-slate{color:#64748b}.icon-green{color:#10b981}.card-body-clean{flex:1 1;padding:24px}.company-hero{border-top:4px solid #3b82f6;border-top:4px solid var(--accent-color)}.profile-hero-layout{display:flex;flex-direction:column;height:100%;justify-content:space-between}.brand-header{align-items:center;display:flex;gap:20px;margin-bottom:24px}.brand-logo-placeholder{align-items:center;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:16px;box-shadow:inset 0 2px 4px #fffc;color:#3b82f6;color:var(--accent-color);display:flex;font-size:28px;height:64px;justify-content:center;width:64px}.brand-name{color:#0f172a;color:var(--primary-text);font-size:22px;font-weight:800;letter-spacing:-.02em;margin:0}.brand-industry{color:#64748b;color:var(--secondary-text);display:block;font-size:13px;font-weight:500}.brand-id{color:#94a3b8;display:block;font-family:monospace;font-size:11px;margin-top:4px}.profile-data-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-top:32px}.premium-data-block{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:16px;position:relative;transition:all .2s ease}.premium-data-block:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 4px 6px -1px #0000000d;transform:translateY(-2px)}.premium-data-block:before{background:#3b82f6;background:var(--accent-color);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s;width:4px}.premium-data-block:hover:before{opacity:1}.premium-data-block.block-billing:hover:before{background:#3b82f6}.premium-data-block.block-status:hover:before{background:#10b981}.premium-data-block.block-date:hover:before{background:#6366f1}.premium-data-block label{align-items:center;color:#94a3b8;display:flex;font-size:11px;font-weight:700;gap:8px;letter-spacing:.05em;margin-bottom:8px;text-transform:uppercase}.premium-data-block label i{font-size:12px;opacity:.8}.premium-data-block .value{color:#0f172a;font-size:15px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.premium-data-block.block-date .value{font-size:12px;letter-spacing:-.03em}.status-pill-lg{align-items:center;border-radius:6px;display:inline-flex;font-size:13px;font-weight:700;gap:6px;padding:4px 10px;text-transform:capitalize;width:fit-content}.status-pill-lg:before{background:currentColor;border-radius:50%;content:"";height:6px;width:6px}.status-pill-lg.active{background:#dcfce7;color:#15803d}.status-pill-lg.inactive{background:#f1f5f9;color:#64748b}.status-pill-lg.churn{background:#fee2e2;color:#b91c1c}.status-pill-lg.trial{background:#ffedd5;color:#c2410c}.performance-card{border-top:4px solid #a855f7}.stats-list{display:flex;flex-direction:column;height:100%;justify-content:space-around}.stat-row-item{align-items:center;display:flex;gap:16px;padding:4px 0}.stat-icon-circle{align-items:center;border-radius:10px;display:flex;font-size:16px;height:40px;justify-content:center;width:40px}.stat-icon-circle.health{background:#ecfdf5;color:#10b981}.stat-icon-circle.tier{background:#fff7ed;color:#ea580c}.stat-icon-circle.tickets{background:#eff6ff;color:#3b82f6}.stat-details{flex:1 1}.stat-details label{color:#94a3b8;display:block;font-size:11px;font-weight:700;margin-bottom:2px;text-transform:uppercase}.stat-text-val{color:#0f172a;color:var(--primary-text);font-size:16px;font-weight:700}.stat-progress{align-items:center;display:flex;gap:12px}.stat-num{color:#0f172a;color:var(--primary-text);font-size:16px;font-weight:800}.progress-track{background:#e2e8f0;border-radius:3px;flex:1 1;height:6px;overflow:hidden}.progress-fill{background:#10b981;height:100%}.divider-h{background:#f1f5f9;height:1px;width:100%}.details-col-left,.details-col-right{display:flex;flex-direction:column;gap:24px}.notes-card{border-top:4px solid #eab308}.section-label{color:#0f172a;color:var(--primary-text);display:block;font-size:12px;font-weight:700;margin-bottom:10px}.premium-tag{border:1px solid #0000;border-radius:20px;font-size:12px;font-weight:500;padding:4px 10px}.premium-tag.template{background:#fdf4ff;border-color:#f5d0fe;color:#c026d3}.premium-tag.location{background:#f1f5f9;border-color:#e2e8f0;color:#334155}.premium-tag.feature{background:#eff6ff;border-color:#dbeafe;color:#2563eb}.notes-display-box{background:#fffbeb;border:1px dashed #fbbf24;border-radius:6px;color:#92400e;font-size:13px;line-height:1.5;padding:16px}.merge-summary-badge{background:#eef2ff;border-radius:4px;color:#4f46e5;display:inline-block;font-size:13px;font-weight:700;margin-bottom:16px;padding:4px 8px}.merge-item-clean{border-bottom:1px solid #f1f5f9;display:flex;font-size:13px;justify-content:space-between;padding:12px 0}.merge-item-clean:last-child{border-bottom:none}.merge-item-clean .name{color:#1e293b;font-weight:600}.merge-item-clean .date{color:#94a3b8}.contact-list-refined{display:flex;flex-direction:column}.contact-item-refined{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:12px;padding:16px}.contact-item-refined.hero-contact{background:#f8fafc}.avatar-circle{background:#0ea5e9;color:#fff;font-weight:700}.avatar-circle,.icon-circle.gold{align-items:center;border-radius:50%;display:flex;height:36px;justify-content:center;width:36px}.icon-circle.gold{background:#fffbeb;color:#d97706}.c-details{display:flex;flex-direction:column}.c-details .name{color:#0f172a;font-size:13px;font-weight:700}.c-details .role{color:#64748b;font-size:11px;font-weight:600}.c-details .email{color:#3b82f6;font-size:12px}.contacts-sub-header{color:#94a3b8;font-size:11px;font-weight:700;padding:12px 16px 8px;text-transform:uppercase}.team-grid-small{display:flex;flex-direction:column;gap:8px;padding:0 16px 16px}.team-member-chip{font-size:12px}.team-member-chip .lbl{color:#64748b;font-weight:600}@media (max-width:1024px){.overview-strict-row{grid-template-columns:1fr}}.onboarding-card{border-top:4px solid #10b981}.channels-card{border-top:4px solid #f97316}.onboarding-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.checklist-item{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;padding:12px}.checklist-item:last-child{border-bottom:none}.checklist-item.training-item{grid-column:span 1}.checkbox-container{align-items:center;cursor:pointer;display:flex;font-size:14px;position:relative;-webkit-user-select:none;user-select:none;width:100%}.checkbox-container input{cursor:cursor;height:0;opacity:0;position:absolute;width:0}.checkmark{background-color:#fff;border:2px solid #cbd5e1;border-radius:4px;flex-shrink:0;height:20px;margin-right:12px;position:relative;transition:all .2s;width:20px}.checkbox-container:hover input~.checkmark{background-color:#f8fafc;border-color:#94a3b8}.checkbox-container input:checked~.checkmark{background-color:#10b981;border-color:#10b981}.checkmark:after{content:"";display:none;position:absolute}.checkbox-container input:checked~.checkmark:after{display:block}.checkbox-container .checkmark:after{border:solid #fff;border-width:0 2px 2px 0;height:10px;left:6px;top:2px;transform:rotate(45deg);width:5px}.label-text{color:#334155;font-weight:500}.checkbox-container input:checked~.label-text{color:#0f172a;font-weight:600}.training-date-input{border:1px solid #e2e8f0;border-radius:6px;color:#64748b;font-size:12px;margin-left:auto;outline:none;padding:4px 8px}.training-date-input:focus{border-color:#3b82f6}.channels-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.channel-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:12px;transition:all .2s}.channel-item:hover{background:#f8fafc}.channel-item.connected{background:#fff7ed;border-color:#f97316}.channel-label{align-items:center;display:flex;gap:8px}.channel-icon{color:#94a3b8;font-size:16px;text-align:center;width:20px}.channel-item.connected .channel-icon{color:#ea580c}.icon-orange{color:#f97316}.mb-4{margin-bottom:16px}.p-0{padding:0!important}@media (max-width:1024px){.overview-row-aligned,.overview-row-aligned.top-section{grid-template-columns:1fr}}.client-email-manager{animation:fadeIn .4s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;font-family:Inter,sans-serif;margin-top:10px;overflow:hidden}.email-manager-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;flex-direction:column;gap:10px;padding:16px 20px}.header-main{align-items:center;display:flex;justify-content:space-between;width:100%}.email-manager-header h3{align-items:center;color:#1e293b;display:flex;font-size:16px;font-weight:600;gap:8px;letter-spacing:-.01em;margin:0}.email-count-badge{background:#e2e8f0;border-radius:12px;color:#475569;padding:2px 8px}.support-poc-display{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 2px #00000008;display:flex;font-size:13px;gap:8px;padding:6px 12px;width:fit-content}.support-poc-display .lbl{align-items:center;color:#64748b;display:flex;font-weight:500;gap:6px}.support-poc-display .val-name{color:#334155;font-weight:600}.support-poc-display .val-email{color:#94a3b8}.email-list{list-style:none;margin:0;max-height:400px;overflow-y:auto;padding:0}.email-list-empty{color:#94a3b8;font-size:14px;font-style:italic;padding:40px;text-align:center}.email-row-item{align-items:center;background:#fff;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:16px 24px;transition:all .2s ease}.email-row-item:last-child{border-bottom:none}.email-row-item:hover{background-color:#f8fafc}.email-info{align-items:center;display:flex;flex:1 1;gap:12px}.email-icon-wrapper{align-items:center;background:#f1f5f9;border-radius:10px;color:#64748b;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.email-address{color:#334155;font-size:14px;font-weight:500}.source-badge{border-radius:6px;display:inline-block;font-size:10px;font-weight:700;letter-spacing:.05em;margin-left:8px;padding:4px 8px;text-transform:uppercase}.source-badge.manual{background:#dcfce7;border:1px solid #bbf7d0;color:#15803d}.source-badge.ticket{background:#ffedd5;border:1px solid #fed7aa;color:#c2410c}.source-badge.poc{background:#e0e7ff;border:1px solid #c7d2fe;color:#4338ca}.delete-email-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#cbd5e1;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);width:32px}.delete-email-btn:hover{background:#fee2e2;color:#ef4444;transform:scale(1.05)}.delete-email-btn:active{transform:scale(.95)}.delete-email-btn.disabled{opacity:0;pointer-events:none}.add-email-section{background:#f8fafc;border-top:1px solid #e2e8f0;padding:16px 24px}.add-email-btn-initial{align-items:center;background:#fff;border:1px dashed #cbd5e1;border-radius:10px;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px;transition:all .2s;width:100%}.add-email-btn-initial:hover{background:#f1f5f9;border-color:#94a3b8;color:#475569}.add-email-form{animation:slideDown .3s cubic-bezier(.16,1,.3,1);display:flex;gap:12px}.add-email-input{border:1px solid #cbd5e1;border-radius:8px;flex:1 1;font-size:14px;outline:none;padding:10px 14px;transition:border-color .2s,box-shadow .2s}.add-email-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.save-email-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:0 20px;transition:background .2s}.save-email-btn:hover{background:#2563eb}.cancel-email-btn{background:#0000;border:none;color:#64748b;cursor:pointer;font-size:13px;font-weight:500;padding:0 16px}.cancel-email-btn:hover{color:#1e293b}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.icon-cyan{color:#06b6d4}.premium-tickets-container{display:flex;flex-direction:column;gap:16px;padding:8px 4px}.premium-ticket-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 6px #00000005;overflow:hidden;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.premium-ticket-card:hover{border-color:#cbd5e1;box-shadow:0 8px 16px #0000000a;transform:translateY(-2px)}.ticket-header-modern{align-items:center;background:#fff;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:16px 20px}.ticket-header-left{align-items:center;display:flex;gap:12px}.ticket-id-badge{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;font-family:"ui-monospace",SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:11px;font-weight:700;padding:4px 8px}.ticket-date-badge{align-items:center;color:#94a3b8;display:flex;font-size:11px;font-weight:500;gap:4px}.ticket-status-badge{border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.03em;padding:4px 10px;text-transform:uppercase}.ticket-status-badge.open{background:#ecfdf5;border:1px solid #d1fae5;color:#059669}.ticket-status-badge.closed{background:#f1f5f9;border:1px solid #e2e8f0;color:#475569}.ticket-status-badge.pending{background:#fff7ed;border:1px solid #ffedd5;color:#ea580c}.ticket-body-modern{padding:20px}.ticket-subject-row{margin-bottom:12px}.ticket-subject{cursor:pointer;font-weight:700;margin:0;transition:color .2s}.ticket-desc-preview{line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;font-size:13px;line-height:1.6;margin-top:6px;overflow:hidden}.ticket-meta-grid{grid-gap:16px;background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:16px;padding:12px 16px}.meta-item{display:flex;flex-direction:column;gap:2px}.meta-label{color:#94a3b8;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.meta-value{align-items:center;color:#334155;display:flex;font-size:13px;font-weight:600;gap:6px}.val-icon{color:#cbd5e1;font-size:12px}.ticket-footer-modern{align-items:center;background:#fff;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:12px 20px}.footer-left-badges{display:flex;gap:8px}.smart-badge{align-items:center;border-radius:6px;display:flex;font-size:11px;font-weight:600;gap:6px;padding:4px 8px}.smart-badge.source{background:#e0f2fe;color:#0284c7}.smart-badge.thread{background:#f3e8ff;color:#7c3aed;cursor:pointer}.footer-actions{display:flex;gap:8px}.action-btn-ghost{align-items:center;background:#0000;border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px;transition:all .2s}.action-btn-ghost.reassign{background:#fffbeb;border-color:#fef3c7;color:#d97706}.action-btn-ghost.reassign:hover{background:#fef3c7;border-color:#fde68a;transform:translateY(-1px)}.action-btn-ghost.spam{background:#fef2f2;color:#ef4444}.action-btn-ghost.spam:hover{background:#fee2e2;color:#dc2626;transform:translateY(-1px)}.action-btn-ghost.unspam{background:#ecfdf5;color:#10b981}.action-btn-ghost.unspam:hover{background:#d1fae5;transform:translateY(-1px)}.thread-timeline-container{animation:slideDown .3s ease;border-top:1px solid #e2e8f0;padding:20px}.timeline-item{margin-bottom:20px}.timeline-item:before{background:#e2e8f0;bottom:-24px;content:"";left:18px;position:absolute;top:36px;width:2px}.timeline-item:last-child{margin-bottom:0}.timeline-item:last-child:before{display:none}.timeline-avatar{background:#fff;border:2px solid #e2e8f0;color:#64748b;font-size:14px;height:38px;width:38px;z-index:2}.timeline-content{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 2px #00000005;padding:16px}.timeline-header{font-size:12px}.timeline-author{font-weight:700}.timeline-body{font-size:13px;line-height:1.5}.timeline-current-badge{font-weight:600;margin-left:8px}.rannkly-team-list{gap:16px}.rannkly-team-list,.team-member-group{display:flex;flex-direction:column}.team-role-label{color:#94a3b8;font-size:10px;font-weight:700;letter-spacing:.08em;margin-bottom:6px;margin-left:4px;text-transform:uppercase}.team-member-row{align-items:center;background:#fff;border:1px solid #f1f5f9;border-radius:12px;display:flex;padding:12px 14px;transition:all .2s ease}.team-member-row:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 4px 12px #00000008;transform:translateY(-2px)}.member-avatar{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:18px;height:42px;justify-content:center;margin-right:14px;transition:transform .2s ease;width:42px}.team-member-row:hover .member-avatar{transform:scale(1.05)}.member-avatar.sales{background:#ecfeff;border:1px solid #cffafe;color:#06b6d4}.member-avatar.support{background:#faf5ff;border:1px solid #f3e8ff;color:#a855f7}.member-avatar.primary{background:#eff6ff;border:1px solid #dbeafe;color:#3b82f6}.member-info{display:flex;flex-direction:column}.member-name{color:#334155;font-size:14px;font-weight:700;line-height:1.3}.member-email{color:#64748b;font-size:12px;font-weight:500}.no-team-message{background:#f8fafc;border:1px dashed #e2e8f0;border-radius:12px;color:#94a3b8;font-size:13px;font-style:italic;padding:32px;text-align:center}.save-status-indicator{align-items:center;animation:fadeIn .3s ease;border-radius:6px;display:flex;font-size:12px;font-weight:600;gap:6px;margin-left:auto;padding:4px 10px}.save-status-indicator.saving{background:#f0f9ff;color:#0369a1}.save-status-indicator.saved{background:#ecfdf5;color:#047857}.save-status-indicator.error{background:#fef2f2;color:#b91c1c}.edit-inline-btn{background:#0000;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;font-size:12px;opacity:0;padding:2px 6px;transition:all .2s;visibility:hidden}.info-block:hover .edit-inline-btn{opacity:1;visibility:visible}.edit-inline-btn:hover{background:#f1f5f9;color:#3b82f6}.clickable-area{border-radius:6px;cursor:pointer;margin:-4px;padding:4px;transition:background .2s}.clickable-area:hover{background:#f8fafc}.edit-box-wrapper{display:flex;flex-direction:column;gap:8px;margin-top:8px}.premium-input-edit,.premium-textarea-edit{background:#fff;border:1px solid #3b82f6;border-radius:8px;box-shadow:0 0 0 4px #3b82f60d;font-family:inherit;font-size:14px;outline:none;padding:12px;transition:border-color .2s;width:100%}.premium-textarea-edit{min-height:120px;resize:vertical}.edit-hint{font-size:11px;margin-left:4px}.edit-hint,.notes-display-box.empty{color:#94a3b8;font-style:italic}.d-flex{display:flex}.justify-between{justify-content:space-between}.mb-4{margin-bottom:1rem}.notes-list-wrapper{display:flex;flex-direction:column;gap:12px;margin-top:12px}.notes-chronological-list{display:flex;flex-direction:column;gap:16px;max-height:400px;overflow-y:auto;padding-right:8px}.notes-chronological-list::-webkit-scrollbar{width:4px}.notes-chronological-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.notes-chronological-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.note-card-simple{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:12px 16px;position:relative;transition:all .2s ease}.note-card-simple:hover{background:#fff;border-color:#3b82f6;box-shadow:0 4px 6px -1px #0000000d}.note-card-simple.legacy{border-left:4px solid #f59e0b}.note-header{justify-content:space-between;margin-bottom:8px}.note-date,.note-header{align-items:center;display:flex}.note-date{color:#64748b;font-size:11px;font-weight:600;gap:6px}.note-text{color:#334155;font-size:13px;line-height:1.5;white-space:pre-wrap}.align-center{align-items:center}.btn-tiny-primary{background:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;font-weight:600;padding:4px 10px;transition:background .2s}.btn-tiny-primary:hover{background:#2563eb}.note-edit-btn{background:#0000;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;font-size:11px;opacity:0;padding:4px;transition:all .2s}.note-card-simple:hover .note-edit-btn{opacity:1}.note-edit-btn:hover{background:#e2e8f0;color:#3b82f6}.last-edited-label{color:#94a3b8;font-size:10px;font-style:italic;font-weight:400;margin-left:4px}.premium-textarea-edit.tiny{font-size:13px;min-height:80px;padding:8px}.thread-expansion-section{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-top:20px;padding:20px}.thread-toggle-btn{align-items:center;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#475569;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.thread-toggle-btn:hover{background-color:#f1f5f9;border-color:#94a3b8;color:#1e293b}.thread-toggle-btn i{font-size:12px}.thread-emails-container{margin-top:20px}.loading-thread{align-items:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;display:flex;font-size:14px;gap:10px;padding:16px}.loading-thread i{animation:spin 1s linear infinite;color:#3b82f6}.thread-emails{display:flex;flex-direction:column;gap:16px}.thread-email{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;position:relative;transition:all .2s ease}.thread-email:hover{border-color:#cbd5e1;box-shadow:0 4px 6px -1px #0000000d}.thread-email.current-email{background-color:#eff6ff;border-color:#93c5fd;border-left:4px solid #3b82f6}.email-header{margin-bottom:16px}.email-meta{align-items:center;color:#64748b;display:flex;flex-wrap:wrap;font-size:13px;gap:12px;margin-bottom:12px}.email-from{background-color:#f1f5f9;color:#1e293b}.email-from,.email-to{border-radius:6px;font-weight:600;padding:4px 10px}.email-to{background-color:#ecfdf5;color:#059669;margin-left:8px}.email-from i,.email-to i{font-size:11px;margin-right:6px;opacity:.7}.email-date{color:#94a3b8;font-size:12px;font-weight:500}.current-indicator{background-color:#2563eb;border-radius:6px;color:#fff;font-size:11px;font-weight:600;letter-spacing:.025em;padding:4px 8px;text-transform:uppercase}.email-subject{color:#0f172a;font-size:15px;font-weight:600;margin-bottom:8px}.email-body{margin-top:16px}.email-preview{border-left:3px solid #e2e8f0;color:#64748b;font-style:italic;margin-bottom:12px;padding:12px}.email-full-body,.email-preview{background-color:#f8fafc;border-radius:8px;font-size:14px}.email-full-body{border:1px solid #e2e8f0;color:#334155;line-height:1.6;padding:16px;white-space:pre-wrap}.email-full-body br{display:block;margin:8px 0}.no-thread-emails{align-items:center;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;display:flex;font-size:14px;gap:10px;padding:16px}.no-thread-emails i{color:#94a3b8}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal{border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:85vh;max-width:600px;overflow-y:auto;width:100%}.modal,.modal-header{background-color:#fff}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:24px;position:sticky;top:0;z-index:10}.modal-header h2{color:#0f172a;font-size:20px;font-weight:600;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;display:flex;font-size:24px;justify-content:center;padding:4px;transition:all .2s}.close-btn:hover{background-color:#f1f5f9;color:#475569}.modal-content{padding:24px}.ticket-info{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:24px;padding:20px}.ticket-info h3{color:#0f172a;font-size:16px;font-weight:600;margin:0 0 12px}.ticket-info p{color:#475569;font-size:14px;line-height:1.5;margin:8px 0}.ticket-info strong{color:#1e293b;font-weight:600}.form-group{margin-bottom:24px}.form-group label{color:#334155;font-size:14px;font-weight:500}.form-control{background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#0f172a;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;padding:10px 14px;transition:border-color .2s;width:100%}.form-control:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-text{color:#64748b;display:block;font-size:13px;margin-top:6px}.modal-actions{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.modal-actions .btn{border:1px solid #0000;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.modal-actions .btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.modal{margin:10px;width:95%}.email-meta{align-items:flex-start;flex-direction:column}.email-to{margin-left:0}}.merge-info-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-left:6px solid #3b82f6;overflow:hidden;position:relative}.merge-info-section:before{background:linear-gradient(135deg,#3b82f60d,#1d4ed80d);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.merge-info-section h3{color:#1e40af;position:relative;z-index:1}.merge-info-section h3 i{animation:pulse-glow 2s ease-in-out infinite alternate;color:#3b82f6;font-size:20px;margin-right:12px}@keyframes pulse-glow{0%{filter:drop-shadow(0 0 2px rgba(59,130,246,.3))}to{filter:drop-shadow(0 0 8px rgba(59,130,246,.6))}}.merge-count-badge{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:20px;box-shadow:0 4px 16px #3b82f64d;color:#fff;display:inline-block;font-size:14px;font-weight:700;letter-spacing:.5px;overflow:hidden;padding:6px 16px;position:relative;text-transform:uppercase}.merge-count-badge:before{background:linear-gradient(90deg,#0000,#fff3 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.merge-count-badge:hover:before{left:100%}.original-names{display:flex;flex-direction:column;gap:12px}.name-pair{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-left:4px solid #3b82f6;border-radius:12px;box-shadow:0 2px 12px #0000000f;display:flex;gap:16px;overflow:hidden;padding:12px 16px;position:relative;transition:all .3s ease}.name-pair:before{background:linear-gradient(90deg,#3b82f60d,#0000);content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);transition:transform .3s ease;width:100%}.name-pair:hover{border-left-color:#1d4ed8;box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.name-pair:hover:before{transform:translateX(0)}.name-label{background:#3b82f61a;border-radius:8px;color:#475569;font-size:12px;font-weight:700;letter-spacing:.8px;min-width:70px;padding:4px 8px;text-align:center;text-transform:uppercase}.name-value{color:#1e293b;flex:1 1;font-size:14px;font-weight:600}.merge-history-list{display:flex;flex-direction:column;gap:16px}.merge-record{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #e2e8f0cc;border-radius:16px;box-shadow:0 4px 20px #0000000f;overflow:hidden;padding:20px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.merge-record:before{background:linear-gradient(90deg,#3b82f6,#1d4ed8);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .4s ease}.merge-record:hover{border-color:#3b82f64d;box-shadow:0 12px 40px #0000001f;transform:translateY(-2px)}.merge-record:hover:before{transform:scaleX(1)}.merge-record-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:12px}.merged-client-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#334155);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:16px;font-weight:700}.merge-date{background:#f1f5f9cc;border:1px solid #e2e8f0cc;border-radius:8px;color:#64748b;font-size:13px;font-weight:600;padding:6px 12px}.merge-record-details{color:#64748b;display:flex;flex-wrap:wrap;font-size:13px;gap:20px}.merge-id{background:#f1f5f9cc;border:1px solid #e2e8f0cc;border-radius:6px;font-family:Courier New,monospace;font-weight:600;padding:4px 8px}.merged-by{color:#475569;font-style:italic;font-weight:500}@media (max-width:768px){.merge-info-section{margin:0 16px}.name-pair{gap:8px}.merge-record-header,.name-pair{align-items:flex-start;flex-direction:column}.merge-record-header{gap:12px}.merge-record-details{flex-direction:column;gap:12px}.merge-record{padding:16px}}@media (max-width:480px){.merge-info-section{margin:0 12px}.name-pair{padding:12px}.merge-record{padding:14px}.merge-count-badge{font-size:12px;padding:4px 12px}}.analytics-tab{background:#0000;padding:0}.history-tab{margin:0 auto;max-width:1200px}.history-tab h3{-webkit-text-fill-color:#0000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;background:linear-gradient(135deg,#0f172a,#334155);-webkit-background-clip:text;background-clip:text;border:1px solid #e2e8f0cc;border-radius:20px;box-shadow:0 4px 32px #00000014;color:#0f172a;font-size:24px;font-weight:700;margin:0 0 32px;padding:32px}.history-list{margin-top:32px}.history-item{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #e2e8f0cc;border-radius:16px;box-shadow:0 4px 20px #0000000f;margin-bottom:20px;overflow:hidden;padding:24px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.history-item:before{background:linear-gradient(90deg,#3b82f6,#1d4ed8);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .4s ease}.history-item:hover{border-color:#3b82f64d;box-shadow:0 12px 40px #0000001f;transform:translateY(-2px)}.history-item:hover:before{transform:scaleX(1)}.history-header{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-bottom:16px}.history-header h4{color:#0f172a;flex:1 1;font-size:18px;font-weight:700;line-height:1.3;margin:0}.history-type{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid #e2e8f0cc;border-radius:16px;box-shadow:0 2px 8px #47556933;color:#475569;font-size:11px;font-weight:700;letter-spacing:.8px;padding:6px 12px;text-transform:uppercase}.history-details{background:#f8fafc99;border:1px solid #e2e8f099;border-radius:12px;color:#64748b;display:flex;flex-wrap:wrap;font-size:14px;gap:28px;margin-bottom:16px;padding:16px}.history-content{background:#f8fafccc;border:1px solid #e2e8f0cc;border-radius:12px;color:#334155;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;line-height:1.7;padding:16px}.behavior-analysis{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #e2e8f0cc;border-radius:20px;box-shadow:0 4px 32px #00000014;padding:32px}.health-score-section{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 8px 40px #667eea4d;color:#fff;margin-bottom:40px;overflow:hidden;padding:32px;position:relative}.health-score-section:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='75' cy='75' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='50' cy='10' r='.5' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='10' cy='60' r='.5' fill='rgba(255,255,255,0.1)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;pointer-events:none;position:absolute;right:0;top:0}.health-score-display{align-items:center;display:flex;gap:40px;position:relative;z-index:1}.health-score-circle{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff26;border:4px solid #ffffff40;border-radius:50%;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;height:140px;justify-content:center;transition:all .3s ease;width:140px}.health-score-circle:hover{box-shadow:0 12px 40px #0000004d;transform:scale(1.05)}.health-score-number{font-size:42px;font-weight:800;line-height:1;text-shadow:0 2px 8px #0000004d}.health-score-label{font-size:12px;font-weight:600;letter-spacing:1px;margin-top:4px;opacity:.95;text-transform:uppercase}.health-score-details{flex:1 1}.health-score-details h4{font-size:24px;font-weight:700;margin:0 0 16px;text-shadow:0 2px 8px #0000004d}.assessment{border-radius:12px;box-shadow:0 4px 16px #0003;display:inline-block;font-size:20px;font-weight:600;margin:0 0 24px;padding:12px 20px}.assessment.good{background:#22c55e40;border:1px solid #22c55e4d;color:#bbf7d0}.assessment.warning{background:#fbbf2440;border:1px solid #fbbf244d;color:#fef3c7}.assessment.critical{background:#ef444440;border:1px solid #ef44444d;color:#fecaca}.health-metrics{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.metric{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff26;border:1px solid #fff3;border-radius:12px;display:flex;justify-content:space-between;padding:16px 20px;transition:all .3s ease}.metric:hover{background:#fff3;box-shadow:0 8px 25px #0003;transform:translateY(-2px)}.metric-label{font-size:14px;font-weight:500;opacity:.95}.metric-value{font-size:18px;font-weight:700;text-shadow:0 2px 8px #0000004d}.analysis-section{background:#f8fafccc;border:1px solid #e2e8f0cc;border-radius:16px;margin-bottom:28px;padding:24px;transition:all .3s ease}.analysis-section:hover{background:#f8fafcf2;box-shadow:0 8px 25px #00000014;transform:translateY(-2px)}.analysis-section h4{align-items:center;color:#1e293b;display:flex;font-size:20px;font-weight:700;gap:12px;margin:0 0 20px}.analysis-section h4 i{font-size:18px}.strong-areas{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-color:#86efac;border-left:6px solid #22c55e}.strong-areas h4{color:#166534}.areas-of-concern{background:linear-gradient(135deg,#fef2f2,#fecaca);border-color:#fca5a5;border-left:6px solid #ef4444}.areas-of-concern h4{color:#991b1b}.recommendations{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fbbf24;border-left:6px solid #f59e0b}.recommendations h4{color:#92400e}.areas-list{display:flex;flex-direction:column;gap:12px}.area-item{align-items:center;border-radius:10px;display:flex;font-size:14px;font-weight:600;gap:10px;padding:12px 16px;transition:all .3s ease}.area-item:hover{transform:translateX(4px)}.area-item.positive{background:#22c55e26;border:1px solid #22c55e33;color:#166534}.area-item.negative{background:#ef444426;border:1px solid #ef444433;color:#991b1b}.area-item i{font-size:14px}.recommendations-list{gap:12px}.recommendation-item{align-items:center;background:#fbbf2426;border:1px solid #fbbf2433;border-radius:10px;color:#92400e;display:flex;font-size:14px;gap:10px;padding:12px 16px;transition:all .3s ease}.recommendation-item:hover{background:#fbbf2433;transform:translateX(4px)}.recommendation-item i{color:#f59e0b;font-size:14px}.distribution-charts{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:28px}.chart-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #e2e8f0cc;border-radius:16px;box-shadow:0 4px 20px #0000000f;padding:24px;transition:all .3s ease}.chart-section:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.chart-section h4{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#334155);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:18px;font-weight:700;margin:0 0 20px}.chart-container{display:flex;flex-direction:column;gap:16px}.chart-bar{align-items:center;display:flex;gap:16px}.bar-label{color:#64748b;font-size:14px;font-weight:600;min-width:90px;text-transform:capitalize}.bar-container{background:#f1f5f9cc;border:1px solid #e2e8f0cc;border-radius:14px;box-shadow:inset 0 2px 4px #0000000f;flex:1 1;height:28px}.bar,.bar-container{overflow:hidden;position:relative}.bar{align-items:center;color:#fff;display:flex;font-size:13px;font-weight:700;height:100%;justify-content:center;min-width:28px;transition:width .6s cubic-bezier(.4,0,.2,1)}.bar:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.bar.high{background:linear-gradient(90deg,#ef4444,#dc2626)}.bar.medium{background:linear-gradient(90deg,#f59e0b,#d97706)}.bar.low{background:linear-gradient(90deg,#10b981,#059669)}.bar.urgent{background:linear-gradient(90deg,#dc2626,#b91c1c)}.bar.open{background:linear-gradient(90deg,#3b82f6,#2563eb)}.bar.inprogress{background:linear-gradient(90deg,#f59e0b,#d97706)}.bar.closed{background:linear-gradient(90deg,#6b7280,#4b5563)}.bar.unknown{background:linear-gradient(90deg,#9ca3af,#6b7280)}@media (max-width:768px){.health-score-display{flex-direction:column;gap:24px;text-align:center}.health-score-circle{height:120px;width:120px}.health-score-number{font-size:36px}.distribution-charts,.health-metrics{grid-template-columns:1fr}.chart-bar{align-items:flex-start;flex-direction:column;gap:10px}.bar-container{width:100%}.behavior-analysis,.health-score-section{padding:24px}.analysis-section,.chart-section{padding:20px}}@media (max-width:480px){.behavior-analysis,.health-score-section{padding:20px}.analysis-section,.chart-section{padding:16px}.health-score-circle{height:100px;width:100px}.health-score-number{font-size:28px}.assessment{font-size:16px;padding:8px 16px}}.sentiment-analysis-section{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fdcc;border-radius:16px;box-shadow:0 4px 20px #bae6fd33;margin-bottom:28px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.sentiment-analysis-section:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='20' cy='20' r='.5' fill='rgba(186,230,253,0.1)'/%3E%3Ccircle cx='80' cy='80' r='.5' fill='rgba(186,230,253,0.1)'/%3E%3Ccircle cx='40' cy='60' r='.3' fill='rgba(186,230,253,0.1)'/%3E%3Ccircle cx='60' cy='40' r='.3' fill='rgba(186,230,253,0.1)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");content:"";height:100%;left:0;opacity:.4;pointer-events:none;position:absolute;top:0;width:100%}.sentiment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px;position:relative;z-index:1}.sentiment-header h4{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#0c4a6e,#0369a1);-webkit-background-clip:text;background-clip:text;color:#0c4a6e;display:flex;font-size:20px;font-weight:700;gap:12px;margin:0}.sentiment-header h4 i{animation:heartbeat 2s ease-in-out infinite;color:#f43f5e;font-size:18px}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.sentiment-badge{border-radius:24px;box-shadow:0 2px 8px #0000001a;font-size:12px;font-weight:700;letter-spacing:.8px;padding:8px 16px;text-transform:uppercase;transition:all .3s ease}.sentiment-badge.positive{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #22c55e4d;box-shadow:0 2px 8px #22c55e33;color:#166534}.sentiment-badge.negative{background:linear-gradient(135deg,#fef2f2,#fecaca);border:1px solid #ef44444d;box-shadow:0 2px 8px #ef444433;color:#991b1b}.sentiment-badge.neutral{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:1px solid #3741514d;box-shadow:0 2px 8px #37415133;color:#374151}.sentiment-metrics{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:24px;position:relative;z-index:1}.sentiment-metric{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #bae6fdcc;border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;justify-content:space-between;padding:16px 20px;transition:all .3s ease}.sentiment-metric:hover{background:#fffffff2;border-color:#bae6fd;box-shadow:0 8px 25px #00000014;transform:translateY(-2px)}.sentiment-metric .metric-label{color:#0c4a6e;font-size:14px;font-weight:600}.sentiment-metric .metric-value{font-size:16px;font-weight:700}.metric-value.very_satisfied{background:#22c55e1a;border-radius:8px;color:#059669;padding:4px 8px}.metric-value.satisfied{background:#10b9811a;border-radius:8px;color:#10b981;padding:4px 8px}.metric-value.neutral{background:#6b72801a;border-radius:8px;color:#6b7280;padding:4px 8px}.metric-value.dissatisfied{background:#f59e0b1a;border-radius:8px;color:#f59e0b;padding:4px 8px}.metric-value.very_dissatisfied{background:#dc26261a;border-radius:8px;color:#dc2626;padding:4px 8px}.metric-value.positive{background:#22c55e1a;border-radius:8px;color:#059669;padding:4px 8px}.metric-value.negative{background:#dc26261a}.metric-value.negative,.metric-value.urgent{border-radius:8px;color:#dc2626;padding:4px 8px}.metric-value.urgent{animation:pulse-urgent 2s infinite;background:#dc262626;font-weight:800}@keyframes pulse-urgent{0%,to{opacity:1}50%{opacity:.8}}.metric-value.improving{background:#22c55e1a;border-radius:8px;color:#059669;padding:4px 8px}.metric-value.declining{background:#dc26261a;border-radius:8px;color:#dc2626;padding:4px 8px}.metric-value.stable{background:#6b72801a;border-radius:8px;color:#6b7280;padding:4px 8px}.sentiment-breakdown{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:24px;position:relative;z-index:1}.emotional-keywords h5,.sentiment-chart h5{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0c4a6e,#0369a1);-webkit-background-clip:text;background-clip:text;color:#0c4a6e;font-size:18px;font-weight:700;margin:0 0 16px}.sentiment-bars{display:flex;flex-direction:column;gap:16px}.sentiment-bar{align-items:center;display:flex;gap:16px}.sentiment-bar .bar-label{color:#0c4a6e;font-size:14px;font-weight:600;min-width:90px}.sentiment-bar .bar-container{background:#f1f5f9cc;border:1px solid #bae6fdcc;border-radius:12px;box-shadow:inset 0 2px 4px #0000000f;flex:1 1;height:24px;overflow:hidden}.sentiment-bar .bar{align-items:center;color:#fff;display:flex;font-size:12px;font-weight:700;height:100%;justify-content:center;min-width:24px;overflow:hidden;position:relative;transition:width .6s cubic-bezier(.4,0,.2,1)}.sentiment-bar .bar:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.sentiment-bar .bar.positive{background:linear-gradient(90deg,#10b981,#059669)}.sentiment-bar .bar.neutral{background:linear-gradient(90deg,#6b7280,#4b5563)}.sentiment-bar .bar.negative{background:linear-gradient(90deg,#ef4444,#dc2626)}.emotional-keywords{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #bae6fdcc;border-radius:12px;box-shadow:0 2px 8px #0000000a;padding:20px}.keywords-list{display:flex;flex-wrap:wrap;gap:10px}.keyword-tag{background:linear-gradient(135deg,#e0f2fe,#bae6fd);border:1px solid #bae6fdcc;border-radius:16px;box-shadow:0 2px 6px #bae6fd4d;color:#0c4a6e;font-size:12px;font-weight:600;padding:6px 12px;transition:all .3s ease}.keyword-tag:hover{box-shadow:0 4px 12px #bae6fd66;transform:translateY(-1px)}.keyword-more{background:#f1f5f9cc;border:1px solid #e2e8f0cc;border-radius:16px;color:#6b7280;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .3s ease}.keyword-more:hover{background:#f1f5f9;color:#475569;transform:translateY(-1px)}.sentiment-recommendations{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #bae6fdcc;border-radius:12px;box-shadow:0 2px 8px #0000000a;padding:20px}.sentiment-recommendations h5{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#0c4a6e,#0369a1);-webkit-background-clip:text;background-clip:text;color:#0c4a6e;display:flex;font-size:18px;font-weight:700;gap:12px;margin:0 0 16px}.sentiment-recommendations h5 i{color:#f59e0b;font-size:16px}.sentiment-recommendations .recommendations-list{display:flex;flex-direction:column;gap:12px}.sentiment-recommendations .recommendation-item{align-items:center;background:#fbbf2426;border:1px solid #fbbf2433;border-radius:10px;color:#92400e;display:flex;font-size:14px;gap:10px;padding:12px 16px;transition:all .3s ease}.sentiment-recommendations .recommendation-item:hover{background:#fbbf2433;border-color:#fbbf244d;transform:translateX(4px)}.sentiment-recommendations .recommendation-item i{color:#f59e0b;font-size:14px}@media (max-width:768px){.sentiment-breakdown{gap:20px}.sentiment-breakdown,.sentiment-metrics{grid-template-columns:1fr}.sentiment-analysis-section{padding:20px}.sentiment-header{align-items:flex-start;flex-direction:column;gap:16px}.sentiment-badge{align-self:flex-start}}@media (max-width:480px){.sentiment-analysis-section{padding:16px}.sentiment-metric{padding:12px 16px}.emotional-keywords h5,.sentiment-chart h5,.sentiment-recommendations h5{font-size:16px}.keywords-list{gap:8px}.keyword-more,.keyword-tag{font-size:11px;padding:4px 10px}}.tickets-tab{background:#0000;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:0}.tickets-header{align-items:center;background:linear-gradient(90deg,#fff,#f8faff);border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px 0 #00000005;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px}.tickets-header h3{align-items:center;color:#0f172a;display:flex;font-size:18px;font-weight:600;gap:10px;margin:0}.tickets-header h3:before{background:#3b82f6;border-radius:4px;content:"";display:block;height:24px;opacity:.8;width:4px}.tickets-info{align-items:center;display:flex;gap:16px}.tickets-count{background:#eff6ff;border:1px solid #dbeafe;border-radius:8px;color:#3b82f6;font-size:14px;font-weight:600;padding:6px 12px}.spam-count{background:#fef2f2;border-color:#fee2e2;color:#ef4444}.tickets-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.spam-filter-toggle{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 14px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.spam-filter-toggle:hover{background:#f8fafc;border-color:#cbd5e1;color:#334155}.spam-filter-toggle input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;height:16px;width:16px}.spam-filter-toggle span{font-weight:500}.bulk-actions-bar{background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;box-shadow:0 1px 2px #3b82f60d;gap:20px;justify-content:space-between;margin-bottom:24px;padding:16px 24px}.bulk-actions-bar,.bulk-info{align-items:center;display:flex}.bulk-info{gap:12px}.bulk-count{color:#1e40af;font-size:14px;font-weight:600}.bulk-total{color:#60a5fa;font-size:14px;font-weight:500}.bulk-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.ticket-checkbox{left:24px;position:absolute;top:24px;z-index:1}.ticket-checkbox input[type=checkbox]{accent-color:#3b82f6;border-color:#cbd5e1;cursor:pointer;height:18px;width:18px}.ticket-card,.tickets-list{display:flex;flex-direction:column;gap:16px}.ticket-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 2px 0 #0000000d;min-height:auto;padding:24px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.ticket-card:hover{border-color:#bfdbfe;box-shadow:0 8px 16px -4px #3b82f614,0 4px 6px -2px #3b82f60a;transform:translateY(-2px)}.ticket-card.has-checkbox{padding-left:64px}.ticket-card.spam-ticket{background:snow;border-color:#fecaca}.ticket-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:0;width:100%}.ticket-header h3{color:#1e293b;flex:1 1;font-size:16px;font-weight:600;line-height:1.5;margin:0}.email-count-badge{align-items:center;background:#eff6ff;border:1px solid #dbeafe;border-radius:99px;color:#3b82f6;display:flex;font-size:11px;font-weight:600;gap:5px;padding:3px 10px}.email-count-badge i{font-size:10px}.ticket-badges{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.status-badge{border:1px solid #0000;border-radius:6px;font-size:11px;font-weight:600;letter-spacing:.03em;padding:4px 10px;text-transform:uppercase}.status-badge.open{background:#eff6ff;border-color:#dbeafe;color:#2563eb}.status-badge.in_progress,.status-badge.inprogress{background:#fffbeb;border-color:#fcd34d;color:#d97706}.status-badge.closed{background:#f1f5f9;border-color:#e2e8f0;color:#475569}.status-badge.escalated,.status-badge.escalated_to_sales,.status-badge.escalated_to_tech{background:#fef2f2;border-color:#fecaca;color:#dc2626}.status-badge.awaiting,.status-badge.awaiting_information_from_client{background:#f0fdfa;border-color:#ccfbf1;color:#0d9488}.badge{align-items:center;border-radius:6px;color:#fff;display:inline-flex;font-size:11px;font-weight:600;justify-content:center;letter-spacing:.025em;padding:2px 8px;text-transform:uppercase;white-space:nowrap}.ticket-content{display:flex;flex-direction:column;flex-grow:1;gap:14px}.ticket-subject{color:#1e293b;font-size:16px;font-weight:600;line-height:1.4;margin:0 0 8px;transition:color .15s}.ticket-subject:hover{color:#3b82f6}.ticket-description{background:#fcfcfc;border:1px solid #f1f5f9;border-radius:8px;color:#334155;font-size:14px;line-height:1.6;margin:0;padding:12px}.ticket-description br{display:block;margin:4px 0}.ticket-meta{align-items:center;border-bottom:1px solid #f8fafc;gap:16px;padding-bottom:12px}.ticket-details,.ticket-meta{color:#64748b;display:flex;font-size:12px}.ticket-details{flex-wrap:wrap;gap:8px;margin:0}.ticket-details span{align-items:center;background-color:#f8fafc;border:1px solid #f1f5f9;border-radius:6px;color:#475569;display:flex;font-weight:500;padding:4px 10px;transition:all .2s}.ticket-details span:hover{background-color:#f1f5f9;border-color:#e2e8f0;color:#334155}.ticket-details i{color:#94a3b8;margin-right:6px}.ticket-actions{border-top:1px solid #f1f5f9;display:flex;gap:8px;justify-content:flex-end;margin-top:8px;padding-top:16px;width:100%}.btn-sm{align-items:center;background:#fff;border-radius:6px;box-shadow:0 1px 2px #0000000d;cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:6px 14px;transition:all .2s}.btn-warning{background:#fffbeb;border:1px solid #fcd34d;color:#b45309}.btn-warning:hover{background:#fef3c7;transform:translateY(-1px)}.btn-danger{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.btn-danger:hover{background:#fee2e2;transform:translateY(-1px)}.btn-success{background:#f0fdf4;border:1px solid #86efac;color:#15803d}.btn-success:hover{background:#dcfce7;transform:translateY(-1px)}.btn-info{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8}.btn-info:hover{background:#dbeafe;transform:translateY(-1px)}.spam-ticket{background:#fff5f5;border-left:4px solid #ef4444}.spam-ticket .ticket-header h3{color:#991b1b}.spam-ticket .ticket-description{background:#fef2f2;border-color:#fee2e2;color:#7f1d1d;font-style:italic}.status-badge.spam{animation:none;background:#fef2f2;border:1px solid #fca5a5;box-shadow:none;color:#991b1b}.loading-state{background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#94a3b8;padding:60px 20px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #f1f5f9;border-radius:50%;border-top-color:#3b82f6;height:24px;margin:0 auto 16px;width:24px}.thread-timeline-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-top:20px;overflow:hidden;padding:0;position:relative}.thread-timeline-container:before{background:#e2e8f0;bottom:20px;content:"";left:20px;position:absolute;top:20px;width:2px;z-index:0}.timeline-item{background:#fff;border-bottom:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 2px 0 #00000005;display:flex;gap:16px;padding:20px;position:relative;transition:all .2s;z-index:1}.timeline-item:hover{box-shadow:0 4px 6px -1px #0000000d}.timeline-item.current-email{background:#eff6ff;border-color:#bfdbfe}.timeline-item:last-child{border-bottom:none}.timeline-avatar{align-items:center;background:#eff6ff;border:1px solid #dbeafe;border-radius:50%;color:#3b82f6;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.timeline-content{flex:1 1}.timeline-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:8px;padding-bottom:12px}.timeline-author{align-items:center;color:#1e293b;display:flex;font-size:13px;font-weight:600;gap:8px}.timeline-current-badge{background:#dbeafe;border-radius:4px;color:#1e40af;font-size:10px;padding:2px 6px;text-transform:uppercase}.timeline-date{color:#94a3b8;font-size:12px}.timeline-body{color:#334155;font-size:14px;line-height:1.6}.timeline-body p{margin-bottom:8px}@media (max-width:768px){.tickets-header{align-items:flex-start;flex-direction:column;gap:16px}.premium-ticket-card{padding:16px}.ticket-header-modern{align-items:flex-start;flex-direction:column;gap:12px}.ticket-footer-modern{flex-wrap:wrap;justify-content:flex-start}.ticket-meta-grid{flex-direction:column;gap:12px}}.client-analytics-summary{color:#0f172a;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;margin:0 auto;max-width:100%;padding:24px}.analytics-header-clean{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:24px}.header-title-group h2{color:#0f172a;font-size:24px;font-weight:700;letter-spacing:-.02em;margin:0}.header-subtitle{font-size:14px;margin-top:4px}.close-btn-clean{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.close-btn-clean:hover{background:#f1f5f9;border-color:#cbd5e1;color:#dc2626}.analytics-controls{align-items:center;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;margin-bottom:32px}.date-filter-clean{align-items:center;background:#fff;border-radius:12px;display:flex;gap:16px;padding:4px}.filter-input-group{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:8px;padding:8px 12px;transition:all .2s}.filter-input-group:focus-within{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.filter-input-group label{color:#64748b;font-size:12px;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.filter-input-group input{background:#0000;border:none;color:#0f172a;font-family:inherit;font-size:13px;font-weight:500;outline:none}.refresh-btn-clean{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:8px 16px;transition:all .2s}.refresh-btn-clean:hover{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}.tabs-clean{background:#f1f5f9;border-radius:10px;display:flex;gap:4px;padding:4px}.tab-btn-clean{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:8px 16px;transition:all .2s}.tab-btn-clean:hover{color:#0f172a}.tab-btn-clean.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#0f172a}.tab-btn-clean i{font-size:13px;opacity:.8}.analytics-content-body{animation:fadeIn .3s ease-out}.error-state-clean,.loading-state-clean{align-items:center;background:#fff;border:1px dashed #e2e8f0;border-radius:16px;color:#64748b;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:64px}.loading-spinner-clean{animation:spin .8s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:32px;width:32px}.retry-btn-primary{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;transition:background .2s}.retry-btn-primary:hover{background:#2563eb}@media (max-width:768px){.analytics-header-clean{align-items:flex-start;flex-direction:column;gap:16px}.close-btn-clean{position:absolute;right:24px;top:24px}.analytics-controls{align-items:flex-start;flex-direction:column}.date-filter-clean{align-items:stretch;flex-direction:column;width:100%}.tabs-clean{overflow-x:auto;width:100%}.tab-btn-clean{white-space:nowrap}}.summary-stats-clean{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.stat-card-clean{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px -1px #0000000d;display:flex;flex-direction:column;gap:8px;padding:20px;transition:transform .2s,box-shadow .2s}.stat-card-clean:hover{border-color:#cbd5e1;box-shadow:0 10px 15px -3px #00000014;transform:translateY(-2px)}.stat-value-clean{color:#0f172a;font-size:28px;font-weight:700;letter-spacing:-.02em}.stat-label-clean{color:#64748b;font-size:13px;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.sub-tabs-container{border-bottom:1px solid #e2e8f0;display:flex;gap:24px;margin-bottom:24px}.sub-tab-btn{background:none;border:none;color:#64748b;cursor:pointer;font-size:14px;font-weight:500;padding:12px 0;position:relative;transition:color .2s}.sub-tab-btn:hover{color:#0f172a}.sub-tab-btn.active{color:#3b82f6;font-weight:600}.sub-tab-btn.active:after{background:#3b82f6;border-radius:2px 2px 0 0;bottom:-1px;content:"";height:2px;left:0;position:absolute;width:100%}.sub-tab-btn i{margin-right:8px}.overview-grid-clean{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.overview-card-clean{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000d;padding:24px}.overview-card-clean h3{border-bottom:1px solid #f1f5f9;color:#0f172a;font-size:16px;font-weight:600;margin:0 0 20px;padding-bottom:12px}.metrics-list-clean{display:flex;flex-direction:column;gap:12px}.metric-row{display:flex;font-size:14px;justify-content:space-between}.metric-row label{color:#64748b}.metric-row span{color:#334155;font-weight:600}.thread-preview-clean{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;padding:16px}.thread-preview-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.thread-ticket-id{background:#dbeafe;border-radius:4px;color:#3b82f6;font-size:12px;font-weight:700;padding:2px 8px}.thread-meta{color:#64748b;font-size:12px;font-weight:500}.thread-subject-text{color:#0f172a;font-size:14px;font-weight:500;line-height:1.4;margin:0}.topic-tag-clean{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;color:#475569;display:inline-block;font-size:13px;font-weight:500;margin:0 8px 8px 0;padding:6px 12px}.comm-list-clean{display:flex;flex-direction:column;gap:16px}.comm-item-clean{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;transition:border-color .2s}.comm-item-clean:hover{border-color:#cbd5e1}.comm-header-row{justify-content:space-between;margin-bottom:12px}.comm-badges,.comm-header-row{align-items:center;display:flex}.comm-badges{gap:8px}.badge-ticket{background:#f1f5f9;color:#475569;font-weight:700}.badge-ticket,.badge-type{border-radius:4px;font-size:11px;padding:2px 6px}.badge-type{background:#e0f2fe;color:#0369a1;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.comm-date{color:#94a3b8;font-size:12px}.comm-subject-text{color:#0f172a;font-size:15px;font-weight:600;margin:0 0 8px}.comm-body-text{color:#475569;font-size:14px;line-height:1.5;margin:0}.empty-data-state{background:#f8fafc;border:1px dashed #e2e8f0;border-radius:12px;color:#94a3b8;padding:40px;text-align:center}.status-select-container{display:flex;flex-direction:column;gap:12px}.status-label{color:#64748b;font-size:13px;font-weight:500}.status-dropdown-clean{appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' 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:1px solid #e2e8f0;border-radius:8px;color:#1e293b;cursor:pointer;font-family:Inter,sans-serif;font-size:14px;padding:10px 12px;transition:all .2s;width:100%}.status-dropdown-clean:hover{border-color:#cbd5e1}.status-dropdown-clean:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.status-badge-display{align-items:center;border-radius:6px;display:inline-flex;font-size:13px;font-weight:600;margin-top:8px;padding:6px 12px}.status-onboarding-in-progress{background-color:#eff6ff;color:#3b82f6}.status-client-onboarded{background-color:#ecfdf5;color:#10b981}.status-client-not-responding{background-color:#f1f5f9;color:#64748b}.status-at-risk{background-color:#fff7ed;color:#f97316}.status-unhappy{background-color:#fef2f2;color:#ef4444}.status-about-to-churn{background-color:#450a0a;color:#fef2f2}:root{--modal-bg:#fff;--modal-overlay:#0f172a66;--primary-gradient:linear-gradient(135deg,#4f46e5,#7c3aed);--accent-blue:#3b82f6;--accent-purple:#8b5cf6;--accent-green:#10b981;--accent-red:#ef4444;--accent-amber:#f59e0b;--text-primary:#1e293b;--text-secondary:#64748b;--text-light:#94a3b8;--border-light:#e2e8f0;--bg-subtle:#f8fafc;--shadow-lg:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-md:0 4px 6px -1px #0000001a;--radius-xl:24px;--radius-lg:16px;--radius-md:12px}.chatgpt-analysis-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a66;background:var(--modal-overlay);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.chatgpt-modal-container{animation:slideUp .3s cubic-bezier(.16,1,.3,1);background:#fff;background:var(--modal-bg);border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;height:90vh;max-width:1000px;overflow:hidden;width:95%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chatgpt-modal-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:24px 32px}.header-title-group{align-items:center;display:flex;gap:16px}.header-icon{align-items:center;background:#f8fafc;background:var(--bg-subtle);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:12px;display:flex;font-size:28px;height:48px;justify-content:center;width:48px}.chatgpt-modal-header h2{color:#1e293b;color:var(--text-primary);font-size:20px;font-weight:700;letter-spacing:-.02em;margin:0}.header-subtitle{font-size:13px;font-weight:500;margin:2px 0 0}.header-subtitle,.modal-close-btn{color:#64748b;color:var(--text-secondary)}.modal-close-btn{align-items:center;background:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s}.modal-close-btn:hover{background:#f8fafc;background:var(--bg-subtle);color:#1e293b;color:var(--text-primary);transform:rotate(90deg)}.chatgpt-controls-section{align-items:center;background:#f8fafc;background:var(--bg-subtle);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light);display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;padding:20px 32px}.control-group{align-items:center;display:flex;flex:1 1;gap:24px}.segmented-control{background:#e2e8f0;border-radius:10px;display:flex;gap:4px;padding:4px}.segment-btn{background:#0000;border:none;border-radius:8px;color:#64748b;color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s}.segment-btn.active{background:#fff;box-shadow:0 2px 4px #0000000d;color:#1e293b;color:var(--text-primary)}.date-range-picker{gap:12px}.date-field,.date-range-picker{align-items:center;display:flex}.date-field{gap:8px}.date-field label{color:#64748b;color:var(--text-secondary);font-size:12px;font-weight:600}.date-field input{border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:8px;color:#1e293b;color:var(--text-primary);font-size:13px;outline:none;padding:6px 12px;transition:border-color .2s}.date-field input:focus{border-color:#3b82f6;border-color:var(--accent-blue)}.date-separator{color:#94a3b8;color:var(--text-light);font-size:14px}.premium-analyze-btn{background:linear-gradient(135deg,#4f46e5,#7c3aed);background:var(--primary-gradient);border:none;border-radius:10px;box-shadow:0 4px 12px #6366f140;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:10px 20px;transition:all .2s}.premium-analyze-btn:hover:not(:disabled){box-shadow:0 6px 16px #6366f159;transform:translateY(-1px)}.premium-analyze-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.chatgpt-results-scroll{background:#fdfdfd;flex:1 1;overflow-y:auto;padding:32px}.stats-grid-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.stat-card-premium{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:16px;border-radius:var(--radius-lg);display:flex;gap:16px;padding:20px;transition:transform .2s}.stat-card-premium:hover{box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon-wrapper{align-items:center;background:#f8fafc;background:var(--bg-subtle);border-radius:12px;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.stat-icon-wrapper.blue{background:#eff6ff}.stat-icon-wrapper.purple{background:#f5f3ff}.stat-icon-wrapper.green{background:#f0fdf4}.stat-label{color:#64748b;color:var(--text-secondary);display:block;font-size:12px;font-weight:600;letter-spacing:.02em;margin-bottom:4px}.stat-value-lg{color:#1e293b;color:var(--text-primary);font-size:20px;font-weight:700}.capitalize{text-transform:capitalize}.stat-card-premium.risk-high{border-left:4px solid #ef4444;border-left:4px solid var(--accent-red)}.stat-card-premium.risk-medium{border-left:4px solid #f59e0b;border-left:4px solid var(--accent-amber)}.stat-card-premium.risk-low{border-left:4px solid #10b981;border-left:4px solid var(--accent-green)}.analysis-masonry{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.full-width{grid-column:1/-1}.premium-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:16px;border-radius:var(--radius-lg);height:100%;overflow:hidden}.accent-border{border-top:4px solid #8b5cf6;border-top:4px solid var(--accent-purple)}.card-header-simple{background:#fafafa;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light);padding:16px 24px}.card-header-simple h3{color:#1e293b;color:var(--text-primary);font-size:15px;font-weight:700;margin:0}.card-body-text{padding:24px}.summary-text{color:#64748b;color:var(--text-secondary);font-size:15px;line-height:1.7;margin:0 0 16px}.tags-row{display:flex;flex-wrap:wrap;gap:8px}.pill-tag{background:#f8fafc;background:var(--bg-subtle);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:20px;color:#64748b;color:var(--text-secondary);font-size:12px;font-weight:500;padding:4px 12px}.insights-list{display:flex;flex-direction:column;gap:16px;padding:24px}.insight-item{align-items:flex-start;color:#1e293b;color:var(--text-primary);display:flex;font-size:14px;gap:12px;line-height:1.5}.bullet{font-size:16px;margin-top:-2px}.recommendations-list{display:flex;flex-direction:column;gap:16px;padding:24px}.rec-item{border-left:3px solid #0000;border-radius:12px;padding:12px 16px}.rec-item.urgent{background:#fef2f2;border-left-color:#ef4444;border-left-color:var(--accent-red)}.rec-item.normal{background:#f0f9ff;border-left-color:#3b82f6;border-left-color:var(--accent-blue)}.rec-badge{border-radius:4px;display:inline-block;font-size:10px;font-weight:700;margin-bottom:6px;padding:2px 6px;text-transform:uppercase}.rec-item.urgent .rec-badge{background:#ef44441a;color:#ef4444;color:var(--accent-red)}.rec-item.normal .rec-badge{background:#3b82f61a;color:#3b82f6;color:var(--accent-blue)}.rec-item p{color:#1e293b;color:var(--text-primary);font-size:13px;font-weight:500;margin:0}.issues-cloud{display:flex;flex-wrap:wrap;gap:8px;padding:24px}.issue-tag{background:#fff1f2;border-radius:8px;color:#be123c;font-size:13px;font-weight:500;padding:6px 12px}.next-steps-list{display:flex;flex-direction:column;gap:12px;padding:24px}.step-check{align-items:center;background:#f8fafc;background:var(--bg-subtle);border-radius:8px;display:flex;gap:12px;padding:10px}.step-check span{color:#64748b;color:var(--text-secondary);font-size:14px;font-weight:500}.schedule-box{border-top:1px dashed #e2e8f0;border-top:1px dashed var(--border-light);display:flex;font-size:13px;justify-content:space-between;margin-top:12px;padding-top:12px}.schedule-box .value{color:#8b5cf6;color:var(--accent-purple);font-weight:700}.premium-loading-state{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding-bottom:60px}.ai-spinner{height:64px;margin-bottom:24px;position:relative;width:64px}.spinner-ring{animation:spin 1s linear infinite;border:4px solid #e0e7ff;border-top-color:#6366f1;height:100%;width:100%}.spinner-core,.spinner-ring{border-radius:50%;position:absolute}.spinner-core{align-items:center;background:#f8fafc;background:var(--bg-subtle);display:flex;height:40px;justify-content:center;left:50%;top:50%;transform:translate(-50%,-50%);width:40px}.spinner-core:after{content:"✨";font-size:20px}.premium-loading-state h3{color:#1e293b;color:var(--text-primary);font-size:18px;margin:0 0 8px}.premium-loading-state p{color:#64748b;color:var(--text-secondary);font-size:14px}.premium-error-banner{align-items:flex-start;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;display:flex;gap:16px;margin:24px 32px 0;padding:16px}.error-icon{font-size:24px}.error-content h4{color:#991b1b;font-size:14px;margin:0 0 4px}.error-content p{color:#b91c1c;font-size:13px;margin:0}.premium-error-banner button{background:#fff;border:1px solid #fecaca;border-radius:6px;color:#991b1b;cursor:pointer;font-size:12px;font-weight:600;margin-left:auto;padding:6px 12px}@media (max-width:768px){.chatgpt-modal-container{border-radius:0;height:100%;width:100%}.chatgpt-controls-section,.control-group{align-items:stretch;flex-direction:column}.chatgpt-results-scroll{padding:20px}}.client-booking-container{background:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:800px;min-height:100vh;padding:20px}.booking-header{background:linear-gradient(135deg,#007bff,#0056b3);border-radius:15px;box-shadow:0 4px 15px #007bff4d;color:#fff;margin-bottom:40px;padding:30px;text-align:center}.booking-header h1{font-size:2.5rem;font-weight:700;margin:0 0 10px}.booking-header p{font-size:1.1rem;margin:0;opacity:.9}.slot-details{background:#fff;border-left:4px solid #28a745;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:25px}.slot-details h2{color:#333;font-size:1.5rem;margin:0 0 20px}.slot-info{grid-gap:15px;display:grid;gap:15px}.slot-description,.slot-duration,.slot-host,.slot-time{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:12px 0}.slot-description:last-child,.slot-duration:last-child,.slot-host:last-child,.slot-time:last-child{border-bottom:none}.slot-description strong,.slot-duration strong,.slot-host strong,.slot-time strong{color:#555;font-weight:600}.slot-description span,.slot-duration span,.slot-host span,.slot-time span{color:#333;font-weight:500}.booking-form{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:30px}.booking-form h2{color:#333;font-size:1.5rem;margin:0 0 25px}.form-group{margin-bottom:20px}.form-group label{color:#555;display:block;font-size:.95rem;font-weight:600;margin-bottom:8px}.form-group input{border:2px solid #e1e5e9;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:12px 15px;transition:border-color .3s ease;width:100%}.form-group input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.form-group input::placeholder{color:#999}.book-button{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:10px;padding:15px;transition:all .3s ease;width:100%}.book-button:hover:not(:disabled){box-shadow:0 4px 15px #28a74566;transform:translateY(-2px)}.book-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.booking-info{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:25px}.booking-info h3{color:#333;font-size:1.3rem;margin:0 0 15px}.booking-info ul{color:#666;line-height:1.6;margin:0;padding-left:20px}.booking-info li{margin-bottom:8px}.loading-spinner{padding:60px 20px;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:50px;margin:0 auto 20px;width:50px}.error-message{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:40px 20px;text-align:center}.error-message h2{color:#dc3545;margin-bottom:15px}.error-message p{color:#666;margin-bottom:10px}.booking-success{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:40px 20px;text-align:center}.success-icon{font-size:4rem;margin-bottom:20px}.booking-success h2{color:#28a745;font-size:2rem;margin-bottom:15px}.booking-success p{color:#666;font-size:1.1rem;margin-bottom:30px}.meeting-details{background:#f8f9fa;border-radius:10px;margin-bottom:30px;padding:25px;text-align:left}.meeting-details h3{color:#333;font-size:1.3rem;margin:0 0 20px}.detail-row{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:10px 0}.detail-row:last-child{border-bottom:none}.detail-row strong{color:#555;font-weight:600}.detail-row a,.detail-row span{color:#333;font-weight:500}.detail-row a{color:#007bff;text-decoration:none;word-break:break-all}.detail-row a:hover{text-decoration:underline}.meeting-reminders{background:#fff3cd;border-left:4px solid #ffc107;border-radius:10px;margin-bottom:30px;padding:25px;text-align:left}.meeting-reminders h3{color:#856404;font-size:1.3rem;margin:0 0 15px}.meeting-reminders ul{color:#856404;line-height:1.6;margin:0;padding-left:20px}.meeting-reminders li{margin-bottom:8px}.confirmation-email{background:#d1ecf1;border-left:4px solid #17a2b8;border-radius:10px;padding:20px}.confirmation-email p{color:#0c5460;margin:0 0 10px}.confirmation-email p:last-child{margin-bottom:0}@media (max-width:768px){.client-booking-container{padding:15px}.booking-header h1{font-size:2rem}.detail-row,.slot-description,.slot-duration,.slot-host,.slot-time{align-items:flex-start;flex-direction:column;gap:5px}.booking-form,.booking-info,.slot-details{padding:20px}}@media (max-width:480px){.booking-header{padding:20px}.booking-header h1{font-size:1.8rem}.booking-header p{font-size:1rem}}.reports-container{margin:0 auto;max-width:1400px;padding:24px}.report-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.report-card-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e0e0e0;color:#fff;padding:24px}.report-card-header h2{color:#fff;font-size:24px;font-weight:600;margin:0}.report-card-header p{font-size:14px;margin:8px 0 0;opacity:.9}.report-card-body{padding:24px}.reports-filters{background:#f8f9fa;border-radius:6px;margin-bottom:24px;padding:16px}.filters-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px}.filter-group{flex:1 1;min-width:200px}.filter-group label{color:#333;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.filter-group select{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.filter-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.filter-actions{display:flex;gap:12px}.btn{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.btn-primary{background:#667eea;color:#fff}.btn-primary:hover{background:#5568d3;box-shadow:0 4px 8px #667eea4d;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.summary-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:24px}.stat-item{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;padding:20px;text-align:center;transition:transform .2s,box-shadow .2s}.stat-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.stat-number{color:#333;font-size:32px;font-weight:700;margin-bottom:8px}.stat-label{color:#666;font-size:14px;letter-spacing:.5px;text-transform:uppercase}.reports-table{background:#fff;border-collapse:collapse;border-radius:6px;box-shadow:0 2px 4px #0000000d;overflow:hidden;width:100%}.reports-table thead{background:#f8f9fa}.reports-table th{border-bottom:2px solid #e0e0e0;color:#333;font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.reports-table td{border-bottom:1px solid #f0f0f0;font-size:14px;padding:16px}.reports-table tbody tr:hover{background:#f8f9fa}.reports-table tbody tr:last-child td{border-bottom:none}.user-role{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px;text-transform:capitalize}.role-super_admin,.role-superadmin{background:#fee;color:#c33}.role-admin{background:#eef;color:#33c}.role-manager{background:#efe;color:#3c3}.role-user{background:#f0f0f0;color:#666}.error{background:#fee;border-left:4px solid #c33;border-radius:4px;color:#c33;padding:12px 16px}.loading{color:#666;padding:40px;text-align:center}.loading .spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:40px;margin:0 auto 16px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.no-data{color:#999;font-style:italic;padding:40px;text-align:center}@media (max-width:768px){.reports-container{padding:16px}.summary-stats{grid-template-columns:repeat(2,1fr)}.reports-table{font-size:12px}.reports-table td,.reports-table th{padding:10px}}.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{background-color:#282c34;color:#fff;padding:20px}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app-container{display:flex;min-height:100vh}.main-content{background:#f8f9fa;flex:1 1;min-height:100vh}.header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 10px #0000001a;color:#fff;display:flex;justify-content:space-between;padding:1rem 2rem}.header h1{font-size:1.5rem;font-weight:600;margin:0}.user-info{align-items:center;display:flex;gap:1rem}.user-name{font-weight:500}.logout-btn{background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background-color .3s ease}.logout-btn:hover{background:#ffffff4d}.dashboard{padding:2rem}.dashboard-header{margin-bottom:2rem}.dashboard-header h2{color:#333;font-size:2rem;font-weight:600;margin-bottom:.5rem}.dashboard-header p{color:#666;font-size:1rem}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.stat-card{background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.stat-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.stat-title{color:#666;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.stat-icon{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:1.2rem;height:40px;justify-content:center;width:40px}.stat-icon.tickets{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-icon.clients{background:linear-gradient(135deg,#4caf50,#45a049)}.stat-icon.users{background:linear-gradient(135deg,#ff9800,#f57c00)}.stat-icon.calendar{background:linear-gradient(135deg,#2196f3,#1976d2)}.stat-value{color:#333;font-size:2rem;font-weight:700;margin-bottom:.5rem}.stat-change{color:#28a745;font-size:.8rem;font-weight:500}.stat-change.negative{color:#dc3545}.recent-activity{background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.activity-header{align-items:center;border-bottom:1px solid #e1e5e9;display:flex;justify-content:space-between;padding:1.5rem}.activity-header h3{color:#333;font-size:1.2rem;font-weight:600;margin:0}.view-all-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:transform .2s ease,box-shadow .2s ease}.view-all-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.activity-list{list-style:none;margin:0;padding:0}.activity-item{align-items:center;border-bottom:1px solid #f1f3f4;display:flex;gap:1rem;padding:1rem 1.5rem;transition:background-color .3s ease}.activity-item:hover{background:#f8f9fa}.activity-item:last-child{border-bottom:none}.activity-icon{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:1rem;height:40px;justify-content:center;width:40px}.activity-icon.ticket{background:linear-gradient(135deg,#667eea,#764ba2)}.activity-icon.client{background:linear-gradient(135deg,#4caf50,#45a049)}.activity-icon.user{background:linear-gradient(135deg,#ff9800,#f57c00)}.activity-content{flex:1 1}.activity-title{color:#333;font-size:.9rem;font-weight:600;margin-bottom:.25rem}.activity-description{color:#666;font-size:.8rem;line-height:1.4}.activity-time{color:#999;font-size:.75rem;font-weight:500}@media (max-width:768px){.dashboard{padding:1rem}.stats-grid{gap:1rem;grid-template-columns:1fr}.header{padding:1rem}.header h1{font-size:1.2rem}.user-info{gap:.5rem}.logout-btn{font-size:.8rem;padding:.4rem .8rem}}
/*# sourceMappingURL=main.a6ea0c2f.css.map*/