.message.user .content *{color:#fff!important}.dropdown{position:static;z-index:1000}.dropdown input{position:relative;transition:all .25s cubic-bezier(.25,.46,.45,.94);z-index:1001}.dropdown-list{left:auto;max-width:100%;position:fixed;top:auto;width:inherit}*{margin:0;padding:0}:root{--primary:#2563eb;--primary-hover:#1d4ed8;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--bg:#f8fafc;--white:#fff;--text:#1e293b;--text-light:#64748b;--border:#e2e8f0;--radius:12px;--shadow:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--mapp-color:#2196f3;--servi-color:#ff9800;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.chatbot{animation:fadeIn .5s ease-out;background:#fff;background:var(--white);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100vh}.header{padding:20px;text-align:center}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.header h1{animation:fadeIn .6s ease-out .2s backwards;font-size:1.8rem;font-weight:700;margin-bottom:4px}.header p{animation:fadeIn .6s ease-out .3s backwards;font-size:.95rem;opacity:.9}.header-buttons{animation:fadeIn .6s ease-out .4s backwards;display:flex;gap:8px;position:absolute;right:15px;top:15px}.clear-btn:active,.clear-filters-btn:active{transform:translateY(0)}.mode-toggle-btn{border:2px solid;border-radius:6px;cursor:pointer;font-weight:600;overflow:hidden;padding:8px 16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.mode-toggle-btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.mode-toggle-btn:hover:before{height:300px;width:300px}.mode-toggle-btn.offline{background:#f0f0f0;border-color:#666;color:#333}.mode-toggle-btn.online{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 4px 15px #667eea66;color:#fff}.mode-toggle-btn:hover{transform:translateY(-2px) scale(1.05)}.mode-toggle-btn:active{transform:translateY(0) scale(.98)}.dual-filters{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);box-shadow:0 2px 8px #0000000f;flex-shrink:0;max-height:800px;overflow:hidden;padding:20px;position:sticky;top:0;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:90}.dual-filters:after{background:linear-gradient(135deg,#2563eb,#3b82f6);background:linear-gradient(135deg,var(--primary),#3b82f6);border-radius:20px;bottom:10px;box-shadow:0 4px 12px #2563eb4d;color:#fff;content:"▼ Ver filtros";cursor:pointer;font-size:13px;font-weight:600;left:50%;opacity:0;padding:8px 20px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:all .3s ease;z-index:10}.dual-filters.scrolled:after{opacity:1;pointer-events:auto}.dual-filters.scrolled:hover:after{box-shadow:0 6px 16px #2563eb66;transform:translateX(-50%) translateY(-2px)}.dual-filters.force-expanded:after{content:"▲ Ocultar filtros"}.dual-filters.scrolled{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f8fafcfa;border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border);box-shadow:0 4px 12px #00000014;max-height:140px;padding:10px 20px 40px}.dual-filters.scrolled .filters-container{gap:10px;transition:gap .4s ease}.dual-filters.scrolled .filter-panel{border-radius:8px;padding:10px;transition:all .4s ease}.dual-filters.scrolled .filter-panel h3{font-size:13px;margin-bottom:6px;transition:all .4s ease}.dual-filters.scrolled .category-info,.dual-filters.scrolled .dropdown,.dual-filters.scrolled .mode-selector,.dual-filters.scrolled .selected-filters-container h4,.dual-filters.scrolled .table-info{margin:0;max-height:0;opacity:0;overflow:hidden;padding:0;transition:opacity .3s ease,max-height .4s ease}.dual-filters.scrolled .selected-filters-container{border-top:none;margin-top:0;padding-top:0;transition:all .4s ease}.dual-filters.force-expanded{animation:expandFilters .4s ease-out;background:linear-gradient(135deg,#f8fafc,#e2e8f0)!important;max-height:800px!important;padding:20px!important}@keyframes expandFilters{0%{max-height:140px}to{max-height:800px}}.dual-filters.force-expanded .category-info,.dual-filters.force-expanded .dropdown,.dual-filters.force-expanded .mode-selector,.dual-filters.force-expanded .selected-filters-container h4,.dual-filters.force-expanded .table-info{animation:fadeInContent .5s ease-out .2s backwards;max-height:500px!important;opacity:1!important;overflow:visible!important}@keyframes fadeInContent{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filters-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:15px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.filter-panel{animation:slideInPanel .5s ease-out;background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 4px 12px #0000000d;padding:24px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}@keyframes slideInPanel{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.filter-panel:before{background:linear-gradient(135deg,#0000,#ffffff80);border-radius:16px;bottom:0;content:"";left:0;-webkit-mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;position:absolute;right:0;top:0;transition:opacity .3s ease}.mapp-panel{background:linear-gradient(135deg,#2196f305,#fff);border-color:#2196f3;border-color:var(--mapp-color)}.mapp-panel:before{background:linear-gradient(135deg,#2196f3,#2196f34d);background:linear-gradient(135deg,var(--mapp-color),#2196f34d)}.servi-panel{background:linear-gradient(135deg,#ff980005,#fff);border-color:#ff9800;border-color:var(--servi-color)}.servi-panel:before{background:linear-gradient(135deg,#ff9800,#ff98004d);background:linear-gradient(135deg,var(--servi-color),#ff98004d)}.filter-panel:hover{box-shadow:0 10px 15px -3px #0000001a,0 0 0 1px #0000000d;box-shadow:var(--shadow-lg),0 0 0 1px #0000000d;transform:translateY(-4px) scale(1.01)}.filter-panel:hover:before{opacity:1}.filter-panel h3{align-items:center;color:#1e293b;color:var(--text);display:flex;font-size:18px;font-weight:700;gap:8px;margin:0 0 20px}.mode-selector{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.mode-selector label{align-items:center;background:#fff;border:2px solid #e2e8f0;border:2px solid var(--border);border-radius:25px;box-shadow:0 2px 4px #0000000d;color:#64748b;color:var(--text-light);cursor:pointer;display:flex;font-weight:600;gap:8px;justify-content:center;min-width:120px;overflow:hidden;padding:12px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.mode-selector label:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.mode-selector label:hover:before{left:100%}.mode-selector label:hover{border-color:#2563eb;border-color:var(--primary);box-shadow:0 6px 12px #0000001f;color:#2563eb;color:var(--primary);transform:translateY(-2px) scale(1.05)}.mapp-panel .mode-selector label:hover{border-color:#2196f3;border-color:var(--mapp-color);color:#2196f3;color:var(--mapp-color)}.servi-panel .mode-selector label:hover{border-color:#ff9800;border-color:var(--servi-color);color:#ff9800;color:var(--servi-color)}.mode-selector label.active{background:linear-gradient(135deg,#2563eb,#3b82f6);background:linear-gradient(135deg,var(--primary),#3b82f6);border-color:#2563eb;border-color:var(--primary);box-shadow:0 4px 12px #2563eb4d;color:#fff;transform:scale(1.05)}.mapp-panel .mode-selector label.active{background:linear-gradient(135deg,#2196f3,#1976d2);background:linear-gradient(135deg,var(--mapp-color),#1976d2);border-color:#2196f3;border-color:var(--mapp-color);box-shadow:0 4px 12px #2196f34d}.servi-panel .mode-selector label.active{background:linear-gradient(135deg,#ff9800,#f57c00);background:linear-gradient(135deg,var(--servi-color),#f57c00);border-color:#ff9800;border-color:var(--servi-color);box-shadow:0 4px 12px #ff98004d}.mode-selector label.disabled{background:#f1f5f9;cursor:not-allowed;opacity:.4}.mode-selector input{display:none}.selected-filters-container{animation:fadeInContent .4s ease-out;border-top:1px solid #e2e8f0;border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.selected-filters-container h4{color:#1e293b;color:var(--text);font-size:14px;font-weight:600;margin-bottom:10px}.selected-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.filter-tag{align-items:center;animation:popIn .3s cubic-bezier(.68,-.55,.265,1.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#2563eb1a,#3b82f60d);border:2px solid #2563eb33;border-radius:20px;color:#2563eb;color:var(--primary);display:inline-flex;font-size:14px;font-weight:600;gap:8px;overflow:hidden;padding:8px 16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}@keyframes popIn{0%{opacity:0;transform:scale(.5)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.mapp-panel .filter-tag{background:linear-gradient(135deg,#2196f31a,#2196f30d);border-color:#2196f34d;color:#2196f3;color:var(--mapp-color)}.servi-panel .filter-tag{background:linear-gradient(135deg,#ff98001a,#ff98000d);border-color:#ff98004d;color:#ff9800;color:var(--servi-color)}.filter-tag:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.filter-tag:hover:before{left:100%}.filter-tag:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px) scale(1.05)}.remove-filter{align-items:center;background:#ef44441a;border:none;border-radius:50%;color:#ef4444;color:var(--error);cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:20px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);width:20px}.remove-filter:hover{background:#ef4444;background:var(--error);color:#fff;transform:scale(1.2) rotate(90deg)}.category-info,.table-info{animation:fadeInContent .4s ease-out;background:#10b9811a;border-left:3px solid #10b981;border-left:3px solid var(--success);border-radius:12px;color:#64748b;color:var(--text-light);font-size:12px;margin-top:6px;padding:6px 12px}.table-info{background:#f59e0b1a;border-left-color:#f59e0b;border-left-color:var(--warning);color:#f59e0b;color:var(--warning)}.dropdown{margin-bottom:12px;position:relative}.dropdown input{background:#fff;border:2px solid #e2e8f0;border:2px solid var(--border);border-radius:12px;box-shadow:inset 0 2px 4px #0000000d;font-size:15px;padding:14px 18px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.dropdown input:focus{border-color:#2563eb;border-color:var(--primary);box-shadow:0 0 0 4px #2563eb1a,inset 0 2px 4px #0000000d;outline:none;transform:translateY(-1px)}.mapp-panel .dropdown input:focus{border-color:#2196f3;border-color:var(--mapp-color);box-shadow:0 0 0 4px #2196f31a,inset 0 2px 4px #0000000d}.servi-panel .dropdown input:focus{border-color:#ff9800;border-color:var(--servi-color);box-shadow:0 0 0 4px #ff98001a,inset 0 2px 4px #0000000d}.dropdown input:disabled{background:#f8fafc;cursor:not-allowed;opacity:.6}.dropdown-list{animation:dropdownSlide .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:2px solid #e2e8f0;border:2px solid var(--border);border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;left:0;list-style:none;max-height:280px;overflow-y:auto;position:relative;right:0;top:calc(100% + 4px)}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-list::-webkit-scrollbar{width:8px}.dropdown-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.dropdown-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.dropdown-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.dropdown-list li.active{background:linear-gradient(135deg,#2563eb,#3b82f6);background:linear-gradient(135deg,var(--primary),#3b82f6);color:#fff;font-weight:600}.dropdown-list li{border-bottom:1px solid #f1f5f9;cursor:pointer;font-size:15px;line-height:1.4;padding:14px 18px;transition:all .2s ease}.dropdown-list li:before{background:linear-gradient(90deg,#2563eb1a,#0000);bottom:0;content:"";left:0;position:absolute;top:0;transition:width .3s ease;width:0}.dropdown-list .group-title{background:#f9fafb;border-bottom:1px solid #e2e8f0;color:#64748b;color:var(--text-light);font-size:12px;font-weight:700;letter-spacing:.5px;padding:8px 18px;text-transform:uppercase}.dropdown-list li:hover:before{width:100%}.dropdown-list li:hover{background:linear-gradient(135deg,#2563eb14,#2563eb08);color:#2563eb;color:var(--primary);font-weight:600}.mapp-panel .dropdown-list li:hover{background:linear-gradient(135deg,#2196f30d,#2196f305);color:#2196f3;color:var(--mapp-color)}.mapp-panel .dropdown-list li:before{background:linear-gradient(90deg,#2196f31a,#0000)}.servi-panel .dropdown-list li:hover{background:linear-gradient(135deg,#ff98000d,#ff980005);color:#ff9800;color:var(--servi-color)}.servi-panel .dropdown-list li:before{background:linear-gradient(90deg,#ff98001a,#0000)}.dropdown-list li:last-child{border-bottom:none;border-radius:0 0 12px 12px}.dropdown-list .no-results{background:#f9fafb;color:#9ca3af;font-style:italic;padding:14px 18px;text-align:center}.dropdown-list .no-results:hover{background:#0000;color:inherit;padding-left:18px;transform:none}.dropdown-list .no-results:before{display:none}.active-filters-status{animation:fadeInContent .4s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#10b9811a,#0596690d);border:1px solid #10b98133;border-radius:12px;color:#10b981;color:var(--success);font-weight:600;margin-top:16px;padding:12px 20px;text-align:center}.messages{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:16px;scroll-behavior:smooth}.messages::-webkit-scrollbar{width:8px}.messages::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.messages::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#cbd5e1,#94a3b8);border-radius:4px}.messages::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#94a3b8,#64748b)}.message{animation:slideInMessage .4s cubic-bezier(.4,0,.2,1);max-width:80%}@keyframes slideInMessage{0%{opacity:0;transform:translateY(15px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.message.user{align-self:flex-end;background:linear-gradient(135deg,#2563eb,#3b82f6);background:linear-gradient(135deg,var(--primary),#3b82f6);border-radius:18px 18px 4px 18px;box-shadow:0 4px 12px #2563eb33;color:#fff;transition:all .3s ease}.message.user:hover{box-shadow:0 6px 16px #2563eb4d;transform:translateY(-2px)}.message.bot{align-self:flex-start;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:18px 18px 18px 4px;box-shadow:0 2px 8px #0000000f;transition:all .3s ease}.message.bot:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.message.error{align-self:flex-start;animation:shake .5s ease-in-out;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:2px solid #fecaca;border-radius:18px 18px 18px 4px;color:#ef4444;color:var(--error)}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.message.processing{align-self:flex-start;animation:processingPulse 1.5s infinite;background:linear-gradient(135deg,#fffbeb,#fef3c7);border:2px solid #fed7aa;border-radius:18px 18px 18px 4px;color:#f59e0b;color:var(--warning)}@keyframes processingPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.98)}}.message .content{word-wrap:break-word;font-size:.9rem;line-height:1.6;padding:14px 18px}.input-section{background:#fff;border-top:1px solid #e2e8f0;border-top:1px solid var(--border);box-shadow:0 -4px 12px #00000014;flex-shrink:0;padding:16px;z-index:80}.warning{animation:fadeInContent .4s ease-out;background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d);border:1px solid #f59e0b33;border-radius:10px;color:#f59e0b;color:var(--warning);font-size:.85rem;font-weight:500;margin-bottom:12px;padding:10px 16px;text-align:center}.input-container{align-items:flex-end;display:flex;gap:10px}.input-container textarea{border:2px solid #e2e8f0;border:2px solid var(--border);border-radius:12px;border-radius:var(--radius);box-shadow:inset 0 2px 4px #0000000d;flex:1 1;font-family:inherit;font-size:.95rem;max-height:120px;min-height:44px;padding:12px 16px;resize:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.input-container textarea:focus{border-color:#2563eb;border-color:var(--primary);box-shadow:0 0 0 4px #2563eb1a,inset 0 2px 4px #0000000d;outline:none;transform:translateY(-1px)}.input-container textarea:disabled{background:#f8fafc;cursor:not-allowed;opacity:.5}.send-btn{align-items:center;background:linear-gradient(135deg,#2563eb,#3b82f6);background:linear-gradient(135deg,var(--primary),#3b82f6);border:none;border-radius:12px;border-radius:var(--radius);box-shadow:0 4px 12px #2563eb4d;color:#fff;cursor:pointer;display:flex;font-size:1.3rem;font-weight:700;height:48px;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:48px}.send-btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.send-btn:hover:not(:disabled):before{height:100px;width:100px}.send-btn:hover:not(:disabled){box-shadow:0 6px 20px #2563eb66;transform:translateY(-3px) scale(1.05)}.send-btn:active:not(:disabled){transform:translateY(-1px) scale(.98)}.send-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}@media (max-width:768px){.chatbot{height:100vh}.header{padding:16px}.header h1{font-size:1.5rem}.header-buttons{flex-direction:column;gap:4px;right:12px;top:12px}.clear-btn,.clear-filters-btn{font-size:.75rem;padding:4px 8px}.dual-filters{padding:16px 12px}.dual-filters.scrolled{max-height:130px;padding:8px 12px 35px}.dual-filters:after{bottom:8px;font-size:12px;padding:6px 16px}.filters-container{gap:12px;grid-template-columns:1fr}.filter-panel{padding:16px}.mode-selector{gap:8px;justify-content:center}.mode-selector label{font-size:13px;min-width:auto;padding:8px 12px}.messages{padding:12px}.message{max-width:92%}.input-section{padding:12px}.input-container textarea{font-size:14px;min-height:40px}.send-btn{font-size:1.2rem;height:44px;width:44px}.dropdown-list{max-height:200px}}@media (max-width:480px){.header h1{font-size:1.3rem}.header p{font-size:.85rem}.filter-panel h3{font-size:16px}.filter-tag{font-size:12px;padding:6px 12px}.remove-filter{font-size:12px;height:18px;width:18px}.message .content{font-size:.85rem;padding:12px 14px}.mode-selector label{font-size:12px;min-width:90px;padding:6px 10px}.dropdown input{font-size:14px;padding:12px 14px}.dropdown-list li{font-size:13px;padding:10px 14px}}.message.processing:after{animation:loadingDots 1.5s infinite;content:"...";position:absolute;right:20px}@keyframes loadingDots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.filter-panel:after{border-radius:16px;bottom:-2px;content:"";left:-2px;opacity:0;pointer-events:none;position:absolute;right:-2px;top:-2px;transition:opacity .3s ease}.mapp-panel:after{background:linear-gradient(135deg,#2196f3,#2196f380);background:linear-gradient(135deg,var(--mapp-color),#2196f380)}.servi-panel:after{background:linear-gradient(135deg,#ff9800,#ff980080);background:linear-gradient(135deg,var(--servi-color),#ff980080)}.filter-panel:hover:after{opacity:.1}.active-filters-status>div{animation:fadeInContent .4s ease-out;display:inline-block}.messages{scrollbar-color:#cbd5e1 #f1f5f9;scrollbar-width:thin}.dropdown-list li{animation:fadeInList .3s ease-out backwards}.dropdown-list li:first-child{animation-delay:.05s}.dropdown-list li:nth-child(2){animation-delay:.1s}.dropdown-list li:nth-child(3){animation-delay:.15s}.dropdown-list li:nth-child(4){animation-delay:.2s}.dropdown-list li:nth-child(5){animation-delay:.25s}@keyframes fadeInList{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.mode-selector label.active{animation:glowPulse 2s ease-in-out infinite}@keyframes glowPulse{0%,to{box-shadow:0 4px 12px #2563eb4d}50%{box-shadow:0 4px 20px #2563eb80}}.mapp-panel .mode-selector label.active{animation:glowPulseMapp 2s ease-in-out infinite}@keyframes glowPulseMapp{0%,to{box-shadow:0 4px 12px #2196f34d}50%{box-shadow:0 4px 20px #2196f380}}.servi-panel .mode-selector label.active{animation:glowPulseServi 2s ease-in-out infinite}@keyframes glowPulseServi{0%,to{box-shadow:0 4px 12px #ff98004d}50%{box-shadow:0 4px 20px #ff980080}}.input-container textarea::placeholder{transition:opacity .3s ease}.input-container textarea:focus::placeholder{opacity:.5}.dropdown-list:before{background:linear-gradient(180deg,#fff,#0000);top:0}.dropdown-list:after,.dropdown-list:before{content:"";height:10px;left:0;pointer-events:none;position:sticky;right:0;z-index:1}.dropdown-list:after{background:linear-gradient(0deg,#fff,#0000);bottom:0}.toggle-filters-btn{background:linear-gradient(135deg,#2563eb,#3b82f6);background:linear-gradient(135deg,var(--primary),#3b82f6);border:none;border-radius:20px;bottom:10px;box-shadow:0 4px 12px #2563eb4d;color:#fff;cursor:pointer;font-size:13px;font-weight:600;left:50%;opacity:1;padding:8px 20px;position:absolute;transform:translateX(-50%);transition:all .3s ease;z-index:10}.toggle-filters-btn:hover{box-shadow:0 6px 16px #2563eb66;transform:translateX(-50%) translateY(-2px)}.toggle-filters-btn-wrapper{margin:10px 0;text-align:center}.toggle-filters-btn-real{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;padding:8px 16px;transition:background .3s}.toggle-filters-btn-real:hover{background:#0056b3}.dual-filters .filters-container{max-height:0;opacity:0;overflow:hidden;transition:max-height .4s ease,opacity .4s ease}.dual-filters.force-expanded .filters-container{max-height:1000px;opacity:1}.compact-filters-view{animation:fadeInContent .4s ease-out;background:#fff;border-radius:12px;display:flex;flex-direction:column;gap:12px;margin-bottom:16px;padding:12px 20px}.compact-filter-group{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.compact-label{color:#1e293b;color:var(--text);font-size:13px;font-weight:700;white-space:nowrap}.compact-filters{display:flex;flex:1 1;flex-wrap:wrap;gap:6px}.filter-tag.compact{animation:popIn .3s cubic-bezier(.68,-.55,.265,1.55);font-size:12px;padding:6px 12px}.filter-tag.compact .remove-filter{font-size:12px;height:16px;width:16px}.message.user .content{color:#fff;color:#fff!important}.login-screen{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-container{max-width:480px;width:100%}.login-card{animation:slideUp .4s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:40px 30px;text-align:center}.login-header h1{font-size:2.5rem;font-weight:700;margin:0 0 10px}.login-header p{font-size:1.1rem;margin:0;opacity:.95}.login-content{padding:40px 30px}.login-description{color:#555;font-size:1rem;line-height:1.6;margin-bottom:24px;text-align:center}.login-tabs{background:#f5f5f5;border-radius:10px;display:flex;gap:8px;margin-bottom:24px;padding:6px}.login-tab{background:#0000;border:none;border-radius:6px;color:#666;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:500;padding:12px 16px;transition:all .2s ease}.login-tab:hover{background:#667eea1a;color:#667eea}.login-tab.active{background:#fff;box-shadow:0 2px 8px #0000001a;color:#667eea}.login-form{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;font-size:.9rem;font-weight:500;margin-bottom:8px}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{font-size:1.1rem;left:14px;pointer-events:none;position:absolute;z-index:1}.input-wrapper input{background:#fff;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;padding:14px 14px 14px 44px;transition:all .2s ease;width:100%}.input-wrapper input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.input-wrapper input:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.7}.input-wrapper input::placeholder{color:#aaa}.password-toggle{background:#0000;border:none;border-radius:4px;cursor:pointer;font-size:1.2rem;padding:4px 8px;position:absolute;right:12px;transition:background .2s ease}.password-toggle:hover:not(:disabled){background:#0000000d}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.login-btn-primary{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;justify-content:center;margin-top:24px;padding:16px 24px;transition:all .3s ease;width:100%}.login-btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.login-btn-primary:active:not(:disabled){transform:translateY(0)}.login-btn-primary:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;opacity:.7}.login-divider{align-items:center;color:#999;display:flex;font-size:.85rem;margin:24px 0}.login-divider:after,.login-divider:before{background:#e0e0e0;content:"";flex:1 1;height:1px}.login-divider span{padding:0 16px}.switch-method-btn{background:#0000;border:2px solid #e0e0e0;border-radius:8px;color:#667eea;cursor:pointer;font-size:.95rem;font-weight:500;padding:12px 20px;transition:all .2s ease;width:100%}.switch-method-btn:hover{background:#f9f9f9;border-color:#667eea}.microsoft-login{animation:fadeIn .3s ease-out}.microsoft-description{color:#666;font-size:.95rem;line-height:1.5;margin-bottom:24px;text-align:center}.azure-login-btn{align-items:center;background:#2f2f2f;border:none;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:12px;justify-content:center;padding:16px 24px;transition:all .3s ease;width:100%}.azure-login-btn:hover:not(:disabled){background:#1f1f1f;box-shadow:0 6px 20px #00000040;transform:translateY(-2px)}.azure-login-btn:active:not(:disabled){transform:translateY(0)}.azure-login-btn:disabled{background:#ccc;cursor:not-allowed;opacity:.7}.azure-login-btn svg{flex-shrink:0;height:21px;width:21px}.spinner-small{animation:spin .8s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:18px;width:18px}@keyframes spin{to{transform:rotate(1turn)}}.auth-error{background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;margin-bottom:20px;padding:16px}.auth-error strong{display:block;font-size:.95rem;margin-bottom:8px}.auth-error p{font-size:.9rem;line-height:1.4;margin:0}.login-footer{border-top:1px solid #eee;margin-top:30px;padding-top:20px;text-align:center}.login-footer p{color:#888;font-size:.9rem;margin:8px 0}.user-info{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:8px;display:flex;gap:12px;padding:8px 16px}.user-name{color:#000;font-size:.95rem;font-weight:500}.logout-btn:active{transform:translateY(0)}@media (max-width:768px){.login-screen{padding:15px}.login-header{padding:30px 20px}.login-header h1{font-size:2rem}.login-content{padding:30px 20px}.user-info{flex-direction:column;gap:8px}.user-name{font-size:.85rem}.logout-btn{width:100%}}.spinner{animation:spin .8s linear infinite;border:4px solid #667eea33;border-radius:50%;border-top-color:#667eea;display:inline-block;height:40px;width:40px}.loading-indicator{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:40px}.loading-indicator p{color:#666;font-size:.95rem}.header{grid-column-gap:24px;align-items:center;animation:slideDown .4s ease-out;background:linear-gradient(135deg,#2563eb,#3b82f6);background:linear-gradient(135deg,var(--primary),#3b82f6);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow);color:#fff;column-gap:24px;display:grid;flex-shrink:0;grid-template-columns:auto 1fr auto;padding:20px 24px;position:relative;text-align:left;z-index:100}.header-center{text-align:center}.header-left{align-items:flex-start;display:flex;flex-direction:column;gap:6px}.header-left .user-info{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:8px;display:flex;gap:12px;padding:8px 16px}.header-left .user-name{color:#fff;font-size:.95rem;font-weight:500}.header-right{display:flex;gap:8px}.header-buttons{position:static!important}.clear-btn,.clear-filters-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;padding:6px 12px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.clear-btn:hover,.clear-filters-btn:hover{background:#ffffff40;box-shadow:0 6px 12px #00000040;transform:translateY(-2px)}.logout-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:6px 14px;transition:all .2s ease}.logout-btn:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-1px)}@media (max-width:768px){.header{grid-template-columns:1fr;row-gap:12px;text-align:center}.header-left{align-items:center}.header-right{justify-content:center}}.App{background-color:#f0f2f5;min-height:100vh;padding:20px 0;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}*{box-sizing:border-box}
/*# sourceMappingURL=main.b46ca923.css.map*/