.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.horizontal-scroll{scrollbar-width:thin;scrollbar-color:#cbd5e0 transparent}.horizontal-scroll::-webkit-scrollbar{height:4px}.horizontal-scroll::-webkit-scrollbar-track{background:transparent}.horizontal-scroll::-webkit-scrollbar-thumb{background-color:#cbd5e0;border-radius:4px}.horizontal-scroll::-webkit-scrollbar-thumb:hover{background-color:#a0aec0}.chat-scroll{scrollbar-width:thin;scrollbar-color:#d1d5db transparent;scroll-behavior:smooth}.chat-scroll::-webkit-scrollbar{width:6px}.chat-scroll::-webkit-scrollbar-track{background:transparent;border-radius:3px}.chat-scroll::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#d1d5db,#9ca3af);border-radius:3px;border:1px solid transparent;background-clip:padding-box;transition:all .2s ease}.chat-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#9ca3af,#6b7280);transform:scaleX(1.2)}.chat-scroll::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,#6b7280,#4b5563)}.chat-messages-scroll{scrollbar-width:thin;scrollbar-color:#e5e7eb transparent;scroll-behavior:smooth;scroll-padding:16px}.chat-messages-scroll::-webkit-scrollbar{width:4px}.chat-messages-scroll::-webkit-scrollbar-track{background:transparent}.chat-messages-scroll::-webkit-scrollbar-thumb{background:rgba(156,163,175,.6);border-radius:2px;transition:all .2s ease}.chat-messages-scroll::-webkit-scrollbar-thumb:hover{background:rgba(107,114,128,.8);width:6px}.list-scroll{scrollbar-width:thin;scrollbar-color:#e5e7eb #f9fafb;scroll-behavior:smooth}.list-scroll::-webkit-scrollbar{width:8px}.list-scroll::-webkit-scrollbar-track{background:#f9fafb;border-radius:4px;border:1px solid #f3f4f6}.list-scroll::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#e5e7eb,#d1d5db 50%,#9ca3af);border-radius:4px;border:1px solid #e5e7eb;transition:all .3s ease}.list-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#d1d5db,#9ca3af 50%,#6b7280);border-color:#d1d5db;box-shadow:0 2px 4px rgba(0,0,0,.1)}.minimal-scroll{scrollbar-width:thin;scrollbar-color:transparent transparent;scroll-behavior:smooth}.minimal-scroll::-webkit-scrollbar{width:2px;height:2px}.minimal-scroll::-webkit-scrollbar-track{background:transparent}.minimal-scroll::-webkit-scrollbar-thumb{background:transparent;border-radius:1px;transition:all .3s ease}.minimal-scroll:hover::-webkit-scrollbar-thumb{background:rgba(156,163,175,.2)}.minimal-scroll::-webkit-scrollbar-thumb:hover{background:rgba(107,114,128,.4)}.minimal-scroll::-webkit-scrollbar-corner{background:transparent}.sidebar-container{width:20rem;background:white;border-right:1px solid #f3f4f6;box-shadow:0 4px 6px rgba(0,0,0,.07);height:100vh;position:sticky;top:0;display:flex;flex-direction:column}.sidebar-header{padding:1.5rem;border-bottom:1px solid #f3f4f6}.sidebar-logo{display:flex;align-items:center;gap:.75rem;transition:all .2s ease}.sidebar-logo:hover{transform:translateY(-1px)}.sidebar-logo-icon{height:3rem;width:3rem;border-radius:.75rem;box-shadow:0 4px 6px rgba(0,0,0,.07);border:2px solid #f3f4f6;transition:all .2s ease}.sidebar-logo:hover .sidebar-logo-icon{box-shadow:0 6px 12px rgba(0,0,0,.1);border-color:#e5e7eb}.sidebar-title{font-size:1.25rem;font-weight:700;color:#111827}.sidebar-subtitle{font-size:.75rem;color:#6b7280}.sidebar-nav{flex:1;padding:1rem;gap:.5rem;overflow-y:auto}.sidebar-section-header{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;padding:.75rem;margin-bottom:1rem;margin-top:1.5rem}.sidebar-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:.75rem;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;color:#374151;position:relative}.sidebar-item.active{background:#eff6ff;color:#3b82f6;box-shadow:0 4px 6px rgba(0,0,0,.07);border:1px solid #e5e7eb;transform:translateY(-1px)}.sidebar-item:hover:not(.active){background:#f9fafb;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.05)}.sidebar-icon-container{display:flex;width:2rem;height:2rem;align-items:center;justify-content:center;border-radius:.5rem;transition:all .2s ease;flex-shrink:0;background:#f3f4f6}.sidebar-icon-container.active,.sidebar-item:hover .sidebar-icon-container{background:white;box-shadow:0 2px 4px rgba(0,0,0,.1)}.sidebar-item-label{font-weight:500;font-size:.875rem}.sidebar-user-profile{margin:0 1rem 1rem;padding:1rem;border-radius:.75rem;background:#f9fafb;border:1px solid #f3f4f6;cursor:pointer;transition:all .2s ease}.sidebar-user-profile:hover{background:#f3f4f6;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.05)}.sidebar-user-avatar{width:2.5rem;height:2.5rem;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px rgba(0,0,0,.1);border:2px solid #f3f4f6}.sidebar-user-initials{color:#1d4ed8;font-weight:600;font-size:.875rem}.sidebar-user-name{font-size:.875rem;font-weight:600;color:#111827}.sidebar-user-handle{font-size:.75rem;color:#6b7280}.card-enhanced{border:1px solid #e5e7eb;box-shadow:0 4px 6px rgba(0,0,0,.07);border-radius:.75rem;background:white}.card-enhanced:hover{box-shadow:0 6px 12px rgba(0,0,0,.1);border-color:#d1d5db;transform:translateY(-2px)}.content-card{transition:all .2s ease}.content-card:hover{box-shadow:0 6px 12px rgba(0,0,0,.1);transform:translateY(-1px)}.notification-panel-trigger{position:fixed;right:1.5rem;bottom:1.5rem;z-index:50;transition:all .3s cubic-bezier(.4,0,.2,1)}.notification-button{width:3rem;height:3rem;border-radius:50%;box-shadow:0 6px 12px rgba(0,0,0,.15);border:2px solid #e5e7eb;background:rgba(255,255,255,.95);backdrop-filter:blur(8px);transition:all .2s cubic-bezier(.4,0,.2,1)}.notification-button:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(0,0,0,.2)}.notification-panel{box-shadow:0 25px 35px rgba(0,0,0,.2);background:rgba(255,255,255,.98);backdrop-filter:blur(12px);border:1px solid #f3f4f6;border-radius:.75rem}.btn-primary{box-shadow:0 4px 6px rgba(59,130,246,.3);border:none;cursor:pointer}.btn-primary:hover{box-shadow:0 6px 12px rgba(59,130,246,.4)}.input-banking{height:3.5rem;padding:0 1rem;border:2px solid #e5e7eb;border-radius:.75rem;background:white;font-size:1rem;transition:all .2s ease;box-shadow:0 2px 4px rgba(0,0,0,.05)}.input-banking:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:none}.input-banking:hover{box-shadow:0 4px 6px rgba(0,0,0,.1)}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.animate-in{animation:slideInFromRight .3s ease-out}.hover-lift:hover{box-shadow:0 6px 12px rgba(0,0,0,.15)}@media (max-width:767px){.sidebar-container{width:0;overflow:hidden}.main-content{padding:1rem}}.container-main{max-width:1200px;margin:0 auto;padding:0 1rem}.title-primary{font-size:1.875rem;font-weight:700;line-height:1.2;letter-spacing:-.025em}.title-card{font-size:1.125rem;font-weight:600;color:#111827}.text-description{font-size:.875rem;color:#6b7280}.welcome-panel{background:white;border:1px solid #e5e7eb;box-shadow:0 4px 6px rgba(0,0,0,.07);border-radius:.75rem;padding:1.5rem;margin-bottom:2rem}.welcome-title{font-size:1.5rem;font-weight:500;color:#111827}.welcome-subtitle{font-size:.875rem;color:#6b7280;margin-top:.25rem}.welcome-date{font-size:.875rem;font-weight:500;color:#374151}.card-primary{border-radius:.75rem;background:white;border:1px solid #f3f4f6;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:all .2s ease}.card-primary:hover{box-shadow:0 4px 6px rgba(0,0,0,.1);border-color:#e5e7eb}.card-enhanced{border:1px solid #f3f4f6;box-shadow:0 1px 2px rgba(0,0,0,.05);transition:all .2s cubic-bezier(.4,0,.2,1)}.card-enhanced:hover{box-shadow:0 4px 6px rgba(0,0,0,.07);border-color:#e5e7eb;transform:translateY(-1px)}.btn-primary{height:3rem;padding:0 1.5rem;background:linear-gradient(135deg,#3b82f6,#6366f1);color:white;border-radius:.5rem;font-weight:600;font-size:.875rem;box-shadow:0 2px 4px rgba(59,130,246,.3);transition:all .2s ease}.btn-primary:hover{background:linear-gradient(135deg,#1d4ed8,#4338ca);box-shadow:0 4px 8px rgba(59,130,246,.4);transform:translateY(-1px)}.input-primary{height:3.5rem;padding:0 1rem;border:2px solid #e5e7eb;border-radius:.75rem;background:white;font-size:1rem;transition:all .2s ease;box-shadow:0 1px 2px rgba(0,0,0,.05)}.input-primary:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:none}.input-primary:hover{box-shadow:0 2px 4px rgba(0,0,0,.1)}.hover-lift{transition:transform .2s ease,box-shadow .2s ease}.hover-lift:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.hover-scale{transition:transform .2s ease}.hover-scale:hover{transform:scale(1.02)}.animate-fade-in{animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.loading-spinner{animation:spin 1s linear infinite;border:2px solid transparent;border-top-color:#111827;border-radius:50%;width:1rem;height:1rem}@keyframes spin{to{transform:rotate(1turn)}}.status-active{color:#10b981;background:#ecfdf5}.status-inactive{color:#6b7280;background:#f9fafb}.status-error{color:#ef4444;background:#fef2f2}.status-warning{color:#f59e0b;background:#fffbeb}.content-card{background:white;border:1px solid #e5e7eb;box-shadow:0 4px 6px rgba(0,0,0,.07);border-radius:.75rem}.layout-wrapper{min-height:100vh;background:#f9fafb;display:flex}.main-content{flex:1;padding:1.5rem;overflow-x:hidden;background:#f9fafb}