:root{--color-primary:#b5ef77;--color-primary-light:#c4f285;--color-primary-dark:#a0e069;--color-secondary:#f59e0b;--color-accent:#b5ef77;--color-dashboard-bg:#1f1f1f;--color-dashboard-header:#1f1f1f;--color-dashboard-panel:#1f1f1f;--color-dashboard-card:#101010;--color-dashboard-text:#f3f9f5;--color-dashboard-text-muted:#a0aec0;--color-dashboard-accent:#b5ef77;--color-dashboard-border:#494b4a;--color-dashboard-hover:#2a2f26;--color-white:#fff;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--gradient-primary:linear-gradient(135deg,#b5ef77,#a0e069);--gradient-secondary:linear-gradient(135deg,#f093fb,#f5576c);--gradient-accent:linear-gradient(135deg,#b5ef77,#c4f285);--gradient-dark:#101010;--font-family-sans:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell",sans-serif;--font-family-mono:"JetBrains Mono","Fira Code","Monaco","Consolas",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--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;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-normal:300ms cubic-bezier(0.4,0,0.2,1);--transition-slow:500ms cubic-bezier(0.4,0,0.2,1);--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-feature-settings:normal;font-variation-settings:normal;line-height:1.5;tab-size:4}body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#101010;color:#111827;color:var(--color-gray-900);font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-family:var(--font-family-sans);font-size:1rem;font-size:var(--text-base);font-weight:400;font-weight:var(--font-normal);line-height:1.6;min-height:100dvh;overflow:hidden;overscroll-behavior:none;text-rendering:optimizeLegibility}#root{flex-direction:column}#root,.app-container{display:flex;min-height:calc(1dvh*100);min-height:calc(var(--vh, 1dvh)*100)}.app-container{align-items:center;justify-content:center;padding:1rem;padding:var(--space-4)}.app-container,.main-card{overflow:hidden;position:relative}.main-card{animation:slideUp .6s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1f1f1f;background:var(--color-dashboard-bg);border:1px solid #494b4a;border:1px solid var(--color-dashboard-border);border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl);max-width:480px;width:100%;z-index:10}.main-card:before{background:linear-gradient(90deg,#0000,#fffc,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.card-header{padding:2rem 1.5rem 1.5rem;padding:var(--space-8) var(--space-6) var(--space-6);position:relative;text-align:center}.card-header:after{background:linear-gradient(90deg,#0000,#e5e7eb,#0000);background:linear-gradient(90deg,#0000,var(--color-gray-200),#0000);bottom:0;content:"";height:1px;left:1.5rem;left:var(--space-6);position:absolute;right:1.5rem;right:var(--space-6)}.card-body{padding:1.5rem;padding:var(--space-6)}.logo-container{align-items:center;animation:pulse 2s ease-in-out infinite;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);display:inline-flex;height:80px;justify-content:center;margin-bottom:1.5rem;margin-bottom:var(--space-6);position:relative;width:80px}.logo-container,.logo-container:before{background:linear-gradient(135deg,#b5ef77,#a0e069);background:var(--gradient-primary);border-radius:9999px;border-radius:var(--radius-full)}.logo-container:before{animation:rotate 10s linear infinite;content:"";inset:-2px;opacity:.3;position:absolute;z-index:-1}.heading-primary{color:#111827;color:var(--color-gray-900);font-size:1.875rem;font-size:var(--text-3xl);font-weight:700;font-weight:var(--font-bold);letter-spacing:-.025em;margin-bottom:.5rem;margin-bottom:var(--space-2)}.heading-secondary{color:#1f2937;color:var(--color-gray-800);font-size:1.5rem;font-size:var(--text-2xl);font-weight:600;font-weight:var(--font-semibold);letter-spacing:-.025em;margin-bottom:1rem;margin-bottom:var(--space-4)}.text-muted{color:#6b7280;color:var(--color-gray-500);font-size:.875rem;font-size:var(--text-sm);line-height:1.5}.form-group{margin-bottom:1.25rem;margin-bottom:var(--space-5);position:relative}.form-label{align-items:center;color:#374151;color:var(--color-gray-700);display:flex;font-size:.875rem;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-medium);gap:.5rem;gap:var(--space-2);margin-bottom:.5rem;margin-bottom:var(--space-2)}.form-input{background:#fff;background:var(--color-white);border:2px solid #e5e7eb;border:2px solid var(--color-gray-200);border-radius:.75rem;border-radius:var(--radius-lg);font-family:inherit;font-size:1rem;font-size:var(--text-base);padding:1rem;padding:var(--space-4);position:relative;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:100%}.form-input:focus{border-color:#b5ef77;border-color:var(--color-dashboard-accent);box-shadow:0 0 0 4px #b5ef771a;outline:none;transform:translateY(-1px)}.form-input::placeholder{color:#9ca3af;color:var(--color-gray-400)}.btn{align-items:center;border:none;border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.875rem;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-medium);gap:.5rem;gap:var(--space-2);justify-content:center;overflow:hidden;padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6);position:relative;text-decoration:none;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);white-space:nowrap}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s cubic-bezier(.4,0,.2,1);transition:left var(--transition-normal);width:100%}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,#b5ef77,#a0e069);background:var(--gradient-primary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);color:#fff;color:var(--color-white)}.btn-primary:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#fff;background:var(--color-white);border:2px solid #b5ef77;border:2px solid var(--color-primary);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#b5ef77;color:var(--color-primary)}.btn-secondary:hover{background:#b5ef77;background:var(--color-primary);transform:translateY(-1px)}.btn-secondary:hover,.btn-success{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);color:#fff;color:var(--color-white)}.btn-success{background:#10b981;background:var(--color-success)}.btn-success:hover{background:#059669;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-danger{background:#ef4444;background:var(--color-error);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);color:#fff;color:var(--color-white)}.btn-danger:hover{background:#dc2626;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-lg{font-size:1rem;font-size:var(--text-base);padding:1rem 2rem;padding:var(--space-4) var(--space-8)}.btn-sm{font-size:.75rem;font-size:var(--text-xs);padding:.5rem 1rem;padding:var(--space-2) var(--space-4)}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.tab-container{background:#f3f4f6;background:var(--color-gray-100);border-radius:.75rem;border-radius:var(--radius-lg);display:flex;gap:.25rem;gap:var(--space-1);margin-bottom:1.5rem;margin-bottom:var(--space-6);padding:.25rem;padding:var(--space-1)}.tab-button{background:#0000;border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#4b5563;color:var(--color-gray-600);cursor:pointer;flex:1 1;font-size:.875rem;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-medium);padding:.75rem 1rem;padding:var(--space-3) var(--space-4);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.tab-button.active{background:#fff;background:var(--color-white);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#b5ef77;color:var(--color-primary)}.tab-button:hover:not(.active){color:#1f2937;color:var(--color-gray-800)}.user-card{align-items:center;background:#fff;background:var(--color-white);border:1px solid #e5e7eb;border:1px solid var(--color-gray-200);border-radius:.75rem;border-radius:var(--radius-lg);display:flex;gap:1rem;gap:var(--space-4);overflow:hidden;padding:1rem;padding:var(--space-4);position:relative;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.user-card:hover{border-color:#b5ef77;border-color:var(--color-primary);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.user-avatar{align-items:center;border-radius:9999px;border-radius:var(--radius-full);color:#fff;color:var(--color-white);display:flex;flex-shrink:0;font-weight:600;font-weight:var(--font-semibold);height:48px;justify-content:center;position:relative;width:48px}.user-avatar.online{background:#10b981;background:var(--color-success)}.user-avatar.offline{background:#9ca3af;background:var(--color-gray-400)}.user-avatar:after{border:2px solid #fff;border:2px solid var(--color-white);border-radius:9999px;border-radius:var(--radius-full);bottom:-2px;content:"";height:16px;position:absolute;right:-2px;width:16px}.user-avatar.online:after{background:#10b981;background:var(--color-success)}.user-avatar.offline:after{background:#9ca3af;background:var(--color-gray-400)}.user-info{flex:1 1;min-width:0}.user-name{color:#111827;color:var(--color-gray-900);font-weight:600;font-weight:var(--font-semibold);margin-bottom:.25rem;margin-bottom:var(--space-1)}.user-status{color:#6b7280;color:var(--color-gray-500);font-size:.875rem;font-size:var(--text-sm)}.user-actions{display:flex;gap:.5rem;gap:var(--space-2)}.call-interface{align-items:center;animation:fadeIn .3s cubic-bezier(.4,0,.2,1);animation:fadeIn var(--transition-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000f2;display:flex;inset:0;justify-content:center;position:fixed;z-index:1050;z-index:var(--z-modal)}.call-card{animation:scaleIn .3s cubic-bezier(.4,0,.2,1);animation:scaleIn var(--transition-normal);background:#1f1f1f;background:var(--color-dashboard-bg);border:1px solid #494b4a;border:1px solid var(--color-dashboard-border);border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl);max-width:400px;padding:2rem;padding:var(--space-8);text-align:center;width:90%}.call-controls{gap:1rem;gap:var(--space-4);margin-top:2rem;margin-top:var(--space-8)}.call-btn,.call-controls{display:flex;justify-content:center}.call-btn{align-items:center;border:none;border-radius:9999px;border-radius:var(--radius-full);cursor:pointer;font-size:1.25rem;font-size:var(--text-xl);height:64px;overflow:hidden;position:relative;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:64px}.call-btn:before{background:inherit;border-radius:9999px;border-radius:var(--radius-full);content:"";inset:0;opacity:.2;position:absolute;transform:scale(0);transition:transform .15s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-fast)}.call-btn:hover:before{transform:scale(1.2)}.call-btn:hover{transform:scale(1.1)}.call-btn.accept{background:#10b981;background:var(--color-success);color:#fff;color:var(--color-white)}.call-btn.end,.call-btn.reject{background:#ef4444;background:var(--color-error);color:#fff;color:var(--color-white)}.call-btn.mute{background:#4b5563;background:var(--color-gray-600);color:#fff;color:var(--color-white)}.call-btn.mute.active{background:#ef4444;background:var(--color-error)}.search-container{margin-bottom:1.5rem;margin-bottom:var(--space-6);position:relative}.search-input{background:#fff;background:var(--color-white);border:2px solid #e5e7eb;border:2px solid var(--color-gray-200);border-radius:.75rem;border-radius:var(--radius-lg);font-size:1rem;font-size:var(--text-base);padding:1rem 3rem 1rem 1rem;padding:var(--space-4) var(--space-12) var(--space-4) var(--space-4);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:100%}.search-input:focus{border-color:#b5ef77;border-color:var(--color-primary);box-shadow:0 0 0 4px #6366f11a;outline:none}.search-button{background:#b5ef77;background:var(--color-primary);border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#fff;color:var(--color-white);cursor:pointer;padding:.5rem;padding:var(--space-2);position:absolute;right:.5rem;right:var(--space-2);top:50%;transform:translateY(-50%);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.search-button:hover{background:#a0e069;background:var(--color-primary-dark)}.empty-state{color:#6b7280;color:var(--color-gray-500);padding:3rem 1.5rem;padding:var(--space-12) var(--space-6);text-align:center}.empty-state-icon{height:64px;margin:0 auto 1rem;margin:0 auto var(--space-4);opacity:.5;width:64px}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes ripple{0%{opacity:1;transform:translate(-50%,-50%) scale(.8)}to{opacity:0;transform:translate(-50%,-50%) scale(1.2)}}@media (max-width:640px){.app-container{align-items:stretch;justify-content:stretch;min-height:calc(1dvh*100);min-height:calc(var(--vh, 1dvh)*100);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.app-container,.main-card{height:calc(1dvh*100);height:calc(var(--vh, 1dvh)*100)}.main-card{-webkit-backdrop-filter:none;backdrop-filter:none;border:none;border-radius:0;box-shadow:none;margin:0;max-width:100%;min-height:calc(1dvh*100 - env(safe-area-inset-top) - env(safe-area-inset-bottom));min-height:calc(var(--vh, 1dvh)*100 - env(safe-area-inset-top) - env(safe-area-inset-bottom));width:100%}.card-header{padding:1.5rem 1rem 1rem;padding:var(--space-6) var(--space-4) var(--space-4)}.card-body{padding:1rem;padding:var(--space-4)}.logo-container{height:64px;margin-bottom:1rem;margin-bottom:var(--space-4);width:64px}.heading-primary{font-size:1.5rem;font-size:var(--text-2xl)}.user-card{padding:.75rem;padding:var(--space-3)}.user-avatar{height:40px;width:40px}.call-btn{font-size:1.125rem;font-size:var(--text-lg);height:56px;width:56px}.call-controls{gap:.75rem;gap:var(--space-3)}.user-card,[role=button],button{min-height:44px;min-width:44px}.call-btn,.user-card,button{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.card-body,.main-card{-webkit-overflow-scrolling:touch}::-webkit-scrollbar{display:none}*{-webkit-tap-highlight-color:rgba(181,239,119,.2)}}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.text-center{text-align:center}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem;gap:var(--space-2)}.gap-4{gap:1rem;gap:var(--space-4)}.w-full{width:100%}.mb-4{margin-bottom:1rem;margin-bottom:var(--space-4)}.mb-6{margin-bottom:1.5rem;margin-bottom:var(--space-6)}.mt-4{margin-top:1rem;margin-top:var(--space-4)}.mt-6{margin-top:1.5rem;margin-top:var(--space-6)}:focus-visible{outline:2px solid #b5ef77;outline:2px solid var(--color-primary);outline-offset:2px}@keyframes pulse{0%{box-shadow:0 0 0 0 #10b98166}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 0 0 #10b98100}}@keyframes glow{0%,to{box-shadow:0 0 0 2px #10b98133}50%{box-shadow:0 0 0 4px #10b98166}}@keyframes notification-pulse{0%{box-shadow:0 2px 8px #ef44444d;transform:scale(1)}50%{box-shadow:0 4px 12px #ef444466;transform:scale(1.1)}to{box-shadow:0 2px 8px #ef44444d;transform:scale(1)}}@keyframes gridLayoutTransition{0%{opacity:.8;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes participantCardEnter{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes participantCardExit{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.8) translateY(-20px)}}.participant-grid-transition{animation:gridLayoutTransition .3s cubic-bezier(.16,1,.3,1)}.participant-card-enter{animation:participantCardEnter .4s cubic-bezier(.16,1,.3,1)}.participant-card-exit{animation:participantCardExit .3s cubic-bezier(.16,1,.3,1)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=main.84e1183f.css.map*/