.app-container{display:flex;min-height:100vh;background:var(--bg-app)}.main-content{flex-grow:1;margin-left:70px;display:flex;flex-direction:column;min-width:0;overflow-x:hidden;transition:margin-left .3s ease}.app-header{background:linear-gradient(to right,#fff,#fafbfd);height:70px;padding:0 var(--space-8);border-bottom:2px solid transparent;border-image:linear-gradient(to right,var(--primary-light),var(--accent-pink),var(--accent-cyan)) 1;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);gap:var(--space-4)}.header-title{font-size:1.25rem;font-weight:600;color:var(--text-main);margin:0;flex:1;text-align:center}.logout-button{background:linear-gradient(135deg,#fee2e2,#fecaca);color:var(--danger-text);border:1px solid var(--danger-border);padding:.5rem 1.25rem;border-radius:var(--radius-lg);font-size:.875rem;font-weight:500;transition:all .3s ease;box-shadow:var(--shadow-sm)}.logout-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);background:linear-gradient(135deg,#fecaca,#fee2e2)}.header-actions{display:flex;align-items:center}.profile-container{position:relative;padding:var(--space-2)}.profile-icon{width:42px;height:42px;border-radius:50%;background:var(--bg-card);border:2px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;color:var(--primary-main);box-shadow:var(--shadow-sm);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.profile-container:hover .profile-icon{background:var(--primary-light);border-color:var(--primary-main);transform:scale(1.05);box-shadow:var(--shadow-md)}.profile-dropdown{position:absolute;top:100%;right:0;padding-top:var(--space-2);opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s ease;z-index:100}.profile-container:hover .profile-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.logout-button{background:#fff;color:var(--danger-text);border:1px solid var(--danger-border);padding:.75rem 1.5rem;border-radius:var(--radius-lg);font-size:.875rem;font-weight:600;white-space:nowrap;box-shadow:var(--shadow-lg);transition:all .2s ease}.logout-button:hover{background:var(--danger-bg);color:#fff;border-color:var(--danger-text);transform:none}.error-message{background:linear-gradient(135deg,var(--danger-bg) 0%,#fff5f5 100%);color:var(--danger-text);padding:var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-6);font-size:.875rem;border-left:4px solid var(--danger-border);box-shadow:var(--shadow-sm)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}.animated-form{animation:fadeIn .5s ease-out}@media(max-width:1024px){.main-content{margin-left:60px}.app-header{padding:0 var(--space-4);height:64px}.header-title{font-size:1.125rem}}@media(max-width:768px){.app-container{flex-direction:column}.main-content{margin-left:0;margin-top:60px}.app-header{padding:0 var(--space-3);height:60px;position:fixed;width:100%;top:0}.header-title{font-size:1rem}.logout-button{padding:.4rem .75rem;font-size:.75rem}}@media(max-width:480px){.app-header{padding:0 var(--space-2)}.header-title{font-size:.875rem}.logout-button{padding:.35rem .625rem;font-size:.7rem}}.login-outer-wrapper{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-app);padding:var(--space-6);position:relative;overflow:hidden}.login-outer-wrapper:before{content:"";position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(99,102,241,.15) 0%,transparent 70%);border-radius:50%;animation:float 20s ease-in-out infinite}.login-outer-wrapper:after{content:"";position:absolute;bottom:-30%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(236,72,153,.12) 0%,transparent 70%);border-radius:50%;animation:float 15s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-30px) scale(1.05)}}.login-toggle-bar{display:flex;gap:0;margin-bottom:0;background:var(--bg-surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;border:1px solid var(--border-color);border-bottom:none;overflow:hidden;box-shadow:var(--shadow-sm);position:relative;z-index:2}.toggle-btn{padding:var(--space-4) var(--space-8);font-size:.95rem;font-weight:500;background:none;border:none;color:var(--text-body);cursor:pointer;transition:all .3s ease;border-bottom:3px solid transparent;position:relative}.toggle-btn.active{background:linear-gradient(to bottom,var(--bg-surface) 0%,var(--primary-subtle) 100%);color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.toggle-btn:not(.active):hover{background:var(--bg-app);color:var(--text-main)}.login-container{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-colored);padding:var(--space-8);width:440px;max-width:95vw;position:relative;z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-container.animated-form{animation:slideUp .6s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.form-slide{width:100%;opacity:1;transition:opacity .4s ease}.form-slide.in{opacity:1}.form-slide.out{opacity:0;pointer-events:none;position:absolute;top:var(--space-8);left:var(--space-8);right:var(--space-8)}.login-form{width:100%;display:flex;flex-direction:column;gap:var(--space-6)}.login-title{font-size:1.75rem;font-weight:700;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-2);text-align:center}.login-subtitle{font-size:.875rem;color:var(--text-muted);margin-bottom:var(--space-4);text-align:center}.input-group{display:flex;flex-direction:column;gap:var(--space-2)}.input-label{font-size:.875rem;font-weight:500;color:var(--text-body)}.login-input{width:100%;padding:.75rem 1rem;border:2px solid var(--border-color);border-radius:var(--radius-lg);font-size:.95rem;color:var(--text-main);background:var(--bg-surface);transition:all .3s ease;box-sizing:border-box}select.login-input{border-radius:999px}.login-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-light);outline:none}.login-button{width:100%;padding:.875rem;background:var(--primary-gradient);color:var(--text-on-primary);border:none;border-radius:var(--radius-lg);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:var(--space-2);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.login-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.login-button:hover:before{left:100%}.login-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-colored)}.login-button:active{transform:translateY(0)}.login-button:disabled{background:linear-gradient(135deg,var(--text-muted) 0%,#cbd5e1 100%);cursor:not-allowed;transform:none}.error-message{background:linear-gradient(135deg,var(--danger-bg) 0%,#fff5f5 100%);color:var(--danger-text);padding:var(--space-3);border-radius:var(--radius-lg);font-size:.875rem;text-align:center;border-left:4px solid var(--danger-border);animation:shake .5s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.success-message{background:linear-gradient(135deg,var(--success-bg) 0%,#f0fdf4 100%);color:var(--success-text);padding:var(--space-3);border-radius:var(--radius-lg);font-size:.875rem;text-align:center;border-left:4px solid var(--success-border)}@media(max-width:1024px){.login-container{width:400px;padding:var(--space-6)}.login-title{font-size:1.5rem}}@media(max-width:768px){.login-outer-wrapper{padding:var(--space-4)}.login-outer-wrapper:before,.login-outer-wrapper:after{width:400px;height:400px}.login-container{width:100%;max-width:400px;padding:var(--space-6)}.login-title{font-size:1.5rem}.login-subtitle{font-size:.8rem}.login-form{gap:var(--space-4)}.toggle-btn{padding:var(--space-3) var(--space-4);font-size:.875rem}}@media(max-width:480px){.login-outer-wrapper{padding:var(--space-3)}.login-outer-wrapper:before,.login-outer-wrapper:after{width:300px;height:300px}.login-container{padding:var(--space-4);border-radius:var(--radius-lg)}.login-title{font-size:1.25rem}.login-subtitle{font-size:.75rem}.login-input{padding:.625rem .875rem;font-size:.875rem}.login-button{padding:.75rem;font-size:.875rem}.toggle-btn{padding:var(--space-2) var(--space-3);font-size:.8rem}}.invite-page-wrapper{padding:var(--space-8)}.invite-form-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-colored);padding:var(--space-8);animation:slideUp .6s cubic-bezier(.16,1,.3,1)}.invite-header{text-align:center;margin-bottom:var(--space-6)}.invite-title{font-size:1.75rem;font-weight:700;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-2)}.invite-subtitle{font-size:.875rem;color:var(--text-muted);margin:0}.invite-form{margin-bottom:var(--space-6)}.invite-result{background:linear-gradient(135deg,var(--success-bg) 0%,#f0fdf4 100%);border:1px solid var(--success-border);border-radius:var(--radius-lg);padding:var(--space-6);animation:slideUp .4s ease}.result-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--success-border)}.result-header h3{font-size:1.125rem;color:var(--success-text);margin:0}.result-email{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-3);background:#fff;border-radius:var(--radius-md)}.result-label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.result-value{font-weight:600;color:var(--primary)}.result-link{margin-bottom:var(--space-4)}.result-link .result-label{display:block;margin-bottom:var(--space-2)}.link-box{display:flex;gap:var(--space-2);padding:var(--space-3);background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md)}.link-text{flex:1;word-break:break-all;color:var(--primary);font-size:.875rem;text-decoration:none}.link-text:hover{text-decoration:underline}.copy-button{padding:.5rem 1rem;background:var(--primary);color:var(--text-on-primary);border:none;border-radius:var(--radius-md);font-size:.75rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.375rem;transition:all .3s ease;white-space:nowrap}.copy-button:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.copy-button.copied{background:var(--success-bg);color:var(--success-text)}.result-info{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3);background:var(--info-bg);border-radius:var(--radius-md);font-size:.8rem;color:var(--info-text);line-height:1.5}