@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;width:100vw;min-height:100vh;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;width:100vw;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{width:100%}html,body{overflow-x:hidden}.landing-page{min-height:100vh;background:#0a0a0f;color:#fff;font-family:JetBrains Mono,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden;width:100%;max-width:100vw}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1rem 2rem;background:#0a0a0fcc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.05)}.nav-container{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.nav-logo{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;color:#fff}.nav-logo svg{width:28px;height:28px;stroke:#667eea}.nav-links{display:flex;align-items:center;gap:2rem}.nav-links a{color:#ffffffb3;text-decoration:none;font-size:.9rem;transition:color .2s ease}.nav-links a:hover{color:#fff}.nav-login{color:#ffffffe6!important}.nav-cta{background:linear-gradient(135deg,#667eea,#764ba2);padding:.6rem 1.25rem!important;border-radius:8px;color:#fff!important;font-weight:500}.nav-cta:hover{transform:translateY(-1px);box-shadow:0 4px 20px #667eea66}.hero-section{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;padding:8rem 4rem 4rem;max-width:1400px;margin:0 auto;position:relative;overflow:hidden}.hero-background{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}.gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;animation:float 20s ease-in-out infinite}.orb-1{width:600px;height:600px;background:radial-gradient(circle,rgba(102,126,234,.4) 0%,transparent 70%);top:-200px;left:-200px;animation-delay:0s}.orb-2{width:500px;height:500px;background:radial-gradient(circle,rgba(118,75,162,.4) 0%,transparent 70%);top:50%;right:-150px;animation-delay:-7s}.orb-3{width:400px;height:400px;background:radial-gradient(circle,rgba(102,126,234,.3) 0%,transparent 70%);bottom:-100px;left:30%;animation-delay:-14s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.05)}66%{transform:translate(-20px,20px) scale(.95)}}.hero-content{position:relative;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#667eea1a;border:1px solid rgba(102,126,234,.3);border-radius:50px;font-size:.85rem;color:#667eea;margin-bottom:1.5rem}.badge-dot{width:8px;height:8px;background:#667eea;border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.hero-title{font-size:4rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem;letter-spacing:-.02em}.gradient-text{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:1.15rem;color:#fff9;line-height:1.7;margin-bottom:2rem;max-width:540px}.hero-cta{display:flex;gap:1rem;margin-bottom:3rem}.cta-primary{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;font-weight:600;font-size:1rem;text-decoration:none;transition:all .3s ease}.cta-primary svg{width:20px;height:20px;transition:transform .3s ease}.cta-primary:hover{transform:translateY(-2px);box-shadow:0 10px 40px #667eea66}.cta-primary:hover svg{transform:translate(4px)}.cta-secondary{display:inline-flex;align-items:center;padding:1rem 2rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-weight:500;font-size:1rem;text-decoration:none;transition:all .3s ease}.cta-secondary:hover{background:#ffffff1a;border-color:#fff3}.hero-stats{display:flex;align-items:center;gap:2rem}.stat{display:flex;flex-direction:column}.stat-number{font-size:1.75rem;font-weight:700;color:#fff}.stat-label{font-size:.85rem;color:#ffffff80}.stat-divider{width:1px;height:40px;background:#ffffff1a}.hero-visual{position:relative;z-index:1}.app-preview{background:#14141ecc;border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d;transform:perspective(1000px) rotateY(-5deg) rotateX(5deg);transition:transform .5s ease}.app-preview:hover{transform:perspective(1000px) rotateY(0) rotateX(0)}.preview-header{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.05)}.preview-dots{display:flex;gap:6px}.preview-dots span{width:12px;height:12px;border-radius:50%;background:#ffffff1a}.preview-dots span:nth-child(1){background:#ff5f57}.preview-dots span:nth-child(2){background:#ffbd2e}.preview-dots span:nth-child(3){background:#28ca42}.preview-title{font-size:.85rem;color:#ffffff80}.preview-content{display:grid;grid-template-columns:160px 1fr;min-height:300px}.preview-sidebar{padding:1rem;background:#0003;border-right:1px solid rgba(255,255,255,.05)}.preview-category{padding:.6rem .8rem;border-radius:8px;font-size:.8rem;color:#fff9;margin-bottom:.5rem;transition:all .2s ease}.preview-category.active{background:#667eea33;color:#667eea}.preview-main{padding:1rem}.preview-link{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:10px;margin-bottom:.5rem}.link-favicon{font-size:1.25rem}.link-info{flex:1}.link-title{font-size:.85rem;color:#fff;margin-bottom:.2rem}.link-url{font-size:.75rem;color:#fff6}.section-container{max-width:1200px;margin:0 auto;padding:6rem 2rem}.section-header{text-align:center;margin-bottom:4rem}.section-badge{display:inline-block;padding:.4rem 1rem;background:#667eea1a;border:1px solid rgba(102,126,234,.2);border-radius:50px;font-size:.8rem;color:#667eea;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.section-title{font-size:2.75rem;font-weight:700;margin-bottom:1rem;line-height:1.2}.section-description{font-size:1.1rem;color:#fff9;max-width:600px;margin:0 auto;line-height:1.7}.features-section{background:linear-gradient(180deg,#0a0a0f,#0f0f18)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.feature-card{padding:2rem;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:16px;transition:all .3s ease}.feature-card:hover{background:#ffffff0a;border-color:#667eea4d;transform:translateY(-4px)}.feature-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea33,#764ba233);border-radius:12px;margin-bottom:1.25rem}.feature-icon svg{width:24px;height:24px;stroke:#667eea}.feature-title{font-size:1.15rem;font-weight:600;margin-bottom:.75rem;color:#fff}.feature-description{font-size:.9rem;color:#ffffff80;line-height:1.6}.how-section{background:#0a0a0f}.steps-container{display:flex;align-items:flex-start;justify-content:center;gap:1rem}.step{flex:1;max-width:300px;text-align:center;padding:2rem}.step-number{width:56px;height:56px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;font-size:1.5rem;font-weight:700;color:#fff}.step-title{font-size:1.15rem;font-weight:600;margin-bottom:.75rem;color:#fff}.step-description{font-size:.9rem;color:#ffffff80;line-height:1.6}.step-connector{width:80px;height:2px;background:linear-gradient(90deg,#667eea,#764ba2);margin-top:3.5rem;opacity:.5}.pricing-section{background:linear-gradient(180deg,#0f0f18,#0a0a0f)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;align-items:flex-start}.pricing-card{position:relative;padding:2.5rem;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:20px;transition:all .3s ease}.pricing-card:hover{transform:translateY(-4px)}.pricing-card.highlighted{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#667eea66;transform:scale(1.05)}.pricing-card.highlighted:hover{transform:scale(1.05) translateY(-4px)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:.4rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50px;font-size:.75rem;font-weight:600;color:#fff}.plan-header{text-align:center;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.05)}.plan-name{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:#fff}.plan-description{font-size:.85rem;color:#ffffff80;margin-bottom:1.5rem}.plan-price{display:flex;align-items:baseline;justify-content:center;gap:.25rem}.currency{font-size:1.5rem;font-weight:600;color:#ffffffb3}.amount{font-size:3.5rem;font-weight:700;color:#fff;line-height:1}.period{font-size:.9rem;color:#ffffff80}.plan-features{list-style:none;padding:0;margin:0 0 2rem}.plan-features li{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;font-size:.9rem;color:#ffffffb3;border-bottom:1px solid rgba(255,255,255,.03)}.plan-features li:last-child{border-bottom:none}.plan-features svg{width:18px;height:18px;stroke:#28ca42;flex-shrink:0}.plan-cta{display:block;width:100%;padding:1rem;border-radius:12px;font-size:.95rem;font-weight:600;text-align:center;text-decoration:none;transition:all .3s ease}.plan-cta.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.plan-cta.primary:hover{box-shadow:0 10px 40px #667eea66;transform:translateY(-2px)}.plan-cta.secondary{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff}.plan-cta.secondary:hover{background:#ffffff1a}.cta-section{position:relative;padding:6rem 2rem;text-align:center;overflow:hidden}.cta-background{position:absolute;inset:0;pointer-events:none}.orb-cta-1{width:500px;height:500px;background:radial-gradient(circle,rgba(102,126,234,.3) 0%,transparent 70%);top:-200px;left:50%;transform:translate(-50%)}.orb-cta-2{width:400px;height:400px;background:radial-gradient(circle,rgba(118,75,162,.3) 0%,transparent 70%);bottom:-200px;right:20%}.cta-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;position:relative;z-index:1}.cta-description{font-size:1.1rem;color:#fff9;max-width:500px;margin:0 auto 2rem;position:relative;z-index:1}.cta-button{display:inline-flex;align-items:center;gap:.75rem;padding:1.25rem 2.5rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:14px;color:#fff;font-size:1.1rem;font-weight:600;text-decoration:none;position:relative;z-index:1;transition:all .3s ease}.cta-button svg{width:22px;height:22px;transition:transform .3s ease}.cta-button:hover{transform:translateY(-3px);box-shadow:0 15px 50px #667eea80}.cta-button:hover svg{transform:translate(5px)}.landing-footer{background:#050508;border-top:1px solid rgba(255,255,255,.05)}.footer-container{max-width:1200px;margin:0 auto;padding:4rem 2rem 2rem}.footer-main{display:grid;grid-template-columns:1.5fr 2fr;gap:4rem;padding-bottom:3rem;border-bottom:1px solid rgba(255,255,255,.05)}.footer-logo{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:1rem}.footer-logo svg{width:28px;height:28px;stroke:#667eea}.footer-tagline{font-size:.9rem;color:#ffffff80;max-width:280px;line-height:1.6}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.footer-column h4{font-size:.85rem;font-weight:600;color:#fff;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.footer-column a{display:block;font-size:.9rem;color:#ffffff80;text-decoration:none;padding:.4rem 0;transition:color .2s ease}.footer-column a:hover{color:#667eea}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:2rem}.footer-bottom p{font-size:.85rem;color:#fff6}.footer-social{display:flex;gap:1rem}.footer-social a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:10px;color:#ffffff80;transition:all .2s ease}.footer-social a:hover{background:#667eea33;color:#667eea}.footer-social svg{width:18px;height:18px}@media(max-width:1024px){.hero-section{grid-template-columns:1fr;text-align:center;padding:7rem 2rem 4rem}.hero-title{font-size:3rem}.hero-description{margin:0 auto 2rem}.hero-cta,.hero-stats{justify-content:center}.hero-visual{display:none}.features-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}.pricing-card.highlighted{transform:none}.pricing-card.highlighted:hover{transform:translateY(-4px)}.steps-container{flex-direction:column;align-items:center}.step-connector{width:2px;height:40px;margin:0}.footer-main{grid-template-columns:1fr;gap:3rem}}@media(max-width:768px){.nav-links a:not(.nav-cta):not(.nav-login){display:none}.hero-title{font-size:2.25rem}.hero-description{font-size:1rem}.section-title{font-size:2rem}.features-grid{grid-template-columns:1fr}.hero-cta{flex-direction:column;align-items:center}.cta-primary,.cta-secondary{width:100%;justify-content:center}.hero-stats{flex-direction:column;gap:1rem}.stat-divider{width:60px;height:1px}.footer-links{grid-template-columns:repeat(2,1fr)}.footer-bottom{flex-direction:column;gap:1.5rem;text-align:center}}@media(max-width:480px){.nav-container{padding:0}.nav-logo span{display:none}.section-container{padding:4rem 1.5rem}.feature-card{padding:1.5rem}.pricing-card{padding:2rem 1.5rem}}.login-page{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;font-family:JetBrains Mono,monospace;position:relative;overflow:hidden;background:linear-gradient(135deg,#0a0a0f,#1a1a2e,#0f0f1a)}.login-bg-effects{position:absolute;inset:0;overflow:hidden;pointer-events:none}.bg-gradient-1{position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(102,126,234,.15) 0%,transparent 70%);top:-200px;right:-100px;animation:floatGradient1 15s ease-in-out infinite}.bg-gradient-2{position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(118,75,162,.12) 0%,transparent 70%);bottom:-150px;left:-100px;animation:floatGradient2 18s ease-in-out infinite}.bg-gradient-3{position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(46,204,113,.08) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation:floatGradient3 12s ease-in-out infinite}@keyframes floatGradient1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-30px,50px) scale(1.1)}66%{transform:translate(20px,-30px) scale(.95)}}@keyframes floatGradient2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(40px,-40px) scale(1.05)}66%{transform:translate(-20px,30px) scale(1.1)}}.login-container{position:relative;z-index:10;width:100%;max-width:420px;padding:2.5rem;background:linear-gradient(135deg,#191928e6,#0f0f19f2);border:1px solid rgba(255,255,255,.1);border-radius:24px;box-shadow:0 25px 80px #00000080,0 0 40px #667eea1a,inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:containerSlideIn .6s ease-out}.login-header{text-align:center;margin-bottom:2rem}.login-logo{width:70px;height:70px;margin:0 auto 1.25rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 40px #667eea66,inset 0 1px #fff3;animation:logoFloat 3s ease-in-out infinite}.login-logo svg{width:35px;height:35px;color:#fff}.login-header h1{font-size:1.75rem;font-weight:700;margin:0 0 .5rem;background:linear-gradient(135deg,#fff,#a0a0a0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.login-subtitle{margin:0;font-size:.9rem;color:#ffffff80}.login-form{display:flex;flex-direction:column;gap:1.25rem}.login-form .form-group{display:flex;flex-direction:column;gap:.5rem}.login-form label{font-size:.85rem;font-weight:500;color:#ffffffb3;margin-left:.25rem}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:1rem;width:20px;height:20px;color:#fff6;pointer-events:none;transition:color .3s ease;z-index:1}.input-wrapper input{width:100%;padding:.9rem 2.5rem .9rem 4rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:14px;font-family:JetBrains Mono,monospace;font-size:.95rem;color:#fff;outline:none;transition:all .3s ease;box-sizing:border-box}.login-form .form-group .input-wrapper input[type=text]{padding:.9rem 2.5rem .9rem 4rem!important}.input-wrapper input::placeholder{color:#ffffff59}.input-wrapper input:-webkit-autofill,.input-wrapper input:-webkit-autofill:hover,.input-wrapper input:-webkit-autofill:focus,.input-wrapper input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px rgba(30,30,50,1) inset!important;-webkit-text-fill-color:white!important;padding-left:4rem!important;caret-color:#fff;transition:background-color 5000s ease-in-out 0s}.input-wrapper input:focus{border-color:#667eea99;background:#ffffff14;box-shadow:0 0 0 4px #667eea1a,0 5px 20px #0003}.input-wrapper:focus-within .input-icon{color:#667eea}.toggle-password{position:absolute;right:1rem;background:none;border:none;padding:.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.toggle-password svg{width:20px;height:20px;color:#fff6;transition:color .3s ease}.toggle-password:hover svg{color:#ffffffb3}.error-message{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#e74c3c1a;border:1px solid rgba(231,76,60,.3);border-radius:12px;font-size:.85rem;color:#e74c3c;animation:shakeError .5s ease}.error-message svg{width:18px;height:18px;flex-shrink:0}.login-submit{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:1rem;margin-top:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:14px;font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:600;color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 30px #667eea59,inset 0 1px #fff3;position:relative;overflow:hidden}.login-submit:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%);opacity:0;transition:opacity .3s ease}.login-submit:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 15px 40px #667eea73,inset 0 1px #fff3}.login-submit:hover:before{opacity:1}.login-submit:active:not(:disabled){transform:translateY(-1px)}.login-submit:disabled{opacity:.7;cursor:not-allowed}.login-submit svg{width:20px;height:20px;transition:transform .3s ease}.login-submit:hover:not(:disabled) svg{transform:translate(4px)}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.login-footer{text-align:center;margin-top:1.75rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.08)}.login-footer p{margin:0;font-size:.9rem;color:#ffffff80}.login-footer a{color:#667eea;text-decoration:none;font-weight:600;transition:all .3s ease}.login-footer a:hover{color:#8b9eff;text-decoration:underline}.login-decoration{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.5rem}.decoration-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent)}.login-decoration span{font-size:.75rem;color:#ffffff4d;text-transform:uppercase;letter-spacing:2px}@media(max-width:480px){.login-container{margin:1rem;padding:2rem 1.5rem}.login-logo{width:60px;height:60px}.login-logo svg{width:30px;height:30px}.login-header h1{font-size:1.5rem}}.dot-grid{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.dot-grid__wrap{width:100%;height:100%;position:relative}.dot-grid__canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.register-page{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;font-family:JetBrains Mono,monospace;position:relative;overflow:hidden;background:linear-gradient(135deg,#0a0a0f,#1a1a2e,#0f0f1a)}.register-bg-effects{position:absolute;inset:0;overflow:hidden;pointer-events:none}.register-bg-effects .bg-gradient-1{position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(118,75,162,.15) 0%,transparent 70%);top:-200px;left:-100px;animation:floatGradient1 15s ease-in-out infinite}.register-bg-effects .bg-gradient-2{position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(102,126,234,.12) 0%,transparent 70%);bottom:-150px;right:-100px;animation:floatGradient2 18s ease-in-out infinite}.register-bg-effects .bg-gradient-3{position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(46,204,113,.08) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation:floatGradient3 12s ease-in-out infinite}@keyframes floatGradient1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,50px) scale(1.1)}66%{transform:translate(-20px,-30px) scale(.95)}}@keyframes floatGradient2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-40px,-40px) scale(1.05)}66%{transform:translate(20px,30px) scale(1.1)}}@keyframes floatGradient3{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.3);opacity:.8}}.register-container{position:relative;z-index:10;width:100%;max-width:440px;padding:2rem 2.5rem;background:linear-gradient(135deg,#191928e6,#0f0f19f2);border:1px solid rgba(255,255,255,.1);border-radius:24px;box-shadow:0 25px 80px #00000080,0 0 40px #764ba21a,inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:containerSlideIn .6s ease-out}@keyframes containerSlideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.register-header{text-align:center;margin-bottom:1.75rem}.register-logo{width:65px;height:65px;margin:0 auto 1rem;background:linear-gradient(135deg,#764ba2,#667eea);border-radius:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 40px #764ba266,inset 0 1px #fff3;animation:logoFloat 3s ease-in-out infinite}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.register-logo svg{width:32px;height:32px;color:#fff}.register-header h1{font-size:1.6rem;font-weight:700;margin:0 0 .4rem;background:linear-gradient(135deg,#fff,#a0a0a0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.register-subtitle{margin:0;font-size:.85rem;color:#ffffff80}.register-form{display:flex;flex-direction:column;gap:1rem}.register-form .form-group{display:flex;flex-direction:column;gap:.4rem}.register-form label{font-size:.8rem;font-weight:500;color:#ffffffb3;margin-left:.25rem}.register-form .input-wrapper{position:relative;display:flex;align-items:center}.register-form .input-icon{position:absolute;left:1rem;width:18px;height:18px;color:#fff6;pointer-events:none;transition:color .3s ease;z-index:1}.register-form .input-wrapper input{width:100%;padding:.8rem 2.5rem .8rem 4rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;font-family:JetBrains Mono,monospace;font-size:.9rem;color:#fff;outline:none;transition:all .3s ease;box-sizing:border-box}.register-form .form-group .input-wrapper input[type=text],.register-form .form-group .input-wrapper input[type=email]{padding:.8rem 2.5rem .8rem 4rem!important}.register-form .input-wrapper input::placeholder{color:#ffffff59}.register-form .input-wrapper input:-webkit-autofill,.register-form .input-wrapper input:-webkit-autofill:hover,.register-form .input-wrapper input:-webkit-autofill:focus,.register-form .input-wrapper input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px rgba(30,30,50,1) inset!important;-webkit-text-fill-color:white!important;padding-left:4rem!important;caret-color:#fff;transition:background-color 5000s ease-in-out 0s}.register-form .input-wrapper input:focus{border-color:#764ba299;background:#ffffff14;box-shadow:0 0 0 4px #764ba21a,0 5px 20px #0003}.register-form .input-wrapper:focus-within .input-icon{color:#764ba2}.register-form .toggle-password{position:absolute;right:1rem;background:none;border:none;padding:.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.register-form .toggle-password svg{width:18px;height:18px;color:#fff6;transition:color .3s ease}.register-form .toggle-password:hover svg{color:#ffffffb3}.password-strength{display:flex;align-items:center;gap:.75rem;margin-top:.35rem}.strength-bar{display:flex;gap:4px;flex:1}.strength-segment{height:4px;flex:1;background:#ffffff1a;border-radius:2px;transition:background-color .3s ease}.strength-segment.active{background:#667eea}.strength-label{font-size:.7rem;font-weight:500;min-width:70px;text-align:right}.password-match{position:absolute;right:2.75rem;display:flex;align-items:center;justify-content:center;animation:checkPop .3s ease-out}.password-match svg{width:18px;height:18px;color:#2ecc71}@keyframes checkPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.register-form .error-message{display:flex;align-items:center;gap:.5rem;padding:.7rem 1rem;background:#e74c3c1a;border:1px solid rgba(231,76,60,.3);border-radius:10px;font-size:.8rem;color:#e74c3c;animation:shakeError .5s ease}.register-form .error-message svg{width:16px;height:16px;flex-shrink:0}@keyframes shakeError{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.register-submit{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:.9rem;margin-top:.5rem;background:linear-gradient(135deg,#764ba2,#667eea);border:none;border-radius:12px;font-family:JetBrains Mono,monospace;font-size:.95rem;font-weight:600;color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 30px #764ba259,inset 0 1px #fff3;position:relative;overflow:hidden}.register-submit:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%);opacity:0;transition:opacity .3s ease}.register-submit:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 15px 40px #764ba273,inset 0 1px #fff3}.register-submit:hover:before{opacity:1}.register-submit:active:not(:disabled){transform:translateY(-1px)}.register-submit:disabled{opacity:.7;cursor:not-allowed}.register-submit svg{width:20px;height:20px;transition:transform .3s ease}.register-submit:hover:not(:disabled) svg{transform:scale(1.1)}.register-form .spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.register-footer{text-align:center;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.08)}.register-footer p{margin:0;font-size:.85rem;color:#ffffff80}.register-footer a{color:#764ba2;text-decoration:none;font-weight:600;transition:all .3s ease}.register-footer a:hover{color:#9b6dd1;text-decoration:underline}.register-decoration{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.25rem}.register-decoration .decoration-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent)}.register-decoration span{font-size:.7rem;color:#ffffff4d;text-transform:uppercase;letter-spacing:2px}@media(max-width:480px){.register-container{margin:1rem;padding:1.75rem 1.5rem}.register-logo{width:55px;height:55px}.register-logo svg{width:28px;height:28px}.register-header h1{font-size:1.4rem}}.dashboard{display:flex;flex-direction:column;min-height:100vh;font-family:JetBrains Mono,monospace}.dashboard-content{display:flex;flex:1;padding:0 1rem;gap:1rem}nav{display:flex;width:100%;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:transparent;color:#fefefe;position:relative;margin:1rem 0;z-index:100}.nav-left{display:flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#1e1e2de6,#14141ef2);border-radius:20px;border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 32px #0006,inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:.6rem 1.25rem;transition:all .3s ease}.nav-left:hover{border-color:#667eea66;box-shadow:0 8px 32px #0006,0 0 20px #667eea26,inset 0 1px #ffffff1a}.logo-icon{width:32px;height:32px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #667eea66}.logo-icon svg{width:18px;height:18px;color:#fff}.nav-left h1{font-family:JetBrains Mono,monospace;font-size:1.25rem;font-weight:600;margin:0;background:linear-gradient(135deg,#fff,#a0a0a0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.nav-center{display:flex;justify-content:center;padding:.5rem 1rem}.search-input{width:350px;padding:.65rem 1.25rem;border:1px solid rgba(255,255,255,.12);border-radius:16px;font-family:JetBrains Mono,monospace;font-size:.95rem;outline:none;background:linear-gradient(135deg,#1e1e2de6,#14141ef2);color:#fff;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s ease}.search-input:focus{border-color:#667eea80;box-shadow:0 8px 32px #0000004d,0 0 25px #667eea33,inset 0 1px #ffffff14}.search-input::placeholder{color:#ffffff80}.nav-right{display:flex;align-items:center;background:linear-gradient(135deg,#1e1e2de6,#14141ef2);border-radius:20px;border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 32px #0006,inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:.5rem .75rem;transition:all .3s ease}.nav-right:hover{border-color:#667eea66}.user-section{position:relative;display:flex;align-items:center;gap:.6rem}.user-avatar{width:36px;height:36px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:#fff;cursor:pointer;box-shadow:0 4px 15px #667eea4d;transition:all .3s ease}.user-avatar:hover{transform:scale(1.05);box-shadow:0 6px 20px #667eea80}.user-info{display:flex;flex-direction:column;cursor:pointer}.username{font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:600;color:#fff;margin:0;line-height:1.2}.user-status{display:flex;align-items:center;gap:.35rem;font-size:.7rem;color:#ffffff80}.status-dot{width:6px;height:6px;background:#2ecc71;border-radius:50%;box-shadow:0 0 8px #2ecc7199;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.menu-toggle{background:#ffffff1a;border:none;border-radius:8px;padding:.35rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;margin-left:.25rem}.menu-toggle:hover{background:#fff3}.menu-toggle svg{width:16px;height:16px;color:#ffffffb3;transition:transform .3s ease}.menu-toggle svg.rotated{transform:rotate(180deg)}.user-menu{position:absolute;top:calc(100% + 12px);right:0;background:linear-gradient(135deg,#1e1e2d,#14141e);border:1px solid rgba(255,255,255,.12);border-radius:16px;box-shadow:0 20px 50px #00000080,inset 0 1px #ffffff1a;-webkit-backdrop-filter:none;backdrop-filter:none;min-width:220px;z-index:1000;overflow:hidden;animation:menuSlideIn .25s ease-out;pointer-events:auto}@keyframes menuSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.menu-header{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#ffffff08}.menu-avatar{width:42px;height:42px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;color:#fff}.menu-user-info{display:flex;flex-direction:column}.menu-username{font-size:.95rem;font-weight:600;color:#fff}.menu-email{font-size:.75rem;color:#ffffff80}.menu-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);margin:.25rem 0}.menu-btn{width:100%;display:flex;align-items:center;gap:.75rem;background:none;border:none;padding:.75rem 1rem;text-align:left;font-family:JetBrains Mono,monospace;font-size:.85rem;color:#fffc;cursor:pointer;transition:all .2s ease}.menu-btn svg{width:18px;height:18px;opacity:.7}.menu-btn:hover{background:#ffffff14;color:#fff}.menu-btn:hover svg{opacity:1}.menu-btn.logout{color:#e74c3c}.menu-btn.logout:hover{background:#e74c3c26}.login-btn{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;padding:.6rem 1rem;font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.login-btn svg{width:18px;height:18px}.login-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea80}@keyframes dropIn{0%{opacity:0;transform:translateY(-100px)}20%{opacity:1;transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(0)}80%{transform:translateY(-10px)}to{transform:translateY(0)}}nav.initial-drop .nav-left,nav.initial-drop .nav-center,nav.initial-drop .nav-right{animation-name:dropIn;animation-duration:1.2s;animation-fill-mode:both;animation-timing-function:ease-out}nav.initial-drop .nav-left{animation-delay:.1s}nav.initial-drop .nav-center{animation-delay:.2s}nav.initial-drop .nav-right{animation-delay:.3s}.search-container{position:relative}.add-link-dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:.5rem;background:#1e1e28f2;border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:1rem;min-width:320px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 15px 40px #0006;z-index:100}.add-link-prompt{color:#ccc;font-size:.85rem;margin:0 0 .75rem}.add-link-input,.add-link-select{width:100%;padding:.5rem .75rem;margin-bottom:.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-family:JetBrains Mono,monospace;font-size:.9rem}.add-link-select option{background:#1e1e28;color:#fff}.add-link-tags{margin:.5rem 0}.tags-label{font-size:.8rem;color:#aaa}.tags-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.tag-option{padding:.25rem .5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;font-size:.75rem;color:#ccc;cursor:pointer;transition:all .2s ease}.tag-option:hover{background:#fff3}.tag-option.selected{background:#667eea;border-color:#667eea;color:#fff}.add-link-btn{width:100%;padding:.5rem;margin-top:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;font-family:JetBrains Mono,monospace;font-size:.9rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.add-link-btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px #667eea66}.sidebar-left{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1rem .5rem;min-width:60px}.sidebar-item{position:relative;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.sidebar-item.dragging{opacity:.5;transform:scale(.95)}.sidebar-item.drag-over{transform:translateY(8px)}.sidebar-item.drag-over:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);width:30px;height:3px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px}.sidebar-circle{width:45px;height:45px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;font-weight:500;transition:all .3s ease}.sidebar-circle:hover{transform:scale(1.1);background:#fff3}.sidebar-item.active .sidebar-circle{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent}.sidebar-circle img{width:24px;height:24px;border-radius:4px}.add-item .sidebar-circle{border-style:dashed}.sidebar-tooltip{position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);background:#1e1e28f2;border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:.75rem 1rem;min-width:150px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 10px 30px #0000004d;z-index:50;white-space:nowrap}.sidebar-tooltip strong{color:#fff;display:block;margin-bottom:.25rem}.sidebar-tooltip p{color:#aaa;font-size:.8rem;margin:0}.nsfw-badge{background:#e74c3c;color:#fff;padding:.1rem .4rem;border-radius:4px;font-size:.65rem;margin-top:.25rem;display:inline-block}.link-count{color:#888;font-size:.75rem}.sidebar-separator{width:30px;height:1px;background:#fff3;margin:.5rem 0}.collection-circle{border-radius:12px}.link-list{flex:1;display:flex;flex-direction:column;gap:.75rem;padding:1rem 0;overflow-y:auto;overflow-x:hidden;max-height:calc(100vh - 120px)}.link-list.loading{align-items:center;justify-content:center}.loader{color:#aaa;font-size:1rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:#888}.empty-state p{margin:0;font-size:1.1rem}.empty-state span{font-size:.85rem;margin-top:.5rem}.link-card{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;cursor:pointer;transition:all .3s ease;position:relative}.link-card:hover{background:#ffffff1a;transform:translate(5px);box-shadow:0 5px 20px #0003}.link-card.nsfw{border-color:#e74c3c4d}.link-card.dragging{opacity:.5;transform:scale(.98);box-shadow:0 10px 40px #667eea4d}.link-card.drag-over{border-color:#667eea99;background:#667eea1a}.link-card.drag-over:before{content:"";position:absolute;top:-4px;left:10%;right:10%;height:3px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px}.link-drag-handle{display:flex;align-items:center;justify-content:center;width:20px;color:#555;font-size:1rem;cursor:grab;opacity:0;transition:opacity .2s ease;-webkit-user-select:none;user-select:none}.link-card:hover .link-drag-handle{opacity:1}.link-drag-handle:active{cursor:grabbing}.link-favicon{width:50px;height:50px;border-radius:10px;background:#ffffff1a;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.link-favicon img{width:100%;height:100%;object-fit:cover}.favicon-placeholder{font-size:1.5rem;color:#888;font-weight:600}.link-content{flex:1;min-width:0}.link-title{margin:0;font-size:1rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-description{margin:.25rem 0 0;font-size:.8rem;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.link-tags{display:flex;gap:.25rem}.tag{padding:.15rem .4rem;background:#667eea33;border-radius:8px;font-size:.65rem;color:#a0b0ff}.tag.more{background:#ffffff1a;color:#888}.nsfw-indicator{background:#e74c3c;color:#fff;padding:.1rem .4rem;border-radius:4px;font-size:.6rem}.link-options-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:8px;cursor:pointer;opacity:0;transition:all .2s ease;flex-shrink:0;margin-left:.5rem}.link-options-btn.visible{opacity:1}.link-options-btn:hover{background:#ffffff26}.link-options-btn .dots{font-size:1.4rem;color:#999;line-height:1;font-weight:700}.link-options-btn:hover .dots{color:#fff}.sidebar-right{display:flex;flex-direction:column;min-width:160px;max-width:180px;padding:.75rem .5rem;gap:.75rem}.filter-header{display:flex;justify-content:space-between;align-items:center;padding:0 .25rem}.filter-title{font-size:.85rem;font-weight:600;color:#ccc}.clear-filters-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:#e74c3c33;border:1px solid rgba(231,76,60,.4);border-radius:6px;color:#e74c3c;font-size:.7rem;cursor:pointer;transition:all .2s ease}.clear-filters-btn:hover{background:#e74c3c4d;transform:scale(1.1)}.filter-tabs{display:flex;gap:.25rem;background:#ffffff0d;border-radius:10px;padding:.2rem}.filter-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.3rem;padding:.4rem .5rem;background:transparent;border:none;border-radius:8px;color:#888;font-family:inherit;font-size:.7rem;cursor:pointer;transition:all .2s ease}.filter-tab:hover{color:#ccc;background:#ffffff0d}.filter-tab.active{background:linear-gradient(135deg,#667eea4d,#764ba24d);color:#fff}.filter-badge{display:flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 .25rem;background:#667eea99;border-radius:8px;font-size:.6rem;font-weight:600;color:#fff}.filter-list{display:flex;flex-direction:column;gap:.4rem;max-height:250px;overflow-y:auto;padding-right:.25rem}.filter-list::-webkit-scrollbar{width:4px}.filter-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:2px}.filter-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.empty-filters{color:#666;font-size:.75rem;text-align:center;padding:1rem .5rem}.filter-item{display:flex;justify-content:space-between;align-items:center;padding:.4rem .6rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;cursor:pointer;transition:all .2s ease}.filter-item:hover{background:#ffffff1a}.filter-item.active{background:linear-gradient(135deg,#667eea4d,#764ba24d);border-color:#667eea80}.filter-item.tag-item{border-left:3px solid rgba(102,126,234,.5)}.filter-item.tag-item.active{border-left-color:#667eea}.filter-name{font-size:.72rem;color:#ccc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.filter-count{font-size:.6rem;color:#888;background:#ffffff1a;padding:.1rem .3rem;border-radius:6px}.active-filters{display:flex;flex-direction:column;gap:.4rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.1)}.active-filters-label{font-size:.65rem;color:#888;text-transform:uppercase;letter-spacing:.5px}.active-filters-list{display:flex;flex-wrap:wrap;gap:.3rem}.active-filter-chip{display:flex;align-items:center;gap:.25rem;padding:.2rem .5rem;background:#667eea33;border:1px solid rgba(102,126,234,.4);border-radius:12px;font-size:.6rem;color:#a0b0ff;cursor:pointer;transition:all .2s ease}.active-filter-chip:hover{background:#e74c3c33;border-color:#e74c3c66;color:#e74c3c}.active-filter-chip.tag-chip{background:#764ba233;border-color:#764ba266;color:#c4a0ff}.active-filter-chip.tag-chip:hover{background:#e74c3c33;border-color:#e74c3c66;color:#e74c3c}.domain-list{display:flex;flex-direction:column;gap:.5rem}.empty-domains{color:#666;font-size:.8rem;text-align:center;padding:1rem}.domain-item{display:flex;justify-content:space-between;align-items:center;padding:.4rem .6rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;cursor:pointer;transition:all .2s ease}.domain-item:hover{background:#ffffff1a}.domain-item.active{background:linear-gradient(135deg,#667eea4d,#764ba24d);border-color:#667eea80}.domain-name{font-size:.75rem;color:#ccc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.domain-count{font-size:.65rem;color:#888;background:#ffffff1a;padding:.1rem .3rem;border-radius:6px}.context-menu{background:#1e1e28fa;border:1px solid rgba(255,255,255,.15);border-radius:10px;box-shadow:0 10px 40px #00000080;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);min-width:160px;padding:.4rem 0;animation:contextMenuFadeIn .15s ease-out}@keyframes contextMenuFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.context-menu-item{display:flex;align-items:center;gap:.6rem;width:100%;padding:.5rem 1rem;background:none;border:none;color:#ddd;font-family:JetBrains Mono,monospace;font-size:.85rem;cursor:pointer;text-align:left;transition:background-color .15s ease}.context-menu-item:hover{background:#ffffff1a}.context-menu-item.danger{color:#e74c3c}.context-menu-item.danger:hover{background:#e74c3c26}.context-menu-icon{font-size:1rem}.context-menu-separator{height:1px;background:#ffffff1a;margin:.3rem 0}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:500;animation:modalBackdropFadeIn .2s ease-out}@keyframes modalBackdropFadeIn{0%{opacity:0}to{opacity:1}}.modal{background:#191923fa;border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 25px 60px #00000080;width:90%;max-width:500px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;animation:modalSlideIn .25s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h2{margin:0;font-size:1.2rem;font-family:JetBrains Mono,monospace;color:#fff}.modal-close{background:none;border:none;color:#888;font-size:1.8rem;cursor:pointer;padding:0;line-height:1;transition:color .2s ease}.modal-close:hover{color:#fff}.modal-content{padding:1.5rem;overflow-y:auto}.link-edit-form,.category-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-group label{font-size:.85rem;color:#aaa;font-family:JetBrains Mono,monospace}.form-group input[type=text],.form-group input[type=url],.form-group select,.form-group textarea{padding:.6rem .8rem;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;font-family:JetBrains Mono,monospace;font-size:.9rem;transition:border-color .2s ease,background-color .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea;background:#ffffff1f}.form-group select option{background:#1e1e28;color:#fff}.form-group textarea{resize:vertical;min-height:60px}.checkbox-group{flex-direction:row;align-items:center}.checkbox-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:#ccc}.checkbox-group input[type=checkbox]{width:18px;height:18px;accent-color:#667eea}.tags-selector{display:flex;flex-wrap:wrap;gap:.5rem}.tags-selector .tag-option,.links-selector .link-option{padding:.3rem .6rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:8px;font-size:.8rem;color:#ccc;cursor:pointer;transition:all .2s ease}.tags-selector .tag-option:hover,.links-selector .link-option:hover{background:#fff3}.tags-selector .tag-option.selected,.links-selector .link-option.selected{background:#667eea;border-color:#667eea;color:#fff}.no-tags{color:#666;font-size:.8rem;font-style:italic}.links-selector{display:flex;flex-direction:column;gap:.4rem;max-height:200px;overflow-y:auto}.link-option{display:flex;justify-content:space-between;align-items:center}.link-option-name{font-size:.85rem}.link-option-domain{font-size:.7rem;color:#888}.color-picker{display:flex;align-items:center;gap:.75rem}.color-picker input[type=color]{width:40px;height:40px;border:none;border-radius:8px;cursor:pointer;background:none}.color-picker input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-picker input[type=color]::-webkit-color-swatch{border-radius:8px;border:2px solid rgba(255,255,255,.2)}.color-value{font-family:JetBrains Mono,monospace;font-size:.85rem;color:#aaa}.btn-random-color{background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:.4rem .6rem;font-size:1rem;cursor:pointer;transition:background-color .2s ease}.btn-random-color:hover{background:#fff3}.form-actions{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.form-actions-right{display:flex;gap:.75rem}.btn-cancel{padding:.6rem 1.2rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#ccc;font-family:JetBrains Mono,monospace;font-size:.9rem;cursor:pointer;transition:all .2s ease}.btn-cancel:hover{background:#fff3}.btn-save{padding:.6rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;font-family:JetBrains Mono,monospace;font-size:.9rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.btn-save:hover{transform:translateY(-2px);box-shadow:0 5px 20px #667eea66}.btn-delete{padding:.6rem 1.2rem;background:#e74c3c26;border:1px solid rgba(231,76,60,.3);border-radius:8px;color:#e74c3c;font-family:JetBrains Mono,monospace;font-size:.9rem;cursor:pointer;transition:all .2s ease}.btn-delete:hover{background:#e74c3c40;border-color:#e74c3c80}.mobile-toggle-buttons{display:none;padding:0 1rem;gap:.75rem}.mobile-toggle-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:#1e1e2dcc;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#ffffffb3;font-family:JetBrains Mono,monospace;font-size:.85rem;cursor:pointer;transition:all .2s ease}.mobile-toggle-btn svg{width:18px;height:18px}.mobile-toggle-btn.active{background:linear-gradient(135deg,#667eea4d,#764ba24d);border-color:#667eea80;color:#fff}.mobile-toggle-btn:hover{border-color:#667eea66;color:#fff}.mobile-overlay,.mobile-panel-backdrop,.mobile-close-btn{display:none}.sidebar-wrapper,.filters-wrapper{display:contents}@media(max-width:1024px){.dashboard-content{gap:.5rem}.filter-panel{width:200px;min-width:200px}.sidebar{width:220px;min-width:220px}}@media(max-width:768px){.mobile-toggle-buttons{display:flex}.mobile-close-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem;margin-bottom:.75rem;background:linear-gradient(135deg,#e74c3c26,#c0392b26);border:1px solid rgba(231,76,60,.3);border-radius:12px;color:#e74c3c;font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.mobile-close-btn svg{width:18px;height:18px}.mobile-close-btn:hover,.mobile-close-btn:active{background:linear-gradient(135deg,#e74c3c40,#c0392b40);border-color:#e74c3c80}.mobile-panel-backdrop{display:block;position:fixed;inset:0;background:#0009;z-index:99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-tap-highlight-color:transparent;cursor:pointer}.dashboard{padding-bottom:0}.dashboard-content{flex-direction:column;padding:0;gap:0;position:relative}nav{padding:.75rem 1rem;margin:.5rem 0;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:.75rem;align-items:center}.nav-left{grid-column:1;grid-row:1}.nav-left h1{font-size:1rem;display:block}.logo-icon{width:28px;height:28px}.nav-center{grid-column:1 / -1;grid-row:2;width:100%}.nav-center .search-bar{width:100%;max-width:none}.nav-center .search-input{width:100%}.nav-right{grid-column:2;grid-row:1;gap:.5rem;padding:.4rem .6rem}.user-info,.menu-toggle{display:none}.user-avatar{width:32px;height:32px;font-size:.8rem}.sidebar-wrapper{display:block;position:fixed;top:0;left:0;width:280px;height:100vh;z-index:100;transform:translate(-100%);transition:transform .3s ease}.sidebar-wrapper.mobile-visible{transform:translate(0)}.sidebar-wrapper .sidebar{width:100%;height:100%;min-width:unset;border-radius:0;border-left:none;border-top:none;border-bottom:none;margin:0}.filters-wrapper{display:block;position:fixed;top:0;right:0;width:280px;height:100vh;z-index:100;transform:translate(100%);transition:transform .3s ease}.filters-wrapper.mobile-visible{transform:translate(0)}.filters-wrapper .filter-panel{width:100%;height:100%;min-width:unset;border-radius:0;border-right:none;border-top:none;border-bottom:none;margin:0}.link-list{width:100%;padding:1rem;margin:0;border-radius:0;min-height:calc(100vh - 180px)}.link-list-header{flex-direction:column;align-items:flex-start;gap:.5rem}.link-list-header h2{font-size:1.1rem}.link-item{padding:.75rem}.link-drag-handle{display:none}.link-favicon{width:32px;height:32px}.link-title{font-size:.9rem}.link-url{font-size:.75rem}.link-description{font-size:.8rem;-webkit-line-clamp:2}.link-tags{flex-wrap:wrap}.link-tag{font-size:.7rem;padding:.2rem .5rem}.search-bar{padding:0 1rem;margin-bottom:.5rem}.search-bar input{font-size:.9rem;padding:.7rem 1rem .7rem 2.5rem}.add-link-btn{padding:.7rem 1rem;font-size:.85rem}.add-link-btn span{display:none}.modal-content{width:95%;max-width:95%;margin:1rem;max-height:90vh}.modal-body{padding:1rem}.form-group input,.form-group select,.form-group textarea{font-size:16px}.link-options-btn{opacity:1}}@media(max-width:480px){nav{padding:.5rem .75rem}.nav-left{padding:.4rem .75rem}.nav-left h1{display:none}.mobile-toggle-buttons{padding:0 .75rem}.mobile-toggle-btn{padding:.6rem .75rem;font-size:.8rem}.mobile-toggle-btn span{display:none}.sidebar-wrapper,.filters-wrapper{width:100%}.link-list{padding:.75rem}.link-item{padding:.6rem}.link-info{min-width:0}.link-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-meta{flex-direction:column;align-items:flex-start;gap:.25rem}.search-bar{flex-direction:column;gap:.5rem}.search-bar input{width:100%}.add-link-btn{width:100%;justify-content:center}.add-link-btn span{display:inline}}