.login-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000}.login-background{width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(74,144,226,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(80,227,194,.15) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(245,213,110,.1) 0%,transparent 50%),var(--bg-dark);display:flex;align-items:center;justify-content:center;padding:20px}.login-form-container{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--border-radius-large);box-shadow:var(--glass-shadow);width:100%;max-width:420px;padding:0;overflow:hidden;animation:loginFadeIn .5s var(--ease-natural)}@keyframes loginFadeIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.login-header{text-align:center;padding:40px 40px 30px;background:linear-gradient(135deg,#4a90e21a,#50e3c21a);border-bottom:1px solid var(--glass-border)}.login-logo{font-size:3rem;margin-bottom:15px;animation:logoFloat 3s ease-in-out infinite}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.login-header h1{font-size:1.8rem;font-weight:600;margin-bottom:8px;background:linear-gradient(45deg,var(--accent-blue),var(--accent-green));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-subtitle{color:var(--text-medium);font-size:.9rem;margin:0}.login-form{padding:30px 40px 40px}.auth-tabs{display:flex;background:#ffffff0d;border-radius:8px;padding:4px;margin-bottom:30px}.auth-tab{flex:1;background:none;border:none;color:var(--text-medium);padding:10px 16px;border-radius:6px;cursor:pointer;transition:all var(--transition-medium) var(--ease-natural);font-weight:500;font-size:.9rem}.auth-tab.active{background:var(--accent-blue);color:#fff;transform:translateY(-1px)}.auth-tab:hover:not(.active){background:#ffffff1a;color:var(--text-light)}.input-group{margin-bottom:20px}.login-input{width:100%;padding:14px 16px;background:#ffffff14;border:1px solid var(--glass-border);border-radius:var(--border-radius);color:var(--text-light);font-size:.95rem;transition:all var(--transition-medium) var(--ease-natural);font-family:inherit}.login-input:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #4a90e233;background:#ffffff1f}.login-input::placeholder{color:var(--text-medium)}.login-button{width:100%;padding:14px 20px;border:none;border-radius:var(--border-radius);font-weight:600;font-size:.95rem;cursor:pointer;transition:all var(--transition-medium) var(--ease-natural);display:flex;align-items:center;justify-content:center;gap:8px;font-family:inherit}.login-button.primary{background:var(--accent-blue);color:#fff;margin-bottom:20px}.login-button.primary:hover:not(:disabled){background:#4a90e2e6;transform:translateY(-1px);box-shadow:0 4px 12px #4a90e24d}.login-button.demo{background:#50e3c233;color:var(--accent-green);border:1px solid rgba(80,227,194,.3)}.login-button.demo:hover:not(:disabled){background:#50e3c24d;border-color:var(--accent-green);transform:translateY(-1px)}.login-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.loading-spinner{display:flex;align-items:center;gap:10px}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.error-message{background:#e3505033;color:var(--accent-red);padding:12px 16px;border-radius:var(--border-radius);margin-bottom:20px;font-size:.9rem;border-left:3px solid var(--accent-red)}.divider{text-align:center;margin:20px 0;position:relative}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--glass-border)}.divider span{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);padding:0 15px;color:var(--text-medium);font-size:.85rem;position:relative}.login-footer{text-align:center;margin-top:25px;padding-top:20px;border-top:1px solid var(--glass-border)}.login-footer p{color:var(--text-medium);font-size:.9rem;margin:0}.link-button{background:none;border:none;color:var(--accent-blue);cursor:pointer;text-decoration:underline;margin-left:5px;font-size:inherit;font-family:inherit}.link-button:hover{color:#4a90e2cc}@media (max-width: 768px){.login-form-container{max-width:100%;margin:0 10px}.login-header,.login-form{padding-left:25px;padding-right:25px}.login-header{padding-top:30px;padding-bottom:25px}.login-form{padding-top:25px;padding-bottom:30px}.login-header h1{font-size:1.6rem}}@media (prefers-color-scheme: light){.login-input{background:#0000000d}.login-input:focus{background:#00000014}}@media (prefers-contrast: high){.login-form-container{border:2px solid var(--text-light)}.login-input{border:2px solid var(--text-medium)}.login-button{border:2px solid currentColor}}@media (prefers-reduced-motion: reduce){.login-form-container,.logoFloat,.login-button,.auth-tab,.login-input{animation:none!important;transition:none!important}}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#1a1a1d;color:#f4f4f4;overflow:hidden}#root{height:100%}:root{--glass-bg: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2);--glass-blur: blur(10px);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .3);--border-radius: 12px;--text-light: #f4f4f4;--text-medium: #cccccc;--text-dark: #999999;--bg-dark: #1a1a1d;--bg-medium: #2d2d32;--bg-light: #404047;--accent-blue: #4a90e2;--accent-green: #22c55e;--accent-yellow: #f5d56e;--accent-orange: #f97316;--accent-red: #e35050;--accent-purple: #8b5cf6;--accent-cyan: #06b6d4;--accent-pink: #ec4899;--accent-gray: #6b7280;--transition-fast: .15s;--transition-medium: .3s;--transition-slow: .6s;--ease-natural: cubic-bezier(.25, .46, .45, .94);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55)}.universal-desktop-v2{width:100vw;height:100vh;position:relative;overflow:hidden;background:var(--bg-dark)}.universal-desktop-loading{display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;background:var(--bg-dark)}.loading-content{text-align:center;color:var(--text-light)}.loading-spinner{font-size:3rem;margin-bottom:1rem;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.loading-text{font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.loading-subtext{font-size:.9rem;color:var(--text-medium)}.main-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.canvas-workspace{position:relative;width:100%;height:100%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}html{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}::selection{background:#4a90e24d;color:#f4f4f4}::-moz-selection{background:#4a90e24d;color:#f4f4f4}:focus{outline:2px solid rgba(74,144,226,.5);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){:root{--glass-bg: rgba(255, 255, 255, .9);--glass-border: rgba(255, 255, 255, .8);--text-light: #ffffff;--text-medium: #cccccc}}