body{background-color:#fff;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.welcome-screen{align-items:center;background:linear-gradient(135deg,#2d3561,#1a1f3a);display:flex;height:100vh;justify-content:center;left:0;opacity:1;position:fixed;top:0;transition:opacity .5s ease-out;width:100vw;z-index:9999}.welcome-screen.fade-out{opacity:0}.welcome-content{color:#f7fafc;max-width:500px;padding:2rem;text-align:center}.welcome-logo{margin-bottom:2rem}.logo-animation{height:120px}.welcome-title{-webkit-text-fill-color:#0000;animation:titleSlideIn 1s ease-out .3s both;background:linear-gradient(135deg,#f7fafc,#e2e8f0);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;margin-bottom:1rem}.welcome-subtitle{animation:subtitleSlideIn 1s ease-out .6s both;color:#cbd5e0;font-size:1.25rem;margin-bottom:3rem}.loading-message{animation:messageSlideIn 1s ease-out .9s both;color:#a0aec0}.thank-you-message{animation:thankYouSlideIn 1s ease-out 1.2s both;color:#718096;font-size:.9rem;font-style:italic}@media (max-width:768px){.welcome-content{padding:1rem}.welcome-title{font-size:2.5rem}.welcome-subtitle{font-size:1.1rem}.logo-animation{height:100px;width:100px}}@media (max-width:480px){.welcome-title{font-size:2rem}.welcome-subtitle{font-size:1rem}.logo-animation{height:80px;width:80px}}.deletion-screen{align-items:center;background:linear-gradient(135deg,#2d3561,#1a1f3a);display:flex;height:100vh;justify-content:center;left:0;opacity:1;position:fixed;top:0;transition:opacity .5s ease-out;width:100vw;z-index:9999}.deletion-screen.fade-out{opacity:0}.deletion-content{color:#f7fafc;max-width:500px;padding:2rem;text-align:center}.deletion-logo{margin-bottom:2rem}.deletion-screen .logo-animation{animation:logoFloat 3s ease-in-out infinite;filter:drop-shadow(0 10px 30px rgba(95,114,191,.3));height:120px;width:120px}.deletion-title{-webkit-text-fill-color:#0000;animation:titleSlideIn 1s ease-out .3s both;background:linear-gradient(135deg,#fc8181,#e53e3e);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;margin-bottom:1rem}.deletion-subtitle{animation:subtitleSlideIn 1s ease-out .6s both;color:#cbd5e0;font-size:1.25rem;margin-bottom:3rem}.deletion-screen .loading-section{margin-bottom:2rem}.deletion-screen .loading-dots{align-items:center;display:flex;gap:8px;justify-content:center;margin-bottom:1rem}.deletion-screen .dot{animation:dotPulse 1.5s ease-in-out infinite;background:#5f72bf;border-radius:50%;height:12px;width:12px}.deletion-screen .dot-1{animation-delay:0s}.deletion-screen .dot-2{animation-delay:.3s}.deletion-screen .dot-3{animation-delay:.6s}.deletion-screen .loading-message{animation:messageSlideIn 1s ease-out .9s both;color:#a0aec0;font-size:1rem;font-weight:500}.deletion-screen .thank-you-message{animation:thankYouSlideIn 1s ease-out 1.2s both;color:#718096;font-size:.9rem;font-style:italic}@keyframes thankYouSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.deletion-content{padding:1rem}.deletion-title{font-size:2.5rem}.deletion-subtitle{font-size:1.1rem}.deletion-screen .logo-animation{height:100px;width:100px}}@media (max-width:480px){.deletion-title{font-size:2rem}.deletion-subtitle{font-size:1rem}.deletion-screen .logo-animation{height:80px;width:80px}}.floating-registration-btn{animation:floatingPulse 3s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ff6b6b,#ff8e53);border:none;border-radius:50px;bottom:30px;box-shadow:0 8px 25px #ff6b6b66,0 4px 12px #00000026;cursor:pointer;padding:16px 24px;position:fixed;right:30px;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000}.floating-registration-btn:hover{background:linear-gradient(135deg,#ff5252,#ff7043);box-shadow:0 12px 35px #ff6b6b80,0 6px 20px #0003;transform:translateY(-3px) scale(1.05)}.floating-registration-btn:active{transform:translateY(-1px) scale(1.02);transition:all .1s cubic-bezier(.4,0,.2,1)}.floating-btn-content{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:600;gap:8px;white-space:nowrap}.floating-btn-icon{align-items:center;background:#fff3;border-radius:50%;display:inline-flex;font-size:12px;font-weight:700;height:20px;justify-content:center;width:20px}.floating-btn-text{line-height:1}@keyframes floatingPulse{0%,to{box-shadow:0 8px 25px #ff6b6b66,0 4px 12px #00000026}50%{box-shadow:0 10px 30px #ff6b6b99,0 5px 15px #0003}}@media (max-width:768px){.floating-registration-btn{bottom:20px;padding:14px 20px;right:20px}.floating-btn-content{font-size:13px;gap:6px}.floating-btn-icon{font-size:11px;height:18px;width:18px}}@media (max-width:480px){.floating-registration-btn{bottom:15px;padding:12px 16px;right:15px}.floating-btn-content{font-size:12px}.floating-btn-text{display:none}.floating-btn-icon{font-size:14px;height:24px;width:24px}}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}@media (min-width:1400px){html{font-size:18px}}@media (min-width:1600px){html{font-size:20px}}@media (max-width:1024px){html{font-size:15px}}@media (max-width:768px){html{font-size:14px}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#20284c;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;overflow-x:hidden}.App{min-height:100vh;position:relative}.main-content{position:relative;z-index:1}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#5f72bf,#20284c);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#20284c,#515773)}button{border:none;cursor:pointer;font-family:inherit;outline:none}button:focus{outline:2px solid #5f72bf;outline-offset:2px}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{color:#20284c;font-weight:600;line-height:1.2}p{color:#515773;line-height:1.6}.container{margin:0 auto;max-width:1200px;padding:0 20px}.text-center{text-align:center}.section-spacing{padding:80px 0}.fade-in{animation:fadeIn .6s ease-in-out}@media (max-width:768px){html{font-size:14px}.section-spacing{padding:60px 0}}@media (max-width:480px){html{font-size:13px}.section-spacing{padding:40px 0}.container{padding:0 15px}}:focus{outline:2px solid #5f72bf;outline-offset:2px}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}.header{background:linear-gradient(135deg,#20284c,#515773);box-shadow:0 2px 20px #20284c4d;left:0;padding:0;position:fixed;right:0;top:0;z-index:1000}.header-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:15px 20px}.logo-section{align-items:center;display:flex;gap:15px}.logo{cursor:pointer;margin-right:15px}.logo-image{height:40px;transition:transform .3s ease;width:auto}.logo-image:hover{transform:scale(1.05)}.nav-menu{align-items:center;display:flex;gap:35px}.nav-link{background:none;border:none;color:#fefeffcc;cursor:pointer;font-family:inherit;font-size:16px;font-weight:500;padding:8px 0;position:relative;text-decoration:none;transition:color .3s ease}.nav-link.active,.nav-link:hover{color:#fefeff}.nav-link.active:after{background:#5f72bf;border-radius:1px;bottom:-5px;content:"";height:2px;left:0;position:absolute;right:0}.nav-link:focus{color:#fefeff;outline:none}.header-actions{gap:15px}.header-actions,.login-btn{align-items:center;display:flex}.login-btn{background:#fefeff1a;border:1px solid #fefeff33;border-radius:10px;color:#fefeff;cursor:pointer;font-size:1rem;font-weight:700;gap:8px;letter-spacing:.025em;padding:12px 20px;transition:all .3s ease}.login-btn:hover{background:#fefeff33;border-color:#fefeff4d}.login-icon{font-size:14px}.download-btn{background:linear-gradient(135deg,#5f72bf,#20284c);border:none;border-radius:10px;box-shadow:0 2px 8px #0000001a;color:#fefeff;cursor:pointer;font-size:1rem;font-weight:700;letter-spacing:.025em;padding:12px 24px;transition:all .3s ease}.download-btn:hover{box-shadow:0 8px 20px #5f72bf66;transform:translateY(-2px)}@media (max-width:768px){.nav-menu{display:none}.header-container{padding:12px 15px}.logo-image{height:32px}.download-btn,.login-btn{font-size:14px;padding:8px 16px}.logo-section{gap:10px}.login-btn-left{font-size:12px;gap:4px;padding:6px 12px}.user-info-left .user-avatar-small{height:20px;width:20px}.user-info-left .dashboard-link,.user-info-left .logout-link{font-size:11px;padding:4px 8px}}.user-info{align-items:center;display:flex;gap:10px}.user-avatar-small{border:2px solid #fefeff4d;border-radius:50%;height:28px;width:28px}.dashboard-link,.logout-link{background:#fefeff1a;border:1px solid #fefeff4d;border-radius:8px;color:#fefeff;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .3s ease}.dashboard-link:hover,.logout-link:hover{background:#fefeff33;border-color:#fefeff80;transform:translateY(-1px)}.logout-link{background:#ff64641a;border-color:#ff64644d}.logout-link:hover{background:#ff646433;border-color:#ff646480}.auth-loading{height:34px;width:80px}.login-btn-left{align-items:center;background:#fefeff1a;border:1px solid #fefeff33;border-radius:6px;color:#fefeff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.login-btn-left:hover{background:#fefeff33;border-color:#fefeff4d;transform:translateY(-1px)}.user-info-left{align-items:center;display:flex;gap:8px}.user-info-left .user-avatar-small{border:2px solid #fefeff4d;border-radius:50%;height:24px;width:24px}.user-info-left .dashboard-link{border-radius:6px;font-size:13px;padding:6px 12px}.hero-section{background:linear-gradient(135deg,#20284c,#515773);color:#fefeff;min-height:auto;overflow:hidden;padding:120px 0 80px;position:relative}.hero-section:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='1' fill='rgba(254,254,255,0.1)'/%3E%3C/svg%3E") repeat;background-size:50px 50px;bottom:0;content:"";left:0;opacity:.3;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.hero-container{margin:0 auto;max-width:1200px;padding:0 20px;position:relative;width:100%;z-index:2}.hero-content{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr;width:100%}.hero-text{width:100%}.hero-title{color:#fefeff;font-size:4rem;font-weight:900;letter-spacing:-.02em;line-height:1.1;margin:0 0 10px}.hero-subtitle{color:#5f72bf;font-size:1.5rem;font-weight:600;margin:0 0 30px}.hero-description{color:#fefeff;font-size:1.1rem;line-height:1.7;margin:0 0 40px;text-align:justify}.hero-buttons{display:flex;flex-wrap:wrap;gap:20px}.download-app-btn{background:linear-gradient(135deg,#5f72bf,#20284c);border:none;border-radius:10px;box-shadow:0 2px 8px #0000001a;color:#fefeff;cursor:pointer;font-size:1rem;font-weight:700;letter-spacing:.025em;padding:16px 24px;position:relative;transition:all .3s ease;-webkit-user-select:none;user-select:none;z-index:5}.download-app-btn:hover{box-shadow:0 8px 20px #5f72bf66;transform:translateY(-2px)}.watch-demo-btn{align-items:center;background:#0000;border:2px solid #5f72bf;border-radius:10px;color:#5f72bf;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:10px;justify-content:center;letter-spacing:.025em;padding:14px 22px;position:relative;transition:all .3s ease;-webkit-user-select:none;user-select:none;z-index:5}.watch-demo-btn:hover{background:#5f72bf;color:#fefeff;transform:translateY(-2px)}.play-icon{font-size:.9rem}.hero-image{width:100%}.hero-image,.hero-visual{align-items:center;display:flex;justify-content:center;position:relative}.hero-visual{height:400px;width:400px}.logo-container{align-items:center;display:flex;height:120px;justify-content:center;position:relative;width:120px}.hero-logo{animation:logoGlow 4s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(95,114,191,.5));height:100px;width:100px}@keyframes logoGlow{0%,to{filter:drop-shadow(0 0 20px rgba(95,114,191,.5));transform:scale(1)}50%{filter:drop-shadow(0 0 30px rgba(95,114,191,.8));transform:scale(1.05)}}@media (min-width:1400px){.hero-section{padding:130px 0 60px}.hero-container{max-width:1200px}.hero-content{gap:60px}}@media (min-width:1600px){.hero-section{padding:110px 0 40px}.hero-container{max-width:1200px;padding:0 20px}.hero-content{gap:60px}}@media (max-width:1024px){.hero-section{padding:130px 0 60px}.hero-content{gap:50px}.hero-title{font-size:3.5rem}.hero-subtitle{font-size:1.4rem}}@media (max-width:768px){.hero-section{padding:110px 0 40px}.hero-content{gap:40px;grid-template-columns:1fr;text-align:center}.hero-title{font-size:3rem}.hero-subtitle{font-size:1.3rem}.hero-description{font-size:1rem}.hero-buttons{gap:15px;justify-content:center}.download-app-btn,.watch-demo-btn{-webkit-tap-highlight-color:transparent;min-height:48px;min-width:140px;padding:16px 20px;position:relative;touch-action:manipulation;width:auto;z-index:10}.floating-elements,.hero-visual{height:300px;width:300px}}@media (max-width:480px){.hero-section{padding:90px 0 30px}.hero-container{padding:0 15px}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.hero-buttons{align-items:center;flex-direction:column;gap:12px}.download-app-btn,.watch-demo-btn{font-size:1rem;max-width:280px;min-height:50px;padding:18px 24px;width:100%;z-index:15}.floating-elements,.hero-visual{height:250px;width:250px}.logo-container{height:80px;width:80px}.hero-logo{height:70px;width:70px}}.video-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.video-modal-content{animation:slideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 25px 50px #0000004d;max-width:900px;overflow:hidden;position:relative;width:90%}.video-modal-close{align-items:center;background:#ffffffe6;border:none;border-radius:50%;color:#333;cursor:pointer;display:flex;font-size:24px;font-weight:700;height:40px;justify-content:center;position:absolute;right:0;top:-50px;transition:all .3s ease;width:40px;z-index:1001}.video-modal-close:hover{background:#fff;transform:scale(1.1)}.video-container{height:0;overflow:hidden;padding-bottom:56.25%;position:relative}.video-container iframe{border:none;height:100%;left:0;position:absolute;top:0;width:100%}@media (max-width:768px){.video-modal-content{margin:20px;width:95%}.video-modal-close{font-size:20px;height:35px;right:5px;top:-45px;width:35px}}@media (max-width:480px){.video-modal-content{margin:10px;width:98%}.video-modal-close{font-size:18px;height:30px;right:10px;top:-40px;width:30px}}.solution-section{background:linear-gradient(135deg,#fefeff,#f1f5f9);padding:80px 0}.solution-container{margin:0 auto;max-width:1200px;padding:0 20px}.solution-title{color:#20284c;font-size:2.5rem;font-weight:800;margin:0 0 15px;text-align:center}.solution-content{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr}.solution-demo{align-items:center;display:flex;justify-content:center}.solution-text{max-width:100%;text-align:left}.solution-intro{color:#20284c;font-size:1.2rem;font-weight:400;line-height:1.7;margin:0 0 40px}.solution-features{display:flex;flex-direction:column;gap:20px;list-style:none;margin:0 auto;max-width:600px;padding:0}.solution-features li{background:#fefeff;border-left:4px solid #5f72bf;border-radius:12px;box-shadow:0 4px 15px #20284c14;color:#20284c;font-size:1rem;line-height:1.6;padding:20px 25px;position:relative;text-align:left;transition:all .3s ease}.solution-features li:hover{box-shadow:0 8px 25px #20284c1f;transform:translateY(-3px)}.solution-features li:before{color:#5f72bf;content:"✓";font-size:1.2rem;font-weight:700;margin-right:12px}.demo-placeholder{max-width:500px;padding:20px;width:100%}.demo-screen{background:#fefeff;border-radius:16px;box-shadow:0 20px 60px #20284c33;overflow:hidden;transform:perspective(1000px) rotateY(-5deg) rotateX(5deg);transition:transform .3s ease}.demo-screen:hover{transform:perspective(1000px) rotateY(0deg) rotateX(0deg)}.demo-header{align-items:center;background:linear-gradient(135deg,#5f72bf,#20284c);color:#fefeff;display:flex;justify-content:space-between;padding:12px 16px}.demo-dots{display:flex;gap:6px}.demo-dots span{background:#ffffff4d;border-radius:50%;height:12px;width:12px}.demo-dots span:first-child{background:#ff5f56}.demo-dots span:nth-child(2){background:#ffbd2e}.demo-dots span:last-child{background:#27ca3f}.demo-title{font-size:14px;font-weight:600}.demo-body{display:flex;height:300px}.demo-sidebar{background:#f8fafc;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;gap:12px;padding:16px 12px;width:80px}.demo-menu-item{background:#e2e8f0;border-radius:8px;height:32px;transition:all .3s ease;width:56px}.demo-menu-item.active{background:#5f72bf;box-shadow:0 2px 8px #5f72bf4d}.demo-main{display:flex;flex:1 1;flex-direction:column;gap:16px;padding:20px}.demo-grid{grid-gap:12px;display:grid;flex:1 1;gap:12px;grid-template-columns:1fr 1fr}.demo-room{align-items:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:2px dashed #cbd5e0;border-radius:8px;display:flex;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease}.demo-room:before{background:#5f72bf1a;border-radius:4px;bottom:10px;content:"";left:10px;position:absolute;right:10px;top:10px;transition:all .3s ease}.demo-room:hover{border-color:#5f72bf;transform:scale(1.02)}.demo-room:hover:before{background:#5f72bf33}.demo-tools{display:flex;gap:8px;justify-content:center}.demo-tool{background:linear-gradient(135deg,#5f72bf,#20284c);border-radius:8px;height:40px;transition:all .3s ease;width:40px}.demo-tool:hover{box-shadow:0 4px 12px #5f72bf4d;transform:translateY(-2px)}@media (min-width:1400px){.solution-container{max-width:1200px}.solution-content{gap:60px}}@media (min-width:1600px){.solution-container{max-width:1200px;padding:0 20px}.solution-content{gap:60px}}@media (max-width:968px){.solution-content{gap:40px;grid-template-columns:1fr}.solution-demo{order:2}.solution-text{order:1;text-align:center}.solution-title{font-size:2rem;text-align:center}.solution-intro{font-size:1.1rem}.demo-screen{transform:perspective(1000px) rotateY(0deg) rotateX(0deg)}}@media (max-width:768px){.solution-section{padding:60px 0}.solution-text{max-width:100%;padding:0 10px}.solution-intro{font-size:1rem;margin:0 0 30px}.solution-features{max-width:100%}.solution-features li{font-size:.9rem;padding:15px 20px}.solution-features li:before{font-size:1rem;margin-right:10px}.demo-placeholder{max-width:400px;padding:10px}.demo-body{height:250px}.demo-sidebar{padding:12px 8px;width:60px}.demo-menu-item{height:28px;width:44px}.demo-main{padding:16px}.demo-grid{gap:8px}.demo-tool{height:32px;width:32px}}.vision-section{background:linear-gradient(135deg,#20284c,#515773);color:#fefeff;overflow:hidden;padding:80px 0;position:relative}.vision-section:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='1' fill='rgba(254,254,255,0.1)'/%3E%3C/svg%3E") repeat;background-size:50px 50px;bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.vision-container{margin:0 auto;max-width:1200px;padding:0 20px;position:relative;z-index:1}.vision-content{align-items:center;display:flex;justify-content:center}.vision-title{color:#5f72bf;font-size:2.5rem;font-weight:800;margin:0 0 15px;text-align:center}.vision-subtitle{color:#fefeff;font-size:1.8rem;font-weight:700;margin:0 0 25px;text-align:center}.vision-text{max-width:800px;text-align:center}.vision-description{color:#fefeffe6;font-size:1.1rem;line-height:1.7;margin:0;text-align:center}.vision-points{display:flex;flex-direction:column;gap:20px}.vision-point{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fefeff0d;border:1px solid #fefeff1a;border-radius:12px;padding:20px;transition:all .3s ease}.vision-point:hover{background:#fefeff1a;border-color:#5f72bf4d;transform:translateX(10px)}.point-title{align-items:center;color:#5f72bf;display:flex;font-size:1.2rem;font-weight:600;margin:0 0 8px}.point-title:before{content:"🚀";font-size:1rem;margin-right:10px}.point-description{color:#fefeffe6;font-size:.95rem;line-height:1.6;margin:0}.vision-visual{height:500px}.floating-elements,.vision-visual{align-items:center;display:flex;justify-content:center;position:relative}.floating-elements{height:400px;width:400px}.vision-house{animation:futuristicFloat 8s ease-in-out infinite;position:relative;transform:perspective(1000px) rotateY(-15deg) rotateX(10deg)}@keyframes futuristicFloat{0%,to{transform:perspective(1000px) rotateY(-15deg) rotateX(10deg) translateY(0)}33%{transform:perspective(1000px) rotateY(-10deg) rotateX(5deg) translateY(-15px)}66%{transform:perspective(1000px) rotateY(-20deg) rotateX(15deg) translateY(-5px)}}.house-outline{height:120px;position:relative;width:120px}.house-roof{border-bottom:40px solid #5f72bf;border-left:60px solid #0000;border-right:60px solid #0000;filter:drop-shadow(0 0 10px rgba(95,114,191,.5));height:0;left:0;position:absolute;top:0;width:0}.house-body{background:linear-gradient(135deg,#5f72bf,#20284c);border:2px solid #5f72bf;border-radius:8px;box-shadow:0 0 20px #5f72bf4d;height:80px;left:10px;position:absolute;top:30px;width:100px}.house-window{background:#fefeff;border-radius:3px;box-shadow:0 0 8px #fefeff99;height:15px;position:absolute;width:15px}.house-window:first-child{left:15px;top:15px}.house-window:nth-child(2){right:15px;top:15px}.house-door{background:#515773;border-radius:10px 10px 0 0;bottom:0;box-shadow:0 0 10px #51577366;height:35px;left:50%;position:absolute;transform:translateX(-50%);width:20px}.tech-overlay{height:200px;left:-40px;position:absolute;top:-40px;width:200px}.tech-circle{animation:pulse 3s ease-in-out infinite;border:2px solid #5f72bf;border-radius:50%;position:absolute}.circle-1{animation-delay:0s;height:20px;left:20px;top:20px;width:20px}.circle-2{animation-delay:1s;height:15px;right:30px;top:60px;width:15px}.circle-3{animation-delay:2s;bottom:40px;height:18px;left:40px;width:18px}.connection-line{animation:connectionFlow 4s ease-in-out infinite;background:linear-gradient(90deg,#5f72bf,#0000);height:2px;position:absolute}.line-1{left:35px;top:30px;transform:rotate(45deg);width:60px}.line-2{animation-delay:2s;bottom:50px;right:50px;transform:rotate(-30deg);width:50px}@keyframes connectionFlow{0%,to{opacity:.3;transform:scale(1) rotate(0deg);transform:scale(1) rotate(var(--rotation,0deg))}50%{opacity:1;transform:scale(1.1) rotate(0deg);transform:scale(1.1) rotate(var(--rotation,0deg))}}.future-elements{height:100%;position:absolute;width:100%}.hologram-effect{animation:hologramSpin 20s linear infinite;border:1px solid #5f72bf4d;border-radius:50%;height:300px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:300px}@keyframes hologramSpin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.ar-indicators{height:100%;position:absolute;width:100%}.ar-point{animation:arPulse 2s ease-in-out infinite;background:#5f72bf;border-radius:50%;box-shadow:0 0 10px #5f72bfcc;height:8px;position:absolute;width:8px}.point-1{animation-delay:0s;left:20%;top:20%}.point-2{animation-delay:.7s;right:25%;top:30%}.point-3{animation-delay:1.4s;bottom:25%;left:30%}@keyframes arPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}@media (max-width:968px){.vision-title{font-size:2rem}.vision-subtitle{font-size:1.5rem}.vision-text{max-width:90%}}@media (max-width:768px){.vision-section{padding:60px 0}.vision-text{max-width:95%}.vision-description{font-size:1rem}}.why-choose-section{background:linear-gradient(135deg,#fefeff,#f8fafc);padding:80px 0}.why-choose-container{margin:0 auto;max-width:1200px;padding:0 20px}.why-choose-title{color:#20284c;font-size:2.5rem;font-weight:800;margin:0 0 15px;text-align:center}.why-choose-subtitle{color:#5f72bf;font-size:1.3rem;font-weight:600;margin:0 0 40px;text-align:center}.founder-message{margin:0 auto;max-width:800px;text-align:center}.founder-intro{color:#20284c;font-size:1.2rem;font-weight:500;line-height:1.8;margin:0 0 30px}.founder-story{color:#515773;font-size:1.1rem;line-height:1.7;margin:0 0 30px}.founder-cta{color:#5f72bf;font-size:1.2rem;font-weight:700;margin:0}@media (max-width:768px){.why-choose-section{padding:60px 0}.why-choose-title{font-size:2rem}.why-choose-subtitle{font-size:1.1rem}.founder-message{max-width:90%}.founder-intro{font-size:1.1rem}.founder-story{font-size:1rem}.founder-cta{font-size:1.1rem}}@media (max-width:480px){.founder-message{max-width:95%}.founder-intro{font-size:1rem}.founder-story{font-size:.95rem}.founder-cta{font-size:1rem}}.pricing-section{background:linear-gradient(135deg,#fefeff,#f8fafc);padding:80px 0}.pricing-container{margin:0 auto;max-width:1200px;padding:0 20px}.pricing-title{color:#20284c;font-size:2.5rem;font-weight:800;letter-spacing:-.02em;margin:0 0 15px;text-align:center}.pricing-subtitle{color:#515773;font-size:1.1rem;margin:0 0 40px;text-align:center}.billing-toggle{align-items:center;display:flex;gap:15px;justify-content:center;margin:0 0 50px}.toggle-option{color:#515773;font-size:1rem;font-weight:500;transition:color .3s ease}.toggle-option.active{color:#5f72bf;font-weight:600}.discount{color:#5f72bf;font-size:.9rem}.toggle-switch{display:inline-block;height:28px;position:relative;width:60px}.toggle-switch input{height:0;opacity:0;width:0}.billing-toggle-slider{background-color:#515773;border-radius:28px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.billing-toggle-slider:before{background-color:#fefeff;border-radius:50%;bottom:3px;content:"";height:22px;left:3px;position:absolute;transition:.3s;width:22px}input:checked+.billing-toggle-slider{background-color:#5f72bf}input:checked+.billing-toggle-slider:before{transform:translateX(32px)}.pricing-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1200px}.pricing-card{background:#fefeff;border:2px solid #f1f5f9;border-radius:16px;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;min-height:520px;padding:28px 24px;position:relative;text-align:center;transition:all .3s ease}.pricing-card:hover{border-color:#5f72bf;box-shadow:0 10px 30px #20284c26;transform:translateY(-5px)}.pricing-card.popular{border-color:#5f72bf;box-shadow:0 12px 35px #5f72bf40;padding-top:36px;transform:scale(1.05)}.popular-badge{background:linear-gradient(135deg,#5f72bf,#20284c);border-radius:16px;color:#fefeff;font-size:.8rem;font-weight:600;left:50%;padding:6px 16px;position:absolute;top:-8px;transform:translateX(-50%);white-space:nowrap;z-index:2}.plan-header{margin-bottom:25px}.plan-name{color:#20284c;font-size:1.5rem;font-weight:700;letter-spacing:-.01em;margin:0 0 15px}.plan-price{align-items:center;display:flex;gap:8px;justify-content:center;margin-bottom:15px}.original-price{align-self:flex-start;color:#515773;font-size:1.1rem;font-weight:500;margin-top:5px;text-decoration:line-through}.price{color:#20284c;font-size:3rem;font-weight:800;line-height:1}.period{align-self:flex-end;color:#515773;font-size:1.2rem;font-weight:500;margin-bottom:8px}.plan-description{color:#5f72bf;font-size:1.1rem;font-weight:600;margin:0 0 8px}.plan-subtitle{color:#515773;font-size:.95rem;margin:0}.plan-features{flex:1 1;margin-bottom:30px}.plan-features ul{list-style:none;margin:0;padding:0}.plan-features li{align-items:flex-start;color:#515773;display:flex;font-size:.9rem;line-height:1.4;margin-bottom:8px;padding-left:15px;position:relative;text-align:left}.plan-features li:before{color:#5f72bf;content:"•";font-size:1rem;font-weight:700;left:0;position:absolute;top:0}.feature-icon{display:none}.plan-button{border:none;border-radius:10px;box-shadow:0 2px 8px #0000001a;cursor:pointer;font-size:1rem;font-weight:700;letter-spacing:.025em;padding:16px 24px;text-transform:none;transition:all .3s ease;width:100%}.coming-soon-btn{background:linear-gradient(135deg,#5f72bf,#20284c);color:#fefeff}.coming-soon-btn:hover{background:linear-gradient(135deg,#20284c,#5f72bf);box-shadow:0 8px 20px #5f72bf66;transform:translateY(-2px)}.pricing-contact-btn{background:linear-gradient(135deg,#20284c,#515773);color:#fefeff}.pricing-contact-btn:hover{background:linear-gradient(135deg,#515773,#20284c);box-shadow:0 8px 20px #20284c66;transform:translateY(-2px)}.signup-btn{background:linear-gradient(135deg,#4caf50,#45a049);color:#fefeff;font-weight:700}.signup-btn:hover{background:linear-gradient(135deg,#45a049,#4caf50);box-shadow:0 8px 20px #4caf5066;transform:translateY(-2px)}.signup-btn:active{box-shadow:0 2px 8px #4caf504d;transform:translateY(0)}.central-signup{background:linear-gradient(135deg,#5f72bf0d,#5f72bf1a);border:2px solid #5f72bf33;border-radius:16px;margin-top:50px;padding:40px 30px;text-align:center}.signup-info{margin-bottom:25px}.signup-title{color:#20284c;font-size:1.8rem;font-weight:700;letter-spacing:-.01em;margin:0 0 10px}.signup-subtitle{color:#515773;font-size:1.1rem;line-height:1.5;margin:0}.central-signup-btn{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:10px;box-shadow:0 4px 15px #4caf504d;color:#fefeff;cursor:pointer;font-size:1.1rem;font-weight:700;letter-spacing:.025em;min-width:200px;padding:18px 40px;transition:all .3s ease}.central-signup-btn:hover{background:linear-gradient(135deg,#45a049,#4caf50);box-shadow:0 8px 25px #4caf5066;transform:translateY(-2px)}.central-signup-btn:active{box-shadow:0 4px 15px #4caf504d;transform:translateY(0)}.current-plan-btn{border:2px solid #cbd5e0;color:#4a5568;cursor:default;font-weight:600}.current-plan-btn,.current-plan-btn:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e0)}.current-plan-btn:hover{box-shadow:0 2px 8px #0000001a;transform:none}.current-plan-btn:disabled{cursor:default;opacity:1}.upgrade-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fefeff;font-weight:700}.upgrade-btn:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.upgrade-btn:active{box-shadow:0 2px 8px #667eea4d;transform:translateY(0)}@media (max-width:1024px){.pricing-grid{gap:15px;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.pricing-section{padding:60px 0}.pricing-title{font-size:2rem}.pricing-grid{gap:20px;grid-template-columns:1fr;max-width:400px}.pricing-card.popular{margin-bottom:0;transform:none}.pricing-card{min-height:auto;padding:20px 16px}.price{font-size:2.5rem}.central-signup{margin-top:30px;padding:30px 20px}.signup-title{font-size:1.5rem}.signup-subtitle{font-size:1rem}.central-signup-btn{font-size:1rem;min-width:180px;padding:16px 30px}}@media (max-width:480px){.billing-toggle{flex-direction:column;gap:10px}.toggle-switch{order:2}}.mobile-app-section{background:linear-gradient(135deg,#20284c,#515773);color:#fefeff;padding:80px 0}.mobile-app-container{margin:0 auto;max-width:800px;padding:0 20px;text-align:center}.mobile-app-title{color:#fefeff;font-size:2.5rem;font-weight:800;margin:0 0 20px}.mobile-app-description{color:#fefeffcc;font-size:1.2rem;line-height:1.6;margin:0 0 50px}.app-store-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.app-store-btn{background:#fefeff1a;border:2px solid #fefeff33;border-radius:12px;cursor:pointer;min-width:180px;padding:15px 25px;transition:all .3s ease}.app-store-btn:hover{background:#fefeff33;border-color:#fefeff66;transform:translateY(-3px)}.btn-content{align-items:center;display:flex;gap:12px}.store-icon{font-size:2rem}.btn-text{align-items:flex-start;display:flex;flex-direction:column;text-align:left}.btn-subtitle{color:#fefeffb3;font-size:.8rem;font-weight:400;letter-spacing:.5px;text-transform:uppercase}.btn-title{color:#fefeff;font-size:1.2rem;font-weight:600;margin-top:2px}.google-play:hover{box-shadow:0 8px 25px #4caf504d}.app-store:hover{box-shadow:0 8px 25px #42a5f54d}@media (max-width:768px){.mobile-app-section{padding:60px 0}.mobile-app-title{font-size:2rem}.mobile-app-description{font-size:1.1rem}.app-store-buttons{align-items:center;flex-direction:column;gap:15px}.app-store-btn{max-width:250px;width:100%}}@media (max-width:480px){.mobile-app-title{font-size:1.8rem}.btn-content{justify-content:center}.btn-text{align-items:center;text-align:center}}.footer{background:#20284c;border-top:1px solid #fefeff1a;color:#fefeff;padding:40px 0}.footer-container{align-items:center;display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:1200px;padding:0 20px}.footer-links{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.footer-link{color:#fefeffcc;font-size:.95rem;font-weight:500;padding:5px 0;text-decoration:none;transition:color .3s ease}.footer-link:hover{color:#5f72bf}.footer-copyright{text-align:center}.footer-copyright p{color:#fefeff99;font-size:.9rem;margin:0}@media (max-width:768px){.footer{padding:30px 0}.footer-links{gap:20px}.footer-link{font-size:.9rem}.footer-copyright p{font-size:.85rem}}@media (max-width:480px){.footer-links{flex-direction:column;gap:15px;text-align:center}.footer-container{gap:15px}}.places-autocomplete-container{width:100%}.places-input{align-items:center;background-color:initial!important;border:2px solid #5f72bf4d;border-radius:8px;box-sizing:border-box;color:#f7fafc!important;direction:ltr!important;display:flex;font-size:14px;font-weight:500;height:48px;line-height:1.4;outline:none;padding:12px 16px;text-align:left!important;transition:all .3s ease;width:100%}.places-input:focus{border-color:#5f72bf;box-shadow:0 0 0 3px #5f72bf33}.places-input::placeholder{color:#f7fafc80!important}.places-suggestions{background-color:#2d3561!important;border:3px solid #5f72bf!important;border-radius:0 0 8px 8px!important;border-top:none!important;box-shadow:0 12px 32px #000000f2!important;left:0!important;max-height:200px!important;overflow-y:auto!important;pointer-events:auto!important;right:0!important;top:100%!important}.places-suggestions,.suggestion-item{display:block!important;visibility:visible!important}.suggestion-item{background:#0000!important;background-color:initial!important;border-bottom:1px solid #5f72bf66!important;color:#f7fafc!important;cursor:pointer!important;font-weight:500!important;line-height:1.4!important;opacity:1!important;padding:12px 16px!important;transition:background-color .2s ease!important}.suggestion-item.selected,.suggestion-item:hover{background-color:#5f72bf66!important;background:#5f72bf66!important;color:#fff!important}.suggestion-item:last-child{border-bottom:none}.suggestion-main{color:#f7fafc;font-weight:600;margin-bottom:2px}.suggestion-secondary{color:#f7fafcb3;font-size:12px;font-weight:400}.places-suggestions::-webkit-scrollbar{width:6px}.places-suggestions::-webkit-scrollbar-track{background:#5f72bf1a}.places-suggestions::-webkit-scrollbar-thumb{background:#5f72bf80;border-radius:3px}.places-suggestions::-webkit-scrollbar-thumb:hover{background:#5f72bfb3}.places-input.loading{animation:spin 1s linear infinite;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 3v3m6.366-.366-2.12 2.12M21 10h-3m.366 6.366-2.12-2.12M10 21v-3m-6.366.366 2.12-2.12M3 10h3m-.366-6.366 2.12 2.12' stroke='%23F7FAFC' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px}@media (max-width:768px){.places-suggestions{max-height:150px}.suggestion-item{padding:10px 14px}.suggestion-main{font-size:14px}.suggestion-secondary{font-size:11px}}.places-autocomplete-container .places-input{background-color:initial!important;color:#f7fafc!important}.places-autocomplete-container .places-suggestions{background:#2d3561!important;border-color:#5f72bf4d!important}.places-autocomplete-container .suggestion-item{border-color:#5f72bf33!important;color:#f7fafc!important}.places-autocomplete-container .suggestion-item.selected,.places-autocomplete-container .suggestion-item:hover{background-color:#5f72bf4d!important}.inline-pdf-viewer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border:2px solid #5f72bf66;border-radius:12px;box-shadow:0 8px 24px #00000080;display:flex;flex-direction:column;margin-bottom:15px;margin-top:15px;max-height:500px;overflow:hidden}.inline-pdf-header{align-items:center;background:#2d3561cc;border-bottom:1px solid #5f72bf4d;border-radius:10px 10px 0 0;display:flex;justify-content:space-between;padding:15px 20px}.inline-pdf-title-section{display:flex;flex-direction:column;gap:8px}.inline-pdf-title{color:#e2e8f0;font-size:1.1rem;font-weight:600;margin:0;text-shadow:0 1px 2px #0000004d}.inline-version-info{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:8px}.inline-version-tag{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#5f72bf,#4a5bb8);border:1px solid #5f72bf66;border-radius:16px;box-shadow:0 2px 8px #5f72bf4d;color:#f7fafc;display:inline-block;font-size:.75rem;font-weight:600;padding:4px 12px;text-shadow:0 1px 2px #0003}.inline-date-tag{background:#2d356199;box-shadow:0 1px 4px #2d35614d;color:#a0aec0}.inline-date-tag,.inline-page-count{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid #5f72bf33;border-radius:12px;display:inline-block;font-size:.65rem;font-weight:500;padding:2px 8px;text-shadow:0 1px 2px #0003}.inline-page-count{background:#4c567e66;box-shadow:0 1px 4px #4c567e4d;color:#cbd5e0}.inline-pdf-close{align-items:center;background:#ef4444cc;border:none;border-radius:50%;box-shadow:0 2px 8px #ef44444d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:28px;justify-content:center;transition:all .3s ease;width:28px}.inline-pdf-close:hover{background:#dc2626e6;box-shadow:0 4px 12px #ef444480;transform:scale(1.1)}.inline-pdf-content{flex:1 1;max-height:430px;overflow-y:auto;padding:0}.inline-pdf-text{line-height:1.6;padding:20px}.inline-pdf-heading{border-bottom:1px solid #5f72bf4d;color:#e2e8f0;font-size:1.1rem;font-weight:600;margin:20px 0 12px;padding-bottom:8px;text-shadow:0 1px 2px #0003}.inline-pdf-heading:first-child{margin-top:0}.inline-pdf-paragraph{color:#cbd5e0;font-size:.9rem;margin-bottom:15px;text-align:justify;text-justify:inter-word}.inline-pdf-paragraph:last-child{margin-bottom:0}.inline-pdf-link{color:#81e6d9;font-weight:500;text-decoration:underline;text-decoration-color:#81e6d980;transition:all .3s ease}.inline-pdf-link:hover{color:#4fd1c7;text-decoration-color:#4fd1c7;text-shadow:0 0 6px #4fd1c74d}.inline-pdf-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.loading-spinner-small{animation:spin 1s linear infinite;border:3px solid #5f72bf33;border-left-color:#5f72bf;border-radius:50%;height:30px;margin-bottom:15px;width:30px}.inline-pdf-loading p{color:#a0aec0;font-size:.9rem;margin:0}.inline-pdf-error{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.inline-pdf-error p{color:#fc8181;font-size:.9rem;margin-bottom:15px}.retry-button-small{background:linear-gradient(135deg,#e53e3e,#c53030);border:none;border-radius:6px;box-shadow:0 2px 8px #e53e3e4d;color:#fff;cursor:pointer;font-size:.8rem;font-weight:500;padding:8px 16px;transition:all .3s ease}.retry-button-small:hover{box-shadow:0 4px 12px #e53e3e66;transform:translateY(-1px)}.inline-pdf-content::-webkit-scrollbar{width:8px}.inline-pdf-content::-webkit-scrollbar-track{background:#5f72bf1a;border-radius:4px}.inline-pdf-content::-webkit-scrollbar-thumb{background:#5f72bf66;border-radius:4px}.inline-pdf-content::-webkit-scrollbar-thumb:hover{background:#5f72bf99}@media (max-width:768px){.inline-pdf-viewer{max-height:400px}.inline-pdf-content{max-height:330px}.inline-pdf-header{padding:12px 15px}.inline-pdf-title{font-size:1rem}.inline-pdf-text{padding:15px}.inline-pdf-heading{font-size:1rem}.inline-pdf-paragraph{font-size:.85rem}}@media (max-width:480px){.inline-pdf-viewer{margin-left:-10px;margin-right:-10px;max-height:350px}.inline-pdf-content{max-height:280px}.inline-pdf-text{padding:12px}.inline-pdf-paragraph{text-align:left}}.custom-uid-input{width:100%}.uid-input-wrapper{align-items:center;display:flex;gap:12px;margin-bottom:8px;position:relative}.uid-input{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;box-sizing:border-box;color:#f7fafc;flex:1 1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:16px;max-width:300px;padding:12px 16px;transition:all .3s ease}.uid-input:focus{background:#ffffff26;border-color:#5f72bf;box-shadow:0 0 0 3px #5f72bf1a;outline:none}.uid-input.error{border-color:#e53e3e;box-shadow:0 0 0 3px #e53e3e1a}.uid-input::placeholder{color:#fff6;font-style:italic}.uid-input:disabled{cursor:not-allowed;opacity:.6}.uid-status{align-items:center;display:flex;font-size:.85rem;font-weight:500;gap:6px;margin-bottom:8px;min-height:20px}.uid-status.neutral{color:#a0aec0}.uid-status.checking{color:#5f72bf}.uid-status.success{color:#4ade80}.uid-status.error{color:#f56565}.spinner{animation:spin 1s linear infinite;border:2px solid #5f72bf4d;border-radius:50%;border-top-color:#5f72bf;height:14px;width:14px}.uid-suggestion{align-items:center;color:#a0aec0;display:flex;font-size:.9rem;gap:8px;margin-top:8px}.uid-suggestion-btn{background:#5f72bf33;border:1px solid #5f72bf4d;border-radius:6px;color:#5f72bf;cursor:pointer;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem;font-weight:500;padding:4px 8px;transition:all .2s ease}.uid-suggestion-btn:hover:not(:disabled){background:#5f72bf4d;border-color:#5f72bf80}.uid-suggestion-btn:disabled{cursor:not-allowed;opacity:.5}.uid-confirm-btn{align-items:center;background:#4ade80;border:none;border-radius:8px;color:#1a202c;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:600;gap:6px;margin-left:8px;min-width:120px;padding:12px 18px;transition:all .2s ease;white-space:nowrap}.uid-confirm-btn:hover:not(:disabled){background:#38d9a9;box-shadow:0 4px 12px #4ade804d;transform:translateY(-1px)}.uid-confirm-btn:disabled{background:#6b7280;box-shadow:none;color:#9ca3af;cursor:not-allowed;opacity:.4;transform:none}.uid-confirmed{align-items:center;color:#4ade80;display:flex;font-size:14px;font-weight:600;gap:6px;white-space:nowrap}.current-uid-info{gap:12px}.current-uid-label{color:#4ade80;font-weight:600;margin:0}.current-uid-value{color:#f7fafc}@media (max-width:768px){.uid-input{font-size:14px}.uid-suggestion{align-items:flex-start;flex-direction:column;gap:4px}}.registration-page{background:linear-gradient(135deg,#20284c,#2d3561 50%,#3a4578);color:#f7fafc!important;direction:ltr!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;text-align:left!important}.registration-container{margin:0 auto;max-width:800px;padding:120px 20px 40px;position:relative}.registration-header{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:40px;text-align:center}.registration-logo{display:block;height:50px;margin:0 auto 20px;width:auto}.registration-header h1{font-size:2.5rem;font-weight:800;letter-spacing:-.02em;margin:0 0 12px;text-shadow:0 4px 8px #0000004d}.registration-header h1,.registration-header p{color:#fff!important;text-align:center!important}.registration-header p{font-size:1.2rem;font-weight:400;margin:0 0 30px;opacity:.9;text-shadow:0 2px 4px #0003}.timer-display{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;display:flex;gap:8px;justify-content:center;margin:20px auto 0;padding:8px 16px;width:fit-content}.timer-icon{font-size:1.2rem}.timer-text{color:#fed7d7;font-size:.9rem;font-weight:600}.registration-form{width:100%}.contact-section,.contact-section *,.contact-section h2,.contact-section label{background:#0000!important;color:#f7fafc!important}.contact-section input,.contact-section select,.contact-section textarea{background:#0000!important;border:2px solid #5f72bf4d!important;color:#f7fafc!important}.contact-section .phone-input-container{border:none!important}.contact-section .phone-input-container .country-code-select,.contact-section .phone-input-container .phone-number-input{border:none!important;box-shadow:none!important;height:44px!important;margin:0!important;padding:12px 16px!important}.contact-section .phone-input-container .country-code-select{border-radius:6px 0 0 6px!important;border-right:1px solid #5f72bf33!important}.contact-section .form-group .phone-input-container .country-code-select{border-radius:6px 0 0 6px!important}.contact-section .form-group .phone-input-container .phone-number-input,.contact-section .phone-input-container .phone-number-input{border-radius:0 6px 6px 0!important}.contact-section .phone-input-container .country-code-select option{background:#2d3561!important;color:#f7fafc!important;padding:8px!important}.contact-section .phone-input-container .country-code-select:focus,.contact-section .phone-input-container .phone-number-input:focus{border:none!important;box-shadow:none!important;outline:none!important}.contact-section .phone-input-container .country-code-select:focus{border-radius:6px 0 0 6px!important;border-right:1px solid #5f72bf33!important}.contact-section .phone-input-container .phone-number-input:focus{border-radius:0 6px 6px 0!important}.contact-section .form-group .phone-input-container .country-code-select:focus{border-radius:6px 0 0 6px!important;border-right:1px solid #5f72bf33!important}.contact-section .form-group .phone-input-container .phone-number-input:focus{border-radius:0 6px 6px 0!important}.contact-section .phone-input-container{background:#0000!important;border:2px solid #5f72bf4d!important;border-radius:8px!important;display:flex!important;gap:0!important;overflow:hidden!important;transition:all .3s ease!important}.contact-section .phone-input-container:focus-within{border-color:#5f72bf!important;box-shadow:0 0 0 3px #5f72bf1a!important}.contact-section input::placeholder,.contact-section textarea::placeholder{color:#718096!important}.contact-section .places-autocomplete-container{background:#0000!important;position:relative;z-index:1000}.contact-section .places-autocomplete-container *,.contact-section .places-autocomplete-input{background:#0000!important;color:#f7fafc!important}.contact-section .places-autocomplete-input{border:2px solid #5f72bf4d!important}.contact-section .places-autocomplete-dropdown,.contact-section .places-suggestions{background:#2d3561!important;background-color:#2d3561!important;border:3px solid #5f72bf!important;display:block!important;opacity:1!important;position:absolute!important;visibility:visible!important;z-index:99999!important}.contact-section .places-autocomplete-item,.contact-section .suggestion-item{background:#0000!important;background-color:initial!important;border-bottom:1px solid #5f72bf4d!important;color:#f7fafc!important;display:block!important;opacity:1!important;visibility:visible!important}.contact-section .places-autocomplete-item.selected,.contact-section .places-autocomplete-item:hover,.contact-section .suggestion-item.selected,.contact-section .suggestion-item:hover{background:#5f72bf66!important;background-color:#5f72bf66!important;color:#fff!important}.places-autocomplete-container{position:relative;z-index:1000}.phone-input-container{align-items:stretch;gap:8px;position:relative;width:100%}.country-code-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#0000;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F7FAFC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border:2px solid #5f72bf4d;border-radius:8px;color:#f7fafc;cursor:pointer;flex:0 0 auto;font-family:inherit;font-size:14px;height:48px;max-width:100px;min-width:80px;padding:12px 36px 12px 16px;transition:all .3s ease}.contact-section .country-code-select{height:44px!important;padding:12px 16px!important}.contact-section .country-code-select,.contact-section .country-code-select:focus{border:none!important;border-radius:6px 0 0 6px!important;border-right:1px solid #5f72bf33!important}.contact-section .country-code-select:focus{box-shadow:none!important;outline:none!important}.country-code-select:focus{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235F72BF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");border-color:#5f72bf;box-shadow:0 0 0 3px #5f72bf1a;outline:none}.country-code-select option{background:#2d3561;color:#f7fafc;padding:8px}.phone-number-input{background:#0000;border:2px solid #5f72bf4d;border-radius:8px;color:#f7fafc;font-family:inherit;height:48px;padding:12px 16px;transition:all .3s ease}.phone-number-input:focus{border-color:#5f72bf;box-shadow:0 0 0 3px #5f72bf1a;outline:none}.phone-number-input::placeholder{color:#718096}.country-code-select:hover,.phone-number-input:hover{border-color:#5f72bf80}@media (max-width:768px){.phone-input-container{flex-direction:column;gap:12px}.country-code-select{max-width:100%;min-width:100%}}.places-suggestions{z-index:9999!important}.form-section{z-index:1}.contact-section{z-index:2}.places-autocomplete-container{position:relative!important;z-index:10000!important}.places-suggestions{background:#2d3561!important;opacity:1!important;position:absolute!important;z-index:99999!important}.registration-form .form-section:not(.contact-section){z-index:0!important}.registration-form .form-section h2{position:relative;z-index:1!important}.section-description{color:#a0aec0;font-size:.9rem;font-style:italic;margin:0 0 20px}.form-group label{color:#f7fafc!important;direction:ltr!important;font-size:14px;letter-spacing:.025em;text-align:left!important;text-shadow:0 1px 2px #0003}.form-group label.required:after{color:#fc8181;content:" *";font-weight:700}.form-group textarea{height:auto;padding-bottom:12px;padding-top:12px}.form-group input::placeholder,.form-group textarea::placeholder{color:#718096}.form-group input.readonly-field{background-color:#7180961a;color:#a0aec0;cursor:not-allowed}.readonly-note{color:#718096;font-size:.8rem;font-style:italic;margin-top:4px}.error-message{color:#fc8181;font-size:.8rem}.warning-message{align-items:center;color:#fed7aa;display:flex;font-size:.8rem;font-weight:500;gap:4px;margin-top:4px}.warning-message:before{content:"⚠️";font-size:.7rem}.character-count{color:#718096;font-size:.8rem}.profile-photo-section{align-items:center;display:flex;flex-direction:column;gap:16px;padding:20px 0}.profile-photo-circle{align-items:center;background:#2d35614d;border:3px solid #5f72bf66;border-radius:50%;box-shadow:0 4px 16px #5f72bf33;display:flex;height:100px;justify-content:center;overflow:hidden;width:100px}.profile-image{height:100%;object-fit:cover;object-position:center;width:100%}.profile-placeholder{align-items:center;background:#5f72bf1a;display:flex;height:100%;justify-content:center;width:100%}.photo-icon{color:#5f72bf99;font-size:2rem}.profile-photo-note{color:#a0aec0;font-size:.85rem;font-style:italic;text-align:center}.form-actions{border-top:1px solid #5f72bf33;display:flex;gap:20px;justify-content:center;margin-top:40px;padding-top:30px}.cancel-btn,.submit-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;height:48px;justify-content:center;min-width:180px;padding:14px 32px;transition:all .3s ease}.cancel-btn{border:2px solid #a0aec04d;color:#a0aec0}.cancel-btn:hover:not(:disabled){background:#a0aec01a;border-color:#a0aec080}.submit-btn{background:linear-gradient(135deg,#5f72bf,#718ac9);box-shadow:0 4px 12px #5f72bf4d;color:#fff}.submit-btn:hover:not(:disabled){box-shadow:0 6px 20px #5f72bf66;transform:translateY(-2px)}.cancel-btn:disabled,.submit-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.submit-btn:disabled{background:linear-gradient(135deg,#718096,#a0aec0)}.cancel-btn:disabled{border-color:#a0aec033;color:#718096}.success-page{background:linear-gradient(135deg,#20284c,#2d3561 50%,#3a4578);color:#f7fafc!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.success-container{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:600px;min-height:100vh;padding:20px}.success-content{color:#f7fafc}.success-logo-container{align-items:center;display:flex;justify-content:center;margin-bottom:30px;position:relative}.success-logo{filter:drop-shadow(0 4px 20px rgba(95,114,191,.4));height:120px;width:120px}.success-checkmark{align-items:center;animation:checkmarkPop .6s ease-out;background:linear-gradient(135deg,#48bb78,#38a169);border-radius:50%;bottom:-10px;box-shadow:0 4px 12px #48bb784d;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:40px;justify-content:center;position:absolute;right:10px;width:40px}@keyframes checkmarkPop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.success-title{font-size:2.5rem;margin:0 0 10px;text-shadow:0 2px 4px #0000004d}.success-subtitle{color:#a0aec0;font-size:1.4rem;font-weight:500;margin:0 0 20px}.success-message{color:#cbd5e0;font-size:1.1rem;margin:0}.success-animation{margin-top:30px}.success-pulse{animation:pulse 2s infinite;background:linear-gradient(135deg,#5f72bf,#718ac9);border-radius:50%;height:100px;margin:0 auto;opacity:.6;width:100px}@keyframes pulse{0%{opacity:.6;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}to{opacity:.6;transform:scale(1)}}.loading-page{align-items:center;background:linear-gradient(135deg,#20284c,#2d3561 50%,#3a4578);display:flex;justify-content:center;min-height:100vh}.loading-content{color:#f7fafc}@media (max-width:768px){.registration-container{padding:80px 15px 30px}.registration-header h1{font-size:2rem}.registration-header p{font-size:1rem}.form-row{gap:15px;grid-template-columns:1fr}.form-actions{align-items:center;flex-direction:column}.cancel-btn,.submit-btn{max-width:300px;width:100%}.form-section h2{font-size:1.5rem}}@media (max-width:480px){.registration-container{padding:60px 10px 20px}.registration-header h1{font-size:1.8rem}.success-title{font-size:2rem}.success-subtitle{font-size:1.2rem}.form-section h2{font-size:1.3rem}}.contact-section .form-group .phone-input-container select.country-code-select{border:none!important;border-radius:6px 0 0 6px!important;border-right:1px solid #5f72bf33!important}.contact-section .form-group .phone-input-container input.phone-number-input{border:none!important;border-radius:0 6px 6px 0!important}.contact-section .form-group .phone-input-container select.country-code-select:focus{border:none!important;border-radius:6px 0 0 6px!important;border-right:1px solid #5f72bf33!important;box-shadow:none!important;outline:none!important}.contact-section .form-group .phone-input-container input.phone-number-input:focus{border:none!important;border-radius:0 6px 6px 0!important;box-shadow:none!important;outline:none!important}.agreement-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2d356166;border:2px solid #5f72bf4d;border-radius:12px;margin-bottom:30px;padding:30px}.agreement-title{color:#e2e8f0;font-size:1.4rem;font-weight:700;margin-bottom:10px;text-shadow:0 2px 4px #0000004d}.agreement-subtitle{color:#cbd5e0;font-size:.95rem;font-style:italic;line-height:1.5;margin-bottom:25px}.checkbox-group{display:flex;flex-direction:column;gap:20px}.checkbox-item{align-items:flex-start;background:#ffffff0d;border:1px solid #5f72bf33;border-radius:8px;gap:12px;padding:15px;transition:all .3s ease}.checkbox-item:hover{background:#ffffff14;border-color:#5f72bf66}.checkbox-item input[type=checkbox]{accent-color:#5f72bf;background-color:initial;border:2px solid #5f72bf80;border-radius:4px;cursor:pointer;height:18px;margin:2px 0 0;width:18px}.checkbox-item input[type=checkbox]:checked{background-color:#5f72bf;border-color:#5f72bf}.checkbox-item input[type=checkbox]:focus{outline:2px solid #5f72bf80;outline-offset:2px}.checkbox-label{color:#f7fafc;cursor:pointer;flex:1 1;font-size:.95rem;line-height:1.5}.checkbox-label.required:after{color:#fc8181;content:" *";font-weight:700}.document-link{background:none;border:none;color:#81e6d9;cursor:pointer;font-size:inherit;font-weight:600;margin:0;padding:0;text-decoration:underline;text-decoration-color:#81e6d980;transition:all .3s ease}.document-link:hover{color:#4fd1c7;text-decoration-color:#4fd1c7;text-shadow:0 0 8px #4fd1c74d;transform:translateY(-1px)}.document-link:active{transform:translateY(0)}@media (max-width:768px){.agreement-section{margin-bottom:20px;padding:20px}.agreement-title{font-size:1.2rem}.agreement-subtitle{font-size:.9rem}.checkbox-item{gap:10px;padding:12px}.checkbox-label{font-size:.9rem}}@media (max-width:480px){.agreement-section{margin-left:-10px;margin-right:-10px;padding:15px}.checkbox-item{gap:8px;padding:10px}.checkbox-item input[type=checkbox]{height:16px;width:16px}.checkbox-label{font-size:.85rem}}.current-uid-display{background:#22c55e1a;border:1px solid #22c55e4d;border-radius:8px;margin-bottom:20px;padding:15px}.current-uid-info{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.current-uid-label{color:#a0aec0;font-size:14px;font-weight:500}.current-uid-value{background:#0003;border-radius:4px;color:#4ade80;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:16px;font-weight:600;padding:4px 8px}.uid-status-badge{background:#22c55e33;border:1px solid #22c55e4d;border-radius:12px;color:#4ade80;font-size:12px;font-weight:600;padding:2px 8px}.uid-status-badge.confirmed{background:#22c55e4d}@media (max-width:768px){.current-uid-info{gap:8px}.current-uid-info,.uid-suggestion{align-items:flex-start;flex-direction:column}.uid-suggestion{gap:4px}}.registration-success{align-items:center;background:linear-gradient(135deg,#2d3561,#1a1f3a);display:flex;height:100vh;justify-content:center;left:0;opacity:1;position:fixed;top:0;transition:opacity .5s ease-out;width:100vw;z-index:9999}.registration-success.fade-out{opacity:0}.success-content{color:#fefeff;max-width:500px;padding:2rem;text-align:center}.success-logo{margin-bottom:1.5rem}.logo-animation{filter:drop-shadow(0 10px 30px rgba(95,114,191,.3));height:100px;width:100px}.success-icon{margin-bottom:2rem}.check-circle,.success-icon{display:flex;justify-content:center}.check-circle{align-items:center;animation:successPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#5f72bf,#4a5a9e);border-radius:50%;box-shadow:0 10px 30px #5f72bf4d;height:80px;width:80px}.check-mark{animation:checkmarkAppear 1s ease-out .5s both;color:#fefeff;font-size:2.5rem;font-weight:700}@keyframes successPulse{0%,to{box-shadow:0 10px 30px #5f72bf4d;transform:scale(1)}50%{box-shadow:0 15px 40px #5f72bf66;transform:scale(1.05)}}@keyframes checkmarkAppear{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.success-title{animation:titleSlideIn 1s ease-out .8s both;color:#fefeff;font-size:2.8rem;font-weight:700;margin-bottom:1rem;text-shadow:0 4px 8px #0000004d}.success-subtitle{animation:subtitleSlideIn 1s ease-out 1.1s both;color:#fefeff;font-size:1.3rem;margin-bottom:2.5rem}@keyframes titleSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.loading-section{margin-bottom:2rem}.loading-dots{margin-bottom:1rem}.dot-2{animation-delay:.3s}.dot-3{animation-delay:.6s}.loading-message{animation:messageSlideIn 1s ease-out 1.4s both;color:#fefeff;font-size:1rem;font-weight:500}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.welcome-message{animation:welcomeSlideIn 1s ease-out 1.7s both;color:#fefeff;font-size:.95rem;font-weight:600}@keyframes welcomeSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.success-content{padding:1rem}.success-title{font-size:2.3rem}.success-subtitle{font-size:1.15rem}.logo-animation{height:80px;width:80px}.check-circle{height:70px;width:70px}.check-mark{font-size:2rem}}@media (max-width:480px){.success-title{font-size:1.9rem}.success-subtitle{font-size:1rem}.logo-animation{height:70px;width:70px}.check-circle{height:60px;width:60px}.check-mark{font-size:1.8rem}}.dashboard,.dashboard-loading{background:linear-gradient(135deg,#fefeff,#f1f5f9);min-height:100vh}.dashboard-loading{align-items:center;display:flex;justify-content:center}.dashboard-header{background:linear-gradient(135deg,#20284c,#515773);box-shadow:0 2px 20px #20284c4d;color:#fff;left:0;padding:0;position:fixed;right:0;top:0;z-index:1000}.dashboard-header-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:15px 20px}.dashboard-left-section{align-items:center;display:flex;gap:15px}.dashboard-logo{cursor:pointer;height:40px;margin-right:15px;transition:transform .3s ease;width:auto}.dashboard-logo:hover{transform:scale(1.05)}.dashboard-nav{display:flex;gap:35px}.dashboard-nav-link{background:none;border:none;color:#fefeffcc;cursor:pointer;font-size:16px;font-weight:500;padding:8px 0}.dashboard-nav-link:hover{color:#fefeff}.dashboard-nav-link{position:relative;transition:all .3s ease}.dashboard-nav-link:hover:after{background:#5f72bf;border-radius:1px;bottom:-5px;content:"";height:2px;left:0;position:absolute;right:0}.dashboard-actions{align-items:center;display:flex;gap:15px}.dashboard-download-btn{background:linear-gradient(135deg,#5f72bf,#20284c);border:none;border-radius:8px;box-shadow:0 4px 15px #5f72bf4d;color:#fefeff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.dashboard-download-btn:hover{box-shadow:0 6px 20px #5f72bf66;transform:translateY(-2px)}.user-profile{align-items:center;display:flex;position:relative}.user-profile-button{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:8px 12px;transition:all .3s ease}.user-profile-button:hover{background:#ffffff26;border-color:#ffffff4d}.user-avatar{border:2px solid #fefeff;border-radius:50%;height:32px;width:32px}.user-name{color:#fefeff;font-size:.9rem;font-weight:500;white-space:nowrap}.dropdown-icon{color:#fefeffb3;transition:all .3s ease}.dropdown-icon.rotated{transform:rotate(180deg)}.profile-dropdown{animation:dropdownFadeIn .2s ease-out;background:#fff;border:1px solid #0000001a;border-radius:12px;box-shadow:0 10px 40px #00000026;min-width:200px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:1100}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.profile-dropdown-item{align-items:center;background:none;border:none;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.profile-dropdown-item:hover{background:#f9fafb;color:#111827}.profile-dropdown-item:active{background:#f3f4f6}.profile-dropdown-item svg{color:#6b7280;transition:color .2s ease}.profile-dropdown-item:hover svg{color:#374151}.profile-dropdown-item span{flex:1 1}.profile-dropdown-separator{background:#e5e7eb;height:1px;margin:4px 0}.profile-dropdown-item.logout-item{border-top:1px solid #f3f4f6;color:#dc2626}.profile-dropdown-item.logout-item:hover{background:#fef2f2;color:#dc2626}.profile-dropdown-item.logout-item svg{color:#dc2626}.profile-dropdown-item.logout-item:hover svg{color:#b91c1c}.dashboard-main{padding:120px 0 40px}.dashboard-container{margin:0 auto;max-width:1200px;padding:0 20px}.section-title{color:#20284c;font-size:2rem;font-weight:800;letter-spacing:-.01em;margin-bottom:20px}.projects-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #20284c1f;margin-bottom:40px;padding:40px}.project-tabs{border-bottom:1px solid #e2e8f0;display:flex;gap:20px;margin-bottom:30px}.project-tab{background:none;border:none;border-bottom:2px solid #0000;color:#718096;cursor:pointer;font-size:1rem;font-weight:500;padding:10px 20px;transition:all .3s ease}.project-tab.active{border-bottom-color:#5f72bf;color:#20284c}.project-tab:hover{color:#20284c}.projects-content{align-items:center;display:flex;justify-content:center;min-height:100px}.empty-state{color:#a0aec0;font-size:1.1rem}.lists-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #20284c1f;margin-bottom:40px;padding:40px}.lists-header{margin-bottom:30px}.lists-icons{font-size:1.2rem;margin-left:10px}.lists-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:30px}.list-card{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffb3;border:1px solid #fefeff33;border-radius:12px;padding:24px;transition:all .3s ease}.list-card:hover{background:#ffffffe6;box-shadow:0 8px 32px #5f72bf33;transform:translateY(-4px)}.list-header{align-items:center;display:flex;gap:10px;margin-bottom:10px}.list-icon{font-size:1.3rem}.list-name{color:#20284c;font-size:1.2rem;font-weight:700;margin:0}.list-description{color:#718096;font-size:.95rem;margin:0 0 15px}.list-meta{color:#a0aec0;display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:15px}.view-list-btn{background:linear-gradient(135deg,#5f72bf,#20284c);border:none;border-radius:8px;box-shadow:0 4px 12px #5f72bf4d;color:#fefeff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.view-list-btn:hover{box-shadow:0 6px 16px #5f72bf66;transform:translateY(-2px)}.new-list-btn{align-items:center;background:linear-gradient(135deg,#5f72bf,#20284c);border:none;border-radius:10px;box-shadow:0 6px 20px #5f72bf4d;color:#fefeff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:10px;margin:0 auto;padding:14px 28px;transition:all .3s ease}.new-list-btn:hover{box-shadow:0 8px 25px #5f72bf66;transform:translateY(-3px)}.plus-icon{font-size:1.2rem}.products-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #20284c1f;padding:40px}.products-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.upload-btn{background:linear-gradient(135deg,#5f72bf,#20284c);border:none;border-radius:8px;box-shadow:0 4px 15px #5f72bf4d;color:#fefeff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.upload-btn:hover{box-shadow:0 6px 20px #5f72bf66;transform:translateY(-2px)}.products-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.product-card{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffb3;border:1px solid #fefeff33;border-radius:12px;padding:20px;text-align:center;transition:all .3s ease}.product-card:hover{background:#fffffff2;box-shadow:0 12px 40px #5f72bf4d;transform:translateY(-4px) scale(1.02)}.product-image{align-items:center;background:#fefeff80;border:2px solid #5f72bf1a;border-radius:12px;display:flex;height:150px;justify-content:center;margin-bottom:15px;overflow:hidden;position:relative}.product-img{height:100%;object-fit:cover;transition:all .3s ease;width:100%}.product-card:hover .product-img{transform:scale(1.05)}.product-name{color:#20284c;font-size:1.1rem;font-weight:700;margin:0}@media (max-width:768px){.dashboard-nav{display:none}.dashboard-header-container{padding:12px 15px}.dashboard-logo{height:32px}.dashboard-download-btn{font-size:14px;padding:8px 16px}.user-profile-button{gap:8px;padding:6px 10px}.profile-dropdown{min-width:180px;right:-10px}.profile-dropdown-item{font-size:13px;padding:10px 14px}.user-name{font-size:.8rem}.lists-grid{grid-template-columns:1fr}.products-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.products-header{align-items:flex-start;flex-direction:column;gap:15px}}@media (max-width:480px){.dashboard-container{padding:0 15px}.lists-section,.products-section,.projects-section{padding:20px}.section-title{font-size:1.5rem}}.upload-modal-overlay{align-items:center;animation:modalFadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#20284ccc;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.upload-modal-content{animation:modalSlideIn .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fefefff2,#fefeffe6);border:1px solid #fefeff33;border-radius:16px;box-shadow:0 20px 40px #20284c4d;max-height:90vh;max-width:1000px;overflow:hidden;width:95%}.upload-modal-header{align-items:center;background:linear-gradient(135deg,#20284c,#515773);border-bottom:1px solid #fefeff1a;color:#fefeff;display:flex;justify-content:space-between;padding:20px 24px}.upload-modal-header h2{color:#fefeff;font-size:20px;font-weight:600;margin:0}.upload-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#fefeffcc;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:4px;transition:all .3s ease;width:32px}.upload-modal-close:hover{background:#fefeff1a;color:#fefeff}.upload-modal-body{max-height:calc(90vh - 160px);overflow-y:auto;padding:24px}.upload-form-container{grid-gap:32px;align-items:start;display:grid;gap:32px;grid-template-columns:300px 1fr}.file-preview-section{position:sticky;top:0}.file-preview-section h3{color:#20284c;font-size:18px;font-weight:600;margin:0 0 16px;text-align:center}.file-preview{align-items:center;background:#fefeffcc;border:2px dashed #5f72bf4d;border-radius:12px;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:20px;text-align:center;transition:all .3s ease}.preview-image{border-radius:8px;box-shadow:0 4px 15px #20284c33;max-height:200px;max-width:100%;object-fit:cover}.preview-3d-placeholder,.preview-placeholder{align-items:center;color:#515773;display:flex;flex-direction:column;gap:12px}.preview-3d-icon,.upload-icon{font-size:48px;opacity:.7}.file-type{background:#5f72bf1a;border-radius:20px;color:#5f72bf;font-size:12px;font-weight:600;padding:4px 12px}.form-section{display:flex;flex-direction:column;gap:20px}.form-group{margin-bottom:0}.form-group label{color:#20284c;font-size:16px;font-weight:600;text-align:right}.file-upload-container{display:flex;flex-direction:column;gap:8px}.file-input{display:none}.file-upload-btn{background:linear-gradient(135deg,#5f72bf,#20284c);border:none;border-radius:8px;box-shadow:0 4px 15px #5f72bf4d;color:#fefeff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;text-align:center;transition:all .3s ease}.file-upload-btn:hover{box-shadow:0 6px 20px #5f72bf66;transform:translateY(-2px)}.file-types{color:#515773;font-size:12px;text-align:center}.selected-file{background:#22c55e1a;border:1px solid #22c55e4d;border-radius:6px;color:#16a34a;font-size:14px;padding:8px 12px;text-align:center}.form-input,.form-textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fefeffcc;border:2px solid #5f72bf33;color:#20284c;direction:rtl;font-size:16px;text-align:right}.form-input:focus,.form-textarea:focus{background:#fefefff2;box-shadow:0 0 0 3px #5f72bf1a}.form-input::placeholder,.form-textarea::placeholder{color:#20284c80}.radio-group{display:flex;gap:20px;justify-content:flex-end}.radio-option{align-items:center;color:#20284c;cursor:pointer;display:flex;font-size:16px;gap:8px}.radio-option input[type=radio]{accent-color:#5f72bf;height:20px;width:20px}.optional-fields{border-top:2px solid #5f72bf1a;margin-top:20px;padding-top:20px}.optional-fields h4{color:#515773;font-size:16px;font-weight:600;margin:0 0 16px;text-align:right}.field-note{color:#e74c3c;text-align:right}.upload-modal-footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fefeff80;border-top:1px solid #20284c1a;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.cancel-btn{background:#5157731a;border:2px solid #51577333;color:#515773;font-size:16px;padding:12px 24px}.cancel-btn:hover{background:#51577333;border-color:#5157734d}.save-btn{background:linear-gradient(135deg,#5f72bf,#20284c);box-shadow:0 4px 15px #5f72bf4d;font-size:16px;min-width:100px;padding:12px 24px}.save-btn:hover:not(:disabled){box-shadow:0 6px 20px #5f72bf66}@media (max-width:768px){.upload-modal-content{margin:20px;max-width:none;width:95%}.upload-modal-header{padding:16px 20px}.upload-modal-header h2{font-size:18px}.upload-modal-body{padding:20px 16px}.upload-form-container{gap:24px;grid-template-columns:1fr}.file-preview-section{order:-1;position:static}.file-preview{min-height:150px}.upload-modal-footer{flex-direction:column-reverse;padding:16px 20px}.cancel-btn,.save-btn{padding:14px 24px;width:100%}.radio-group{justify-content:center}}@media (max-width:1024px){.upload-form-container{gap:20px;grid-template-columns:250px 1fr}}.product-view-modal-overlay{align-items:center;animation:modalFadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#20284ccc;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.product-view-modal-content{animation:modalSlideIn .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fefefff2,#fefeffe6);border:1px solid #fefeff33;border-radius:16px;box-shadow:0 20px 40px #20284c4d;max-height:90vh;max-width:900px;overflow:hidden;width:95%}.product-view-modal-header{align-items:center;background:linear-gradient(135deg,#20284c,#515773);border-bottom:1px solid #fefeff1a;color:#fefeff;display:flex;justify-content:space-between;padding:20px 24px}.product-view-modal-header h2{color:#fefeff;font-size:20px;font-weight:600;margin:0}.product-view-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#fefeffcc;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:4px;transition:all .3s ease;width:32px}.product-view-modal-close:hover{background:#fefeff1a;color:#fefeff}.product-view-modal-body{max-height:calc(90vh - 160px);overflow-y:auto;padding:32px 24px}.product-view-container{grid-gap:32px;align-items:start;display:grid;gap:32px;grid-template-columns:300px 1fr}.product-view-image-section{position:sticky;top:0}.product-view-image{border:2px solid #5f72bf33;border-radius:12px;box-shadow:0 8px 25px #20284c33;height:300px;margin-bottom:16px;overflow:hidden;width:100%}.product-view-image img{height:100%;object-fit:cover;width:100%}.product-view-meta{display:flex;flex-direction:column;gap:8px}.product-category{background:#5f72bf1a;color:#5f72bf}.product-category,.product-type-badge{border-radius:20px;font-size:14px;font-weight:600;padding:6px 12px;text-align:center}.product-type-badge{background:#5157731a;color:#515773}.product-view-details{gap:20px}.detail-row,.product-view-details{display:flex;flex-direction:column}.detail-row{gap:8px}.detail-row label{font-weight:600}.detail-row label,.detail-value{color:#20284c;font-size:16px;text-align:right}.detail-value{background:#fefeffcc;border:2px solid #5f72bf1a;border-radius:8px;direction:rtl;min-height:20px;padding:12px 16px}.detail-value.empty{color:#20284c80;font-style:italic}.detail-value.catalog-number{background:#5f72bf1a;color:#5f72bf;font-family:monospace;font-weight:600}.detail-value.price{color:#16a34a;font-weight:600}.detail-value.description{line-height:1.5;min-height:50px;white-space:pre-wrap}.detail-value.filename{font-family:monospace;font-size:14px;word-break:break-all}.store-link{background:#fefeffcc;border:2px solid #5f72bf1a;border-radius:8px;color:#5f72bf;direction:rtl;display:block;padding:12px 16px;text-align:right;text-decoration:none;transition:all .3s ease}.store-link:hover{background:#5f72bf1a;border-color:#5f72bf}.edit-input,.edit-textarea{background:#fefeffe6;border:2px solid #5f72bf4d;border-radius:8px;color:#20284c;direction:rtl;font-family:inherit;font-size:16px;padding:12px 16px;text-align:right;transition:all .3s ease;width:100%}.edit-input:focus,.edit-textarea:focus{background:#fefeff;border-color:#5f72bf;box-shadow:0 0 0 3px #5f72bf1a;outline:none}.edit-textarea{line-height:1.5;min-height:80px;resize:vertical}.delete-confirmation{padding:40px 20px;text-align:center}.delete-icon{font-size:64px;margin-bottom:20px}.delete-confirmation h3{color:#e74c3c;font-size:22px;font-weight:600;margin:0 0 16px}.delete-confirmation p{color:#515773;font-size:16px;line-height:1.6;margin:0}.product-view-modal-footer{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fefeff80;border-top:1px solid #20284c1a;display:flex;justify-content:space-between;padding:20px 24px}.footer-left{display:flex}.footer-right{display:flex;gap:12px}.delete-btn{align-items:center;background:#e74c3c1a;border:2px solid #e74c3c33;border-radius:8px;color:#e74c3c;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.delete-btn:hover{background:#e74c3c33;border-color:#e74c3c4d}.cancel-btn,.close-btn{background:#5157731a;border:2px solid #51577333;border-radius:8px;color:#515773;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.cancel-btn:hover,.close-btn:hover{background:#51577333;border-color:#5157734d}.edit-btn,.save-btn{align-items:center;background:linear-gradient(135deg,#5f72bf,#20284c);border:none;border-radius:8px;box-shadow:0 4px 15px #5f72bf4d;color:#fefeff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.edit-btn:hover:not(:disabled),.save-btn:hover:not(:disabled){box-shadow:0 6px 20px #5f72bf66;transform:translateY(-2px)}.save-btn:disabled{box-shadow:0 4px 15px #5f72bf33;opacity:.5}.delete-confirmation-buttons{display:flex;gap:12px;justify-content:center;width:100%}.cancel-delete-btn{background:#5157731a;border:2px solid #51577333;border-radius:8px;color:#515773;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:12px 32px;transition:all .3s ease}.cancel-delete-btn:hover{background:#51577333;border-color:#5157734d}.confirm-delete-btn{background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;border-radius:8px;box-shadow:0 4px 15px #e74c3c4d;color:#fefeff;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:12px 32px;transition:all .3s ease}.confirm-delete-btn:hover{box-shadow:0 6px 20px #e74c3c66;transform:translateY(-2px)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.product-view-modal-content{margin:20px;max-width:none;width:95%}.product-view-modal-header{padding:16px 20px}.product-view-modal-header h2{font-size:18px}.product-view-modal-body{padding:20px 16px}.product-view-container{gap:24px;grid-template-columns:1fr}.product-view-image-section{order:-1;position:static}.product-view-image{height:200px}.product-view-modal-footer{flex-direction:column;gap:16px;padding:16px 20px}.footer-left,.footer-right{justify-content:center;width:100%}.footer-right{flex-direction:column-reverse}.cancel-btn,.close-btn,.delete-btn,.edit-btn,.save-btn{justify-content:center;padding:14px 24px;width:100%}.delete-confirmation-buttons{flex-direction:column-reverse;width:100%}}@media (max-width:1024px){.product-view-container{gap:20px;grid-template-columns:250px 1fr}.product-view-image{height:200px}}.loading-screen{background:linear-gradient(135deg,#2d3561,#1a1f3a);height:100vh;left:0;opacity:1;position:fixed;top:0;width:100vw;z-index:9999}.loading-content{color:#fefeff;max-width:500px;padding:2rem}.loading-logo{margin-bottom:2rem}.logo-animation{animation:logoFloat 3s ease-in-out infinite;filter:brightness(1.1);height:auto;width:120px}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.loading-title{animation:titlePulse 2s ease-in-out infinite;color:#fefeff;font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-shadow:0 4px 8px #0000004d}@keyframes titlePulse{0%,to{opacity:1}50%{opacity:.7}}.loading-subtitle{animation:subtitleSlideIn 1s ease-out .3s both;color:#fefeff;font-size:1.1rem;margin-bottom:2rem;opacity:.8}@keyframes subtitleSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:.8;transform:translateY(0)}}.loading-dots-section{margin-top:2rem}.loading-dots{align-items:center;display:flex;gap:8px;justify-content:center}.dot{animation:dotPulse 1.5s ease-in-out infinite;background:#5f72bf;border-radius:50%;height:12px;width:12px}.dot-1{animation-delay:0s}.dot-2{animation-delay:.2s}.dot-3{animation-delay:.4s}@keyframes dotPulse{0%,80%,to{opacity:.5;transform:scale(1)}40%{opacity:1;transform:scale(1.3)}}@media (max-width:768px){.loading-content{max-width:350px;padding:1.5rem}.loading-title{font-size:2rem}.loading-subtitle{font-size:1rem}.logo-animation{width:100px}.dot{height:10px;width:10px}}@media (max-width:480px){.loading-content{max-width:300px;padding:1rem}.loading-title{font-size:1.8rem}.loading-subtitle{font-size:.9rem}.logo-animation{width:80px}}.profile-page{background:linear-gradient(135deg,#20284c,#2d3561 50%,#3a4578);color:#f7fafc!important;direction:ltr!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;text-align:left!important}.profile-container{margin:0 auto;max-width:800px;padding:120px 20px 40px;position:relative}.profile-header{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:40px;text-align:center}.profile-header h1{font-size:2.5rem;font-weight:800;letter-spacing:-.02em;margin:0 0 12px;text-shadow:0 4px 8px #0000004d}.profile-header h1,.profile-header p{color:#fff!important;text-align:center!important}.profile-header p{font-size:1.2rem;font-weight:400;margin:0 0 30px;opacity:.9;text-shadow:0 2px 4px #0003}.profile-header-content{margin-bottom:30px}.profile-logo-container{display:flex;justify-content:center;margin-bottom:20px}.profile-logo{display:block;height:50px;margin:0 auto;width:auto}.profile-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f7fafc,#e2e8f0);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;letter-spacing:-.02em;margin:0 0 12px;text-align:center!important;text-shadow:0 4px 8px #0000004d}.profile-subtitle{color:#a0aec0!important;font-size:1.2rem;font-weight:400;margin:0;text-align:center!important;text-shadow:0 2px 4px #0003}.profile-actions,.view-actions{display:flex;gap:16px;justify-content:center}.edit-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 12px #667eea4d;color:#fefeff;cursor:pointer;font-size:15px;font-weight:600;letter-spacing:.025em;min-width:140px;padding:12px 28px;transition:all .3s ease}.edit-btn:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.vcard-btn{background:linear-gradient(135deg,#48bb78,#38a169);border:none;border-radius:8px;box-shadow:0 4px 12px #48bb784d;color:#fefeff;cursor:pointer;font-size:15px;font-weight:600;letter-spacing:.025em;min-width:140px;padding:12px 28px;transition:all .3s ease}.vcard-btn:hover{background:linear-gradient(135deg,#38a169,#48bb78);box-shadow:0 8px 20px #48bb7866;transform:translateY(-2px)}.vcard-btn:active{box-shadow:0 4px 12px #48bb784d;transform:translateY(0)}.preferences-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 12px #667eea4d;color:#fefeff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 28px;transition:all .3s ease;white-space:nowrap}.preferences-btn:hover{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.preferences-btn:active{box-shadow:0 4px 12px #667eea4d;transform:translateY(0)}.edit-actions{display:flex;gap:16px}.save-btn{background:linear-gradient(135deg,#4caf50,#45a049);box-shadow:0 4px 12px #4caf504d;font-size:15px;letter-spacing:.025em;min-width:120px;padding:12px 28px}.save-btn:hover:not(:disabled){background:linear-gradient(135deg,#45a049,#4caf50);box-shadow:0 8px 20px #4caf5066}.cancel-btn{background:#0000;border:2px solid #f7fafc4d;color:#f7fafc;font-size:15px;font-weight:600;letter-spacing:.025em;min-width:120px;padding:12px 28px}.cancel-btn:hover{background:#f7fafc1a;border-color:#f7fafc80}.save-message{animation:slideDown .3s ease;background:linear-gradient(135deg,#4caf50,#45a049);box-shadow:0 4px 12px #4caf504d;color:#fff;font-weight:600;margin-bottom:30px;padding:12px 20px;text-align:center}.loading-screen{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;text-align:center}.profile-form{width:100%}.form-section{margin-bottom:40px;padding-bottom:30px;position:relative}.form-section:after{background:linear-gradient(90deg,#0000,#5f72bf66 10%,#5f72bfcc 50%,#5f72bf66 90%,#0000);bottom:0;content:"";height:2px;left:10%;position:absolute;width:80%}.form-section:last-child:after{display:none}.form-section h2{border-bottom:3px solid #5f72bf99;color:#f7fafc!important;font-size:1.8rem;font-weight:700;letter-spacing:-.01em;margin:0 0 24px;padding-bottom:12px;text-shadow:0 2px 4px #0000004d}.form-group,.form-group .field-title,.form-group label,.form-section h2{direction:ltr!important;text-align:left!important}.form-group .field-title,.form-group label{color:#f7fafc!important;display:block;font-size:14px;font-weight:600;letter-spacing:.025em;margin-bottom:8px;text-shadow:0 1px 2px #0003}.form-group .field-title.required:after,.form-group label.required:after{color:#fc8181;content:" *";font-weight:700}.form-group input,.form-group select,.form-group textarea{align-items:center;background-color:initial!important;border:2px solid #5f72bf4d;border-radius:8px;box-sizing:border-box;color:#f7fafc!important;direction:ltr!important;display:flex;font-size:14px;font-weight:500;height:48px;line-height:1.4;padding:12px 16px;text-align:left!important;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#5f72bf;box-shadow:0 0 0 3px #5f72bf33;outline:none}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#fc8181!important;box-shadow:0 0 0 3px #fc818133!important}.form-group input.error:focus,.form-group select.error:focus,.form-group textarea.error:focus{border-color:#fc8181!important;box-shadow:0 0 0 3px #fc81814d!important}.phone-input-container{align-items:center;background-color:initial!important;border:2px solid #5f72bf4d;border-radius:8px;display:flex;overflow:hidden;transition:all .3s ease}.phone-input-container:focus-within{border-color:#5f72bf;box-shadow:0 0 0 3px #5f72bf33}.country-code-select{background-color:#5f72bf1a!important;border:none!important;border-right:1px solid #5f72bf4d!important;box-shadow:none!important;box-sizing:border-box;color:#f7fafc!important;flex-shrink:0;font-size:12px;font-weight:500;height:48px!important;max-width:70px;min-width:70px;outline:none!important;padding:12px 4px 12px 8px!important;width:70px}.country-code-select:focus{background-color:#5f72bf33!important}.country-code-select:focus,.phone-number-input{border:none!important;box-shadow:none!important}.phone-number-input{background-color:initial!important;box-sizing:border-box;color:#f7fafc!important;flex:1 1;font-size:14px;font-weight:500;height:48px!important;outline:none!important;padding:12px 12px 12px 8px!important;width:100%}.phone-number-input:focus{border:none!important;box-shadow:none!important}.phone-number-input::placeholder{color:#f7fafc80!important}.form-group select{align-items:center;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23F7FAFC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;display:flex;min-height:48px;padding-right:40px}.form-group select option{background-color:#2d3561;color:#f7fafc;padding:8px 12px}.readonly-field{background-color:#5f72bf1a!important;border:2px solid #5f72bf33!important;color:#cbd5e0!important;cursor:default!important;opacity:.8!important}.readonly-field:focus{border-color:#5f72bf4d!important;box-shadow:none!important}.display-field{align-items:center;background-color:#ffffff0d;border:2px solid #ffffff1a;border-radius:8px;color:#f7fafc;display:flex;font-size:14px;line-height:1.5;min-height:44px;padding:12px 16px}.display-field.description-field{align-items:flex-start;min-height:80px;white-space:pre-wrap}.display-field a{color:#4299e1;text-decoration:none;word-break:break-all}.display-field a:hover{color:#63b3ed;text-decoration:underline}.cancel-btn,.edit-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;margin-right:10px;padding:10px 20px;transition:all .3s ease}.edit-btn.edit-mode{background:linear-gradient(135deg,#4299e1,#3182ce);color:#fff}.edit-btn.edit-mode:hover{background:linear-gradient(135deg,#3182ce,#2c5282);transform:translateY(-1px)}.edit-btn.save-mode{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.edit-btn.save-mode:hover{background:linear-gradient(135deg,#38a169,#2f855a);transform:translateY(-1px)}.cancel-btn{background:linear-gradient(135deg,#f56565,#e53e3e);color:#fff}.cancel-btn:hover{background:linear-gradient(135deg,#e53e3e,#c53030);transform:translateY(-1px)}.cancel-btn:disabled,.edit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.field-note{color:#a0aec0!important;font-style:italic}.error-message,.field-note{direction:ltr!important;display:block;font-size:12px;margin-top:4px;text-align:left!important}.error-message{color:#fc8181!important;font-weight:500}.profile-photo-group{margin-bottom:30px;text-align:center}.profile-photo-container{align-items:center;display:flex;flex-direction:column;gap:15px}.profile-photo{border:3px solid #ffffff4d;box-shadow:0 4px 12px #0000004d;box-sizing:border-box;height:136px;transition:all .3s ease;width:136px}.profile-photo-wrapper{border-radius:50%;display:inline-block;overflow:hidden;position:relative;transition:all .3s ease}.profile-photo-wrapper:hover .photo-edit-overlay{opacity:1}.profile-photo-preview{object-fit:cover}.profile-photo-initials,.profile-photo-preview{border:3px solid #ffffff4d;border-radius:50%;box-shadow:0 4px 12px #0000004d;height:120px;transition:all .3s ease;width:120px}.profile-photo-initials{align-items:center;display:flex;justify-content:center}.initials-text{color:#fff;font-size:32px;font-weight:700;letter-spacing:2px;text-shadow:0 2px 4px #0000004d;-webkit-user-select:none;user-select:none}.profile-photo-placeholder{background:#ffffff1a;border:3px solid #ffffff4d;box-shadow:0 4px 12px #0000004d;box-sizing:border-box;flex-direction:column;gap:8px;height:136px;text-align:center;width:136px}.profile-photo-placeholder span{font-size:24px}.profile-photo-placeholder p{color:#fffc;font-size:12px;margin:0}.photo-edit-overlay{background:#0009;bottom:0;right:0;transition:opacity .3s ease}.edit-icon{color:#fff;font-size:20px}.modal-overlay{animation:fadeIn .3s ease;background:#000c;padding:20px}.modal-content{animation:modalSlideIn .3s ease;background:linear-gradient(135deg,#2d3561,#3a4578);box-shadow:0 20px 40px #00000080;max-width:650px;width:95%}.modal-header{border-bottom:2px solid #5f72bf4d;padding:25px 30px}.modal-header h3{color:#f7fafc;font-weight:700;text-shadow:0 2px 4px #0000004d}.modal-close{background:none;border:none;color:#a0aec0;cursor:pointer;font-size:1.5rem;line-height:1;padding:5px;transition:color .3s ease}.modal-close:hover{color:#f7fafc}.modal-body{overflow-x:hidden;padding:30px}.vcard-preview{word-wrap:break-word;margin:15px 0;overflow-x:hidden}.vcard-preview p{color:#e2e8f0;font-weight:500;margin-bottom:8px}.vcard-preview code{background:#0003;border:1px solid #5f72bf4d;border-radius:6px;color:#4ecdc4;display:block;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;font-weight:500;overflow-wrap:break-word;overflow-x:hidden;padding:12px 16px;text-shadow:0 1px 2px #0000004d;white-space:pre-wrap;word-break:break-all}.vcard-description{color:#e2e8f0;font-size:1.1rem;font-weight:500;margin-bottom:25px;text-align:center}.vcard-url-section{background:#ffffff0d;border:1px solid #5f72bf33;border-radius:12px;margin:20px 0;padding:20px}.vcard-url-section h4{align-items:center;color:#f7fafc;display:flex;font-size:1.1rem;font-weight:600;gap:8px;margin:0 0 15px}.url-preview-box{align-items:center;background:#0000004d;border:1px solid #68d3914d;border-radius:8px;display:flex;overflow:hidden}.url-preview-box code{background:#0000;border:none;color:#68d391;flex:1 1;font-family:Courier New,monospace;margin:0;padding:12px 15px}.url-copy-btn{background:#68d391;border:none;border-left:1px solid #68d3914d;color:#1a202c;cursor:pointer;font-size:14px;padding:12px 15px;transition:all .3s ease}.url-copy-btn:hover{background:#4fd1c7;transform:scale(1.05)}.url-explanation{font-size:.9rem}.create-card-section{padding:20px;text-align:center}.vcard-create-btn{align-items:center;background:linear-gradient(135deg,#68d391,#4fd1c7);border:none;border-radius:12px;box-shadow:0 4px 15px #68d3914d;color:#1a202c;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:10px;justify-content:center;margin:0 auto 15px;padding:16px 32px;transition:all .3s ease}.vcard-create-btn:hover{box-shadow:0 6px 20px #68d39166;transform:translateY(-2px)}.create-description{color:#a0aec0;font-size:.95rem;margin:0}.vcard-edit-btn,.vcard-view-btn{align-items:center;background:linear-gradient(135deg,#5f72bf,#7b8fd3);border:none;border-radius:10px;box-shadow:0 4px 12px #5f72bf4d;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:8px;justify-content:center;max-width:200px;padding:14px 24px;transition:all .3s ease}.vcard-edit-btn:hover,.vcard-view-btn:hover{box-shadow:0 6px 16px #5f72bf66;transform:translateY(-2px)}.vcard-edit-btn{background:linear-gradient(135deg,#ff6b6b,#ff8e8e);box-shadow:0 4px 12px #ff6b6b4d}.vcard-edit-btn:hover{box-shadow:0 6px 16px #ff6b6b66}.share-title{align-items:center;color:#f7fafc;display:flex;font-size:1.1rem;font-weight:600;gap:8px;margin:0 0 20px;text-shadow:0 2px 4px #0003}.share-message-container{margin-bottom:20px}.share-message-label{color:#e2e8f0;display:block;font-size:.95rem;font-weight:500;margin-bottom:8px}.share-message-input-wrapper{position:relative}.share-message-input{background:#0003;border:1px solid #5f72bf4d;border-radius:8px;box-sizing:border-box;color:#f7fafc;font-size:14px;outline:none;padding:12px 16px;transition:all .3s ease;width:100%}.share-message-input:focus{border-color:#68d391;box-shadow:0 0 0 2px #68d39133}.share-character-count{bottom:-20px;color:#a0aec0;font-size:.8rem;position:absolute;right:0}.share-actions-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:15px}.share-copy-btn,.share-general-btn,.share-qr-btn,.share-whatsapp-btn{align-items:center;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;text-decoration:none;transition:all .3s ease}.share-copy-btn{background:linear-gradient(135deg,#4a5568,#718096);box-shadow:0 2px 8px #4a55684d}.share-copy-btn:hover{box-shadow:0 4px 12px #4a556866;transform:translateY(-1px)}.share-whatsapp-btn{box-shadow:0 2px 8px #25d3664d}.share-whatsapp-btn:hover{box-shadow:0 4px 12px #25d36666;transform:translateY(-1px)}.share-general-btn{background:linear-gradient(135deg,#5f72bf,#4a5bb8);box-shadow:0 2px 8px #5f72bf4d}.share-general-btn:hover{box-shadow:0 4px 12px #5f72bf66;transform:translateY(-1px)}.share-qr-btn{background:linear-gradient(135deg,#ff8a00,#e07b1a);box-shadow:0 2px 8px #ff8a004d}.share-qr-btn:hover{box-shadow:0 4px 12px #ff8a0066;transform:translateY(-1px)}.photo-modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.photo-modal{max-width:500px}.photo-modal-header{align-items:center;border-bottom:2px solid #5f72bf4d;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.photo-modal-header h3{color:#f7fafc;font-size:1.5rem;font-weight:700;margin:0}.modal-close-btn{background:none;border:none;color:#a0aec0;cursor:pointer;font-size:24px;line-height:1;padding:5px;transition:color .3s ease}.modal-close-btn:hover{color:#f7fafc}.photo-modal-content{text-align:center}.photo-modal-preview{display:flex;justify-content:center;margin-bottom:25px}.modal-photo-preview{object-fit:cover}.modal-photo-initials,.modal-photo-preview{border:4px solid #ffffff4d;border-radius:50%;box-shadow:0 8px 24px #0006;height:180px;width:180px}.modal-photo-initials{align-items:center;display:flex;justify-content:center}.modal-initials-text{color:#fff;font-size:56px;font-weight:700;letter-spacing:3px;text-shadow:0 4px 8px #0006;-webkit-user-select:none;user-select:none}.modal-photo-placeholder{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center}.modal-photo-placeholder span{font-size:40px}.modal-photo-placeholder p{color:#fffc;font-size:16px;margin:0}.photo-modal-actions{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.modal-action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:all .3s ease}.modal-action-btn:disabled{cursor:not-allowed;opacity:.5}.upload-btn{background:linear-gradient(135deg,#667eea,#764ba2)}.upload-btn:hover:not(:disabled){background:linear-gradient(135deg,#5a67d8,#6b46c1);transform:translateY(-1px)}.camera-btn{background:linear-gradient(135deg,#4caf50,#45a049)}.camera-btn:hover:not(:disabled){background:linear-gradient(135deg,#45a049,#4caf50);transform:translateY(-1px)}.google-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff}.google-btn:hover:not(:disabled){background:linear-gradient(135deg,#ee5a52,#ff6b6b);transform:translateY(-1px)}.remove-btn{background:linear-gradient(135deg,#e53e3e,#c53030);color:#fff}.remove-btn:hover:not(:disabled){background:linear-gradient(135deg,#c53030,#e53e3e);transform:translateY(-1px)}.upload-progress{align-items:center;display:flex;flex-direction:column;gap:10px}.upload-spinner{border-left-color:#5f72bf;height:30px;width:30px}.subscription-plan-display{display:flex;flex-direction:column;gap:6px}.subscription-note{color:#a0aec0!important;direction:ltr!important;font-size:13px!important;font-style:italic!important;margin-top:2px!important;text-align:left!important;text-shadow:0 1px 2px #0003!important}gmp-place-autocomplete-element{align-items:center!important;background-color:initial!important;border:2px solid #5f72bf4d!important;border-radius:8px!important;box-sizing:border-box!important;color:#f7fafc!important;direction:ltr!important;display:flex!important;font-size:14px!important;font-weight:500!important;height:48px!important;line-height:1.4!important;padding:12px 16px!important;text-align:left!important;transition:all .3s ease!important;width:100%!important}gmp-place-autocomplete-element:focus{border-color:#5f72bf!important;box-shadow:0 0 0 3px #5f72bf33!important;outline:none!important}gmp-place-autocomplete-element.readonly-field{background-color:#5f72bf1a!important;border:2px solid #5f72bf33!important;color:#cbd5e0!important;cursor:default!important;opacity:.8!important;pointer-events:none!important}gmp-place-autocomplete-element.readonly-field:focus{border-color:#5f72bf4d!important;box-shadow:none!important}gmp-place-autocomplete-element.error{border-color:#fc8181!important;box-shadow:0 0 0 3px #fc818133!important}.vcard-modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.vcard-modal{animation:modalSlideIn .3s ease;background:linear-gradient(135deg,#2d3561,#3a4578);border-radius:16px;box-shadow:0 20px 40px #00000080;max-height:90vh;max-width:900px;overflow-y:auto;width:100%}.vcard-modal-header{align-items:center;border-bottom:2px solid #5f72bf4d;display:flex;justify-content:space-between;padding:25px 30px}.vcard-modal-header h3{color:#f7fafc;font-size:1.5rem;font-weight:700;margin:0;text-shadow:0 2px 4px #0000004d}.vcard-modal-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;padding:30px}.vcard-preview-section h4,.vcard-settings-section h4{color:#f7fafc;font-size:1.2rem;font-weight:600;margin:0 0 20px;text-shadow:0 2px 4px #0003}.digital-card{background:linear-gradient(135deg,#fff,#f7fafc);border-radius:12px;box-shadow:0 8px 24px #0000004d;color:#2d3748;padding:25px}.card-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;gap:15px;margin-bottom:20px;padding-bottom:15px}.card-photo{object-fit:cover}.card-initials,.card-photo{border:3px solid #e2e8f0;border-radius:50%;height:60px;width:60px}.card-initials{align-items:center;display:flex;justify-content:center}.card-initials-text{color:#fff;font-size:18px;font-weight:700;text-shadow:0 2px 4px #0000004d}.card-info{flex:1 1}.card-name{color:#2d3748;font-size:1.4rem;line-height:1.2;margin:0}.card-company{color:#4a5568;font-size:.9rem;margin:4px 0 0}.contact-item{align-items:center;display:flex;gap:10px;padding:8px 0}.contact-icon{font-size:16px;text-align:center;width:20px}.contact-text{color:#4a5568;flex:1 1;font-size:.9rem;word-break:break-all}.card-footer{border-top:2px solid #e2e8f0;margin-top:20px}.powered-by{color:#a0aec0;font-size:.8rem}.settings-grid{display:flex;flex-direction:column;gap:20px}.settings-group{background:#5f72bf1a;border:1px solid #5f72bf33;border-radius:8px;padding:20px}.settings-group h5{color:#f7fafc;font-size:1rem;font-weight:600;margin:0 0 15px;text-shadow:0 1px 2px #0003}.setting-item{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:10px;margin-bottom:12px;padding:8px;transition:background-color .2s ease}.setting-item:hover{background:#5f72bf1a}.setting-item input[type=checkbox]{accent-color:#48bb78;cursor:pointer;height:18px;width:18px}.setting-item span{color:#f7fafc;font-size:.9rem;font-weight:500;text-shadow:0 1px 2px #0000001a}.vcard-url-preview{background:#5f72bf1a;border:1px solid #5f72bf33;border-radius:8px;margin:20px 30px;padding:20px}.vcard-url-preview h4{color:#f7fafc;font-size:1rem;font-weight:600;margin:0 0 12px;text-shadow:0 1px 2px #0003}.url-preview-box{background:#0003;border:1px solid #5f72bf4d;border-radius:6px;margin-bottom:10px;overflow-x:hidden;padding:12px 16px}.url-preview-box code{color:#4ecdc4;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;font-weight:500;overflow-wrap:break-word;text-shadow:0 1px 2px #0000004d;white-space:pre-wrap;word-break:break-all}.url-explanation{color:#a0aec0;font-size:12px;font-style:italic;margin:0;text-shadow:0 1px 2px #0003}.vcard-modal-actions{border-top:2px solid #5f72bf4d;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:25px 30px}.vcard-actions-left,.vcard-actions-right,.vcard-modal-actions{align-items:center;display:flex}.vcard-actions-right{flex-wrap:wrap;gap:12px}.vcard-cancel-btn{background:#0000;border:2px solid #f7fafc4d;border-radius:8px;color:#f7fafc;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.025em;padding:12px 24px;transition:all .3s ease}.vcard-cancel-btn:hover{background:#f7fafc1a;border-color:#f7fafc80;transform:translateY(-1px)}.vcard-download-btn{background:linear-gradient(135deg,#48bb78,#38a169);border:none;border-radius:8px;box-shadow:0 4px 12px #48bb784d;color:#fefeff;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.025em;padding:12px 24px;transition:all .3s ease}.vcard-download-btn:hover{background:linear-gradient(135deg,#38a169,#48bb78);box-shadow:0 8px 20px #48bb7866;transform:translateY(-2px)}.vcard-download-btn:active{box-shadow:0 4px 12px #48bb784d;transform:translateY(0)}.vcard-digital-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 12px #667eea4d;color:#fefeff;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.025em;padding:12px 24px;transition:all .3s ease}.vcard-digital-btn:hover{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.vcard-digital-btn:active{box-shadow:0 4px 12px #667eea4d;transform:translateY(0)}.vcard-view-btn{background:linear-gradient(135deg,#38a169,#48bb78);border:none;border-radius:8px;box-shadow:0 4px 12px #38a1694d;color:#fefeff;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.025em;padding:12px 24px;transition:all .3s ease}.vcard-view-btn:hover{background:linear-gradient(135deg,#48bb78,#38a169);box-shadow:0 8px 20px #38a16966;transform:translateY(-2px)}.vcard-view-btn:active{box-shadow:0 4px 12px #38a1694d;transform:translateY(0)}.vcard-view-btn.disabled{color:#e2e8f0;cursor:not-allowed;opacity:.6}.vcard-view-btn.disabled,.vcard-view-btn.disabled:hover{background:linear-gradient(135deg,#a0aec0,#718096);box-shadow:0 2px 6px #a0aec033}.vcard-view-btn.disabled:hover{transform:none}.vcard-save-changes-btn{background:linear-gradient(135deg,#f6ad55,#ed8936);border:none;border-radius:8px;box-shadow:0 4px 12px #ed89364d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.025em;padding:12px 24px;transition:all .3s ease}.vcard-save-changes-btn:hover{background:linear-gradient(135deg,#ed8936,#dd6b20);box-shadow:0 8px 20px #ed893666;transform:translateY(-2px)}.vcard-save-changes-btn:active{box-shadow:0 4px 12px #ed89364d;transform:translateY(0)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.profile-container{padding:100px 15px 30px}.profile-title{font-size:2rem}.profile-subtitle{font-size:1rem}.form-row{gap:15px;grid-template-columns:1fr}.profile-actions{align-items:center;flex-direction:column}.edit-actions,.view-actions{flex-direction:column;max-width:300px;width:100%}.cancel-btn,.edit-btn,.preferences-btn,.save-btn,.vcard-btn{min-width:auto;width:100%}.photo-modal{margin:10px;padding:20px;width:95%}.photo-modal-actions{grid-template-columns:1fr}.profile-photo-display{height:120px;width:120px}.profile-photo,.profile-photo-placeholder{height:116px;width:116px}.initials-text{font-size:28px}.modal-photo-initials,.modal-photo-preview{height:150px;width:150px}.modal-initials-text{font-size:48px}.vcard-modal{margin:10px;max-height:95vh;width:95%}.vcard-modal-content{gap:20px;grid-template-columns:1fr;padding:20px}.digital-card{max-width:100%}.vcard-modal-actions{align-items:stretch;flex-direction:column;gap:15px;padding:20px}.vcard-actions-left,.vcard-actions-right{flex-direction:column;gap:12px;width:100%}.vcard-cancel-btn,.vcard-digital-btn,.vcard-download-btn,.vcard-edit-btn,.vcard-save-changes-btn,.vcard-share-btn,.vcard-view-btn{margin:0;width:100%}.vcard-url-preview{margin:15px 20px;padding:15px}.url-preview-box{padding:10px 12px}.url-explanation,.url-preview-box code{font-size:11px}}@media (max-width:480px){.profile-container{padding:90px 10px 20px}.profile-title{font-size:1.8rem}.form-section h2{font-size:1.5rem}.profile-photo-display{height:100px;width:100px}.profile-photo,.profile-photo-placeholder{height:96px;width:96px}.initials-text{font-size:24px}}.digital-card{background:linear-gradient(135deg,#2d5a3d,#1a4b2a);border-radius:20px;box-shadow:0 10px 30px #0000004d;color:#fff;margin:0 auto;max-width:350px;padding:30px 20px;text-align:center}.card-photo-section{align-items:center;display:flex;justify-content:center;margin-bottom:20px}.card-photo-top{object-fit:cover}.card-initials-top,.card-photo-top{border:4px solid #fff3;border-radius:50%;box-shadow:0 4px 15px #0003;height:100px;width:100px}.card-initials-top{align-items:center;color:#fff;display:flex;font-size:36px;font-weight:700;justify-content:center}.card-name-section{margin-bottom:25px;text-align:center}.card-name{color:#fff;font-size:24px;font-weight:700;margin:0 0 8px;text-shadow:0 2px 4px #0003}.card-company{color:#fffc;font-size:16px;font-weight:500;margin:0}.card-contacts{display:flex;flex-direction:column;gap:12px}.contact-action-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;display:flex;gap:12px;padding:12px 16px;text-decoration:none;transition:all .3s ease}.contact-action-btn:hover{background:#fff3;box-shadow:0 4px 12px #0003;color:#fff;text-decoration:none;transform:translateY(-1px)}.phone-btn:hover{background:#22c55e33;border-color:#22c55e4d}.email-btn:hover{background:#3b82f633;border-color:#3b82f64d}.fax-btn:hover{background:#a855f733;border-color:#a855f74d}.address-btn:hover{background:#ef444433;border-color:#ef44444d}.action-icon{flex-shrink:0;font-size:20px}.action-text{flex-grow:1;font-size:14px;font-weight:500;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.card-footer{border-top:1px solid #ffffff1a;margin-top:25px;padding-top:15px;text-align:center}.powered-by{color:#fff9;font-size:12px;font-style:italic}.form-group.full-width{grid-column:1/-1;width:100%}.form-group textarea{font-family:inherit;line-height:1.5;min-height:80px;resize:vertical}.character-count{color:#f7fafc99;margin-top:4px}@media (max-width:480px){.digital-card{max-width:100%;padding:25px 16px}.card-initials-top,.card-photo-top{height:80px;width:80px}.card-initials-top{font-size:28px}.card-name{font-size:20px}.contact-action-btn{padding:10px 14px}.action-text{font-size:13px}.action-icon{font-size:18px}}.photo-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#20284cf2;border:1px solid #5f72bf33;box-shadow:0 25px 50px #0000004d;max-width:480px}.photo-preview{margin-bottom:20px;padding:16px 0;text-align:center}.photo-preview-img{object-fit:cover}.photo-preview-img,.photo-preview-placeholder{border:3px solid #5f72bf4d;border-radius:50%;box-shadow:0 6px 24px #20284c4d,0 3px 12px #5f72bf33;height:120px;transition:all .3s ease;width:120px}.photo-preview-placeholder{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#5f72bf1a,#20284c33);display:flex;flex-direction:column;justify-content:center;margin:0 auto}.photo-preview-placeholder span{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:2.2rem;margin-bottom:8px}.photo-preview-placeholder p{color:#fffc;font-size:1rem;font-weight:500;margin:0}.photo-modal-actions{display:flex;flex-direction:column;gap:10px;padding:0 20px 20px}.photo-action-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff1a;border-radius:10px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;justify-content:flex-start;min-height:48px;overflow:hidden;padding:12px 18px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.photo-action-btn:disabled{cursor:not-allowed;opacity:.6}.camera-btn{background:linear-gradient(135deg,#5f72bfcc,#2d3561e6);box-shadow:0 8px 32px #5f72bf4d;color:#fff}.camera-btn:before{background:linear-gradient(135deg,#5f72bf33,#20284c1a);border-radius:12px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.camera-btn:hover:not(:disabled){background:linear-gradient(135deg,#5f72bfe6,#20284c);box-shadow:0 8px 24px #5f72bf4d;transform:translateY(-2px) scale(1.01)}.camera-btn:hover:not(:disabled):before{opacity:1}.upload-btn{background:linear-gradient(135deg,#3a4578cc,#20284ce6);box-shadow:0 8px 32px #3a45784d;color:#fff}.upload-btn:before{background:linear-gradient(135deg,#3a457833,#2d35611a);border-radius:12px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.upload-btn:hover:not(:disabled){background:linear-gradient(135deg,#3a4578e6,#20284c);box-shadow:0 8px 24px #3a45784d;transform:translateY(-2px) scale(1.01)}.upload-btn:hover:not(:disabled):before{opacity:1}.default-btn{background:linear-gradient(135deg,#2d3561cc,#20284ce6);box-shadow:0 8px 32px #2d35614d;color:#fff}.default-btn:before{background:linear-gradient(135deg,#2d356133,#20284c1a);border-radius:12px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.default-btn:hover:not(:disabled){background:linear-gradient(135deg,#2d3561e6,#20284c);box-shadow:0 8px 24px #2d35614d;transform:translateY(-2px) scale(1.01)}.default-btn:hover:not(:disabled):before{opacity:1}.btn-icon{align-items:center;background:#ffffff26;border-radius:6px;display:flex;flex-shrink:0;font-size:1.1rem;height:20px;justify-content:center;width:20px}.btn-text{font-size:14px;font-weight:500;letter-spacing:.01em;z-index:1}.upload-progress{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#20284c4d;border-radius:0 0 12px 12px;border-top:1px solid #5f72bf33;padding:24px 20px}.upload-spinner{border:3px solid #5f72bf33;filter:drop-shadow(0 4px 8px rgba(95,114,191,.3));height:40px;margin:0 auto 16px;width:40px}.photo-action-btn:active{transform:translateY(0) scale(.98);transition:all .1s ease}.photo-modal-actions .photo-action-btn:first-child{animation:slideInUp .3s ease forwards;animation-delay:.1s;opacity:0}.photo-modal-actions .photo-action-btn:nth-child(2){animation:slideInUp .3s ease forwards;animation-delay:.2s;opacity:0}.photo-modal-actions .photo-action-btn:nth-child(3){animation:slideInUp .3s ease forwards;animation-delay:.3s;opacity:0}@keyframes slideInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.upload-progress p{color:#ffffffe6;font-size:15px;font-weight:500;margin:0 0 8px}.upload-progress small{color:#ffffffb3;font-size:13px;font-weight:400}.profile-photo-container.editable{cursor:default}.profile-photo-display{align-items:center;border-radius:50%;cursor:pointer;display:flex;height:140px;justify-content:center;margin:0 auto;overflow:hidden;position:relative;transition:all .3s ease;width:140px}.profile-photo-display:before{border-radius:50%;content:"";cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.profile-photo-container.editable .profile-photo-display:hover{transform:scale(1.05)}.profile-photo-container.editable .profile-photo-display:hover .profile-photo{box-shadow:0 6px 20px #718ac966,0 4px 12px #0000004d}.profile-photo-container.editable .profile-photo-display:hover .profile-photo-placeholder{background:#ffffff26;box-shadow:0 6px 20px #718ac966,0 4px 12px #0000004d}.photo-edit-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#718ac9d9;border:2px solid #ffffff4d;border-radius:50%;box-sizing:border-box;color:#fff;display:flex;font-size:12px;font-weight:600;height:100%;justify-content:center;left:0;opacity:0;position:absolute;text-align:center;top:0;transition:all .3s ease;width:100%;z-index:3}.profile-photo-container.editable .profile-photo-display:hover .photo-edit-overlay{opacity:1}.vcard-edit-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;margin-left:10px;min-width:140px;padding:12px 20px;transition:all .3s ease}.vcard-edit-btn:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.vcard-share-btn{align-items:center;background:linear-gradient(135deg,#ff6b35,#f7931e);border:none;border-radius:8px;box-shadow:0 4px 12px #ff6b354d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;margin:0 5px;min-width:140px;padding:12px 20px;transition:all .3s ease}.vcard-share-btn:hover{background:linear-gradient(135deg,#e55a2b,#e07b1a);box-shadow:0 6px 16px #ff6b3566;transform:translateY(-2px)}.modal-actions{display:flex;flex-direction:column;gap:25px;margin-top:25px;overflow-x:hidden}.vcard-main-actions{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.vcard-share-section{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:20px;text-align:center}.vcard-share-section h4{color:#f7fafc;font-size:1.1rem;font-weight:600;margin:0 0 15px;text-shadow:0 1px 2px #0000004d}.custom-message-container{margin-bottom:20px;text-align:left}.message-label{color:#e2e8f0;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.message-input-wrapper{position:relative}.custom-message-input{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;box-sizing:border-box;color:#f7fafc;font-family:inherit;font-size:14px;padding:12px 16px;resize:none;transition:all .3s ease;width:100%}.custom-message-input:focus{background:#4fd1c71a;border-color:#4fd1c7;box-shadow:0 0 0 2px #4fd1c733;outline:none}.custom-message-input::placeholder{color:#a0aec0;font-style:italic}.character-count{bottom:-20px;color:#a0aec0;font-weight:500;position:absolute;right:0}.share-actions{flex-wrap:wrap;gap:12px}.share-actions,.share-copy-btn{align-items:center;display:flex;justify-content:center}.share-copy-btn{background:linear-gradient(135deg,#4fd1c7,#38b2ac);border:none;border-radius:10px;box-shadow:0 4px 12px #4fd1c74d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;min-width:120px;padding:12px 20px;transition:all .3s ease}.share-copy-btn:hover{background:linear-gradient(135deg,#38b2ac,#2c7a7b);box-shadow:0 6px 16px #4fd1c766;transform:translateY(-2px)}.share-whatsapp-btn{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border:none;border-radius:10px;box-shadow:0 4px 12px #25d3664d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:center;min-width:120px;padding:12px 20px;transition:all .3s ease}.share-whatsapp-btn:hover{background:linear-gradient(135deg,#128c7e,#075e54);box-shadow:0 6px 16px #25d36666;transform:translateY(-2px)}.share-general-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:center;min-width:120px;padding:12px 20px;transition:all .3s ease}.share-general-btn:hover{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.share-qr-btn{background:linear-gradient(135deg,#f6ad55,#dd6b20);border:none;border-radius:10px;box-shadow:0 4px 12px #dd6b204d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;min-width:140px;padding:12px 20px;transition:all .3s ease}.share-qr-btn:hover{background:linear-gradient(135deg,#dd6b20,#c05621);box-shadow:0 6px 16px #dd6b2066;transform:translateY(-2px)}.qr-section{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;margin-top:16px;padding:16px}.qr-preview{align-items:center;padding:12px 0}.qr-image{border-radius:12px;box-shadow:0 10px 24px #00000059;height:240px;width:240px}.qr-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:12px}.qr-download-btn,.qr-share-btn{background:linear-gradient(135deg,#4c51bf,#2b6cb0);border:none;border-radius:10px;box-shadow:0 4px 12px #4c51bf4d;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:10px 16px;transition:all .3s ease}.qr-download-btn:hover,.qr-share-btn:hover{box-shadow:0 6px 16px #4c51bf66;transform:translateY(-2px)}@media (max-width:768px){.qr-image{height:200px;width:200px}}.camera-modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#20284ce6;z-index:1001}.camera-modal{background:linear-gradient(135deg,#20284c,#2d3561 50%,#3a4578);border:2px solid #5f72bf4d;border-radius:12px;box-shadow:0 25px 60px #0006,0 8px 32px #5f72bf1a;max-width:600px;width:90%}.camera-modal-body{padding:20px}.camera-preview{background:#000;border-radius:12px;margin-bottom:20px;overflow:hidden;position:relative;width:100%}.camera-video{border-radius:12px;display:block;height:auto;max-height:400px;object-fit:cover;width:100%}.camera-controls{gap:16px}.camera-capture-btn,.camera-controls{align-items:center;display:flex;justify-content:center}.camera-capture-btn{background:linear-gradient(135deg,#5f72bf,#20284c);border:none;border-radius:10px;box-shadow:0 4px 16px #5f72bf4d;color:#fefeff;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:700;gap:10px;letter-spacing:.025em;min-width:170px;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s ease}.camera-capture-btn:hover:not(:disabled){background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 8px 20px #5f72bf66;transform:translateY(-2px)}.camera-capture-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.camera-cancel-btn{background:#0000;border:2px solid #5f72bf;border-radius:10px;color:#5f72bf;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:700;letter-spacing:.025em;padding:14px 30px;transition:all .3s ease}.camera-cancel-btn:hover:not(:disabled){background:#5f72bf;box-shadow:0 6px 16px #5f72bf4d;color:#fefeff;transform:translateY(-2px)}.camera-cancel-btn:disabled{cursor:not-allowed;opacity:.4}.capture-icon{font-size:1.2rem}.camera-processing{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#20284ce6;border:1px solid #5f72bf4d;border-radius:12px;left:50%;padding:20px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.processing-spinner{animation:spin 1s linear infinite;border:3px solid #5f72bf33;border-radius:50%;border-top-color:#5f72bf;height:32px;margin:0 auto 12px;width:32px}.camera-processing p{color:#ffffffe6;font-size:14px;font-weight:500;margin:0}.photo-confirmation{margin-bottom:24px;padding:0 20px;text-align:center}.captured-photo-preview{background:#000;border:3px solid #5f72bf66;border-radius:12px;box-shadow:0 12px 40px #20284c99,0 4px 16px #5f72bf33;margin:0 auto 20px;max-width:320px;overflow:hidden;position:relative;width:100%}.captured-photo-img{display:block;height:auto;max-height:320px;object-fit:cover;width:100%}.confirmation-text{color:#f7fafc;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:17px;font-weight:500;line-height:1.6;margin:0;text-align:center;text-shadow:0 2px 4px #0003}.photo-confirmation-controls{gap:16px}.confirm-photo-btn,.photo-confirmation-controls{align-items:center;display:flex;justify-content:center}.confirm-photo-btn{background:linear-gradient(135deg,#5f72bf,#20284c);border:none;border-radius:10px;box-shadow:0 4px 16px #5f72bf4d;color:#fefeff;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:700;gap:10px;letter-spacing:.025em;min-width:150px;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s ease}.confirm-photo-btn:hover:not(:disabled){background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 8px 20px #5f72bf66;transform:translateY(-2px)}.retake-photo-btn{align-items:center;background:#0000;border:2px solid #5f72bf;border-radius:10px;color:#5f72bf;cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:700;gap:10px;justify-content:center;letter-spacing:.025em;min-width:130px;overflow:hidden;padding:14px 30px;position:relative;transition:all .3s ease}.retake-photo-btn:hover:not(:disabled){background:#5f72bf;box-shadow:0 6px 16px #5f72bf4d;color:#fefeff;transform:translateY(-2px)}.confirm-photo-btn:disabled,.retake-photo-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.upload-progress-overlay{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#20284c,#2d3561);border:2px solid #5f72bf66;border-radius:12px;box-shadow:0 16px 40px #0006;left:50%;min-width:250px;padding:30px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:10}.upload-progress-overlay p{color:#f7fafc;font-size:16px;font-weight:600;margin:0 0 12px;text-shadow:0 1px 2px #0000004d}.upload-progress-overlay p,.upload-progress-overlay small{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.upload-progress-overlay small{color:#a0aec0;display:block;font-size:14px;font-weight:400}.camera-loading{padding:60px 20px;text-align:center}.camera-loading p{color:#f7fafc;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:500;margin:0;text-shadow:0 1px 2px #0003}@media (max-width:768px){.photo-modal-actions{gap:10px}.photo-action-btn{font-size:14px;min-height:44px;padding:12px 16px}.camera-video{max-height:300px}.camera-controls{flex-direction:column;gap:12px}.camera-cancel-btn,.camera-capture-btn{max-width:250px;width:100%}.camera-modal{margin:10px;width:95%}.captured-photo-preview{max-width:280px}.captured-photo-img{max-height:280px}.photo-confirmation-controls{flex-direction:column;gap:16px;padding:0 20px}.confirm-photo-btn,.retake-photo-btn{margin:0 auto;max-width:240px;width:100%}.confirmation-text{font-size:15px;margin-bottom:20px;padding:0 10px}.vcard-preview code{font-size:11px;overflow-wrap:break-word;padding:10px 12px;word-break:break-all}.modal-actions{gap:15px;padding:0 10px}.modal-content{max-width:95%}.vcard-main-actions{gap:10px}.share-actions{gap:8px}.share-copy-btn,.share-general-btn,.share-whatsapp-btn{font-size:13px;gap:6px;min-width:100px;padding:10px 16px}.share-whatsapp-btn svg{height:14px;width:14px}.vcard-share-section{padding:15px}.vcard-share-section h4{font-size:1rem}.custom-message-container{margin-bottom:15px}.message-label{font-size:13px;margin-bottom:6px}.custom-message-input{font-size:13px;padding:10px 14px}.character-count{bottom:-18px;font-size:11px}}.upload-progress{background:#5f72bf1a;border:1px solid #5f72bf4d;border-radius:12px;margin-top:20px;padding:20px;text-align:center}.upload-progress p{color:#f7fafc;font-weight:600;margin:10px 0 5px}.upload-progress small{color:#cbd5e0;display:block;font-size:.8rem;font-style:italic;margin-top:5px}.upload-spinner{animation:spin 1s linear infinite;border:3px solid #5f72bf4d;border-radius:50%;border-top-color:#5f72bf;height:24px;margin:0 auto 10px;width:24px}.edit-vcard-page{background:#f5f5f5;min-height:100vh}.edit-vcard-container{display:flex;margin:0 auto;max-width:1200px;min-height:calc(100vh - 80px);padding-top:100px}.edit-panel{background:#fff;color:#333;flex:1.4 1;max-width:700px;overflow-y:auto;padding:20px}.edit-header{margin-bottom:20px}.edit-header h1{color:#333;font-size:24px;font-weight:400;margin-bottom:8px}.edit-header p{color:#666;font-size:14px;margin:0}.section-container{background:none;border:none;margin-bottom:20px;padding:0}.section-title{color:#333;font-size:16px;font-weight:700;margin-bottom:10px}.section-title.collapsible{align-items:center;cursor:pointer;display:flex;justify-content:space-between;-webkit-user-select:none;user-select:none}.section-title.collapsible:hover{color:#06c}.collapse-icon{color:#666;font-size:20px;font-weight:400}.checkbox-grid{margin-bottom:15px}.title-row,.title-with-input-container{align-items:center;display:flex;gap:15px}.title-with-input-container{flex:1 1}.custom-title-input-inline{align-items:center;display:flex;gap:8px}.checkbox-item{align-items:center;display:flex;gap:6px;margin-bottom:8px}.checkbox-item input[type=checkbox]{flex-shrink:0;margin:0}.checkbox-label{color:#333;font-size:14px;line-height:1.4}.checkbox-inline{display:flex;flex-wrap:wrap;gap:10px}.checkbox-inline .checkbox-item{flex-shrink:0;margin-bottom:0;white-space:nowrap}.checkbox-inline .checkbox-label{font-size:13px}.contact-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:15px}.contact-group{margin-bottom:0}.contact-grid+.contact-group{margin-bottom:10px;margin-top:20px}.contact-group-item{align-items:center;background:#fff;border:1px solid #ddd;border-radius:4px;box-sizing:border-box;display:flex;gap:10px;justify-content:space-between;min-height:48px;padding:8px 12px}.contact-group-item .checkbox-item{flex:1 1;margin-bottom:0}.contact-toggle{align-items:center;background:#06c;border:1px solid #06c;border-radius:4px;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;min-width:80px;padding:6px 12px}.contact-toggle:hover{background:#05a}.color-section{margin-bottom:15px}.color-section label{color:#333;display:block;font-size:14px;margin-bottom:5px}.color-controls-row{align-items:flex-start;display:flex;gap:20px}.color-control{flex:1 1}.color-control label{margin-bottom:5px}@media (max-width:768px){.color-controls-row{flex-direction:column;gap:15px}.contact-grid{gap:8px;grid-template-columns:1fr}.checkbox-inline{gap:8px}.checkbox-inline .checkbox-label{font-size:14px}}.color-picker-container{margin-bottom:10px}.color-input-wrapper{display:flex;gap:8px}.color-input{border:1px solid #ccc;height:30px;width:40px}.hex-input{border:1px solid #ccc;color:#333;font-size:14px;padding:4px 8px;width:100px}.hex-input:focus{outline:1px solid #06c}.color-label{color:#666;font-size:12px}.background-controls{align-items:center;display:flex;gap:10px;margin-bottom:10px}.background-controls .color-input-wrapper{align-items:center;display:flex;gap:8px}.background-toggle{align-items:center;background:#fff;border:1px solid #ccc;box-sizing:border-box;color:#333;cursor:pointer;display:flex;font-size:14px;height:30px;justify-content:center;min-width:100px;padding:6px 12px}.background-toggle:hover{background:#f5f5f5}.action-buttons{border-top:1px solid #ddd;display:flex;gap:15px;justify-content:center;margin-top:20px;padding-top:15px}.cancel-btn,.save-btn{border:1px solid #ccc;cursor:pointer;font-size:14px;padding:8px 16px}.save-btn{background:#06c;border-color:#06c}.save-btn:hover:not(:disabled){background:#05a}.save-btn:disabled{background:#ccc}.cancel-btn{background:#fff;color:#333}.cancel-btn:hover:not(:disabled){background:#f5f5f5}.preview-section{align-items:center;display:flex;flex:1 1;flex-direction:column;max-width:500px}.preview-panel{align-items:flex-start;background:#f9f9f9;display:flex;justify-content:center;padding:20px;width:100%}.device-selector{margin-bottom:15px;text-align:center}.frameless-preview{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001f;margin:0 auto;max-width:400px;overflow:hidden;width:100%}.frameless-preview .vcard-preview{border-radius:16px;box-shadow:none;height:auto;min-height:auto;overflow:visible}.frameless-preview .vcard-contact,.frameless-preview .vcard-description,.frameless-preview .vcard-social{flex:0 0 auto;min-height:auto}.frameless-preview .vcard-header{min-height:auto;padding:24px}.frameless-preview .pitchplan-footer{min-height:auto;padding:12px 24px}@media (max-width:768px){.frameless-preview{border-radius:12px;margin:0 10px;max-width:100%}}@media (max-width:480px){.frameless-preview{border-radius:8px;margin:0 5px}.frameless-preview .vcard-header{padding:20px 16px}.frameless-preview .vcard-contact,.frameless-preview .vcard-description,.frameless-preview .vcard-social{padding:16px}}.preview-section:has(.frameless-preview) .publication-panel{margin:20px auto;max-width:400px;width:100%}.device-label{color:#333;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.device-dropdown{background:#fff;border:2px solid #ddd;border-radius:8px;color:#333;cursor:pointer;font-size:14px;min-width:200px;padding:8px 12px;transition:border-color .2s ease}.device-dropdown:hover{border-color:#06c}.device-dropdown:focus{border-color:#06c;box-shadow:0 0 0 3px #0066cc1a;outline:none}.mobile-frame{background:linear-gradient(145deg,#2c2c2c,#1a1a1a);box-shadow:0 15px 35px #0000004d,0 5px 15px #0003,inset 0 1px 0 #ffffff1a;margin:0 auto;padding:20px 10px 25px;position:relative}.mobile-frame-notch{background:#444;border-radius:2px;left:50%;position:absolute;top:8px;transform:translateX(-50%)}.mobile-screen{background:#000;border-radius:22px;box-shadow:inset 0 0 10px #00000080;display:flex;flex-direction:column;height:calc(100% - 40px);overflow:hidden;padding:2px}.mobile-content{-ms-overflow-style:none;background:#f5f5f5;border-radius:20px;flex:1 1;min-height:0;overflow-y:auto;position:relative;scrollbar-width:none}.mobile-content::-webkit-scrollbar{display:none}.publication-panel{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;margin:0 20px 20px;max-width:380px;padding:20px;width:100%}.publication-title{color:#333;font-size:18px;font-weight:600;margin-bottom:15px;text-align:center}.share-link-section{margin-bottom:20px}.share-link-container{display:flex;gap:8px;margin-bottom:15px}.share-link-input{background:#f9f9f9;border:2px solid #e0e0e0;border-radius:8px;color:#666;flex:1 1;font-family:monospace;font-size:14px;padding:10px 12px}.copy-link-btn{background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 15px;transition:background .2s ease}.copy-link-btn:hover{background:#45a049}.copy-link-btn:active{background:#3e8e41}.publication-buttons{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.publication-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;min-height:48px;padding:12px 16px;transition:all .2s ease}.whatsapp-btn{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff}.whatsapp-btn:hover{box-shadow:0 4px 12px #25d3664d}.more-options-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.more-options-btn:hover{box-shadow:0 4px 12px #667eea4d}.qr-btn{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;grid-column:1/-1}.qr-btn:hover{box-shadow:0 4px 12px #ff6b354d}.copy-success{background:#4caf50;border-radius:6px;color:#fff;font-size:12px;margin-top:8px;opacity:0;padding:8px 12px;text-align:center;transform:translateY(-10px);transition:all .3s ease}.copy-success.show{opacity:1;transform:translateY(0)}.whatsapp-message-section{border-top:1px solid #e0e0e0;margin-top:20px;padding-top:15px}.whatsapp-message-label{color:#333;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.whatsapp-message-input{border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-family:inherit;padding:10px 12px;transition:border-color .2s ease}.whatsapp-message-input:focus{border-color:#25d366;box-shadow:0 0 0 3px #25d3661a;outline:none}.whatsapp-message-input::placeholder{color:#999}.character-count{color:#666;font-size:12px;margin-top:5px;text-align:right}.character-count.warning{color:#ff9800}.character-count.danger{color:#f44336}.qr-btn-standalone{grid-column:unset;margin-top:15px;width:100%}.qr-modal-overlay{align-items:center;background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.qr-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:400px;overflow-y:auto;width:100%}.qr-modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px 24px}.qr-modal-header h3{color:#333;font-size:18px;font-weight:600;margin:0}.qr-modal-close{background:none;border:none;color:#666;cursor:pointer;font-size:24px;line-height:1;padding:4px;transition:color .2s ease}.qr-modal-close:hover{color:#333}.qr-modal-content{padding:24px}.qr-preview{display:flex;justify-content:center;margin-bottom:20px}.qr-image{background:#fff;border:1px solid #e0e0e0;border-radius:8px;height:200px;width:200px}.qr-url-display{margin-bottom:20px;text-align:center}.qr-url-label{color:#666;font-size:14px;font-weight:500;margin:0 0 5px}.qr-url-text{background:#f5f5f5;border-radius:6px;color:#333;font-family:monospace;font-size:12px;margin:0;padding:8px 12px;word-break:break-all}.qr-download-buttons{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.qr-download-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease}.qr-png-btn{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.qr-png-btn:hover{box-shadow:0 4px 12px #4caf504d;transform:translateY(-1px)}.qr-svg-btn{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.qr-svg-btn:hover{box-shadow:0 4px 12px #2196f34d;transform:translateY(-1px)}.vcard-preview{border-radius:16px;box-shadow:0 12px 40px #00000026;display:flex;flex-direction:column;margin:0;min-height:100%;overflow:visible;transition:all .3s ease;width:100%}.vcard-preview>*{margin:0}.vcard-header{flex:0 0 auto;margin:0;min-height:200px;padding:32px 24px;position:relative;text-align:center}.profile-photo-container{margin-bottom:16px}.profile-photo{border:3px solid #fff3;border-radius:50%;height:80px;object-fit:cover;width:80px}.profile-photo-placeholder{align-items:center;background:#fff3;border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto;width:80px}.profile-name,.profile-photo-placeholder{color:inherit;font-size:24px;font-weight:700}.profile-name{margin:0 0 8px}.job-title{color:inherit;font-size:16px;margin:0 0 4px}.business-name{color:inherit;font-size:14px;margin:0}.vcard-preview .business-name,.vcard-preview .job-title{color:inherit!important}.social-buttons-container{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;padding:20px 0}.social-checkbox-item{align-items:center;border-radius:6px;display:flex;gap:8px;min-height:40px;padding:8px;transition:background-color .2s ease}.social-checkbox-item:hover{background-color:#0000000d}.social-checkbox-item input[type=checkbox]{flex-shrink:0;height:16px;margin:0;width:16px}.social-icon{align-items:center;border-radius:4px;display:flex;justify-content:center}.social-icon,.social-icon svg{height:24px;width:24px}.social-icon.linkedin{color:#0077b5}.social-icon.facebook{color:#1877f2}.social-icon.instagram{color:#e4405f}.social-icon.x{color:#000}.social-icon.tiktok{color:#ff0050}.social-icon.youtube{color:red}.social-buttons-container .checkbox-item{align-items:center;min-height:40px}.social-buttons-container .checkbox-item input[type=checkbox]{height:16px;width:16px}.vcard-contact{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;margin:0;min-height:120px;padding:24px}.contact-buttons{flex-wrap:wrap;gap:8px;justify-content:space-evenly;margin-bottom:16px;min-height:60px}.contact-btn,.contact-buttons{align-items:center;display:flex}.contact-btn{background:#ffffffe6;border:none;border-radius:50%;color:inherit;cursor:pointer;font-size:20px;height:48px;justify-content:center;text-decoration:none;transition:all .2s ease;width:48px}.contact-btn svg{fill:currentColor;height:20px;width:20px}.contact-btn.light{background:#ffffffe6;color:#2d3748}.contact-btn.light svg{fill:#2d3748}.contact-btn.dark{background:#2d3748e6;color:#fff}.contact-btn.dark svg{fill:#fff}.contact-btn.light:hover{background:#fff}.contact-btn.dark:hover{background:#2d3748}.save-contact-btn{border:none;border-radius:20px;cursor:pointer;display:block;font-size:14px;font-weight:600;margin:0 auto;padding:12px 24px;transition:all .2s ease;width:auto}.save-contact-btn,.save-contact-btn.light{background:#ffffffe6;color:#2d3748}.save-contact-btn.dark{background:#2d3748e6;color:#fff}.save-contact-btn.light:hover{background:#fff}.save-contact-btn.dark:hover{background:#2d3748}.vcard-description{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;margin:0;min-height:100px;padding:24px}.vcard-description h3{color:inherit;font-size:18px;font-weight:600;margin:0 0 12px}.vcard-description p{color:inherit;font-size:14px;line-height:1.5;margin:0}.vcard-social{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;margin:0;min-height:120px;padding:24px}.vcard-social h3{color:inherit;font-size:18px;font-weight:600;margin:0 0 16px;text-align:center}.social-buttons{flex-wrap:wrap;gap:8px;justify-content:space-evenly;min-height:50px}.social-btn,.social-buttons{align-items:center;display:flex}.social-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:inherit;font-size:18px;height:40px;justify-content:center;text-decoration:none;transition:all .2s ease;width:40px}.social-btn svg{fill:currentColor;height:20px;width:20px}.social-btn.light{background:#ffffffe6;border:1px solid #2d37484d;color:#2d3748}.social-btn.light svg{fill:#2d3748}.social-btn.dark{background:#2d3748e6;border:1px solid #ffffff4d;color:#fff}.social-btn.dark svg{fill:#fff}.social-btn.light:hover{background:#fff}.social-btn.dark:hover{background:#2d3748}.custom-title-controls{margin-bottom:10px;margin-top:10px}.custom-title-input{margin-top:8px}.custom-title-input label{color:#333;display:block;font-size:14px;margin-bottom:5px}.title-input{background:#fff;border:1px solid #ccc;color:#333;font-size:14px;padding:4px 8px;width:120px}.title-input:focus{outline:1px solid #06c}.title-input:disabled{background:#f5f5f5;color:#999}.char-counter{color:#718096;margin-top:4px}.custom-title-input-inline .char-counter{margin-top:0;white-space:nowrap}.theme-toggle{margin-top:5px}.theme-btn{background:#fff;border:1px solid #ccc;color:#333;cursor:pointer;font-size:14px;margin-right:5px;padding:4px 12px}.theme-btn:hover{background:#f5f5f5}.theme-btn.active{background:#06c;border-color:#06c;color:#fff}.pitchplan-footer{background:#2d3748!important;color:#fff!important;flex:0 0 auto;margin:0;min-height:60px;padding:16px 24px;text-align:center}.footer-clickable{cursor:pointer;transition:all .2s ease}.footer-clickable:hover{background:#2d3748e6;opacity:.8}.footer-brand-container{align-items:center;display:flex;gap:8px;justify-content:center;margin-bottom:4px}.footer-logo{flex-shrink:0;height:24px;width:24px}.footer-brand{color:#fff!important;font-size:16px;font-weight:600}.footer-slogan{color:#fff!important;font-size:12px;font-style:italic;margin:4px 0 0;opacity:.7}@media (max-width:480px){.footer-brand-container{gap:6px}.footer-logo{height:20px;width:20px}.footer-brand{font-size:14px}.footer-slogan{font-size:11px}}.mutual-exclusive-setting{margin:10px 0}.mutual-exclusive-setting label:first-child{color:#333;display:block;font-size:14px;margin-bottom:8px}.mutual-exclusive-options{display:flex;gap:8px}.mutual-option{align-items:center;display:flex;font-size:14px}.mutual-option input[type=radio]{margin-right:5px}.mutual-option span{color:#333}.whatsapp-message-setting{background:#f9f9f9;border:1px solid #ddd;border-radius:4px;box-sizing:border-box;margin-top:10px;padding:8px 12px;width:100%}.whatsapp-message-setting label{color:#333;display:block;font-size:14px;margin-bottom:5px}.whatsapp-message-input{background:#fff;border:1px solid #ccc;color:#333;font-size:14px;min-height:60px;padding:6px 8px;resize:vertical;width:100%}.whatsapp-message-input:focus{outline:1px solid #06c}.char-counter{color:#666;font-size:12px;margin-top:3px;text-align:right}.toggle-setting{margin:10px 0}.toggle-button{background:#06c;border:1px solid #06c;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px}.toggle-button:hover{background:#05a}@media (max-width:768px){.mutual-exclusive-options{gap:6px}.mutual-option{font-size:13px;padding:6px 12px}.whatsapp-message-input{font-size:16px;padding:12px}.mutual-exclusive-setting{padding:12px}.toggle-button{font-size:13px;min-width:100px;padding:6px 12px}.toggle-setting{margin:8px 0}}.error-message,.loading-message{align-items:center;color:#4a5568;display:flex;flex-direction:column;height:50vh;justify-content:center;text-align:center}.error-message button{background:#3182ce;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:16px;padding:8px 16px}@media (max-width:1024px){.edit-vcard-container{flex-direction:column;max-width:100%}.edit-panel{max-height:50vh;overflow-y:auto}.edit-panel,.preview-section{max-width:100%}.preview-panel{padding:10px}.mobile-frame{padding:15px 8px 20px;transform:scale(.9)}.publication-panel{margin:0 auto 20px;max-width:90%;padding:15px}.publication-buttons{gap:10px;grid-template-columns:1fr}.qr-btn{grid-column:1}.vcard-preview{width:100%}}@media (max-width:768px){.edit-panel,.section-container{padding:16px}.checkbox-grid{gap:8px;grid-template-columns:1fr}.action-buttons{gap:10px}.social-buttons-container{gap:10px;padding:15px 0}.contact-buttons{gap:12px}.social-buttons{gap:8px}}@media (max-width:480px){.edit-header h1{font-size:20px}.vcard-preview{margin:0 auto}.profile-name{font-size:20px}.contact-btn{font-size:18px;height:44px;width:44px}.contact-btn svg{height:18px;width:18px}.social-btn{font-size:16px;height:36px;width:36px}.social-btn svg{height:18px;width:18px}.custom-title-controls{padding:12px}.title-input{font-size:16px}.whatsapp-message-label{font-size:13px}.character-count{font-size:11px}.qr-modal{margin:10px;max-width:calc(100vw - 20px)}.qr-modal-header{padding:16px 20px}.qr-modal-header h3{font-size:16px}.qr-modal-content{padding:20px}.qr-image{height:160px;width:160px}.qr-download-buttons{gap:8px;grid-template-columns:1fr}.qr-download-btn{font-size:13px;padding:10px 14px}}.public-vcard-page{display:flex;flex-direction:column;min-height:100vh}.public-vcard-container{align-items:center;display:flex;flex:1 1;justify-content:center;padding:20px}.public-vcard-wrapper{-ms-overflow-style:none;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0003;max-width:500px;overflow-y:auto;scrollbar-width:none;width:100%}.public-vcard-wrapper::-webkit-scrollbar{display:none}.error-container,.loading-container{-ms-overflow-style:none;align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:50vh;padding:40px 20px;scrollbar-width:none;text-align:center}.error-container::-webkit-scrollbar,.loading-container::-webkit-scrollbar{display:none}.error-container h2{font-size:2rem;font-weight:600;margin:0 0 10px}.error-container p{font-size:1.1rem;margin:5px 0;opacity:.9}@media (min-width:769px){.public-vcard-wrapper .vcard-social{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;min-height:160px;padding:20px 24px}.public-vcard-wrapper .vcard-contact{flex:1 1 auto;min-height:180px;padding:25px 24px}.public-vcard-wrapper .vcard-description{flex:0 0 auto;min-height:auto;padding:30px 24px}}@media (max-width:768px){.public-vcard-page{height:100vh;min-height:100vh}.public-vcard-container{align-items:stretch;height:100vh;padding:0}.public-vcard-wrapper{-ms-overflow-style:none;border-radius:0;box-shadow:none;display:flex;flex-direction:column;height:100vh;max-width:100%;overflow-y:auto;scrollbar-width:none;width:100%}.public-vcard-wrapper::-webkit-scrollbar{display:none}.error-container,.loading-container{justify-content:center;min-height:100vh;padding:30px 15px}.error-container h2{font-size:1.5rem}.error-container p{font-size:1rem}}@media (max-width:480px){.public-vcard-container{padding:0}.public-vcard-wrapper{border-radius:0;height:100vh;min-height:100vh}}@media (max-width:768px){.public-vcard-wrapper .vcard-preview{border-radius:0;display:flex;flex-direction:column;height:100vh;min-height:100vh}.public-vcard-wrapper .vcard-header{display:flex;flex:0 0 auto;flex-direction:column;justify-content:center;min-height:auto;padding:40px 20px 30px}.public-vcard-wrapper .vcard-contact{display:flex;flex:1.5 1;flex-direction:column;justify-content:center;min-height:180px;padding:25px 20px}.public-vcard-wrapper .vcard-description{display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:auto;padding:30px 20px}.public-vcard-wrapper .vcard-social{display:flex;flex:1.5 1;flex-direction:column;justify-content:center;min-height:120px;padding:20px}.public-vcard-wrapper .pitchplan-footer{display:flex;flex:0 0 auto;flex-direction:column;justify-content:center;min-height:auto;padding:20px}.public-vcard-wrapper .contact-buttons{flex-wrap:wrap;gap:15px;justify-content:center;padding:20px 15px}.public-vcard-wrapper .social-buttons{flex-wrap:wrap;gap:15px;justify-content:center;padding:0}.public-vcard-wrapper .save-contact-btn{margin-bottom:10px;margin-top:20px}}@media (min-width:769px){.public-vcard-wrapper .vcard-preview{border-radius:0;box-shadow:none;margin:0}}.content-editor{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;margin-top:30px;overflow:hidden;padding:0}.main-section-header{align-items:center;background:#ffffff08;border-bottom:1px solid #ffffff1a;cursor:pointer;display:flex;justify-content:space-between;padding:24px;transition:all .3s ease}.main-section-header:hover{background:#5f72bf1a}.main-section-header.active{background:#5f72bf26}.main-section-header h3{color:#fefeff;font-size:1.8rem;font-weight:600;margin:0;text-shadow:0 0 10px #5f72bf4d}.main-toggle-icon{color:#5f72bf;font-size:1.3rem;font-weight:700;transition:transform .3s ease}.main-section-header.active .main-toggle-icon{transform:rotate(90deg)}.main-section-content{animation:slideDown .3s ease-out;padding:24px}.content-editor-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:flex-end;margin-bottom:30px;padding-bottom:20px}.editor-actions{align-items:center;display:flex;gap:15px}.save-message{animation:fadeIn .3s ease-in-out;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fefeff;font-size:.9rem;font-weight:500;padding:8px 16px;white-space:nowrap}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.reset-btn,.save-btn{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;padding:12px 20px;position:relative;transition:all .3s ease;white-space:nowrap}.save-btn{background:linear-gradient(135deg,#28a745,#20c997);box-shadow:0 4px 12px #28a7454d;color:#fefeff}.save-btn:hover:not(:disabled){box-shadow:0 6px 20px #28a74566;transform:translateY(-2px)}.save-btn:disabled{opacity:.7}.reset-btn{background:linear-gradient(135deg,#6c757d,#495057);box-shadow:0 4px 12px #6c757d4d;color:#fefeff}.reset-btn:hover:not(:disabled){box-shadow:0 6px 20px #6c757d66;transform:translateY(-2px)}.section-widget{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;margin-bottom:20px;overflow:hidden;transition:all .3s ease}.section-widget:hover{border-color:#5f72bf4d;box-shadow:0 4px 20px #5f72bf1a}.section-header{align-items:center;background:#ffffff05;cursor:pointer;display:flex;justify-content:space-between;padding:20px 24px;transition:all .3s ease}.section-header:hover{background:#5f72bf1a}.section-header.active{background:#5f72bf26;border-bottom:1px solid #ffffff1a}.section-header h4{align-items:center;color:#fefeff;display:flex;font-size:1.2rem;font-weight:600;gap:8px;margin:0}.toggle-icon{color:#5f72bf;font-size:1.1rem;font-weight:700;transition:transform .3s ease}.section-header.active .toggle-icon{transform:rotate(90deg)}.section-content{animation:slideDown .3s ease-out;background:#ffffff05;padding:24px}.form-group{margin-bottom:20px}.form-group label{display:block}.form-input,.form-textarea{background:#ffffff0d;border:1px solid #fff3;border-radius:8px;box-sizing:border-box;color:#fefeff;font-family:inherit;font-size:.95rem;padding:12px 16px;transition:all .3s ease;width:100%}.form-input:focus,.form-textarea:focus{background:#ffffff14;border-color:#5f72bf;box-shadow:0 0 0 3px #5f72bf33;outline:none}.form-textarea{line-height:1.5;min-height:80px;resize:vertical}.array-item{align-items:center;display:flex;gap:10px;margin-bottom:10px}.array-item .form-input{flex:1 1;margin:0}.remove-btn{background:linear-gradient(135deg,#dc3545,#c82333);border:none;border-radius:6px;color:#fefeff;cursor:pointer;flex-shrink:0;font-size:.8rem;padding:8px 12px;transition:all .3s ease}.remove-btn:hover{box-shadow:0 4px 12px #dc35454d;transform:scale(1.05)}.add-btn{background:#5f72bf1a;border:1px dashed #5f72bf80;color:#5f72bf;font-size:.9rem;font-weight:500;margin-top:8px;padding:10px 16px;width:100%}.add-btn:hover{background:#5f72bf33;border-color:#5f72bf;transform:translateY(-1px)}@media (max-width:768px){.content-editor{margin-top:20px;padding:16px}.content-editor-header{align-items:stretch;flex-direction:column;gap:20px}.editor-actions{flex-direction:column;gap:10px}.reset-btn,.save-btn{text-align:center;width:100%}.section-header{padding:16px 20px}.section-header h4{font-size:1.1rem}.section-content{padding:20px}.array-item{align-items:stretch;flex-direction:column}.remove-btn{align-self:flex-end;width:auto}}@media (max-width:480px){.content-editor{padding:12px}.content-editor-header h3{font-size:1.5rem}.section-header{padding:12px 16px}.section-content{padding:16px}.form-input,.form-textarea{font-size:.9rem;padding:10px 12px}}.redirect-manager{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;margin-top:30px;overflow:hidden;padding:0}.redirect-manager .main-section-header{align-items:center;background:#ffffff08;border-bottom:1px solid #ffffff1a;cursor:pointer;display:flex;justify-content:space-between;padding:24px;transition:all .3s ease}.redirect-manager .main-section-header:hover{background:#5f72bf1a}.redirect-manager .main-section-header.active{background:#5f72bf26}.redirect-manager .header-content{flex:1 1}.redirect-manager .header-content h3{color:#fefeff;font-size:1.8rem;font-weight:600;margin:0 0 8px;text-shadow:0 0 10px #5f72bf4d}.redirect-subtitle{color:#b0b8e0;font-size:1rem;font-style:italic;margin:0}.redirect-manager .main-toggle-icon{color:#5f72bf;font-size:1.3rem;font-weight:700;transition:transform .3s ease}.redirect-manager .main-section-header.active .main-toggle-icon{transform:rotate(90deg)}.redirect-manager .main-section-content{animation:slideDown .3s ease-out;padding:24px}.message{animation:slideIn .3s ease-out;border-radius:8px;font-weight:500;margin-bottom:20px;padding:12px 16px}.message.success{background:#28a74533;border:1px solid #28a74566;color:#28a745}.message.error{background:#dc354533;border:1px solid #dc354566;color:#dc3545}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.add-redirect-form{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;margin-bottom:30px;padding:24px}.add-redirect-form h4{color:#fefeff;font-size:1.3rem;font-weight:600;margin:0 0 20px}.form-group label{color:#b0b8e0;font-size:.95rem;letter-spacing:.5px;text-transform:uppercase}.form-input{background:#ffffff0d;border:1px solid #fff3;border-radius:8px;box-sizing:border-box;color:#fefeff;font-family:Courier New,monospace;font-size:.95rem;padding:12px 16px;transition:all .3s ease;width:100%}.form-input:focus{background:#ffffff14;border-color:#5f72bf;box-shadow:0 0 0 3px #5f72bf33;outline:none}.form-input:disabled{cursor:not-allowed;opacity:.6}.form-group small{color:#8e9cb8;font-size:.8rem;font-style:italic;margin-top:4px}.add-btn{background:linear-gradient(135deg,#28a745,#20c997);box-shadow:0 4px 12px #28a7454d;color:#fefeff;font-size:.95rem}.add-btn:hover:not(:disabled){box-shadow:0 6px 20px #28a74566}.add-btn:disabled{opacity:.7}.redirects-list{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;margin-bottom:30px;padding:24px}.redirects-list h4{color:#fefeff;font-size:1.3rem;font-weight:600;margin:0 0 20px}.no-redirects{color:#8e9cb8;padding:40px 20px;text-align:center}.no-redirects p{margin:8px 0}.redirects-table{border:1px solid #ffffff1a;border-radius:8px;overflow:hidden}.table-header{background:#5f72bf33;color:#fefeff;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.table-header,.table-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr auto;padding:16px 20px}.table-row{align-items:center;border-bottom:1px solid #ffffff1a;transition:background-color .3s ease}.table-row:hover{background:#ffffff0d}.table-row:last-child{border-bottom:none}.col-from code{background:#5f72bf33;border-radius:4px;color:#5f72bf;font-family:Courier New,monospace;font-size:.9rem;padding:4px 8px}.redirect-link{color:#20c997;font-size:.9rem;text-decoration:none;transition:color .3s ease;word-break:break-all}.redirect-link:hover{color:#28a745;text-decoration:underline}.col-actions{display:flex;gap:8px;justify-content:flex-end}.delete-btn,.test-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:1rem;height:40px;justify-content:center;padding:8px 12px;transition:all .3s ease;width:40px}.test-btn{background:linear-gradient(135deg,#17a2b8,#138496);color:#fefeff}.test-btn:hover{box-shadow:0 4px 12px #17a2b84d;transform:scale(1.1)}.delete-btn{background:linear-gradient(135deg,#dc3545,#c82333);color:#fefeff}.delete-btn:hover{box-shadow:0 4px 12px #dc35454d;transform:scale(1.1)}.redirect-help{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:24px}.redirect-help h4{color:#fefeff;font-size:1.2rem;font-weight:600;margin:0 0 16px}.redirect-help ul{color:#b0b8e0;line-height:1.6;padding-left:20px}.redirect-help li{margin-bottom:8px}.redirect-help ul ul{margin-bottom:8px;margin-top:8px}.redirect-help code{background:#5f72bf33;border-radius:4px;color:#5f72bf;font-family:Courier New,monospace;font-size:.9rem;padding:2px 6px}.loading-content{color:#b0b8e0;padding:60px 20px;text-align:center}.loading-content .loading-spinner{animation:spin 1s linear infinite;border:4px solid #5f72bf4d;border-radius:50%;border-top-color:#5f72bf;height:40px;margin:0 auto 20px;width:40px}@media (max-width:768px){.redirect-manager{margin-top:20px;padding:16px}.form-row{gap:16px;grid-template-columns:1fr}.table-header,.table-row{gap:8px;grid-template-columns:1fr}.table-header{display:none}.table-row{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:12px;padding:16px}.col-from,.col-to{margin-bottom:8px}.col-from:before{content:"From: "}.col-from:before,.col-to:before{color:#8e9cb8;display:block;font-size:.8rem;font-weight:600;margin-bottom:4px;text-transform:uppercase}.col-to:before{content:"To: "}.col-actions{border-top:1px solid #ffffff1a;justify-content:flex-start;margin-top:8px;padding-top:8px}}@media (max-width:480px){.redirect-manager{padding:12px}.add-redirect-form,.redirect-help,.redirects-list{padding:16px}.form-input{font-size:.9rem;padding:10px 12px}.add-btn{padding:14px 24px;width:100%}}.admin-management{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;margin-top:30px;overflow:hidden;padding:0}.admin-management .main-section-header{align-items:center;background:#ffffff08;border-bottom:1px solid #ffffff1a;cursor:pointer;display:flex;justify-content:space-between;padding:24px;transition:all .3s ease}.admin-management .main-section-header:hover{background:#5f72bf1a}.admin-management .main-section-header.active{background:#5f72bf26}.admin-management .header-content{flex:1 1}.admin-management .header-content h3{color:#fefeff;font-size:1.8rem;font-weight:600;margin:0 0 8px;text-shadow:0 0 10px #5f72bf4d}.admin-management .admin-subtitle{color:#b0b8e0;font-size:1rem;font-style:italic;margin:0}.admin-management .main-toggle-icon{color:#5f72bf;font-size:1.3rem;font-weight:700;transition:transform .3s ease}.admin-management .main-section-header.active .main-toggle-icon{transform:rotate(90deg)}.admin-management .main-section-content{animation:slideDown .3s ease-out;padding:24px}.access-denied,.admin-loading{color:#b0b8e0;padding:40px 20px;text-align:center}.access-denied p:first-child{font-size:2rem;margin-bottom:16px}.access-denied p:last-child{color:#8b95c7;font-size:1.1rem}.admin-management .message{border-radius:8px;font-weight:500;margin-bottom:20px;padding:12px 16px}.admin-management .message.success{background:#22c55e26;border:1px solid #22c55e4d;color:#4ade80}.admin-management .message.error{background:#ef444426;border:1px solid #ef44444d;color:#f87171}.add-admin-form{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:30px;padding:24px}.add-admin-form h4{color:#fefeff;font-size:1.3rem;margin:0 0 20px;text-shadow:0 0 8px #5f72bf4d}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.form-group{display:flex;flex-direction:column}.form-group label{color:#d1d8f0;font-size:.9rem;font-weight:500;margin-bottom:8px}.form-group input,.form-group select{background:#ffffff14;border:1px solid #fff3;border-radius:8px;color:#fefeff;font-size:1rem;padding:12px 16px;transition:all .3s ease}.form-group input:focus,.form-group select:focus{background:#ffffff1f;border-color:#5f72bf;box-shadow:0 0 0 3px #5f72bf33;outline:none}.form-group input::placeholder{color:#8b95c7}.form-group input:disabled,.form-group select:disabled{cursor:not-allowed;opacity:.6}.form-group input.readonly{background:#ffffff0d;color:#8b95c7;cursor:not-allowed}.add-btn{background:linear-gradient(135deg,#5f72bf,#4a5d9a);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;text-shadow:0 1px 2px #0003;transition:all .3s ease}.add-btn:hover:not(:disabled){background:linear-gradient(135deg,#6b7bc9,#5566a4);box-shadow:0 8px 25px #5f72bf4d;transform:translateY(-2px)}.add-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.admins-list{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:30px;padding:24px}.admins-list h4{color:#fefeff;font-size:1.3rem;margin:0 0 20px;text-shadow:0 0 8px #5f72bf4d}.no-admins{color:#8b95c7;font-style:italic;padding:20px;text-align:center}.admins-table{background:#ffffff05;border-radius:8px;overflow-x:auto}.admins-table table{border-collapse:collapse;width:100%}.admins-table td,.admins-table th{border-bottom:1px solid #ffffff1a;padding:12px 16px;text-align:left}.admins-table th{background:#ffffff0d;color:#d1d8f0;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.admins-table td{color:#fefeff;font-size:.95rem}.admin-email{color:#a5b4fc;font-family:Monaco,Menlo,monospace}.admin-role{font-weight:600}.status.active{color:#4ade80}.status.inactive{color:#f87171}.admin-permissions{display:flex;flex-wrap:wrap;gap:4px}.permission-tag{background:#5f72bf33;border-radius:4px;color:#a5b4fc;font-size:.8rem;font-weight:500;padding:2px 8px}.admin-actions{display:flex;gap:8px}.admin-actions button{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;cursor:pointer;font-size:.9rem;padding:6px 8px;transition:all .3s ease}.admin-actions .edit-btn:hover:not(:disabled){background:#3b82f633;border-color:#3b82f666}.admin-actions .delete-btn:hover:not(:disabled){background:#ef444433;border-color:#ef444466}.admin-actions button:disabled{cursor:not-allowed;opacity:.5}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:linear-gradient(145deg,#1a1d2e,#16213e);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 20px 40px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{align-items:center;display:flex;justify-content:space-between;padding:24px 24px 0}.modal-header h3{color:#fefeff;font-size:1.5rem;margin:0;text-shadow:0 0 10px #5f72bf4d}.close-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#d1d8f0;cursor:pointer;display:flex;font-size:1.1rem;height:32px;justify-content:center;transition:all .3s ease;width:32px}.close-btn:hover{background:#ef444433;border-color:#ef444466;color:#f87171}.modal-body{padding:24px}.modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:0 24px 24px}.cancel-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#d1d8f0;cursor:pointer;padding:10px 20px;transition:all .3s ease}.cancel-btn:hover{background:#ffffff26}.save-btn{background:linear-gradient(135deg,#5f72bf,#4a5d9a);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.save-btn:hover:not(:disabled){background:linear-gradient(135deg,#6b7bc9,#5566a4);box-shadow:0 4px 12px #5f72bf4d;transform:translateY(-1px)}.save-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.admin-help{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:24px}.admin-help h4{color:#fefeff;font-size:1.3rem;margin:0 0 20px;text-shadow:0 0 8px #5f72bf4d}.help-content{grid-gap:20px;display:grid;gap:20px}.help-section h5{color:#d1d8f0;font-size:1rem;font-weight:600;margin:0 0 8px}.help-section ul{color:#b0b8e0;margin:0;padding-left:20px}.help-section li{line-height:1.5;margin-bottom:6px}.help-section strong{color:#d1d8f0}.form-group input[type=checkbox]{accent-color:#5f72bf;margin-right:8px;width:auto}.form-group label:has(input[type=checkbox]){align-items:center;flex-direction:row;margin-bottom:0}@media (max-width:768px){.form-row{gap:16px;grid-template-columns:1fr}.admins-table{font-size:.85rem}.admins-table td,.admins-table th{padding:8px 12px}.admin-permissions{align-items:flex-start;flex-direction:column}.modal-content{margin:20px;width:95%}.modal-body,.modal-footer,.modal-header{padding:16px}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.olympus-container{background:linear-gradient(135deg,#20284c,#515773);box-sizing:border-box;direction:ltr;font-family:Heebo,sans-serif;min-height:100vh;padding:0}.olympus-page{margin:0 auto;max-width:1200px;padding:40px 20px}.olympus-header{margin-bottom:40px;padding:0;text-align:left}.olympus-title{color:#fefeff;font-size:3.5rem;font-weight:700;letter-spacing:1px;line-height:1.2;margin:0 0 10px;text-shadow:0 0 20px #5f72bf80}.olympus-subtitle{color:#b0b8e0;font-size:1.5rem;font-style:italic;font-weight:400;letter-spacing:.5px;margin:0 0 30px}.admin-info{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;display:flex;gap:15px;justify-content:flex-start;margin-top:0;padding:20px 24px;width:fit-content}.admin-badge{background:linear-gradient(135deg,#5f72bf,#20284c);border:1px solid #fff3;border-radius:25px;color:#fefeff;font-size:.9rem;font-weight:600;padding:8px 16px}.admin-email{color:#b0b8e0;font-size:.9rem;font-weight:500}.olympus-error,.olympus-forbidden,.olympus-loading,.olympus-unauthorized{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;color:#fefeff;left:50%;margin:20px auto;max-width:500px;padding:40px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.olympus-error h2,.olympus-forbidden h2,.olympus-loading h2,.olympus-unauthorized h2{color:#fefeff;font-size:2rem;margin:0 0 20px}.olympus-error p,.olympus-forbidden p,.olympus-loading p,.olympus-unauthorized p{color:#b0b8e0;font-size:1.1rem;line-height:1.5;margin:10px 0}.user-info{color:#5f72bf!important;font-weight:600;margin-top:15px!important}.home-btn,.login-btn,.retry-btn{background:linear-gradient(135deg,#5f72bf,#20284c);border:1px solid #fff3;border-radius:8px;color:#fefeff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:20px;padding:12px 24px;transition:all .3s ease}.home-btn:hover,.login-btn:hover,.retry-btn:hover{box-shadow:0 8px 20px #5f72bf66;transform:translateY(-2px)}@media (max-width:768px){.olympus-page{padding:30px 15px}.olympus-title{font-size:3rem}.olympus-subtitle{font-size:1.3rem}.admin-info{align-items:flex-start;flex-direction:column;gap:10px;max-width:300px;width:100%}.olympus-error,.olympus-forbidden,.olympus-loading,.olympus-unauthorized{margin:20px;padding:30px 20px}}@media (max-width:480px){.olympus-page{padding:20px 15px}.olympus-title{font-size:2.5rem;letter-spacing:.5px}.olympus-subtitle{font-size:1.1rem}.admin-info{padding:15px 20px}}.not-found-container{align-items:center;background:linear-gradient(135deg,#20284c,#515773);box-sizing:border-box;display:flex;font-family:Heebo,sans-serif;justify-content:center;min-height:100vh;padding:20px}.loading-redirect,.not-found-content,.redirect-notice{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;box-shadow:0 10px 30px #0000004d;max-width:600px;padding:60px 40px;text-align:center;width:100%}.error-icon,.redirect-icon{animation:bounce 2s infinite;font-size:4rem;margin-bottom:20px}.redirect-icon{animation:spin 2s linear infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.not-found-content h1,.redirect-notice h1{color:#fefeff;font-size:2.5rem;font-weight:700;margin:0 0 20px;text-shadow:0 0 20px #5f72bf80}.not-found-content p,.redirect-notice p{color:#b0b8e0;font-size:1.1rem;line-height:1.5;margin:0 0 20px}.error-details,.redirect-info{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin:20px 0;padding:20px}.error-details code,.redirect-info code{background:#5f72bf33;border-radius:4px;color:#5f72bf;font-family:Courier New,monospace;font-size:.9rem;padding:4px 8px;word-break:break-all}.redirect-info p{margin:8px 0;text-align:left}.redirect-info strong{color:#fefeff;display:inline-block;width:60px}.countdown{margin:30px 0}.countdown-number{color:#5f72bf;font-size:1.3rem;font-weight:700;text-shadow:0 0 10px #5f72bf80}.countdown-bar{background:#fff3;border-radius:3px;height:6px;margin:15px 0;overflow:hidden;width:100%}.countdown-progress{background:linear-gradient(90deg,#5f72bf,#20c997);border-radius:3px;height:100%;transition:width 1s ease-in-out}.error-actions{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin:30px 0}.back-btn,.home-btn,.redirect-now-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.home-btn{background:linear-gradient(135deg,#5f72bf,#20284c);box-shadow:0 4px 12px #5f72bf4d;color:#fefeff}.home-btn:hover{box-shadow:0 8px 20px #5f72bf66;transform:translateY(-2px)}.back-btn{background:linear-gradient(135deg,#6c757d,#495057);box-shadow:0 4px 12px #6c757d4d;color:#fefeff}.back-btn:hover{box-shadow:0 8px 20px #6c757d66;transform:translateY(-2px)}.redirect-now-btn{background:linear-gradient(135deg,#28a745,#20c997);box-shadow:0 4px 12px #28a7454d;color:#fefeff;margin-top:10px}.redirect-now-btn:hover{box-shadow:0 8px 20px #28a74566;transform:translateY(-2px)}.help-text{border-top:1px solid #ffffff1a;margin-top:30px;padding-top:20px}.help-text p{color:#8e9cb8;font-size:.9rem;font-style:italic;margin:0}.loading-spinner{border:4px solid #5f72bf4d;border-top-color:#5f72bf;height:40px;margin:0 auto 20px;width:40px}.loading-redirect{padding:40px}.loading-redirect p{color:#b0b8e0;margin:0}@media (max-width:768px){.loading-redirect,.not-found-content,.redirect-notice{margin:20px;padding:40px 25px}.not-found-content h1,.redirect-notice h1{font-size:2rem}.error-icon,.redirect-icon{font-size:3rem}.error-actions{align-items:center;flex-direction:column}.back-btn,.home-btn,.redirect-now-btn{justify-content:center;max-width:200px;width:100%}.redirect-info strong{display:block;margin-bottom:4px;width:auto}}@media (max-width:480px){.not-found-container{padding:15px}.loading-redirect,.not-found-content,.redirect-notice{padding:30px 20px}.not-found-content h1,.redirect-notice h1{font-size:1.8rem}.error-icon,.redirect-icon{font-size:2.5rem}}.preferences-page{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:2rem 0}.preferences-container{margin:0 auto;max-width:1200px;padding:0 1rem}.preferences-header{color:#fff;margin-bottom:3rem;text-align:center}.preferences-header h1{font-size:2.5rem;font-weight:700;margin:0 0 .5rem;text-shadow:0 2px 4px #0000004d}.preferences-header p{font-size:1.2rem;margin:0 0 1rem;opacity:.9}.last-saved{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:20px;display:inline-block;font-size:.9rem;margin-top:1rem;padding:.5rem 1rem}.agreements-section{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0003;margin-bottom:2rem;padding:2rem}.agreements-section h2{color:#333;font-size:1.8rem;font-weight:600;margin:0 0 .5rem}.agreements-section>p{color:#666;font-size:1rem;line-height:1.5;margin:0 0 2rem}.agreements-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem}.agreement-card{background:#f8f9fa;border:2px solid #e9ecef;border-radius:15px;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.agreement-card:before{background:#dee2e6;content:"";height:4px;left:0;position:absolute;right:0;top:0;transition:all .3s ease}.agreement-card.accepted:before{background:linear-gradient(90deg,#28a745,#20c997)}.agreement-card.not-accepted:before{background:linear-gradient(90deg,#dc3545,#fd7e14)}.agreement-card.outdated:before{animation:pulse-warning 2s infinite;background:linear-gradient(90deg,#ffc107,#fd7e14)}@keyframes pulse-warning{0%,to{opacity:1}50%{opacity:.6}}.agreement-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.agreement-header{align-items:flex-start;display:flex;gap:1rem;justify-content:between;margin-bottom:1rem}.agreement-header h3{color:#333;flex:1 1;font-size:1.3rem;font-weight:600;margin:0}.agreement-status{flex-shrink:0}.status-badge{border-radius:20px;display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.3rem .8rem;text-transform:uppercase}.status-badge.accepted{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.status-badge.accepted.outdated{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.status-badge.not-accepted{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.agreement-description{color:#666;font-size:.95rem;line-height:1.5;margin:0 0 1.5rem}.agreement-details{background:#f1f3f4;border-radius:8px;font-size:.9rem;margin:1rem 0;padding:1rem}.agreement-details>div{margin:.5rem 0}.agreement-details strong{color:#333;font-weight:600}.version-update{color:#28a745;font-weight:600}.agreement-actions{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-top:1.5rem}.view-document-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.6rem 1.2rem;text-decoration:none;transition:all .3s ease}.view-document-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.agreement-toggle{align-items:center;cursor:pointer;display:flex;gap:.8rem;-webkit-user-select:none;user-select:none}.agreement-toggle input[type=checkbox]{display:none}.toggle-slider{background:#ccc;border-radius:24px;height:24px;position:relative;transition:all .3s ease;width:50px}.toggle-slider:before{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;content:"";height:20px;left:2px;position:absolute;top:2px;transition:all .3s ease;width:20px}.agreement-toggle input:checked+.toggle-slider{background:#28a745}.agreement-toggle input:checked+.toggle-slider:before{transform:translateX(26px)}.agreement-toggle input:disabled+.toggle-slider{cursor:not-allowed;opacity:.6}.toggle-label{color:#333;font-size:.9rem;font-weight:500}.outdated-notice{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;color:#856404;font-size:.9rem;line-height:1.4;margin-top:1rem;padding:1rem}.loading-container{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.loading-spinner{border:4px solid #ffffff4d;border-top-color:#fff;margin-bottom:1rem}.saving-indicator{align-items:center;background:#fff;border-radius:50px;bottom:2rem;box-shadow:0 4px 20px #00000026;color:#333;display:flex;font-weight:500;gap:.8rem;padding:1rem 1.5rem;position:fixed;right:2rem;z-index:1000}.saving-spinner{animation:spin 1s linear infinite;border:2px solid #e9ecef;border-radius:50%;border-top-color:#667eea;height:20px;width:20px}@media (max-width:768px){.preferences-page{padding:1rem 0}.preferences-header h1{font-size:2rem}.agreements-section{border-radius:15px;margin:0 1rem 2rem;padding:1.5rem}.agreements-grid{gap:1rem;grid-template-columns:1fr}.agreement-actions{align-items:stretch;flex-direction:column;gap:1rem}.agreement-toggle,.saving-indicator,.view-document-btn{justify-content:center}.saving-indicator{bottom:1rem;left:1rem;right:1rem}}@media (max-width:480px){.preferences-container{padding:0 .5rem}.preferences-header{margin-bottom:2rem}.preferences-header h1{font-size:1.8rem}.agreements-section{margin:0 .5rem 1rem;padding:1rem}.agreement-card{padding:1rem}.agreement-header{align-items:flex-start;flex-direction:column;gap:.5rem}}.pdf-viewer-container{background:linear-gradient(135deg,#2d3561,#1a1f3a 50%,#0f1419);color:#f7fafc;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:90px 20px 20px}.pdf-header{border-bottom:2px solid #5f72bf4d;margin:0 auto 40px;max-width:1200px;padding-bottom:30px;text-align:center}.pdf-title{color:#f7fafc;font-size:2.5rem;font-weight:700;margin-bottom:20px;text-shadow:0 2px 4px #0000004d}.pdf-version{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:1rem}.version-tag{background:linear-gradient(135deg,#5f72bf,#4a5bb8);border:1px solid #5f72bf66;border-radius:20px;box-shadow:0 4px 12px #5f72bf4d;color:#f7fafc;font-size:.9rem;font-weight:600;padding:6px 16px}.date-tag,.version-tag{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:inline-block;text-shadow:0 1px 2px #0003}.date-tag{background:#2d356199;border:1px solid #5f72bf33;border-radius:16px;box-shadow:0 2px 8px #2d35614d;color:#cbd5e0;font-size:.8rem;font-weight:500;padding:4px 12px}.pdf-actions{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:20px}.page-count{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#4c567e66;border:1px solid #5f72bf33;border-radius:16px;box-shadow:0 2px 8px #4c567e4d;color:#e2e8f0;display:inline-block;font-size:.8rem;font-weight:500;padding:4px 12px;text-shadow:0 1px 2px #0003}.pdf-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #5f72bf33;border-radius:12px;box-shadow:0 8px 32px #0000004d;line-height:1.7;margin:0 auto;max-width:1000px;padding:40px}.pdf-heading{border-bottom:2px solid #5f72bf4d;color:#e2e8f0;font-size:1.5rem;font-weight:700;margin:30px 0 20px;padding-bottom:10px;text-shadow:0 1px 2px #0003}.pdf-heading:first-child{margin-top:0}.pdf-paragraph{color:#cbd5e0;font-size:1rem;margin-bottom:20px;text-align:justify;text-justify:inter-word}.pdf-paragraph:last-child{margin-bottom:0}.pdf-link{color:#81e6d9;font-weight:500;text-decoration:underline;text-decoration-color:#81e6d980;transition:all .3s ease}.pdf-link:hover{color:#4fd1c7;text-decoration-color:#4fd1c7;text-shadow:0 0 8px #4fd1c74d}.pdf-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #5f72bf33;border-left-color:#5f72bf;border-radius:50%;height:50px;margin-bottom:20px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pdf-loading p{color:#a0aec0;font-size:1.1rem;font-weight:500}.pdf-error{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;text-align:center}.pdf-error p{color:#fc8181;font-size:1.1rem;margin-bottom:20px}.retry-button{background:linear-gradient(135deg,#e53e3e,#c53030);border:none;border-radius:8px;box-shadow:0 4px 12px #e53e3e4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.retry-button:hover{box-shadow:0 8px 20px #e53e3e66;transform:translateY(-2px)}@media (max-width:768px){.pdf-viewer-container{padding:75px 15px 15px}.pdf-title{font-size:2rem}.pdf-content{padding:25px}.pdf-heading{font-size:1.3rem}.pdf-paragraph{font-size:.95rem}.pdf-actions{justify-content:center}}@media (max-width:480px){.pdf-viewer-container{padding:70px 10px 10px}.pdf-title{font-size:1.8rem}.pdf-content{padding:20px}.pdf-heading{font-size:1.2rem}.pdf-paragraph{font-size:.9rem;text-align:left}}
/*# sourceMappingURL=main.4505bb60.css.map*/