.sidebar{position:fixed;left:0;top:0;bottom:0;width:280px;background:#141423f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.08);color:#e2e8f0;display:flex;flex-direction:column;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:1000;box-shadow:10px 0 30px #0000004d}.sidebar.collapsed{width:80px}.sidebar.collapsed .sidebar-header{justify-content:center;padding:1.5rem 0}.sidebar.collapsed .sidebar-header .logo-text,.sidebar.collapsed .sidebar-header .toggle-btn,.sidebar.collapsed .user-info{display:none}.sidebar.collapsed .toggle-btn-floating{display:flex}.sidebar .sidebar-header{padding:1.5rem;display:flex;align-items:center;justify-content:space-between;position:relative;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar .sidebar-header .logo{display:flex;align-items:center;justify-content:center;gap:1rem;text-decoration:none;width:100%}.sidebar .sidebar-header .logo .logo-image-container{display:flex;align-items:center;justify-content:center;padding:.5rem}.sidebar .sidebar-header .logo .logo-img{max-width:160px;max-height:60px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(233,30,99,.4));transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.sidebar .sidebar-header .logo .logo-icon{font-size:1.75rem;filter:drop-shadow(0 0 10px rgba(233,30,99,.5));transition:transform .3s ease}.sidebar .sidebar-header .logo .logo-icon.small{font-size:2rem}.sidebar .sidebar-header .logo:hover .logo-img{transform:scale(1.05) rotate(-2deg)}.sidebar .sidebar-header .toggle-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff9;cursor:pointer;transition:all .2s ease}.sidebar .sidebar-header .toggle-btn:hover{background:#e91e63;color:#fff;border-color:#e91e63;box-shadow:0 0 15px #e91e6366}.sidebar .toggle-btn-floating{display:none;position:absolute;right:-12px;top:28px;width:24px;height:24px;background:#e91e63;color:#fff;border-radius:50%;align-items:center;justify-content:center;cursor:pointer;z-index:1001;box-shadow:0 4px 10px #0000004d;border:2px solid #1a1a2e;transition:transform .2s ease}.sidebar .toggle-btn-floating:hover{transform:scale(1.1)}.sidebar .sidebar-user{padding:1.5rem;display:flex;align-items:center;gap:1rem;background:linear-gradient(to bottom,rgba(255,255,255,.02),transparent);border-bottom:1px solid rgba(255,255,255,.08)}.sidebar .sidebar-user .user-avatar{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#e91e63,#8e24aa);display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;color:#fff;box-shadow:0 8px 20px #e91e6340;border:2px solid rgba(255,255,255,.1)}.sidebar .sidebar-user .user-info{overflow:hidden}.sidebar .sidebar-user .user-info .user-name{display:block;font-weight:600;font-size:.95rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar .sidebar-user .user-info .user-role{display:block;font-size:.75rem;color:#ffffff80;margin-top:2px}.sidebar .sidebar-nav{flex:1;padding:1.5rem 1rem;overflow-y:auto}.sidebar .sidebar-nav::-webkit-scrollbar{width:4px}.sidebar .sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.sidebar .sidebar-nav .nav-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.sidebar .sidebar-nav .nav-list.secondary{margin-top:auto;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.08)}.sidebar .sidebar-nav .nav-list li{position:relative}.sidebar .sidebar-nav .nav-link{display:flex;align-items:center;gap:1rem;padding:.85rem 1rem;border-radius:12px;color:#94a3b8;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;background:transparent;border:none;width:100%;cursor:pointer;text-align:left;font-family:inherit;margin-bottom:2px}.sidebar .sidebar-nav .nav-link:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(233,30,99,.1),transparent);opacity:0;transition:opacity .3s ease}.sidebar .sidebar-nav .nav-link:hover{color:#fff;transform:translate(4px)}.sidebar .sidebar-nav .nav-link:hover:before{opacity:1}.sidebar .sidebar-nav .nav-link:hover .nav-icon{color:#ee4c83;transform:scale(1.1)}.sidebar .sidebar-nav .nav-link.active{background:linear-gradient(90deg,#e91e6326,#e91e630d);color:#fff;font-weight:600;box-shadow:inset 3px 0 #e91e63}.sidebar .sidebar-nav .nav-link.active .nav-icon{color:#f06292;filter:drop-shadow(0 0 8px rgba(233,30,99,.4))}.sidebar .sidebar-nav .nav-link .nav-icon{font-size:1.25rem;transition:all .3s ease;z-index:1}.sidebar .sidebar-nav .nav-link .nav-label{font-size:.95rem;z-index:1;white-space:nowrap}.sidebar .sidebar-nav .nav-link .nav-badge{margin-left:auto;background:#ef4444;color:#fff;font-size:.7rem;font-weight:700;padding:.15rem .6rem;border-radius:20px;box-shadow:0 4px 10px #ef44444d;z-index:1}.sidebar .sidebar-nav .logout-btn{color:#ef4444!important;cursor:pointer!important;position:relative;z-index:50}.sidebar .sidebar-nav .logout-btn:hover{background:#ef44441a!important;color:#f87171!important;transform:translate(4px)}.sidebar .sidebar-nav .logout-btn:hover .nav-icon{color:#f87171!important}.sidebar .sidebar-footer{padding:1.5rem;text-align:center;border-top:1px solid rgba(255,255,255,.08);background:#0003}.sidebar .sidebar-footer p{font-size:.75rem;color:#ffffff4d;margin:0}.sidebar .sidebar-footer p.version{font-family:monospace;margin-top:.25rem;color:#e91e6380}.header{height:70px;background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.06);display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-6);position:sticky;top:0;z-index:50;box-shadow:0 4px 30px #0000000d;transition:all .3s ease}.header-left{display:flex;align-items:center;gap:var(--spacing-4);flex:1}.menu-toggle{display:none;width:40px;height:40px;align-items:center;justify-content:center;background:transparent;color:var(--gray-600);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.menu-toggle:hover{background:var(--gray-100);color:var(--gray-800)}.header-title{font-size:1.25rem;font-weight:600;color:var(--gray-900);margin:0}.search-form{position:relative;width:100%;max-width:400px}.search-icon{position:absolute;left:var(--spacing-4);top:50%;transform:translateY(-50%);color:var(--gray-400)}.search-input{width:100%;padding:var(--spacing-3) var(--spacing-4) var(--spacing-3) 48px;background:#f8fafccc;border:1px solid rgba(0,0,0,.08);border-radius:50px;font-size:.875rem;transition:all .4s cubic-bezier(.4,0,.2,1)}.search-input:focus{outline:none;background:var(--white);border-color:var(--primary);box-shadow:0 0 0 4px #e91e631f,0 8px 25px #e91e6326;transform:scale(1.02)}.search-input::placeholder{color:var(--gray-400)}.header-right{display:flex;align-items:center;gap:var(--spacing-3)}.header-btn{position:relative;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:transparent;color:var(--gray-600);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.header-btn:hover{background:var(--gray-100);color:var(--primary)}.header-badge{position:absolute;top:4px;right:4px;min-width:18px;height:18px;background:var(--primary);color:var(--white);font-size:.625rem;font-weight:700;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;padding:0 4px}.notification-wrapper{position:relative}.notification-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:380px;background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl),0 0 0 1px #0000000d;overflow:hidden;animation:fadeIn .2s ease}.notification-header{padding:var(--spacing-4);border-bottom:1px solid var(--gray-100);display:flex;align-items:center;justify-content:space-between}.notification-header h3{font-size:1rem;font-weight:600;margin:0}.mark-all-read{display:flex;align-items:center;gap:var(--spacing-1);background:transparent;color:var(--primary);font-size:.75rem;font-weight:500}.mark-all-read:hover{text-decoration:underline}.notification-list{max-height:400px;overflow-y:auto}.notification-empty{padding:var(--spacing-8);text-align:center;color:var(--gray-400)}.notification-empty svg{margin-bottom:var(--spacing-2)}.notification-empty p{margin:0;font-size:.875rem}.notification-item{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);cursor:pointer;transition:background var(--transition-fast);position:relative}.notification-item:hover{background:var(--gray-50)}.notification-item.unread{background:#e91e6308}.notification-item.unread:hover{background:#e91e630f}.notification-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--gray-100);border-radius:var(--radius-lg);flex-shrink:0}.notification-content{flex:1;min-width:0}.notification-title{display:block;font-size:.875rem;font-weight:600;color:var(--gray-900);margin-bottom:2px}.notification-message{display:block;font-size:.8125rem;color:var(--gray-600);line-height:1.4;margin-bottom:4px}.notification-time{display:flex;align-items:center;gap:4px;font-size:.6875rem;color:var(--gray-400)}.unread-dot{position:absolute;top:var(--spacing-4);right:var(--spacing-4);width:8px;height:8px;background:var(--primary);border-radius:50%}.notification-footer{padding:var(--spacing-3);border-top:1px solid var(--gray-100);text-align:center}.notification-footer button{background:transparent;color:var(--primary);font-size:.8125rem;font-weight:600}.notification-footer button:hover{text-decoration:underline}.user-menu{margin-left:var(--spacing-2)}.user-avatar-header{width:40px;height:40px;background:var(--gradient-primary);color:var(--white);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;cursor:pointer;transition:transform var(--transition-fast)}.user-avatar-header:hover{transform:scale(1.05)}@media(max-width:768px){.header{padding:0 var(--spacing-4)}.menu-toggle{display:flex}.header-title{display:none}.search-form{max-width:none}.notification-dropdown{width:calc(100vw - 32px);right:-60px}}.header.desktop-app{-webkit-app-region:drag;padding-right:0}.header.desktop-app .header-left,.header.desktop-app .header-right,.header.desktop-app .search-form,.header.desktop-app .header-btn,.header.desktop-app .user-menu{-webkit-app-region:no-drag}.window-controls{display:flex;align-items:stretch;height:100%;margin-left:var(--spacing-4);-webkit-app-region:no-drag}.window-btn{display:inline-flex;justify-content:center;align-items:center;width:46px;height:100%;border:none;background:transparent;color:var(--gray-500);transition:all .12s ease;cursor:default;padding:0;margin:0}.window-btn:hover{background:var(--gray-100);color:var(--gray-800)}.window-btn.close:hover{background:#e81123;color:#fff}.window-btn svg{width:12px;height:12px;stroke-width:2px}.theme-btn{transition:all .3s ease}.theme-btn:hover{background:var(--gray-100);color:var(--primary)}.theme-btn svg{transition:transform .3s ease}.theme-btn:hover svg{transform:rotate(15deg)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes scaleUp{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideInDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #e91e6366}50%{box-shadow:0 0 0 15px #e91e6300}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes wave{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}@keyframes checkmark{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}@keyframes countUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes blink{50%{opacity:0}}@keyframes progressBar{0%{width:0}to{width:100%}}@keyframes skeleton{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@keyframes dots{0%,20%{color:#9e9e9e00;text-shadow:.25em 0 0 rgba(158,158,158,0),.5em 0 0 rgba(158,158,158,0)}40%{color:#9e9e9e;text-shadow:.25em 0 0 rgba(158,158,158,0),.5em 0 0 rgba(158,158,158,0)}60%{text-shadow:.25em 0 0 #9e9e9e,.5em 0 0 rgba(158,158,158,0)}80%,to{text-shadow:.25em 0 0 #9e9e9e,.5em 0 0 #9e9e9e}}.animate-fadeInUp{animation:fadeInUp .4s ease both}.animate-fadeInDown{animation:fadeInDown .4s ease both}.animate-fadeInLeft{animation:fadeInLeft .4s ease both}.animate-fadeInRight{animation:fadeInRight .4s ease both}.animate-scaleIn{animation:scaleIn .3s ease forwards}.animate-scaleUp{animation:scaleUp .5s cubic-bezier(.34,1.56,.64,1) forwards}.animate-slideInLeft{animation:slideInLeft .4s ease forwards}.animate-slideInRight{animation:slideInRight .4s ease forwards}.animate-slideInUp{animation:slideInUp .4s ease forwards}.animate-pulseGlow{animation:pulseGlow 2s infinite}.animate-bounce{animation:bounce 1s infinite}.animate-shake{animation:shake .5s}.animate-wave{animation:wave 2.5s infinite;transform-origin:70% 70%;display:inline-block}.animate-shimmer{background:linear-gradient(90deg,#eee,#f5f5f5,#eee);background-size:200% 100%;animation:shimmer 1.5s infinite}.animate-delay-1{animation-delay:.1s}.animate-delay-2{animation-delay:.2s}.animate-delay-3{animation-delay:.3s}.animate-delay-4{animation-delay:.4s}.animate-delay-5{animation-delay:.5s}.animate-delay-6{animation-delay:.6s}.animate-delay-7{animation-delay:.7s}.animate-delay-8{animation-delay:.8s}.animate-delay-9{animation-delay:.9s}.animate-delay-10{animation-delay:1s}.transition-all{transition:all .3s ease}.transition-fast{transition:all .15s ease}.transition-slow{transition:all .5s ease}.transition-spring{transition:all .5s cubic-bezier(.34,1.56,.64,1)}.hover-lift{transition:transform .3s ease,box-shadow .3s ease}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.hover-glow{transition:box-shadow .3s ease}.hover-glow:hover{box-shadow:0 0 40px #e91e634d}.hover-shine{position:relative;overflow:hidden}.hover-shine:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.hover-shine:hover:after{left:100%}.notification-overlay{position:fixed;inset:0;background:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:500;animation:fadeIn .2s ease}.notification-panel{position:fixed;top:0;right:0;width:400px;max-width:100%;height:100vh;background:#fff;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;animation:slideInRight .3s ease}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #f5f5f5;background:linear-gradient(135deg,#e91e63,#f06292);color:#fff}.panel-header .header-title{display:flex;align-items:center;gap:.75rem}.panel-header .header-title h2{font-size:1.125rem;font-weight:600;margin:0}.panel-header .header-title .unread-badge{padding:2px 8px;background:#fff;color:#e91e63;border-radius:9999px;font-size:.75rem;font-weight:700}.panel-header .header-actions{display:flex;align-items:center;gap:.5rem}.panel-header .header-actions button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1)}.panel-header .header-actions button:hover{background:#ffffff4d}.panel-filters{padding:1rem 1.25rem;border-bottom:1px solid #f5f5f5}.panel-filters .filter-tabs{display:flex;gap:.5rem;margin-bottom:.75rem}.panel-filters .filter-tabs .filter-tab{padding:.5rem 1rem;background:#f5f5f5;border:none;border-radius:9999px;font-size:.875rem;font-weight:500;color:#757575;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1)}.panel-filters .filter-tabs .filter-tab:hover{background:#eee}.panel-filters .filter-tabs .filter-tab.active{background:linear-gradient(135deg,#e91e63,#f06292);color:#fff}.panel-filters .bulk-actions .action-link{display:inline-flex;align-items:center;gap:.25rem;background:none;border:none;color:#e91e63;font-size:.875rem;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1)}.panel-filters .bulk-actions .action-link:hover{text-decoration:underline}.notifications-list{flex:1;overflow-y:auto;padding:.75rem}.notifications-list::-webkit-scrollbar{width:6px;height:6px}.notifications-list::-webkit-scrollbar-track{background:#f5f5f5;border-radius:9999px}.notifications-list::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:9999px}.notifications-list::-webkit-scrollbar-thumb:hover{background:#bdbdbd}.notification-item{display:flex;gap:.75rem;padding:1rem;background:#fafafa;border-radius:12px;margin-bottom:.5rem;transition:all .15s cubic-bezier(.4,0,.2,1);animation:fadeInUp .3s ease forwards;opacity:0}.notification-item:hover{background:#f5f5f5}.notification-item:hover .notification-actions{opacity:1}.notification-item.unread{background:#fff;border-left:3px solid #e91e63;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f}.notification-item .notification-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:12px;flex-shrink:0}.notification-item .notification-content{flex:1;min-width:0}.notification-item .notification-content h4{font-size:.875rem;font-weight:600;margin:0 0 .25rem;color:#212121}.notification-item .notification-content p{font-size:.75rem;color:#757575;margin:0 0 .25rem;line-height:1.4}.notification-item .notification-content .notification-time{font-size:.75rem;color:#bdbdbd}.notification-item .notification-actions{display:flex;flex-direction:column;gap:.25rem;opacity:0;transition:opacity .15s cubic-bezier(.4,0,.2,1)}.notification-item .notification-actions button{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #eeeeee;border-radius:8px;color:#9e9e9e;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1)}.notification-item .notification-actions button.mark-read-btn:hover{background:#d1fae5;border-color:#10b981;color:#10b981}.notification-item .notification-actions button.delete-btn:hover{background:#fee2e2;border-color:#ef4444;color:#ef4444}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#bdbdbd}.empty-state svg{margin-bottom:1rem}.empty-state p{font-size:.875rem;margin:0}.panel-footer{padding:1rem 1.25rem;border-top:1px solid #f5f5f5}.panel-footer .clear-all-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem;background:#f5f5f5;border:none;border-radius:12px;font-size:.875rem;font-weight:500;color:#757575;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1)}.panel-footer .clear-all-btn:hover{background:#fee2e2;color:#ef4444}@media(max-width:640px){.notification-panel{width:100%}}.whatsapp-fab{position:fixed;bottom:24px;right:24px;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #25d36666;transition:all .3s ease;z-index:1000;animation:pulse-whatsapp 2s infinite}.whatsapp-fab:hover{transform:scale(1.1);box-shadow:0 6px 30px #25d36680}.whatsapp-fab.open{background:linear-gradient(135deg,#dc3545,#c82333);animation:none}.whatsapp-fab.open:hover{box-shadow:0 6px 30px #dc354580}@keyframes pulse-whatsapp{0%,to{box-shadow:0 4px 20px #25d36666}50%{box-shadow:0 4px 30px #25d36699}}.whatsapp-chat{position:fixed;bottom:100px;right:24px;width:360px;background:#fff;border-radius:16px;box-shadow:0 10px 40px #00000026;overflow:hidden;z-index:999;animation:slideUp .3s ease}.chat-header{display:flex;align-items:center;gap:12px;padding:16px;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff}.chat-header .avatar{width:48px;height:48px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px}.chat-header .info{flex:1}.chat-header .info h4{font-size:16px;font-weight:600;margin-bottom:2px}.chat-header .info p{font-size:12px;opacity:.9;display:flex;align-items:center;gap:6px}.status-dot{width:8px;height:8px;background:#90ee90;border-radius:50%;animation:blink 1.5s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.chat-header .close-btn{background:transparent;border:none;color:#fff;cursor:pointer;padding:4px;opacity:.8;transition:opacity .2s}.chat-header .close-btn:hover{opacity:1}.chat-body{padding:16px;background:#f0f2f5;min-height:200px}.message{max-width:85%;padding:10px 14px;border-radius:12px;margin-bottom:8px;position:relative}.message.received{background:#fff;border-bottom-left-radius:4px}.message p{font-size:14px;color:#333;margin-bottom:4px}.message .time{font-size:11px;color:#999;display:block;text-align:right}.quick-replies{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.quick-replies button{padding:8px 14px;background:#fff;border:1px solid #25d366;border-radius:20px;color:#25d366;font-size:13px;cursor:pointer;transition:all .2s}.quick-replies button:hover{background:#25d366;color:#fff}.chat-footer{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fff;border-top:1px solid #eee}.chat-footer input{flex:1;padding:10px 14px;border:1px solid #ddd;border-radius:24px;font-size:14px;outline:none;transition:border-color .2s}.chat-footer input:focus{border-color:#25d366}.chat-footer .send-btn{width:40px;height:40px;border-radius:50%;background:#25d366;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.chat-footer .send-btn:hover{background:#128c7e;transform:scale(1.05)}.chat-footer-info{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;background:#f9f9f9;font-size:12px;color:#666}.whatsapp-quick{position:fixed;bottom:94px;right:24px;display:flex;align-items:center;gap:6px;padding:8px 14px;background:#fff;color:#25d366;border:1px solid #25d366;border-radius:20px;font-size:12px;font-weight:500;cursor:pointer;box-shadow:0 2px 10px #0000001a;z-index:999;opacity:0;transform:translate(20px);animation:fadeInRight .5s 1s forwards}@keyframes fadeInRight{to{opacity:1;transform:translate(0)}}.whatsapp-quick:hover{background:#25d366;color:#fff}@media(max-width:480px){.whatsapp-chat{width:calc(100% - 32px);right:16px;bottom:90px}.whatsapp-fab{width:56px;height:56px;right:16px;bottom:16px}.whatsapp-quick{display:none}}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem;background:linear-gradient(135deg,#fdf2f8,#faf5ff)}.error-boundary .error-container{max-width:500px;text-align:center;background:#fff;padding:3rem;border-radius:24px;box-shadow:0 20px 40px #0000001a}.error-boundary .error-icon{display:inline-flex;padding:1.5rem;background:linear-gradient(135deg,#fef2f2,#fef3c7);border-radius:50%;margin-bottom:1.5rem}.error-boundary .error-icon svg{color:#f59e0b}.error-boundary h1{font-size:1.75rem;font-weight:700;color:#1f2937;margin-bottom:.75rem}.error-boundary .error-message{color:#6b7280;font-size:1rem;margin-bottom:1.5rem;line-height:1.6}.error-boundary .error-details{text-align:left;background:#f9fafb;border-radius:12px;padding:1rem;margin-bottom:1.5rem}.error-boundary .error-details summary{cursor:pointer;font-weight:600;color:#374151;margin-bottom:.5rem}.error-boundary .error-details pre{font-size:.75rem;color:#ef4444;white-space:pre-wrap;word-break:break-word;margin:.5rem 0 0;max-height:200px;overflow:auto}.error-boundary .error-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.error-boundary .error-actions .btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .2s;border:none}.error-boundary .error-actions .btn.btn-primary{background:linear-gradient(135deg,#e91e63,#9c27b0);color:#fff}.error-boundary .error-actions .btn.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #e91e634d}.error-boundary .error-actions .btn.btn-secondary{background:#f3f4f6;color:#374151}.error-boundary .error-actions .btn.btn-secondary:hover{background:#e5e7eb}.error-boundary .error-actions .btn.btn-outline{background:transparent;border:2px solid #e5e7eb;color:#6b7280}.error-boundary .error-actions .btn.btn-outline:hover{border-color:#d1d5db;background:#f9fafb}.dark .error-boundary{background:linear-gradient(135deg,#1f1f1f,#2d2d2d)}.dark .error-boundary .error-container{background:#2d2d2d;box-shadow:0 20px 40px #0006}.dark .error-boundary h1{color:#f9fafb}.dark .error-boundary .error-message{color:#9ca3af}.dark .error-boundary .error-details{background:#374151}.dark .error-boundary .error-details summary{color:#e5e7eb}.dark .error-boundary .error-actions .btn.btn-secondary{background:#374151;color:#e5e7eb}.dark .error-boundary .error-actions .btn.btn-secondary:hover{background:#4b5563}.dark .error-boundary .error-actions .btn.btn-outline{border-color:#4b5563;color:#9ca3af}.dark .error-boundary .error-actions .btn.btn-outline:hover{border-color:#6b7280;background:#374151}:root{--primary: #e91e63;--primary-light: #f06292;--primary-lighter: #f48fb1;--primary-dark: #c2185b;--primary-darker: #ad1457;--gradient-primary: linear-gradient(135deg, #e91e63, #f06292);--gradient-primary-hover: linear-gradient(135deg, #c2185b, #e91e63);--white: #ffffff;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--success: #10b981;--success-light: #d1fae5;--warning: #f59e0b;--warning-light: #fef3c7;--error: #ef4444;--error-light: #fee2e2;--info: #3b82f6;--info-light: #dbeafe;--whatsapp: #25d366;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-primary: 0 4px 15px rgba(233, 30, 99, .3);--shadow-primary-lg: 0 8px 25px rgba(233, 30, 99, .4);--discord-dark: #1e1f22;--discord-darker: #17181b;--discord-light: #2b2d31;--discord-lighter: #313338;--discord-text: #dcddde;--discord-text-muted: #949ba4;--discord-accent: #5865f2;--discord-hover: #35373c;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--sidebar-width: 280px;--sidebar-collapsed-width: 80px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease}:root.dark{--primary: #f06292;--primary-light: #f48fb1;--primary-dark: #e91e63;--white: #1a1a2e;--gray-50: #16213e;--gray-100: #1f2a48;--gray-200: #2a3654;--gray-300: #3d4a63;--gray-400: #6b7a94;--gray-500: #8b9ab4;--gray-600: #a8b4c8;--gray-700: #c5cdd9;--gray-800: #e2e6ec;--gray-900: #f5f7f9;--text-primary: #f5f7f9;--text-secondary: #c5cdd9;--text-muted: #8b9ab4;--text-disabled: #6b7a94;--bg-primary: #0f0f1a;--bg-secondary: #16213e;--bg-tertiary: #1a1a2e;--bg-card: #1f2a48;--bg-elevated: #2a3654;--bg-hover: #3d4a63;--border-primary: #2a3654;--border-secondary: #3d4a63;--border-hover: #5865f2;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6);--gradient-primary: linear-gradient(135deg, #f06292, #e91e63);--success: #34d399;--success-light: rgba(52, 211, 153, .15);--warning: #fbbf24;--warning-light: rgba(251, 191, 36, .15);--error: #f87171;--error-light: rgba(248, 113, 113, .15);--info: #60a5fa;--info-light: rgba(96, 165, 250, .15)}:root{--text-primary: var(--gray-900);--text-secondary: var(--gray-700);--text-muted: var(--gray-500);--text-disabled: var(--gray-400);--bg-primary: #ffffff;--bg-secondary: var(--gray-50);--bg-tertiary: var(--gray-100);--bg-card: #ffffff;--bg-elevated: #ffffff;--bg-hover: var(--gray-100);--border-primary: var(--gray-200);--border-secondary: var(--gray-300);--border-hover: var(--primary)}:root.dark body{background-color:var(--bg-primary);color:var(--text-primary)}:root.dark h1,:root.dark h2,:root.dark h3,:root.dark h4,:root.dark h5,:root.dark h6{color:var(--text-primary)}:root.dark p,:root.dark span,:root.dark label{color:var(--text-secondary)}:root.dark .card,:root.dark .dashboard-card,:root.dark .settings-section,:root.dark .stat-card{background:var(--bg-card);border-color:var(--border-primary)}:root.dark .table th{background:var(--bg-elevated);color:var(--text-muted)}:root.dark .table td{color:var(--text-secondary);border-color:var(--border-primary)}:root.dark .table tbody tr:hover{background:var(--bg-hover)}:root.dark input,:root.dark textarea,:root.dark select{background:var(--bg-elevated);border-color:var(--border-primary);color:var(--text-primary)}:root.dark input::placeholder,:root.dark textarea::placeholder{color:var(--text-muted)}:root.dark .btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-secondary)}:root.dark .btn-secondary:hover{background:var(--bg-hover)}:root.dark .btn-ghost{color:var(--text-secondary)}:root.dark .btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);background-color:var(--gray-50);color:var(--gray-800);line-height:1.6;min-height:100vh}#root{min-height:100vh}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-dark)}button{font-family:inherit;cursor:pointer;border:none;outline:none}input,textarea,select{font-family:inherit;font-size:1rem}img{max-width:100%;height:auto}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;color:var(--gray-900)}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.875rem}.app-layout{display:flex;min-height:100vh}.main-content{flex:1;margin-left:var(--sidebar-width);min-height:100vh;display:flex;flex-direction:column;transition:margin-left var(--transition-normal)}.main-content.sidebar-collapsed{margin-left:var(--sidebar-collapsed-width)}.page-container{flex:1;padding:var(--spacing-6);max-width:1400px;margin:0 auto;width:100%}.card{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--gray-100);overflow:hidden}.card-header{padding:var(--spacing-4) var(--spacing-6);border-bottom:1px solid var(--gray-100);display:flex;align-items:center;justify-content:space-between}.card-body{padding:var(--spacing-6)}.card-footer{padding:var(--spacing-4) var(--spacing-6);border-top:1px solid var(--gray-100);background:var(--gray-50)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);font-size:.875rem;font-weight:600;border-radius:var(--radius-lg);transition:all var(--transition-fast);white-space:nowrap}.btn-primary{background:var(--gradient-primary);color:var(--white);box-shadow:var(--shadow-primary)}.btn-primary:hover{background:var(--gradient-primary-hover);box-shadow:var(--shadow-primary-lg);transform:translateY(-2px)}.btn-secondary{background:var(--white);color:var(--gray-700);border:1px solid var(--gray-200)}.btn-secondary:hover{background:var(--gray-50);border-color:var(--gray-300)}.btn-outline{background:transparent;color:var(--primary);border:2px solid var(--primary)}.btn-outline:hover{background:var(--primary);color:var(--white)}.btn-ghost{background:transparent;color:var(--gray-600)}.btn-ghost:hover{background:var(--gray-100);color:var(--gray-800)}.btn-success{background:var(--success);color:var(--white)}.btn-success:hover{background:#059669}.btn-danger{background:var(--error);color:var(--white)}.btn-danger:hover{background:#dc2626}.btn-lg{padding:var(--spacing-4) var(--spacing-8);font-size:1rem}.btn-sm{padding:var(--spacing-2) var(--spacing-3);font-size:.75rem}.btn-icon{width:40px;height:40px;padding:0;border-radius:var(--radius-lg)}.btn-icon.sm{width:32px;height:32px}.form-group{margin-bottom:var(--spacing-4)}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--gray-700);margin-bottom:var(--spacing-2)}.form-input{width:100%;padding:var(--spacing-3) var(--spacing-4);font-size:1rem;border:1px solid var(--gray-200);border-radius:var(--radius-lg);background:var(--white);transition:all var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #e91e631a}.form-input::placeholder{color:var(--gray-400)}.form-input.error{border-color:var(--error)}.form-error{font-size:.75rem;color:var(--error);margin-top:var(--spacing-1)}.form-input-icon{position:relative}.form-input-icon .icon{position:absolute;left:var(--spacing-4);top:50%;transform:translateY(-50%);color:var(--gray-400)}.form-input-icon .form-input{padding-left:42px}.badge{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-3);font-size:.75rem;font-weight:600;border-radius:var(--radius-full)}.badge-primary{background:#e91e631a;color:var(--primary)}.badge-success{background:var(--success-light);color:var(--success)}.badge-warning{background:var(--warning-light);color:var(--warning)}.badge-error{background:var(--error-light);color:var(--error)}.badge-info{background:var(--info-light);color:var(--info)}.table-container{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:var(--spacing-3) var(--spacing-4);text-align:left;border-bottom:1px solid var(--gray-100)}.table th{font-size:.75rem;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;background:var(--gray-50)}.table tbody tr:hover{background:var(--gray-50)}.grid{display:grid;gap:var(--spacing-4)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fadeIn{animation:fadeIn .3s ease both}.animate-slideUp{animation:slideUp .4s ease both}.animate-slideIn{animation:slideIn .3s ease both}[class*=animate-]{animation-fill-mode:both!important}@media(prefers-reduced-motion:reduce){[class*=animate-]{animation:none!important;opacity:1!important;transform:none!important}}.animate-pulse{animation:pulse 2s infinite}.animate-spin{animation:spin 1s linear infinite}.spinner{width:40px;height:40px;border:3px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.spinner.sm{width:20px;height:20px;border-width:2px}.empty-state{text-align:center;padding:var(--spacing-12) var(--spacing-6)}.empty-state-icon{width:80px;height:80px;margin:0 auto var(--spacing-4);color:var(--gray-300)}.empty-state-title{font-size:1.25rem;font-weight:600;color:var(--gray-700);margin-bottom:var(--spacing-2)}.empty-state-text{color:var(--gray-500);margin-bottom:var(--spacing-6)}.text-primary{color:var(--primary)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-error{color:var(--error)}.text-muted{color:var(--gray-500)}.bg-primary{background-color:var(--primary)}.bg-success{background-color:var(--success)}.bg-warning{background-color:var(--warning)}.bg-error{background-color:var(--error)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-center{text-align:center}.text-right{text-align:right}.mt-4{margin-top:var(--spacing-4)}.mt-6{margin-top:var(--spacing-6)}.mb-4{margin-bottom:var(--spacing-4)}.mb-6{margin-bottom:var(--spacing-6)}.my-4{margin-top:var(--spacing-4);margin-bottom:var(--spacing-4)}.p-4{padding:var(--spacing-4)}.p-6{padding:var(--spacing-6)}.px-4{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.py-4{padding-top:var(--spacing-4);padding-bottom:var(--spacing-4)}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.w-full{width:100%}.h-full{height:100%}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.hidden{display:none}.invisible{visibility:hidden}@media(max-width:1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.main-content{margin-left:0}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.page-container{padding:var(--spacing-4)}h1{font-size:1.5rem}h2{font-size:1.25rem}}.page-container{animation:pageEnter .4s cubic-bezier(.4,0,.2,1)}@keyframes pageEnter{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.card{transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0000001f}.glass{background:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3)}.glass-dark{background:#111827d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1)}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg,var(--gray-200) 0%,var(--gray-100) 50%,var(--gray-200) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:float 3s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-bounce{animation:bounce .6s ease}@keyframes glow{0%,to{box-shadow:0 0 20px #e91e634d}50%{box-shadow:0 0 40px #e91e6380}}.animate-glow{animation:glow 2s ease-in-out infinite}.ripple{position:relative;overflow:hidden}.ripple:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);transition:width .4s,height .4s}.ripple:active:after{width:200px;height:200px}.stagger-item{opacity:0;animation:staggerIn .5s ease forwards}.stagger-item:nth-child(1){animation-delay:.05s}.stagger-item:nth-child(2){animation-delay:.1s}.stagger-item:nth-child(3){animation-delay:.15s}.stagger-item:nth-child(4){animation-delay:.2s}.stagger-item:nth-child(5){animation-delay:.25s}.stagger-item:nth-child(6){animation-delay:.3s}.stagger-item:nth-child(7){animation-delay:.35s}.stagger-item:nth-child(8){animation-delay:.4s}@keyframes staggerIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.hover-scale{transition:transform .3s ease}.hover-scale:hover{transform:scale(1.05)}.hover-lift{transition:all .3s ease}.hover-lift:hover{transform:translateY(-6px);box-shadow:0 15px 35px #00000026}.hover-rotate{transition:transform .3s ease}.hover-rotate:hover{transform:rotate(5deg)}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.animate-shake{animation:shake .5s ease}@keyframes heartbeat{0%,to{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(1)}75%{transform:scale(1.1)}}.animate-heartbeat{animation:heartbeat 1s ease infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fadeInUp{animation:fadeInUp .6s ease}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.animate-fadeInDown{animation:fadeInDown .6s ease}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-fadeInScale{animation:fadeInScale .4s ease}@keyframes progressFill{0%{width:0}to{width:var(--progress)}}.progress-animated{animation:progressFill 1s ease forwards}.counter{font-variant-numeric:tabular-nums}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-8px);background:var(--gray-900);color:#fff;padding:6px 12px;border-radius:8px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:all .2s ease}.tooltip:hover:after{opacity:1;transform:translate(-50%) translateY(-4px)}::selection{background:#e91e6333;color:var(--primary-dark)}*:focus-visible{outline:2px solid var(--primary);outline-offset:2px}html{scroll-behavior:smooth}.skeleton{background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.skeleton-text{height:1em;margin-bottom:.5em}.skeleton-circle{border-radius:50%}.notification-dot{position:absolute;top:-2px;right:-2px;width:10px;height:10px;background:var(--error);border-radius:50%;border:2px solid white;animation:pulse 2s infinite}.status-indicator{width:10px;height:10px;border-radius:50%;display:inline-block}.status-online{background:var(--success);box-shadow:0 0 0 3px #10b98133;animation:pulse 2s infinite}.status-offline{background:var(--gray-400)}.status-busy{background:var(--warning);animation:pulse 2s infinite}.gradient-border{position:relative;background:#fff;border-radius:var(--radius-xl)}.gradient-border:before{content:"";position:absolute;inset:-2px;background:var(--gradient-primary);border-radius:inherit;z-index:-1}.number-display{font-family:Inter,sans-serif;font-variant-numeric:tabular-nums;font-weight:700}.subtle-shadow{box-shadow:0 2px 8px #00000014;transition:box-shadow .3s ease}.subtle-shadow:hover{box-shadow:0 8px 24px #0000001f}