@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100..900&display=swap);:root{--navbar-bg:#fff;--navbar-text:#2d3e96;--navbar-text-hover:#1e2a6b;--navbar-border:#0000;--profile-bg:linear-gradient(90deg,#0a499c,#1868d9);--dropdown-bg:#fff;--dropdown-text:#333;--dropdown-hover:#f5f5f5;--modal-bg:#fff;--modal-text:#333;--button-border:#2d3e96;--button-bg:#fbfbff;--button-hover-bg:#2d3e96;--button-hover-text:#fff}.dark-theme,body.dark,body.dark-mode{--navbar-bg:#2d3142;--navbar-text:#fff;--navbar-text-hover:#d1d5db;--navbar-border:#4a5568;--profile-bg:linear-gradient(90deg,#7c9dd1,#9cb3d8);--dropdown-bg:#1f2937;--dropdown-text:#d1d5db;--dropdown-hover:#374151;--modal-bg:#1f2937;--modal-text:#d1d5db;--button-border:#d1d5db;--button-bg:#0000;--button-hover-bg:#d1d5db;--button-hover-text:#000}.navbar{background:#fff;background:var(--navbar-bg);justify-content:space-between;left:0;padding:1rem 5%;position:fixed;right:0;top:0;transition:background .3s ease;z-index:1000}.logo,.navbar{align-items:center;display:flex}.logo{gap:.7rem;text-decoration:none;transition:opacity .2s ease}.logo:hover{opacity:.8}.logo-img{height:40px;object-fit:contain;width:40px}.dark-theme .logo-img,body.dark .logo-img,body.dark-mode .logo-img{filter:invert(1)}.logo-text{color:#2d3e96;color:var(--navbar-text);font-size:1.5rem;font-weight:600}.nav-links{display:flex;gap:2.5rem;left:50%;list-style:none;position:absolute;transform:translateX(-50%)}.nav-links a{color:#2d3e96;color:var(--navbar-text);font-size:1.1rem;font-weight:500;text-decoration:none;transition:color .3s}.nav-links a:hover{color:#1e2a6b;color:var(--navbar-text-hover)}.nav-controls{gap:1rem}.nav-controls,.theme-toggle-container{align-items:center;display:flex}.theme-toggle-switch{border:none;border-radius:50px;cursor:pointer;height:28px;padding:0;position:relative;transition:all .3s ease;width:52px}.theme-toggle-switch.light{background:#dbe4ff}.theme-toggle-switch.dark{background:#3d4451}.toggle-slider{align-items:center;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;display:flex;height:24px;justify-content:center;position:absolute;top:2px;transition:all .3s cubic-bezier(.4,0,.2,1);width:24px}.theme-toggle-switch.light .toggle-slider{color:#5b7cff;left:2px}.theme-toggle-switch.dark .toggle-slider{color:#f1c40f;left:26px}.theme-toggle-switch:hover{opacity:.9;transform:scale(1.02)}.theme-toggle-switch:active{transform:scale(.98)}.auth-btn{background:#fbfbff;background:var(--button-bg);border:2px solid #2d3e96;border:2px solid var(--button-border);border-radius:25px;color:#2d3e96;color:var(--navbar-text);cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s;white-space:nowrap}.auth-btn:hover{background:#2d3e96;background:var(--button-hover-bg);color:#fff;color:var(--button-hover-text);transform:translateY(-1px)}.profile-container{position:relative}.profile-icon{align-items:center;background:linear-gradient(90deg,#0a499c,#1868d9);background:var(--profile-bg);border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:36px;justify-content:center;transition:transform .2s ease,background .3s ease;width:36px}.dark-theme .profile-icon,body.dark .profile-icon,body.dark-mode .profile-icon{color:#000;font-weight:700}.profile-icon:hover{transform:scale(1.1)}.profile-dropdown{background:#fff;background:var(--dropdown-bg);border-radius:8px;box-shadow:0 4px 12px #00000026;overflow:hidden;position:absolute;right:0;top:50px;width:240px;z-index:1050}.dropdown-item{color:#333;color:var(--dropdown-text);gap:12px;padding:12px 16px;transition:background .2s}.dropdown-item:hover{background:#f5f5f5;background:var(--dropdown-hover)}:not(.dark-theme):not(.dark-mode):not(.dark) .dropdown-item:hover,:not(.dark-theme):not(.dark-mode):not(.dark) .dropdown-item:hover svg,:root .dropdown-item:hover,:root .dropdown-item:hover svg{color:#333!important}.dark-theme .dropdown-item,.dark-theme .dropdown-item span,.dark-theme .dropdown-item svg,body.dark .dropdown-item,body.dark .dropdown-item span,body.dark .dropdown-item svg,body.dark-mode .dropdown-item,body.dark-mode .dropdown-item span,body.dark-mode .dropdown-item svg{color:#d1d5db}.dark-theme .dropdown-item:hover,.dark-theme .dropdown-item:hover span,.dark-theme .dropdown-item:hover svg,body.dark .dropdown-item:hover,body.dark .dropdown-item:hover span,body.dark .dropdown-item:hover svg,body.dark-mode .dropdown-item:hover,body.dark-mode .dropdown-item:hover span,body.dark-mode .dropdown-item:hover svg{color:#000!important}.logout-item{border-top:1px solid #0000001a;color:red!important;margin-top:5px}.dark-theme .logout-item,body.dark .logout-item,body.dark-mode .logout-item{border-top:1px solid #ffffff1a;color:#ff6b6b!important}.dark-theme .logout-item span,.dark-theme .logout-item svg,body.dark .logout-item span,body.dark .logout-item svg,body.dark-mode .logout-item span,body.dark-mode .logout-item svg{color:#ff6b6b!important}.hamburger-menu{background:none;border:none;color:#2d3e96;color:var(--navbar-text);cursor:pointer;display:none;padding:.5rem;z-index:1001}.mobile-menu-overlay{animation:fadeIn .3s ease;background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999}.mobile-menu{animation:slideInRight .3s ease;background:#fff;background:var(--navbar-bg);box-shadow:-2px 0 10px #0000001a;height:100vh;padding:5rem 2rem 2rem;position:fixed;right:0;top:0;width:280px}.mobile-nav-links{display:flex;flex-direction:column;gap:1.5rem;list-style:none;margin:0;padding:0}.mobile-nav-links li a,.mobile-nav-links li button{align-items:center;background:none;border:none;color:#2d3e96;color:var(--navbar-text);cursor:pointer;display:flex;font-size:1.1rem;font-weight:500;gap:12px;padding:.75rem 0;text-align:left;text-decoration:none;transition:color .3s;width:100%}.mobile-nav-links li a:hover,.mobile-nav-links li button:hover{color:#1e2a6b;color:var(--navbar-text-hover)}.mobile-logout-btn,.mobile-theme-toggle{align-items:center;display:flex;gap:12px}.mobile-theme-item{align-items:center;color:#2d3e96;color:var(--navbar-text);display:inline-flex;font-size:1.1rem;font-weight:500;gap:.5rem;max-width:-webkit-fit-content;max-width:fit-content;padding:.75rem 0;width:-webkit-fit-content;width:fit-content}.mobile-theme-item .theme-toggle-switch{flex-shrink:0}.mobile-logout-btn{color:red!important}.mobile-auth-btn{background:#2d3e96!important;background:var(--button-hover-bg)!important;border:none;border-radius:25px;color:#fff!important;color:var(--button-hover-text)!important;font-weight:600;justify-content:center!important;margin-top:1rem;padding:.75rem 1.5rem!important;text-align:center!important;transition:all .3s}.mobile-auth-btn:hover{opacity:.9;transform:translateY(-2px)}.modal-overlay{z-index:2000}.modal-content1{background:#fff;background:var(--modal-bg);border-radius:10px;box-shadow:0 5px 15px #0000004d;max-width:90%;padding:25px;text-align:center;width:400px}.modal-title{font-size:1.3rem;margin-bottom:15px}.modal-text,.modal-title{color:#333;color:var(--modal-text)}.modal-text{margin-bottom:25px}.modal-buttons{display:flex;gap:15px;justify-content:center}.modal-btn{border-radius:5px;padding:10px 24px;transition:all .3s}.cancel-btn{background:#6b7280}.cancel-btn:hover{background:#4b5563}.confirm-btn{align-items:center;background:red;display:flex;gap:8px}.confirm-btn:hover{background:#e60000}.confirm-btn:disabled{background:#f99;cursor:not-allowed}.spinner{animation:spin 1s linear infinite;border-top-color:#fff;height:14px;width:14px}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}#emailInput.highlight{animation:pulseHighlight 2s ease-in-out;border-color:#2d3e96!important}@keyframes pulseHighlight{0%,to{box-shadow:0 0 0 0 #2d3e9666}50%{box-shadow:0 0 0 8px #2d3e9600}}@media screen and (max-width:768px){.auth-btn,.nav-links,.profile-container,.theme-toggle-container{display:none}.hamburger-menu,.mobile-menu-overlay{display:block}.navbar{padding:1.5rem 4%}.mobile-theme-item .theme-toggle-switch{max-width:52px;min-width:52px;width:52px}}@media screen and (max-width:480px){.logo-text{font-size:1.3rem}.logo-img{height:35px;width:35px}.navbar{padding:1.2rem 3%}}#root{display:flex;flex-direction:column;min-height:100vh}.site-footer{background-color:#dfe4ff;color:#152988;margin-top:auto;padding:3rem 2rem 0;width:100%}.footer-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;margin:0 auto;max-width:1200px;padding-bottom:2rem}.footer-section h3{color:#152988;font-size:1rem;font-weight:600;margin-bottom:1rem}.footer-section ul{list-style:none;margin:0;padding:0}.footer-section ul li{margin-bottom:.75rem}.footer-section ul li a,.footer-section ul li button{background:none;border:none;color:#152988;cursor:pointer;font-size:.9rem;padding:0;text-align:left;text-decoration:none;transition:color .2s ease}.footer-section ul li a:hover,.footer-section ul li button:hover{color:#0d1b5e;text-decoration:underline}.footer-brand{display:flex;flex-direction:column;gap:1rem}.footer-logo{align-items:center;display:flex;gap:.5rem}.footer-logo img{height:2.5rem;object-fit:contain;width:2.5rem}body.dark-mode .footer-logo img,html.dark-theme .footer-logo img{filter:invert(1)}.footer-logo span{color:#152988;font-size:1.5rem;font-weight:600}.footer-tagline{color:#152988;font-size:.9rem;margin:0}.footer-social-links{display:flex;gap:1rem;margin-top:.5rem}.footer-social-icon{align-items:center;background-color:#c5cfff;border-radius:50%;display:flex;height:36px;justify-content:center;text-decoration:none;transition:all .2s ease;width:36px}.footer-social-icon svg{color:#152988;height:18px;width:18px}.footer-social-icon:hover{background-color:#152988;transform:translateY(-2px)}.footer-social-icon:hover svg{color:#fff}.footer-contact li{line-height:1.6}.footer-address{color:#152988;font-size:.9rem}.footer-bottom{align-items:center;border-top:1px solid #b8c5ff;display:flex;font-size:.85rem;justify-content:space-between;margin:0 auto;max-width:1200px;padding:1.5rem 0}.footer-bottom p{color:#152988;margin:0}.footer-bottom-links{align-items:center;display:flex;gap:.5rem}.footer-bottom-links button{background:none;border:none;color:#152988;cursor:pointer;font-size:.85rem;padding:0;text-decoration:none;transition:color .2s ease}.footer-bottom-links button:hover{color:#0d1b5e;text-decoration:underline}.footer-divider{color:#152988}@media (max-width:1024px){.footer-content{gap:2rem;grid-template-columns:repeat(3,1fr)}.footer-brand{grid-column:1/-1}}@media (max-width:768px){.site-footer{padding:2rem 1.5rem 0}.footer-content{gap:2rem;grid-template-columns:repeat(2,1fr)}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}}@media (max-width:480px){.footer-content{gap:2rem;grid-template-columns:1fr}.footer-social-links{justify-content:flex-start}}body.dark-mode .site-footer,html.dark-theme .site-footer{background-color:#1a1a1a;color:#d1d5db}body.dark-mode .footer-address,body.dark-mode .footer-bottom p,body.dark-mode .footer-bottom-links button,body.dark-mode .footer-logo span,body.dark-mode .footer-section h3,body.dark-mode .footer-section ul li a,body.dark-mode .footer-section ul li button,body.dark-mode .footer-tagline,html.dark-theme .footer-address,html.dark-theme .footer-bottom p,html.dark-theme .footer-bottom-links button,html.dark-theme .footer-logo span,html.dark-theme .footer-section h3,html.dark-theme .footer-section ul li a,html.dark-theme .footer-section ul li button,html.dark-theme .footer-tagline{color:#d1d5db}body.dark-mode .footer-social-icon,html.dark-theme .footer-social-icon{background-color:#374151}body.dark-mode .footer-social-icon svg,html.dark-theme .footer-social-icon svg{color:#d1d5db}body.dark-mode .footer-social-icon:hover,html.dark-theme .footer-social-icon:hover{background-color:#36e}body.dark-mode .footer-bottom,html.dark-theme .footer-bottom{border-top-color:#374151}:root{--sooru-blue:#233baa}.home-page{background:#fff;min-height:100vh;transition:background .3s ease}.home-page.dark-mode{background:#2d3142}.hero{margin:0 auto;overflow:hidden;padding:3rem 5% 6%;position:relative;text-align:center}.hero-background-video{background:#fff;height:100%;left:0;object-fit:cover;opacity:.4;position:absolute;top:0;width:100%;z-index:0}.home-page.dark-mode .hero-background-video{opacity:.1}.hero-content{position:relative;z-index:2}.hero:before{background-position:0;background-repeat:no-repeat;background-size:contain;bottom:-20%;content:"";height:120%;left:15%;opacity:1;pointer-events:none;position:absolute;width:80%;z-index:-1}.hero-tagline{color:#c2540b;color:var(--sooru-orange);font-size:.9rem;font-weight:600;letter-spacing:2px;margin-bottom:1.5rem;text-transform:uppercase;transition:color .3s ease}.home-page.dark-mode .hero-tagline{border-bottom-color:#7c9dd1;color:#ff9356}.hero h1{color:#233baa;color:var(--sooru-blue);font-size:3.5rem;line-height:1.2;margin-bottom:1rem;transition:color .3s ease}.home-page.dark-mode .hero h1{color:#fff}.hero h1 .highlight{color:#c2540b;color:var(--sooru-orange);transition:color .3s ease}.home-page.dark-mode .hero h1 .highlight{color:#ff9356}.hero-title .highlight-orange{color:#c2540b;color:var(--sooru-orange);transition:color .3s ease}.home-page.dark-mode .hero-title .highlight-orange{color:#ff9356}.hero-title .highlight-blue{color:#233baa;color:var(--sooru-blue);transition:color .3s ease}.home-page.dark-mode .hero-title .highlight-blue{color:#fff}.hero-subtitle{color:#233baa;color:var(--sooru-blue);font-size:1.1rem;line-height:1.6;margin-bottom:3rem;transition:color .3s ease}.home-page.dark-mode .hero-subtitle{color:#b8c5d6}.prompt-container{margin:0 auto 3rem;max-width:1000px;padding:0 1rem}.prompt-input-wrapper{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #233baa33;border-color:#ff935680!important;border-radius:24px;display:flex;flex-direction:column;gap:16px;margin-bottom:20px;min-height:170px;overflow:hidden;padding:24px 32px 32px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.prompt-input-wrapper:before{background:linear-gradient(135deg,#233baa,#c2540b);background:linear-gradient(135deg,var(--sooru-blue) 0,var(--sooru-orange) 100%);border-radius:24px;content:"";inset:-2px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:2px;position:absolute;transition:opacity .4s ease;z-index:-1}.prompt-input-wrapper:hover{border-color:#233baa4d;transform:translateY(-2px)}.prompt-input-wrapper:hover:before{opacity:.3}.prompt-input-wrapper:focus-within{border-color:#c2540b;border-color:var(--sooru-orange);box-shadow:0 0 0 3px #c2540b26;transform:translateY(-2px)}.prompt-input-wrapper:focus-within:before{background:linear-gradient(135deg,#c2540b,#ff9356);background:linear-gradient(135deg,var(--sooru-orange) 0,#ff9356 100%);opacity:.5}.home-page.dark-mode .prompt-input-wrapper{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#3d445199;border:1px solid #ffffff1a;box-shadow:0 20px 60px #0009,0 8px 24px #0006,inset 0 1px 0 #ffffff1a}.home-page.dark-mode .prompt-input-wrapper:before{background:linear-gradient(135deg,#7c9dd1,#ff9356)}.home-page.dark-mode .prompt-input-wrapper:focus-within,.home-page.dark-mode .prompt-input-wrapper:hover{border-color:#ff935680;box-shadow:0 24px 80px #000000b3,0 12px 36px #00000080,inset 0 1px 0 #ffffff26}.upload-btn-text{display:contents}.upload-btn-short{display:none}@media (max-width:768px){.upload-btn-full{display:none}.upload-btn-short{display:inline}}.quick-prompts-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:16px}.quick-prompt-btn{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#fff9;border:1px solid #233baa26;border-radius:20px;color:#233baa;color:var(--sooru-blue);cursor:pointer;display:flex;font-size:.9rem;gap:8px;padding:8px 16px;transition:all .2s ease}.quick-prompt-btn:hover{background:#fffffff2;border-color:#c2540b;border-color:var(--sooru-orange);box-shadow:0 4px 12px #00000014;color:#c2540b;color:var(--sooru-orange);transform:translateY(-2px)}.home-page.dark-mode .quick-prompt-btn{background:#3d445199;border-color:#ffffff1a;color:#b8c5d6}.home-page.dark-mode .quick-prompt-btn:hover{background:#3d4451e6;border-color:#ff9356;box-shadow:0 4px 12px #0000004d;color:#ff9356}.qp-icon{align-items:center;display:flex}.qp-label{font-weight:500}.prompt-bottom-controls{align-items:center;border-top:1px solid #233baa1a;display:flex;justify-content:space-between;margin-top:8px;padding-top:16px;width:100%}.home-page.dark-mode .prompt-bottom-controls{border-top-color:#ffffff1a}.prompt-left-controls{gap:10px}.add-btn,.prompt-left-controls{align-items:center;display:flex}.add-btn{background:linear-gradient(135deg,#233baa14,#233baa1f);border:2px solid #233baa;border:2px solid var(--sooru-blue);border-radius:19px;box-shadow:0 2px 10px #233baa26;color:#233baa;color:var(--sooru-blue);cursor:pointer;flex-shrink:0;font-size:14px;font-weight:500;gap:8px;height:38px;justify-content:center;line-height:1;min-width:-webkit-fit-content;min-width:fit-content;padding:0 20px;transition:all .35s cubic-bezier(.4,0,.2,1);white-space:nowrap}.home-page.dark-mode .add-btn{background:linear-gradient(135deg,#7c9dd11f,#7c9dd12e);border-color:#7c9dd1;color:#7c9dd1}.add-btn:hover{border-color:#c2540b;border-color:var(--sooru-orange);box-shadow:0 4px 20px #c2540b66;transform:translateY(-2px)}.add-btn:active{transform:translateY(0)}.add-btn:disabled{cursor:not-allowed;opacity:.6}.add-btn svg{flex-shrink:0}.home-page.dark-mode .add-btn:hover{background:linear-gradient(135deg,#ff9356,#e67e22);border-color:#ff9356;box-shadow:0 4px 20px #ff935680}.mode-badge{align-items:center;background:linear-gradient(135deg,#233baa14,#233baa1f);border:1px solid #233baa33;border-radius:20px;box-shadow:0 2px 10px #233baa1a;color:#233baa;color:var(--sooru-blue);display:flex;flex-shrink:0;font-size:13px;font-weight:600;gap:8px;padding:9px 16px;transition:all .3s ease}.home-page.dark-mode .mode-badge{background:linear-gradient(135deg,#7c9dd11f,#7c9dd12e);border-color:#7c9dd14d;color:#7c9dd1}.mode-icon{flex-shrink:0;height:16px;width:16px}.prompt-input{background:#0000;border:none;color:#1a1a1a;flex:1 1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:17px;font-weight:400;line-height:1.6;max-height:60px;min-width:0;outline:none;overflow-y:auto;padding:4px 0;resize:none;width:100%}.home-page.dark-mode .prompt-input{color:#fff}.prompt-input::placeholder{color:#999;font-weight:400}.home-page.dark-mode .prompt-input::placeholder{color:#888}.prompt-input::-webkit-scrollbar{width:6px}.prompt-input::-webkit-scrollbar-track{background:#0000}.prompt-input::-webkit-scrollbar-thumb{background:#233baa33;border-radius:3px}.prompt-input::-webkit-scrollbar-thumb:hover{background:#233baa4d}.home-page.dark-mode .prompt-input::-webkit-scrollbar-thumb{background:#7c9dd14d}.generate-btn1{align-items:center;align-self:center;background:linear-gradient(135deg,#c2540b,#a03d08);background:linear-gradient(135deg,var(--sooru-orange) 0,#a03d08 100%);border:none;border-radius:12px;box-shadow:0 4px 16px #c2540b4d,0 2px 6px #c2540b33;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:15px;font-weight:700;gap:8px;overflow:hidden;padding:12px 28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.generate-btn1:before{background:linear-gradient(135deg,#ffffff4d,#0000);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.generate-btn1:after{background:linear-gradient(135deg,#0000,#fff3);content:"";inset:0;position:absolute;transform:translateX(-100%);transition:transform .6s ease}.generate-btn1:hover{background:linear-gradient(135deg,#d65e0d,#b84509);box-shadow:0 6px 24px #c2540b66,0 3px 10px #c2540b4d;transform:translateY(-3px) scale(1.03)}.generate-btn1:hover:before{opacity:1}.generate-btn1:hover:after{transform:translateX(100%)}.generate-btn1:active{box-shadow:0 4px 16px #c2540b59,0 2px 6px #c2540b40;transform:translateY(-1px) scale(1.01)}.generate-btn1:disabled{box-shadow:0 4px 16px #c2540b26;cursor:not-allowed;opacity:.6;transform:none}.home-page.dark-mode .generate-btn1{box-shadow:0 4px 16px #ff935659,0 2px 6px #ff935640}.home-page.dark-mode .generate-btn1:hover{box-shadow:0 6px 24px #ff935673,0 3px 10px #ff935659}.get-started-btn{background:#2d3e96;border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:.3rem;padding:1rem 2.5rem;transition:all .3s}.get-started-btn:hover{background:#1e2a6b;box-shadow:0 5px 15px #2d3e964d;transform:translateY(-2px)}.home-page.dark-mode .get-started-btn{background:#7c9dd1;color:#000}.home-page.dark-mode .get-started-btn:hover{background:#5c7db1}.powered-by-section{background:#fff;padding:4rem 5% 3rem;text-align:center;transition:background .3s ease}.home-page.dark-mode .powered-by-section{background:#2d3142}.powered-by-heading{color:#233baa;color:var(--sooru-blue);font-size:2.5rem;font-weight:600;margin-bottom:2rem;transition:color .3s ease}.home-page.dark-mode .powered-by-heading{color:#fff}.powered-by-logo{align-items:center;display:flex;flex-direction:column;gap:.5rem}.drawgpd-logo{height:auto;margin-bottom:.5rem;max-width:350px}.drawgpd-tagline{color:#233baa;color:var(--sooru-blue);font-size:1.1rem;font-weight:500;transition:color .3s ease}.home-page.dark-mode .drawgpd-tagline{color:#b8c5d6}.why-choose-section{background:#fbfbff}.home-page.dark-mode .why-choose-section{background:#3d4451}.why-choose-heading{color:#233baa;color:var(--sooru-blue);font-size:2.5rem;font-weight:700;margin-bottom:3rem;text-align:center;transition:color .3s ease}.home-page.dark-mode .why-choose-heading{color:#fff}.why-choose-grid{grid-gap:2.5rem;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));max-width:1200px}.why-choose-card{border-radius:16px;box-shadow:0 4px 20px #2d3e9614;padding:2.5rem 2rem;text-align:center;transition:all .3s ease}.home-page.dark-mode .why-choose-card{background:#2d3142;box-shadow:0 4px 20px #0000004d}.why-choose-card:hover{box-shadow:0 8px 30px #2d3e9626;transform:translateY(-8px)}.home-page.dark-mode .why-choose-card:hover{box-shadow:0 8px 30px #00000080}.why-choose-icon{align-items:center;color:#233baa;color:var(--sooru-blue);justify-content:center;margin-bottom:1.5rem;padding-bottom:1rem}.home-page.dark-mode .why-choose-icon{color:#7c9dd1}.why-choose-card h3{color:#233baa;color:var(--sooru-blue);font-size:1.4rem;font-weight:700;margin-top:1rem}.home-page.dark-mode .why-choose-card h3{color:#fff}.why-choose-card ul{text-align:left}.why-choose-card li{color:#233baa;color:var(--sooru-blue);font-size:1rem;padding:.6rem 0 .6rem 1.5rem;position:relative;transition:color .3s ease}.home-page.dark-mode .why-choose-card li{color:#b8c5d6}.why-choose-card li:before{color:#c2540b;color:var(--sooru-orange);content:"•";font-size:1.2rem;left:0;position:absolute}.home-page.dark-mode .why-choose-card li:before{color:#fff}.how-it-works-section{background:#fff;padding:4rem 5%;transition:background .3s ease}.home-page.dark-mode .how-it-works-section{background:#2d3142}.how-it-works-heading{color:#233baa;color:var(--sooru-blue);font-size:2.5rem;margin-bottom:1rem;margin-top:4rem;text-align:center;transition:color .3s ease}.home-page.dark-mode .how-it-works-heading{color:#fff}.waitlist-info{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:3rem}.user-avatars{display:flex;margin-right:.5rem}.user-avatars img{border:2px solid #fff;border-radius:50%;height:32px;margin-left:-8px;width:32px}.home-page.dark-mode .user-avatars img{border-color:#2d3142}.user-avatars img:first-child{margin-left:0}.waitlist-count{color:#233baa;color:var(--sooru-blue);font-size:.95rem;margin-top:0;padding-top:0;transition:color .3s ease}.home-page.dark-mode .waitlist-count{color:#b8c5d6}.features{align-items:stretch;display:flex;flex-wrap:wrap;gap:4rem;justify-content:center;margin:0 auto;max-width:1400px;padding:80px 5% 3rem}.feature-card{align-items:center;border:1px solid #0a33ec;border-radius:15px;display:flex;flex:0 1 auto;flex-direction:column;gap:1rem;min-width:200px;padding:2rem;text-align:center;transition:transform .3s,box-shadow .3s,border-color .3s,background .3s}.home-page.dark-mode .feature-card{background:#3d4451}.feature-card:hover{border-color:silver;box-shadow:0 8px 20px #0000001a;transform:translateY(-3px)}.home-page.dark-mode .feature-card:hover{background:#4a5568;box-shadow:0 8px 20px #00000080}.feature-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:1.5rem;height:56px;justify-content:center;margin-top:-60px;width:56px}.blue-icon{background:#2d3e96;color:#fff}.orange-icon{background:#e67e22;color:#fff}.feature-card:first-child .feature-icon{background:#2d3e96;color:#fff}.feature-card:nth-child(2) .feature-icon{background:#e67e22;color:#fff}.feature-card:nth-child(3) .feature-icon{background:#2d3e96;color:#fff}.feature-card:nth-child(4) .feature-icon{background:#e67e22;color:#fff}.feature-title{color:#333;font-size:1rem;font-weight:600;line-height:1.4;text-align:center;transition:color .3s ease}.home-page.dark-mode .feature-title{color:#fff}.feature-card:first-child .feature-title{color:#2d3e96}.home-page.dark-mode .feature-card:first-child .feature-title{color:#7c9dd1}.feature-card:nth-child(2) .feature-title{color:#e67e22}.home-page.dark-mode .feature-card:nth-child(2) .feature-title{color:#ff9356}.feature-card:nth-child(3) .feature-title{color:#2d3e96}.home-page.dark-mode .feature-card:nth-child(3) .feature-title{color:#7c9dd1}.feature-card:nth-child(4) .feature-title{color:#e67e22}.home-page.dark-mode .feature-card:nth-child(4) .feature-title{color:#ff9356}.faq-section{margin-bottom:6rem;padding:2rem;transition:background .3s ease}.container{margin:0 auto;max-width:1300px}.faq-heading{color:#2d3e96;font-size:2.5rem;margin-bottom:3rem;text-align:center;transition:color .3s ease}.home-page.dark-mode .faq-heading{color:#fff}.faq-container{display:flex;flex-direction:column;gap:1rem}.faq-item{background:#dfe4ff;border-radius:10px;overflow:hidden;transition:all .3s ease}.home-page.dark-mode .faq-item{background:#3d4451}.faq-question{align-items:center;background:none;border:none;color:#2d3e96;cursor:pointer;display:flex;font-size:1rem;font-weight:600;justify-content:space-between;padding:1.5rem 2rem;text-align:left;transition:background .3s,color .3s;width:100%}.home-page.dark-mode .faq-question{color:#fff}.faq-question:hover{background:#2d3e960d}.home-page.dark-mode .faq-question:hover{background:#7c9dd11a}.faq-question span{flex:1 1;padding-right:1rem}.faq-icon{color:#2d3e96;flex-shrink:0;transition:transform .3s ease,color .3s ease}.home-page.dark-mode .faq-icon{color:#7c9dd1}.faq-item.active .faq-icon{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;padding:2px 2rem 0;transition:max-height .3s ease,padding .3s ease}.faq-item.active{background:#fff;border-bottom:1px solid #7790fe;box-shadow:0 8px 20px #0000001a}.home-page.dark-mode .faq-item.active{background:#4a5568;border-bottom:1px solid #7c9dd1;box-shadow:0 8px 20px #00000080}.faq-item.active .faq-answer{max-height:500px;padding:0 2rem 1.5rem}.faq-answer p{color:#2d3e96;line-height:1.6;margin:0;transition:color .3s ease}.home-page.dark-mode .faq-answer p{color:#d1d5db}.image-previews{display:flex;gap:8px;overflow-x:auto;padding:8px 0}.image-previews::-webkit-scrollbar{height:4px}.image-previews::-webkit-scrollbar-track{background:#233baa0d;border-radius:2px}.image-previews::-webkit-scrollbar-thumb{background:#233baa33;border-radius:2px}.image-preview-item{flex-shrink:0;position:relative}.image-preview-item img{border:2px solid #233baa33;border-radius:8px;height:48px;object-fit:cover;transition:all .3s ease;width:48px}.image-preview-item img:hover{border-color:#233baa;border-color:var(--sooru-blue);transform:scale(1.05)}.image-preview-remove{align-items:center;background:linear-gradient(135deg,#f44,#c00);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 6px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;position:absolute;right:-6px;top:-6px;transition:all .3s ease;width:20px}.image-preview-remove:hover{background:linear-gradient(135deg,#f66,#e00);transform:scale(1.15)}.home-page.dark-mode .image-preview-item img{border-color:#7c9dd14d}.home-page.dark-mode .image-preview-item img:hover{border-color:#7c9dd1}@media (max-width:768px){.hero{padding:3rem 5% 2rem}.hero h1{font-size:2.5rem}.hero-subtitle{font-size:.95rem}.hero:before{bottom:-10%;height:100%;left:-20%;width:100%}.powered-by-heading,.why-choose-heading{font-size:2rem}.drawgpd-logo{max-width:280px}.why-choose-grid{gap:2rem;grid-template-columns:1fr}.how-it-works-heading{font-size:2rem}.how-it-works-grid{gap:3rem;grid-template-columns:1fr}.work-icon{height:50px;margin:-40px auto 1.5rem;width:50px}.work-title{font-size:1rem}.quick-prompts-row{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:8px;justify-content:flex-start;margin:16px -1rem 0;overflow-x:auto;padding-bottom:4px;padding-left:1rem;padding-right:1rem;scrollbar-width:none}.quick-prompts-row::-webkit-scrollbar{display:none}.quick-prompt-btn{flex-shrink:0;font-size:.8rem;padding:6px 12px;white-space:nowrap}.quick-prompt-btn svg{height:14px;width:14px}.prompt-container{max-width:100%;padding:0}.prompt-input-wrapper{border-radius:16px;min-height:140px;padding:18px 20px 22px}.prompt-input{font-size:15px;max-height:50px}.prompt-bottom-controls{align-items:center;flex-direction:row;gap:10px}.prompt-left-controls{flex:0 0 auto;gap:10px}.mode-badge{display:none}.add-btn{font-size:13px;gap:6px;height:34px;padding:0 14px;width:auto}.generate-btn1{flex:0 0 auto;font-size:14px;padding:10px 18px}.get-started-btn{max-width:300px;width:100%}.countdown{flex-wrap:wrap;gap:.5rem;justify-content:center;padding:0 1rem}.countdown-separator{display:none}.countdown-item{flex-basis:calc(25% - 0.5rem);flex-grow:0;flex-shrink:1;min-width:70px;padding:1rem}.countdown-value{font-size:1.8rem}.countdown-label{font-size:.75rem}.features{align-items:center;flex-direction:column;padding:2rem 5%}.feature-card{max-width:400px;width:100%}.feature-icon{height:40px;margin-top:-40px;width:40px}.feature-title{font-size:.9rem}.faq-heading{font-size:1.8rem}.faq-question{font-size:.95rem;padding:1.2rem 1.5rem}.faq-answer{padding:0 1.5rem}.faq-item.active .faq-answer{padding:0 1.5rem 1.2rem}.image-preview-item img{height:44px;width:44px}}@media (max-width:480px){.hero h1{font-size:2rem}.hero-subtitle{font-size:.9rem}.waitlist-info{flex-direction:column;gap:.5rem}.powered-by-heading,.why-choose-heading{font-size:1.6rem}.drawgpd-logo{max-width:220px}.why-choose-grid{gap:1.5rem;grid-template-columns:1fr}.why-choose-card{padding:2rem 1.5rem}.how-it-works-heading{font-size:1.6rem}.work-card{padding:1.5rem 1rem}.work-title{font-size:.95rem}.get-started-btn{font-size:.95rem;padding:.9rem 2rem}.prompt-input-wrapper{padding:16px 18px 20px}.prompt-input{font-size:14px}.add-btn{font-size:13px;gap:6px;height:34px;padding:0 14px;width:auto}.generate-btn1{font-size:13px;padding:9px 16px}.feature-card{padding:1.5rem}.faq-heading{font-size:1.6rem}.faq-question{font-size:.9rem}.image-preview-item img{height:36px;width:36px}.image-preview-remove{font-size:10px;height:16px;width:16px}.quick-prompts-row{gap:4px;justify-content:space-between;margin:12px 0 0;overflow-x:auto;padding:0}.quick-prompt-btn{border-radius:12px;flex:1 1 auto;font-size:10px;justify-content:center;min-width:0;padding:4px 6px}.quick-prompt-btn svg{flex-shrink:0;height:10px;width:10px}.qp-label{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.how-it-works-new{background:#fff;min-height:400vh;padding:0;position:relative;transition:background .3s ease}.home-page.dark-mode .how-it-works-new{background:#2d3142}.how-container{display:flex;flex-direction:column;height:100vh;margin:0 auto;max-height:100vh;max-width:1400px;padding:60px 5%;position:-webkit-sticky;position:sticky;top:0}.how-heading{color:#2d3e96;font-size:2.8rem;font-weight:600;margin-bottom:40px;text-align:center;transition:color .3s ease}.home-page.dark-mode .how-heading{color:#fff}.step-dots-container{display:flex;gap:12px;justify-content:center;margin-bottom:40px}.step-dot{align-items:center;background:#2d3e9614;border:2px solid #0000;border-radius:24px;color:#2d3e96;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;padding:10px 20px;transition:all .4s cubic-bezier(.4,0,.2,1)}.step-dot:hover{background:#2d3e9626;box-shadow:0 4px 12px #2d3e9626;transform:translateY(-2px)}.step-dot.active{background:linear-gradient(135deg,#2d3e96,#3d4eb3);border-color:#2d3e96;box-shadow:0 4px 16px #2d3e964d;color:#fff}.dot-number{font-size:1rem;font-weight:700}.dot-label{font-weight:600}.home-page.dark-mode .step-dot{background:#7c9dd11f;color:#7c9dd1}.home-page.dark-mode .step-dot:hover{background:#7c9dd133}.home-page.dark-mode .step-dot.active{background:linear-gradient(135deg,#7c9dd1,#5a7db0);border-color:#7c9dd1;color:#2d3142}.mobile-step-selector{display:none;gap:12px;margin-bottom:30px;max-width:100%;padding:0 5%}.mobile-step-selector,.step-nav-btn{align-items:center;justify-content:center}.step-nav-btn{background:#2d3e961a;background:#fff;border:2px solid #2d3e96;border-radius:50%;color:#2d3e96;cursor:pointer;display:flex;flex-shrink:0;height:44px;transition:all .3s ease;width:44px;z-index:10}.step-nav-btn:hover:not(:disabled){background:#2d3e96;color:#fff;transform:scale(1.05)}.step-nav-btn:active:not(:disabled){transform:scale(.95)}.step-nav-btn:disabled{background:#ffffff80;border-color:#2d3e964d;cursor:not-allowed;opacity:.5}.home-page.dark-mode .step-nav-btn{background:#2d3142;border-color:#7c9dd1;color:#7c9dd1}.home-page.dark-mode .step-nav-btn:hover:not(:disabled){background:#7c9dd1;color:#2d3142}.home-page.dark-mode .step-nav-btn:disabled{background:#2d3142;opacity:.3}.mobile-step-buttons{-ms-overflow-style:none;display:flex;flex-wrap:nowrap;gap:10px;justify-content:flex-start;max-width:calc(100% - 100px);overflow-x:auto;padding:4px;scroll-behavior:smooth;scrollbar-width:none}.mobile-step-buttons::-webkit-scrollbar{display:none}.mobile-step-btn{align-items:center;background:#fff;border:1px solid #2d3e961a;border-radius:20px;box-shadow:0 2px 8px #0000000d;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;gap:6px;min-width:90px;padding:14px 18px;transition:all .3s ease}.mobile-step-btn:hover{background:#2d3e960d;transform:translateY(-2px)}.mobile-step-btn.active{background:linear-gradient(135deg,#2d3e96,#3d4eb3);border-color:#2d3e96;box-shadow:0 4px 12px #2d3e964d;transform:scale(1.05);z-index:1}.mobile-step-number{color:#2d3e96;font-size:1.2rem;font-weight:700;transition:color .3s ease}.mobile-step-btn.active .mobile-step-number{color:#fff}.mobile-step-title{color:#2d3e96;font-size:.9rem;font-weight:600;transition:color .3s ease;white-space:nowrap}.mobile-step-btn.active .mobile-step-title{color:#fff}.home-page.dark-mode .mobile-step-btn{background:#7c9dd11a;border-color:#7c9dd133}.home-page.dark-mode .mobile-step-number,.home-page.dark-mode .mobile-step-title{color:#7c9dd1}.home-page.dark-mode .mobile-step-btn.active{background:linear-gradient(135deg,#7c9dd1,#5a7db0);border-color:#7c9dd1}.home-page.dark-mode .mobile-step-btn.active .mobile-step-number,.home-page.dark-mode .mobile-step-btn.active .mobile-step-title{color:#2d3142}.how-content{grid-gap:80px;align-items:center;display:grid;flex:1 1;gap:80px;grid-template-columns:1fr 1fr}.steps-sidebar{display:flex;flex-direction:column;gap:30px;height:100%;justify-content:center}.step-header{align-items:baseline;display:flex;gap:12px;margin-bottom:10px}.step-number{color:#2d3e96;font-size:2rem;font-weight:700;transition:color .3s ease}.home-page.dark-mode .step-number{color:#7c9dd1}.step-title{color:#2d3e96;font-size:2.5rem;font-weight:700;transition:color .3s ease}.home-page.dark-mode .step-title{color:#fff}.substeps-list{display:flex;flex-direction:column;gap:0;padding-left:24px;position:relative}.substeps-list:before{background:#2d3e96;border-radius:2px;bottom:0;content:"";left:0;position:absolute;top:0;transition:background .3s ease;width:4px}.home-page.dark-mode .substeps-list:before{background:#7c9dd1}.indicator-dot{background:#2d3e96;border:3px solid #fff;border-radius:50%;box-shadow:0 2px 8px #2d3e9666;height:16px;left:-6px;position:absolute;transform:translateY(-50%);transition:all .6s cubic-bezier(.4,0,.2,1);width:16px;z-index:2}.home-page.dark-mode .indicator-dot{background:#7c9dd1;border-color:#2d3142;box-shadow:0 2px 8px #7c9dd180}.substep{cursor:pointer;padding:20px 0;transition:all .4s cubic-bezier(.4,0,.2,1)}.substep:not(:last-child){border-bottom:1px solid #2d3e961a;transition:border-color .3s ease}.home-page.dark-mode .substep:not(:last-child){border-bottom:1px solid #ffffff1a}.substep-content{padding-left:20px;transition:all .4s ease}.substep.active .substep-content{transform:translateX(4px)}.substep-title{color:#2d3e96;font-size:1.1rem;font-weight:600;margin-bottom:0;transition:all .4s cubic-bezier(.4,0,.2,1)}.home-page.dark-mode .substep-title{color:#7c9dd1}.substep.active .substep-title{color:#2d3e96;font-size:1.2rem}.home-page.dark-mode .substep.active .substep-title{color:#fff}.substep-description{color:#2d3e96;font-size:.95rem;line-height:1.6;margin-top:12px;max-height:0;opacity:0;overflow:hidden;transition:all .5s cubic-bezier(.4,0,.2,1)}.substep.active .substep-description{animation:fadeInUp .5s cubic-bezier(.4,0,.2,1);max-height:500px;opacity:.8}.home-page.dark-mode .substep-description{color:#b8c5d6}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:.8;transform:translateY(0)}}.desktop-nav-buttons{gap:16px;margin-top:30px}.desktop-nav-buttons,.nav-btn{display:flex;justify-content:center}.nav-btn{align-items:center;background:#2d3e9614;border:2px solid #2d3e96;border-radius:28px;color:#2d3e96;cursor:pointer;font-size:.95rem;gap:8px;min-width:140px;padding:12px 28px;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-btn,.nav-btn span{font-weight:600}.nav-btn:hover:not(:disabled){background:#2d3e96;box-shadow:0 4px 16px #2d3e964d;color:#fff;transform:translateY(-2px)}.nav-btn:disabled{background:#2d3e960d;border-color:#2d3e964d;cursor:not-allowed;opacity:.3}.home-page.dark-mode .nav-btn{background:#7c9dd11f;border-color:#7c9dd1;color:#7c9dd1}.home-page.dark-mode .nav-btn:hover:not(:disabled){background:#7c9dd1;color:#2d3142}.home-page.dark-mode .nav-btn:disabled{background:#7c9dd10d;border-color:#7c9dd14d}.video-display{align-items:top;background:#eff0f7;border:1px solid #2d3e961a;border-radius:16px;box-shadow:0 8px 32px #2d3e961a;display:flex;height:90%;justify-content:center;overflow:hidden;padding:10px;transition:all .4s ease}.home-page.dark-mode .video-display{background:#3d445199;border-color:#ffffff1a;box-shadow:0 8px 32px #0000004d}.feature-video{animation:videoFadeIn .5s ease forwards;background:#1a1a2e;border-radius:12px;height:100%;object-fit:contain;opacity:0;width:100%}@keyframes videoFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@media (max-width:1200px){.how-content{gap:60px}.step-title{font-size:2.2rem}.video-display{padding:5px}.step-dots-container{gap:8px}.step-dot{font-size:.9rem;padding:8px 16px}}@media (max-width:900px){.how-it-works-new{min-height:auto}.how-container{height:auto;max-height:none;padding:60px 5%;position:relative}.how-heading{font-size:2.2rem;margin-bottom:30px}.step-dots-container{display:none}.mobile-step-selector{display:flex}.how-content{gap:40px;grid-template-columns:1fr}.desktop-nav-buttons{display:none}.video-display{min-height:400px;padding:20px}.step-number{font-size:1.8rem}.step-title{font-size:2rem}}@media (max-width:768px){.how-container{padding:60px 5%}.how-heading{font-size:2rem;margin-bottom:25px}.step-number{font-size:1.5rem}.step-title{font-size:1.8rem}.substep-title{font-size:1rem}.substep.active .substep-title{font-size:1.1rem}.substep-description{font-size:.9rem}.video-display{min-height:300px}.step-nav-btn{height:40px;width:40px}.mobile-step-btn{min-width:85px;padding:12px 16px}.mobile-step-number{font-size:1.1rem}.mobile-step-title{font-size:.85rem}.mobile-step-selector{gap:10px}.how-content{gap:30px}}@media (max-width:480px){.how-container{padding:40px 3%}.how-heading{font-size:1.6rem;margin-bottom:20px}.mobile-step-selector{gap:4px;margin-bottom:20px;padding:0;width:100%}.step-nav-btn{border-width:1px;height:28px;width:28px}.step-nav-btn svg{height:14px;width:14px}.mobile-step-buttons{gap:4px;justify-content:space-between;max-width:calc(100% - 64px);width:100%}.mobile-step-btn{border-radius:12px;flex:1 1;gap:4px;min-width:0;padding:8px 6px;width:auto}.mobile-step-number{font-size:.9rem;line-height:1}.mobile-step-title{font-size:.7rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.step-title{font-size:1.4rem}.substep{padding:12px 0}.substep-title{font-size:.9rem}.video-display{min-height:220px;padding:10px}}@media (max-width:360px){.how-container{padding:30px 2%}.mobile-step-title{display:none;font-size:.65rem}.mobile-step-btn.active .mobile-step-title{display:block}.step-nav-btn{height:24px;width:24px}.mobile-step-buttons{max-width:calc(100% - 56px)}}.prompt-modal-v2-overlay{align-items:center;animation:overlayFadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:10000}.prompt-modal-v2-overlay.dark{background:#000000b3}.prompt-modal-v2-overlay.playground{background:#0009}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.prompt-modal-v2{animation:modalSlideIn .3s cubic-bezier(.34,1.56,.64,1);background:#fff;border:1px solid #0000000d;border-radius:12px;box-shadow:0 10px 40px #00000026;max-height:85vh;max-width:520px;overflow-y:auto;padding:0;position:relative;width:100%}.prompt-modal-v2.dark{background:#1a1d2e;border:1px solid #ffffff1a;box-shadow:0 10px 40px #00000080}.prompt-modal-v2.playground.light{background:#fafafa;border:2px solid #e0e0e0}.prompt-modal-v2.playground.dark{background:#0a0a0a;border:2px solid #2a2a2a}.modal-v2-close{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:8px;position:absolute;right:16px;top:16px;transition:all .2s ease;z-index:10}.modal-v2-close:hover{background:#f3f4f6;color:#1f2937}.prompt-modal-v2.dark .modal-v2-close{color:#9ca3af}.prompt-modal-v2.dark .modal-v2-close:hover{background:#ffffff1a;color:#f3f4f6}.prompt-modal-v2.playground .modal-v2-close:hover{background:#e0e0e0}.prompt-modal-v2.playground.dark .modal-v2-close:hover{background:#ffffff0d}.modal-v2-icon-container{align-items:center;display:flex;height:80px;justify-content:center;margin:32px auto 24px;position:relative;width:80px}.modal-v2-icon-border{animation:rotateBorder 3s linear infinite;background:linear-gradient(135deg,#c2540b,#f97316,#fb923c);border-radius:50%;inset:-4px;opacity:.3;position:absolute}.prompt-modal-v2.dark .modal-v2-icon-border{background:linear-gradient(135deg,#ff6b35,#f97316,#fb923c);opacity:.4}.prompt-modal-v2.playground .modal-v2-icon-border{background:linear-gradient(135deg,#000,#404040,#666)}.prompt-modal-v2.playground.dark .modal-v2-icon-border{background:linear-gradient(135deg,#fff,#ccc,#999);opacity:.3}@keyframes rotateBorder{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.modal-v2-icon{stroke-width:2;color:#c2540b;position:relative;z-index:1}.prompt-modal-v2.dark .modal-v2-icon{color:#fb923c}.prompt-modal-v2.playground .modal-v2-icon{color:#000}.prompt-modal-v2.playground.dark .modal-v2-icon{color:#fff}.modal-v2-content{padding:0 32px 32px}.modal-v2-title{color:#1f2937;font-size:1.5rem;font-weight:700;line-height:1.3;margin:0 0 16px;text-align:center}.prompt-modal-v2.dark .modal-v2-title{color:#f9fafb}.prompt-modal-v2.playground .modal-v2-title{color:#000;font-weight:800}.prompt-modal-v2.playground.dark .modal-v2-title{color:#fff}.modal-v2-message{background:#f9fafb;border-left:3px solid #c2540b;border-radius:8px;color:#4b5563;font-size:.95rem;line-height:1.6;margin:0 0 28px;padding:16px;text-align:center}.prompt-modal-v2.dark .modal-v2-message{background:#ffffff0d;border-left-color:#fb923c;color:#d1d5db}.prompt-modal-v2.playground .modal-v2-message{background:#f5f5f5;border-left-color:#000;color:#333}.prompt-modal-v2.playground.dark .modal-v2-message{background:#ffffff08;border-left-color:#fff;color:#e0e0e0}.modal-v2-suggestions{margin-bottom:24px}.modal-v2-suggestions-title{color:#374151;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.prompt-modal-v2.dark .modal-v2-suggestions-title{color:#e5e7eb}.prompt-modal-v2.playground .modal-v2-suggestions-title{color:#000;font-weight:700}.prompt-modal-v2.playground.dark .modal-v2-suggestions-title{color:#fff}.modal-v2-suggestions-list{display:flex;flex-direction:column;gap:10px}.modal-v2-suggestion{align-items:flex-start;background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:default;display:flex;gap:12px;overflow:hidden;padding:14px 16px;position:relative;transition:all .2s ease}.modal-v2-suggestion:before{background:#c2540b;bottom:0;content:"";left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .2s ease;width:3px}.modal-v2-suggestion:hover:before{transform:scaleY(1)}.modal-v2-suggestion:hover{background:#fef8f3;border-color:#c2540b;transform:translateX(4px)}.prompt-modal-v2.dark .modal-v2-suggestion{background:#ffffff0d;border-color:#ffffff1a}.prompt-modal-v2.dark .modal-v2-suggestion:hover{background:#ffffff14;border-color:#fb923c}.prompt-modal-v2.dark .modal-v2-suggestion:before{background:#fb923c}.prompt-modal-v2.playground .modal-v2-suggestion{background:#fafafa;border-color:#d0d0d0}.prompt-modal-v2.playground .modal-v2-suggestion:hover{background:#f5f5f5;border-color:#000}.prompt-modal-v2.playground .modal-v2-suggestion:before{background:#000}.prompt-modal-v2.playground.dark .modal-v2-suggestion{background:#ffffff08;border-color:#ffffff1a}.prompt-modal-v2.playground.dark .modal-v2-suggestion:hover{background:#ffffff0f;border-color:#fff}.prompt-modal-v2.playground.dark .modal-v2-suggestion:before{background:#fff}.suggestion-arrow{color:#c2540b;flex-shrink:0;margin-top:2px}.prompt-modal-v2.dark .suggestion-arrow{color:#fb923c}.prompt-modal-v2.playground .suggestion-arrow{color:#000}.prompt-modal-v2.playground.dark .suggestion-arrow{color:#fff}.modal-v2-suggestion span{color:#374151;flex:1 1;font-size:.9rem;line-height:1.5}.prompt-modal-v2.dark .modal-v2-suggestion span{color:#d1d5db}.prompt-modal-v2.playground .modal-v2-suggestion span{color:#1a1a1a;font-weight:500}.prompt-modal-v2.playground.dark .modal-v2-suggestion span{color:#e5e5e5}.modal-v2-action-btn{background:#c2540b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;overflow:hidden;padding:14px 24px;position:relative;transition:all .2s ease;width:100%}.modal-v2-action-btn:before{background:linear-gradient(135deg,#0000,#ffffff1a,#0000);content:"";inset:0;position:absolute;transform:translateX(-100%);transition:transform .4s ease}.modal-v2-action-btn:hover:before{transform:translateX(100%)}.modal-v2-action-btn:hover{background:#a34509;box-shadow:0 4px 12px #c2540b4d;transform:translateY(-2px)}.modal-v2-action-btn:active{transform:translateY(0)}.prompt-modal-v2.dark .modal-v2-action-btn{background:#fb923c}.prompt-modal-v2.dark .modal-v2-action-btn:hover{background:#f97316;box-shadow:0 4px 12px #fb923c66}.prompt-modal-v2.playground .modal-v2-action-btn{background:#000}.prompt-modal-v2.playground .modal-v2-action-btn:hover{background:#1a1a1a;box-shadow:0 4px 12px #0000004d}.prompt-modal-v2.playground.dark .modal-v2-action-btn{background:#fff;color:#000}.prompt-modal-v2.playground.dark .modal-v2-action-btn:hover{background:#e5e5e5;box-shadow:0 4px 12px #ffffff4d}.prompt-modal-v2::-webkit-scrollbar{width:6px}.prompt-modal-v2::-webkit-scrollbar-track{background:#0000}.prompt-modal-v2::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.prompt-modal-v2.dark::-webkit-scrollbar-thumb{background:#fff3}.prompt-modal-v2::-webkit-scrollbar-thumb:hover{background:#9ca3af}.prompt-modal-v2.dark::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width:768px){.prompt-modal-v2{margin:10px;max-width:calc(100% - 20px)}.modal-v2-content{padding:0 24px 24px}.modal-v2-icon-container{height:70px;margin:24px auto 20px;width:70px}.modal-v2-icon{height:36px;width:36px}.modal-v2-title{font-size:1.3rem}.modal-v2-message{font-size:.9rem;padding:14px}.modal-v2-suggestion{padding:12px 14px}.modal-v2-suggestion span{font-size:.85rem}.modal-v2-action-btn{font-size:.95rem;padding:12px 20px}}@media (max-width:480px){.prompt-modal-v2-overlay{padding:10px}.modal-v2-content{padding:0 20px 20px}.modal-v2-icon-container{height:60px;margin:20px auto 16px;width:60px}.modal-v2-icon{height:32px;width:32px}.modal-v2-title{font-size:1.2rem}.modal-v2-suggestions-title{font-size:.85rem}.modal-v2-close{padding:6px;right:12px;top:12px}}@media (prefers-reduced-motion:reduce){.modal-v2-action-btn,.modal-v2-icon-border,.modal-v2-suggestion,.prompt-modal-v2,.prompt-modal-v2-overlay{animation:none;transition:none}}.pg-modal-root{align-items:center;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.pg-modal-backdrop{background:#00000080;inset:0;position:absolute}.pg-modal-card{background:#fff;border-radius:16px;box-shadow:0 10px 30px #00000026;display:flex;flex-direction:column;max-height:92vh;overflow:hidden;position:relative;width:min(760px,92vw);z-index:1}.pg-modal-header{align-items:center;border-bottom:1px solid #eaeaea;display:flex;justify-content:space-between;padding:14px 18px}.pg-modal-title{font-size:18px;font-weight:600;margin:0}.pg-icon-btn{background:#0000;border:0;border-radius:8px;cursor:pointer;line-height:1;padding:6px}.pg-icon-btn:hover{background:#f4f4f4}.pg-modal-body{overflow:auto;padding:18px}.pg-stack-24>*+*{margin-top:24px}.pg-stack-12>*+*{margin-top:12px}.pg-grid-2{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}@media (min-width:880px){.pg-grid-2{grid-template-columns:1fr 1fr}}.pg-field,.pg-label{display:block}.pg-label{color:#222;font-size:13px;font-weight:600;margin-bottom:6px}.pg-input,.pg-textarea{border:1px solid #d9d9d9;border-radius:12px;font:inherit;min-height:110px;outline:none;padding:10px 12px;resize:vertical;width:100%}.pg-input{height:40px;min-height:0}.pg-input:focus,.pg-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.pg-btn{border:0;border-radius:12px;cursor:pointer;font-weight:600;padding:10px 16px;transition:opacity .15s ease}.pg-btn--primary{background:#2563eb;color:#fff}.pg-btn--primary:hover{opacity:.92}.pg-btn--ghost{background:#fff;border:1px solid #e5e5e5;color:#111}.pg-btn--ghost:hover{background:#f9f9f9}.pg-btn--disabled{cursor:not-allowed;opacity:.6}.pg-actions{align-items:center;display:flex;gap:10px;justify-content:center;margin:40px 20px 20px}.pg-dropzone{border:2px dashed #d1d5db;border-radius:16px;padding:28px;position:relative;text-align:center;transition:border-color .15s ease,background-color .15s ease}.pg-dropzone--dragging{background:#eff6ff;border-color:#3b82f6}.pg-dropzone-icon{align-items:center;background:#fff;border:1px solid #eaeaea;border-radius:999px;box-shadow:0 2px 6px #0000000f;display:flex;height:64px;justify-content:center;margin:0 auto 10px;width:64px}.pg-dropzone-title{font-size:16px;font-weight:600;margin:6px 0 2px}.pg-dropzone-sub{color:#666;font-size:13px;margin:0}.pg-center{align-items:center;display:flex;justify-content:center}.pg-center,.pg-preview{margin-top:16px}.pg-preview-img{border:1px solid #eaeaea;border-radius:12px;max-height:190px;max-width:100%;object-fit:contain}.pg-hidden{display:none}.pg-callout{background:#fafafa;border:1px solid #e6e6e6;border-radius:12px;padding:12px}.pg-callout-title{font-size:13px;font-weight:600;margin:0 0 8px}.pg-callout-sub{color:#5f6368;font-size:12px;margin:6px 0 0}.pg-card{background:#fff;border:1px solid #eaeaea;border-radius:12px;padding:12px}.pg-card-title{font-size:13px;font-weight:700;margin:0 0 6px}.pg-card-body{font-size:14px;line-height:1.5;white-space:pre-wrap}.pg-alert{background:#fff2f2;border:1px solid #ffd5d5;border-radius:12px;color:#b91c1c;padding:10px 12px}body{background:#f9f9f9;color:#111}body.dark{background:#111;color:#f5f5f5}body.dark .pg-modal-card{background:#1e1e1e;border:1px solid #333;box-shadow:0 10px 30px #0009}body.dark .pg-modal-header{border-bottom:1px solid #333}body.dark .pg-label{color:#ddd}body.dark .pg-input,body.dark .pg-textarea{background:#2a2a2a;border:1px solid #444;color:#f5f5f5}body.dark .pg-input:focus,body.dark .pg-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f659}body.dark .pg-btn--primary{background:#3b82f6;color:#fff}body.dark .pg-btn--ghost{background:#2a2a2a;border:1px solid #444;color:#f5f5f5}body.dark .pg-btn--ghost:hover{background:#333}body.dark .pg-dropzone{background:#1a1a1a;border-color:#444}body.dark .pg-dropzone--dragging{background:#2a2a2a;border-color:#3b82f6}body.dark .pg-dropzone-icon{background:#2a2a2a;border:1px solid #444}body.dark .pg-dropzone-sub{color:#aaa}body.dark .pg-card{background:#1e1e1e;border:1px solid #333}body.dark .pg-alert{background:#2a1a1a;border:1px solid #803232;color:#fca5a5}.pg-floor-plan-card{display:flex;flex-direction:column;gap:24px}.pg-card-title{color:#111;font-size:20px;font-weight:600;margin:0 0 8px;text-align:center}.pg-svg-container{align-items:center;display:flex;height:auto;justify-content:center;min-height:300px}.pg-floor-plan-svg{background:#f9f9f9;border:1px solid #eaeaea;border-radius:12px}.pg-form-container{display:flex;flex-direction:column;gap:16px}.pg-prompt-label{color:#222;display:block;font-size:13px;font-weight:600;margin-bottom:6px}.pg-prompt-textarea{border:1px solid #d9d9d9;border-radius:12px;font:inherit;min-height:90px;outline:none;padding:10px 12px;resize:vertical;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.pg-prompt-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.pg-prompt-textarea::placeholder{color:#999}.pg-button-container{display:flex;flex-direction:column;gap:10px;margin-top:8px}@media (min-width:640px){.pg-button-container{flex-direction:row}}.pg-btn--submit{background:#2563eb;color:#fff;flex:1 1}.pg-btn--submit:hover{opacity:.92}.pg-btn--continue{background:#fff;border:1px solid #e5e5e5;color:#111;flex:1 1}.pg-btn--continue:hover{background:#f9f9f9}body.dark .pg-card-title{color:#f5f5f5}body.dark .pg-prompt-label{color:#ddd}body.dark .pg-prompt-textarea{background:#2a2a2a;border:1px solid #444;color:#f5f5f5}body.dark .pg-prompt-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f659}body.dark .pg-prompt-textarea::placeholder{color:#666}body.dark .pg-btn--submit{background:#3b82f6;color:#fff}body.dark .pg-btn--continue{background:#2a2a2a;border:1px solid #444;color:#f5f5f5}body.dark .pg-btn--continue:hover{background:#333}.proposals-wrapper{background-color:#f5f5f5;color:#000;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh;overflow:hidden;position:relative;width:100%}.proposals-container{display:flex;flex-direction:column;height:100vh;overflow:hidden;width:100%}.proposals-top-nav{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-bottom:1px solid #e0e0e0;box-sizing:border-box;display:flex;height:70px;justify-content:space-between;padding:15px 25px}.proposals-logo-container{cursor:pointer;transition:opacity .2s ease}.proposals-logo-container:hover{opacity:.8}.proposals-logo-container img{height:2.8rem;object-fit:contain;opacity:.8;width:3rem}.proposals-profile-icon{align-items:center;background:#000;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-weight:700;height:32px;justify-content:center;transition:transform .2s ease;width:32px}.proposals-profile-icon:hover{transform:scale(1.1)}.proposals-header{align-items:center;background-color:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 4px #0000000d;box-sizing:border-box;display:flex;height:60px;justify-content:center;padding:10px 20px}.proposals-nav-info{gap:30px}.proposals-budget,.proposals-project-name,.proposals-project-title{background-color:#e8e8e8;border-radius:20px;color:#000;font-size:.9rem;font-weight:500;padding:8px 16px}.proposals-content{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:scroll;padding:40px 40px 50px}.proposals-grid{grid-gap:40px;align-items:stretch;display:grid;flex:1 1;gap:40px;grid-template-columns:1fr 1fr;height:100%;min-height:0}.proposal-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 12px #0000001a;cursor:pointer;display:flex;flex-direction:column;height:100%;min-height:500px;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.proposal-card:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-2px)}.proposal-header{flex-shrink:0;margin-bottom:20px}.proposal-title{background-color:#2c3e50;border-radius:6px;color:#fff;font-size:1rem;font-weight:600;letter-spacing:1px;margin:0;padding:12px 16px;text-align:center;text-transform:uppercase}.proposal-image-container{display:flex;flex:1 1;flex-direction:column;margin-bottom:20px;min-height:0}.proposal-image-placeholder{background:#f8f9fa;border:2px dashed #dee2e6;flex:1 1;margin-bottom:15px;min-height:300px}.floor-plan-preview{color:#6c757d;font-size:1.2rem;font-weight:500}.proposal-info{color:#555;display:flex;flex-shrink:0;font-size:.9rem;font-weight:500;justify-content:space-between;margin-bottom:15px}.proposal-area,.proposal-rooms{font-weight:600}.proposal-actions{display:flex;flex-shrink:0;gap:10px;margin-top:auto}.proposal-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:12px 20px;transition:all .2s ease}.proposal-save-btn{align-items:center;background-color:#6c757d;color:#fff;display:flex;gap:8px;justify-content:center}.proposal-save-btn:hover{background-color:#5a6268;transform:translateY(-1px)}.proposal-edit-btn{background-color:#2c3e50;color:#fff}.proposal-edit-btn:hover{background-color:#1a252f;transform:translateY(-1px)}.proposals-carousel-nav{display:none}.proposals-bottom-nav{align-items:center;background:#fff;border-top:1px solid #e0e0e0;box-sizing:border-box;display:flex;flex-shrink:0;height:80px;justify-content:space-between;padding:20px 40px}.proposals-back-btn,.proposals-next-btn{align-items:center;background:#fff;border:2px solid #000;border-radius:8px;color:#000;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.proposals-back-btn:hover,.proposals-next-btn:hover{background:#000;color:#fff;transform:translateY(-1px)}.proposals-next-btn{background:#000;color:#fff}.proposals-next-btn:hover{background:#333}.proposals-pagination{align-items:center;display:flex;gap:15px}.pagination-nav-btn{align-items:center;background:#fff;border:2px solid #dee2e6;border-radius:50%;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.pagination-nav-btn:hover:not(:disabled){border-color:#2c3e50;color:#2c3e50}.pagination-nav-btn:disabled{cursor:not-allowed;opacity:.3}.pagination-numbers{display:flex;gap:8px}.pagination-number{align-items:center;background:#fff;border:2px solid #dee2e6;border-radius:8px;color:#6c757d;cursor:pointer;display:flex;font-weight:600;height:40px;justify-content:center;transition:all .2s ease;width:40px}.pagination-number:hover{border-color:#2c3e50;color:#2c3e50}.pagination-number.active{background-color:#2c3e50;border-color:#2c3e50;color:#fff}@media (max-width:768px){.proposals-top-nav{height:60px;padding:10px 15px}.proposals-top-nav img{height:2.3rem;width:2.5rem}.proposals-profile-icon{font-size:.9rem;height:28px;width:28px}.proposals-header{height:50px;padding:8px 15px}.proposals-content{padding:20px}.proposals-grid{gap:20px;grid-template-columns:1fr}.proposal-card{min-height:450px}.proposals-nav-info{flex-wrap:wrap;gap:15px}.proposals-budget,.proposals-project-name,.proposals-project-title{font-size:.8rem;padding:6px 12px}.proposals-bottom-nav{gap:10px;height:65px;padding:10px 15px}.proposals-back-btn,.proposals-next-btn{flex-shrink:0;font-size:.9rem;min-width:80px;padding:8px 16px}.proposals-pagination{gap:8px}.pagination-nav-btn{height:30px;width:30px}.pagination-numbers{gap:4px}.pagination-number{font-size:.85rem;height:30px;width:30px}}.proposals-loading{align-items:center;background-color:#f5f5f5;color:#000;display:flex;flex-direction:column;font-size:1.2rem;height:100vh;justify-content:center}.proposals-loading-spinner{animation:proposals-spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#2c3e50;height:40px;margin-bottom:20px;width:40px}@keyframes proposals-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.proposals-error{align-items:center;background-color:#f5f5f5;color:#000;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:20px;text-align:center}.proposals-error h3{color:#e74c3c;margin-bottom:10px}.proposals-error p{font-size:1.1rem;margin-bottom:20px}.proposals-nav-info{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.proposals-info-item{align-items:center;background-color:#e8e8e8;border-radius:16px;box-sizing:border-box;display:flex;font-size:.85rem;font-weight:500;gap:8px;min-height:32px;padding:6px 12px}.proposals-info-icon{position:relative;top:3px}.proposals-info-icon,.proposals-info-icon1{color:#555;font-size:18px!important}.proposals-project-location{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.proposals-save-btn{align-items:center;display:flex;gap:6px;transition:all .3s ease}.proposals-save-btn.proposals-saved{background-color:#6c757d;color:#fff}.proposals-save-btn.proposals-saved:hover,.proposals-save-btn:not(.proposals-saved):hover{background-color:#5a6268;transform:translateY(-1px)}.proposals-centered-actions{justify-content:center}.proposal-modal-overlay{align-items:center;background:#000000b3;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2000}.proposal-modal-content{align-items:center;animation:zoomIn .3s ease;background:#fff;border-radius:16px;box-shadow:0 6px 25px #0000004d;display:flex;flex-direction:column;height:90vh;max-width:1200px;overflow-y:auto;padding:40px;position:relative;width:90vw}.proposal-modal-image{align-items:center;background-color:#f0f0f0;border:2px dashed #aaa;display:flex;font-size:1.8rem;font-weight:700;height:100%;justify-content:center;margin:0;width:100%}.proposal-modal-close{background:none;border:none;color:#333;cursor:pointer;font-size:1.8rem;position:absolute;right:25px;top:20px;transition:color .2s ease}.proposal-modal-close:hover{color:#000}.proposal-modal-content p{font-size:1.2rem;margin:5px 0}@media (max-width:550px){.proposals-nav-info{display:none}}@media (max-width:480px){.proposals-nav-info{align-items:center;flex-direction:column;gap:8px}.proposals-info-item{font-size:.75rem;padding:5px 10px}.proposals-content{padding:10px 10px 40px}.proposal-card{min-height:400px}.proposals-pagination{gap:10px}.pagination-numbers{gap:4px}.pagination-number{font-size:.9rem;height:32px;width:32px}}.proposal-floor-plan-svg{background-color:#f9f9f9;border-radius:4px;height:100%;width:100%}.proposal-image-placeholder{align-items:center;background-color:#f0f0f0;border-radius:8px;display:flex;height:160px;justify-content:center;overflow:hidden;width:100%}.project-container{background-color:#fbfbff;transition:background-color .3s ease}.project-container.dark-mode{background-color:#2d3142}.editHeading{color:#000!important;transition:color .3s ease}.project-title{font-size:45px;transition:all .3s ease;white-space:nowrap}.project-container.dark-mode .project-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#7c9dd1,#9cb3d8);-webkit-background-clip:text}.project-container.dark-mode .create-project-btn{background:linear-gradient(90deg,#7c9dd1,#9cb3d8);border:2px solid #9ca3af;color:#000}.create-project-btn:hover{background-color:#fff;border:2px solid green}.project-container.dark-mode .create-project-btn:hover{background:linear-gradient(90deg,#6a8bbf,#8aa1c6);border:2px solid #7c9dd1}.project-container.dark-mode .empty-project-card{background:linear-gradient(145deg,#3d4451,#4a5568)!important;box-shadow:0 0 16px #7c9dd166,0 0 24px #7c9dd133!important}.project-container.dark-mode .empty-project-card:hover{box-shadow:0 0 22px #7c9dd180,0 0 28px #7c9dd14d!important}.project-container.dark-mode .project-bg-image{opacity:.08!important}.project-container.dark-mode .empty-card-content{color:#d1d5db!important}.project-container.dark-mode .project-card-enhanced{background:linear-gradient(145deg,#3d4451,#4a5568);border:1px solid #7c9dd133;box-shadow:0 12px 40px #0000004d,0 4px 16px #0003,0 2px 8px #7c9dd11a}.project-container.dark-mode .project-card-enhanced:hover{box-shadow:0 20px 60px #00000080,0 8px 24px #0000004d,0 4px 16px #7c9dd133}.project-container.dark-mode .project-card-enhanced:before{background:linear-gradient(90deg,#7c9dd1,#9cb3d8)}.project-container.dark-mode .project-card-bg-image{opacity:.1}.project-container.dark-mode .project-card-title{color:#fff}.project-container.dark-mode .project-card-budget{background:linear-gradient(135deg,#059669,#047857)}.project-container.dark-mode .info-text{color:#d1d5db}.project-container.dark-mode .project-card-description{background:#7c9dd11a;border-left:2px solid #7c9dd1;color:#d1d5db}.project-container.dark-mode .project-card-dropdown-btn{background:#3d4451e6;border:1px solid #7c9dd14d;color:#d1d5db}.project-container.dark-mode .project-card-dropdown-btn:hover{background:#1078ff1a;border-color:#1078ff66;color:#1078ff}.project-container.dark-mode .project-card-dropdown-menu{background:#3d4451f2;border:1px solid #7c9dd133;box-shadow:0 10px 25px #00000080,0 4px 12px #0000004d}.project-card-dropdown-menu
.dropdown-item{align-items:center;background:none;border:none;color:#4a5568;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:10px 12px;text-align:left;transition:all .2s ease;width:100%}.project-container.dark-mode .project-card-dropdown-menu .dropdown-item{color:#d1d5db}.project-card-dropdown-menu
.dropdown-item:hover{background:#1078ff0d;color:#1078ff}.project-container.dark-mode .project-card-dropdown-menu .dropdown-item:hover{background:#7c9dd11a;color:#7c9dd1}.project-card-dropdown-menu
.dropdown-item.delete:hover,.project-container.dark-mode .project-card-dropdown-menu .dropdown-item.delete:hover{background:#dc26260d;color:#dc2626}.project-card-dropdown-menu
.dropdown-item svg{height:14px;width:14px}.loading-container{align-items:center;display:flex;flex-direction:column;gap:32px;justify-content:center;min-height:400px}.loading-spinner{height:80px;position:relative;width:80px}.loading-spinner:before{animation:spin 1s linear infinite;border:6px solid #1078ff1a;border-radius:50%;border-top-color:#1078ff;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.project-container.dark-mode .loading-spinner:before{border:6px solid #7c9dd133;border-top-color:#7c9dd1}.loading-spinner:after{animation:spin .7s linear infinite reverse;border:4px solid #1078ff33;border-radius:50%;border-top-color:#1078ffcc;content:"";height:calc(100% - 24px);left:12px;position:absolute;top:12px;width:calc(100% - 24px)}.project-container.dark-mode .loading-spinner:after{border:4px solid #7c9dd14d;border-top-color:#7c9dd1e6}.loading-spinner{background:radial-gradient(circle,#1078ff1a 0,#0000 50%);box-shadow:0 0 30px #1078ff4d,inset 0 0 20px #1078ff1a}.project-container.dark-mode .loading-spinner{background:radial-gradient(circle,#7c9dd133 0,#0000 50%);box-shadow:0 0 30px #7c9dd14d,inset 0 0 20px #7c9dd11a}.loading-container p{-webkit-text-fill-color:#0000;animation:pulse 2s ease-in-out infinite;background:linear-gradient(90deg,#1078ff,#05479e);-webkit-background-clip:text;color:#4a5568;font-size:20px;font-weight:700;letter-spacing:1px;text-align:center}.project-container.dark-mode .loading-container p{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#7c9dd1,#9cb3d8);-webkit-background-clip:text}.error-container{align-items:center;display:flex;justify-content:center;min-height:400px}.error-message{background:linear-gradient(145deg,#fff5f5,#fef2f2);border-radius:16px;max-width:400px;padding:32px}.project-container.dark-mode .error-message{background:linear-gradient(145deg,#3d2828,#4a2f2f);border:1px solid #ef44444d}.error-message h3{color:#dc2626;font-size:20px;margin:0 0 12px;transition:color .3s ease}.project-container.dark-mode .error-message h3{color:#ef4444}.error-message p{color:#7f1d1d;line-height:1.5;margin:0 0 20px;transition:color .3s ease}.project-container.dark-mode .error-message p{color:#fca5a5}.retry-btn{background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.retry-btn:hover{box-shadow:0 4px 12px #dc26264d;transform:translateY(-2px)}.project-container.dark-mode .retry-btn:hover{box-shadow:0 4px 12px #ef444466}.modal-overlay{animation:modalFadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;right:0;z-index:10000}.project-container.dark-mode .modal-overlay{background:#000000b3}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:modalSlideIn .3s ease;background:#fff;border-radius:16px;box-shadow:0 25px 50px #00000040,0 8px 32px #00000026;max-height:90vh;max-width:700px;overflow-x:hidden;overflow-y:auto;padding-bottom:0;padding-top:10px;transition:all .3s ease;width:90%}.project-container.dark-mode .modal-content{background:#3d4451;box-shadow:0 25px 50px #00000080,0 8px 32px #0000004d}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-32px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:center;display:flex;justify-content:space-between;padding:24px 24px 0}.modal-header h3{color:#1a365d;font-size:20px;font-weight:700;margin:0;transition:color .3s ease}.project-container.dark-mode .modal-header h2,.project-container.dark-mode .modal-header h3{color:#7c9dd1}.modal-close-btn{background:none;border-radius:4px;color:#000;font-size:24px;padding:4px}.project-container.dark-mode .modal-close-btn{color:#d1d5db}.modal-close-btn:hover{background:#1078ff1a;color:#1078ff}.project-container.dark-mode .modal-close-btn:hover{background:#7c9dd133;color:#7c9dd1}.modal-body{padding:24px}.modal-actions{gap:12px;justify-content:flex-end;padding:0 24px 24px}.modal-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.cancel-btn{background:#f1f5f9;border:1px solid #e2e8f0;color:#64748b}.project-container.dark-mode .cancel-btn{background:#4a5568;border:1px solid #6b7280;color:#d1d5db}.cancel-btn:hover:not(:disabled){background:#e2e8f0;color:#475569}.project-container.dark-mode .cancel-btn:hover:not(:disabled){background:#6b7280;color:#fff}.delete-btn{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff}.delete-btn:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c,#991b1b);transform:translateY(-1px)}.save-btn{background:linear-gradient(135deg,#1078ff,#0a499c)}.project-container.dark-mode .save-btn{background:linear-gradient(135deg,#4a5568,#6b7280)}.save-btn:hover:not(:disabled){background:linear-gradient(135deg,#0a499c,#083d7a);transform:translateY(-1px)}.project-container.dark-mode .save-btn:hover:not(:disabled){background:linear-gradient(135deg,#6b7280,#7c9dd1)}.modal-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.delete-modal .modal-body{text-align:center}.delete-modal .modal-body p:first-child{color:#4a5568;display:inline;margin-right:4px;transition:color .3s ease}.project-container.dark-mode .delete-modal .modal-body p:first-child{color:#d1d5db}.project-name-highlight{color:#1078ff;display:inline;font-size:16px;font-weight:700;margin:0;transition:color .3s ease}.project-container.dark-mode .project-name-highlight{color:#7c9dd1}.warning-text{color:#dc2626;font-size:14px;margin-top:12px}.project-container.dark-mode .warning-text{color:#ef4444}.edit-form{gap:10px}.edit-form,.form-group{display:flex;flex-direction:column}.form-group{gap:0}.form-group label{color:#374151;font-size:15px;font-weight:600;text-align:left;transition:color .3s ease}.project-container.dark-mode .form-group label{color:#e0e0e0}.form-group input,.form-group select,.form-group textarea{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#1a365d;font-family:inherit;font-size:14px;padding:8px 12px;transition:all .2s ease}.project-container.dark-mode .form-group input,.project-container.dark-mode .form-group select,.project-container.dark-mode .form-group textarea{background:#4a5568;border:2px solid #6b7280;color:#fff}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#1078ff;box-shadow:0 0 0 3px #1078ff1a;outline:none}.project-container.dark-mode .form-group input:focus,.project-container.dark-mode .form-group select:focus,.project-container.dark-mode .form-group textarea:focus{border-color:#7c9dd1;box-shadow:0 0 0 3px #7c9dd133}.form-row{gap:12px}.form-row .form-group{flex:1 1}@media (max-width:768px){.project-header{flex-wrap:wrap;gap:10px}.project-title{font-size:24px}.create-project-btn{font-size:14px;padding:8px 16px}.plus-sign{font-size:18px}.projects-list{justify-content:center;padding:20px}.project-card-enhanced{height:230px;width:320px}.modal-content{margin:20px;max-width:650px;width:calc(100% - 40px)}.form-row{flex-direction:column;gap:16px}.modal-actions{flex-direction:column-reverse}.modal-btn{width:100%}}@media (max-width:480px){.projects-list{padding:10px}.empty-project-card,.project-card-enhanced{margin:0 auto;max-width:330px;width:100%!important}.modal-header{padding:16px 16px 0}.modal-body{padding:16px}.modal-actions{padding:0 16px 16px}}.project-container{background:#fff;color:#000;min-height:100vh;padding:20px;transition:all .3s ease}body.dark .project-container{background:#2d3142;color:#fff}.new-project-wrapper{background:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:20px;transition:all .3s ease}body.dark .new-project-wrapper{background:#2d3142;color:#fff}.project-header{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;padding:10px 30px;width:100%}.new-project-header{margin-bottom:20px;position:relative;text-align:center}.new-project-header:before{background:linear-gradient(90deg,#1078ff,#0a499c);border-radius:2px;content:"";height:4px;left:50%;position:absolute;top:-20px;transform:translateX(-50%);width:60px}.new-project-main-title,.project-title{color:#2d3e96;font-size:45px;font-weight:700;letter-spacing:-.02em;margin:0;white-space:nowrap}body.dark .new-project-main-title,body.dark .project-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#7c9dd1,#9cb3d8);-webkit-background-clip:text;background-clip:text}.new-project-main-title{font-size:2.8rem;font-weight:700;margin-bottom:8px}.new-project-subtitle{color:#888;font-size:1.1rem;font-weight:400;line-height:1.5;margin:0}body.dark .new-project-subtitle{color:#888}.create-project-btn{align-items:center;background:#2d3e96;border:2px solid #fff;border-radius:8px;box-shadow:none;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:8px;padding:10px 20px;transition:all .3s ease-in-out;white-space:nowrap}.create-project-btn:hover{background:#1e2a6b;box-shadow:0 5px 15px #2d3e964d;transform:translateY(-2px)}.create-project-btn:active{transform:scale(.95)}body.dark .create-project-btn{background:linear-gradient(90deg,#7c9dd1,#9cb3d8);border:2px solid #9ca3af;color:#000}body.dark .create-project-btn:hover{background:linear-gradient(90deg,#6a8bbf,#8aa1c6);border:2px solid #7c9dd1}.plus-sign{font-size:20px;font-weight:700}.error-banner{align-items:center;animation:slideIn .3s ease;background:linear-gradient(145deg,#fee2e2,#fef2f2);border:1px solid #ef44444d;border-radius:12px;display:flex;gap:12px;margin-bottom:24px;margin-left:auto;margin-right:auto;max-width:90%;padding:16px 20px}body.dark .error-banner{background:linear-gradient(145deg,#2a1a1a,#331a1a);color:#ff6b6b}.error-icon{font-size:20px}.error-text{color:#ff6b6b;flex:1 1;font-weight:500}.error-close{align-items:center;background:none;border:none;border-radius:50%;color:#ff6b6b;cursor:pointer;display:flex;font-size:24px;height:24px;justify-content:center;padding:0;transition:background-color .2s ease;width:24px}.error-close:hover{background-color:#ef444433}.new-project-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff;border:1px solid #e5e7eb;border-radius:24px;box-shadow:0 15px 40px #0000001a,0 8px 20px #4a9eff0d;margin:0 auto 30px;max-width:1600px;overflow:hidden;transition:all .3s ease;width:98%}body.dark .new-project-container{background:#3d4451;border:1px solid #7c9dd133;box-shadow:0 15px 40px #0009,0 8px 20px #4a9eff1a}.project-form-card{display:grid;grid-template-columns:60% 40%;min-height:auto}.form-section{background:#fff;border-right:1px solid #e5e7eb;padding:40px;transition:all .3s ease}body.dark .form-section{background:#3d4451;border-right:1px solid #7c9dd133}.new-project-form-section{margin-bottom:28px}.new-project-label{align-items:center;color:#374151;display:block;display:flex;font-size:1rem;font-weight:600;gap:4px;margin-bottom:8px;transition:color .3s ease}body.dark .new-project-label{color:#e0e0e0}.required{color:#ff6b6b;font-size:1.2rem}.new-project-input,.new-project-select,.new-project-textarea{background:#fff;border:2px solid #e5e7eb;border-radius:8px;box-sizing:border-box;color:#374151;font-family:inherit;font-size:.95rem;margin-bottom:6px;outline:none;padding:12px 16px;transition:all .3s ease;width:100%}body.dark .new-project-input,body.dark .new-project-select,body.dark .new-project-textarea{background:#4a5568;border:2px solid #6b7280;color:#fff}.new-project-input:focus,.new-project-select:focus,.new-project-textarea:focus{border-color:#4a9eff;box-shadow:0 0 0 3px #4a9eff1a,0 4px 12px #4a9eff26;transform:translateY(-1px)}body.dark .new-project-input:focus,body.dark .new-project-select:focus,body.dark .new-project-textarea:focus{border-color:#7c9dd1;box-shadow:0 0 0 3px #7c9dd133}.new-project-input:hover,.new-project-select:hover,.new-project-textarea:hover{border-color:#d1d5db}body.dark .new-project-input:hover,body.dark .new-project-select:hover,body.dark .new-project-textarea:hover{border-color:#7c9dd1}.new-project-input::placeholder,.new-project-textarea::placeholder{color:#9ca3af;font-style:italic}body.dark .new-project-input::placeholder,body.dark .new-project-textarea::placeholder{color:#888}.new-project-input.error,.new-project-select.error,.new-project-textarea.error{border-color:#ff6b6b;box-shadow:0 0 0 3px #ff6b6b1a}.new-project-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:28px}.input-group{display:flex;flex-direction:column}.new-project-budget-input-wrapper{align-items:center;display:flex;position:relative}.new-project-budget-input{flex:1 1;font-weight:600;margin-bottom:0;padding-right:60px}.new-project-budget-arrows{display:flex;flex-direction:column;gap:2px;position:absolute;right:16px}.new-project-arrow-btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;color:#4a9eff;cursor:pointer;font-size:12px;font-weight:700;line-height:1;padding:4px 6px;transition:all .2s ease}body.dark .new-project-arrow-btn{background:#6b7280;border:1px solid #7c9dd1;color:#fff}.new-project-arrow-btn:hover{background:linear-gradient(145deg,#4a9eff,#357abd);color:#fff;transform:scale(1.1)}body.dark .new-project-arrow-btn:hover{background:linear-gradient(145deg,#7c9dd1,#6a8bbf)}.new-project-arrow-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.validation-error{color:#ff6b6b;display:block;font-size:.875rem;font-weight:500;margin-bottom:8px;margin-top:4px}.map-section{align-items:flex-start;background:#fff;display:flex;flex-direction:column;justify-content:flex-start;padding:40px 20px 20px;position:relative;transition:all .3s ease}body.dark .map-section{background:#3d4451}.map-container{border:2px solid #e5e7eb;border-radius:16px;box-shadow:0 12px 32px #00000026;height:400px;margin-bottom:20px;overflow:hidden;position:relative;transition:all .3s ease;width:100%}body.dark .map-container{border:2px solid #7c9dd133;box-shadow:0 12px 32px #0006}.map-container iframe{height:100%;width:100%}body.dark .map-container iframe{filter:invert(1) hue-rotate(180deg) brightness(.9) contrast(1.1)}.map-section .new-project-form-section{margin-bottom:16px;width:100%}.map-section .new-project-textarea{min-height:100px;resize:vertical;width:100%}.map-section .new-project-actions{border-top:none;display:flex;gap:16px;justify-content:space-between;margin-top:0;padding-top:0;width:100%}.new-project-back-btn,.new-project-create-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-family:inherit;font-size:1rem;font-weight:600;gap:8px;justify-content:center;min-width:140px;padding:14px 28px;transition:all .3s ease}.new-project-back-btn{background:#f3f4f6;border:1px solid #d1d5db;box-shadow:0 4px 12px #0000001a;color:#374151}body.dark .new-project-back-btn{background:#4a5568;border:1px solid #6b7280;box-shadow:0 4px 12px #0000004d;color:#d1d5db}.new-project-back-btn:hover:not(:disabled){background:#e5e7eb;border-color:#d1d5db;box-shadow:0 6px 16px #00000026;transform:translateY(-2px)}body.dark .new-project-back-btn:hover:not(:disabled){background:#6b7280;box-shadow:0 6px 16px #0006;color:#fff}.new-project-create-btn{background:#2d3e96;border:1px solid #0000;box-shadow:0 4px 15px #2d3e964d;color:#fff}body.dark .new-project-create-btn{background:linear-gradient(90deg,#7c9dd1,#9cb3d8);border:1px solid #0000;box-shadow:0 4px 15px #7c9dd14d;color:#000}.new-project-create-btn:hover:not(:disabled){background:#1e2a6b;box-shadow:0 6px 20px #2d3e9666;transform:translateY(-2px)}body.dark .new-project-create-btn:hover:not(:disabled){background:linear-gradient(90deg,#6a8bbf,#8aa1c6);box-shadow:0 6px 20px #7c9dd166}.new-project-back-btn:disabled,.new-project-create-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.loading-spinner{border:2px solid #4a9eff4d;border-top-color:#4a9eff;height:16px;width:16px}body.dark .loading-spinner{border:2px solid #ffffff4d;border-top-color:#fff}.map-placeholder{align-items:center;background:linear-gradient(145deg,#f9fafb,#f3f4f6);border-radius:14px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;transition:all .3s ease;z-index:10}body.dark .map-placeholder{background:linear-gradient(145deg,#4a5568,#3d4451)}.map-placeholder-content{color:#6b7280;text-align:center}body.dark .map-placeholder-content{color:#d1d5db}.map-icon{display:block;font-size:48px;margin-bottom:12px;opacity:.6}.map-placeholder p{font-size:16px;font-weight:500;margin:0}.new-project-select{-webkit-appearance:none;appearance:none;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='%23888' 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 16px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:44px}.new-project-select:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}body.dark .new-project-select:disabled{background-color:#3d4451;color:#888}.new-project-textarea{font-family:inherit;line-height:1.5;min-height:80px;resize:vertical}.projects-list{display:flex;flex-wrap:wrap;gap:20px;padding:30px}.empty-project-card{backdrop-filter:blur(2px)!important;-webkit-backdrop-filter:blur(2px)!important;background:linear-gradient(145deg,#f0f6ff,#e4f0fb)!important;border-radius:16px!important;box-shadow:0 0 16px #00aeff99,0 0 24px #00aeff66!important;cursor:pointer!important;height:200px!important;overflow:hidden!important;position:relative!important;transition:all .3s ease!important;width:300px!important}body.dark .empty-project-card{background:linear-gradient(145deg,#3d4451,#4a5568)!important;box-shadow:0 0 16px #7c9dd166,0 0 24px #7c9dd133!important}.empty-project-card:hover{box-shadow:0 0 22px #00aeffb3,0 0 28px #00aeff73!important;transform:scale(1.03)!important}body.dark .empty-project-card:hover{box-shadow:0 0 22px #7c9dd180,0 0 28px #7c9dd14d!important}.project-bg-image{height:100%!important;left:0;object-fit:cover!important;opacity:.15!important;pointer-events:none!important;position:absolute!important;top:0;transition:opacity .3s ease;width:100%!important;z-index:1}body.dark .project-bg-image{opacity:.08!important}.empty-card-content{align-items:center!important;color:#0a2540!important;display:flex!important;font-size:22px!important;font-style:italic!important;font-weight:600!important;gap:10px!important;height:100%;justify-content:center;position:relative!important;transition:color .3s ease;z-index:2}body.dark .empty-card-content{color:#d1d5db!important}.project-card-enhanced{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#fff,#f8fbff);border:1px solid #fffc;border-radius:16px;box-shadow:0 12px 40px #1078ff26,0 4px 16px #00000014,0 2px 8px #1078ff1a;cursor:pointer;height:250px;overflow:hidden;position:relative;transition:all .3s ease;width:328px}body.dark .project-card-enhanced{background:linear-gradient(145deg,#3d4451,#4a5568);border:1px solid #7c9dd133;box-shadow:0 12px 40px #0000004d,0 4px 16px #0003,0 2px 8px #7c9dd11a}.project-card-enhanced:hover{box-shadow:0 20px 60px #1078ff33,0 8px 24px #0000001f,0 4px 16px #1078ff26;transform:translateY(-12px)}body.dark .project-card-enhanced:hover{box-shadow:0 20px 60px #00000080,0 8px 24px #0000004d,0 4px 16px #7c9dd133}.project-card-enhanced:before{background:linear-gradient(90deg,#1078ff,#0a499c);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease;z-index:10}body.dark .project-card-enhanced:before{background:linear-gradient(90deg,#7c9dd1,#9cb3d8)}.project-card-enhanced:hover:before{transform:scaleX(1)}.project-card-bg-image{height:100%;left:0;object-fit:cover;opacity:.25;pointer-events:none;position:absolute;top:0;transition:opacity .3s ease;width:90%;z-index:1}body.dark .project-card-bg-image{opacity:.1}.project-card-content{display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:20px;position:relative;z-index:3}.project-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px;padding-right:40px}.project-card-title{color:#1a365d;flex:1 1;font-size:18px;font-weight:700;line-height:1.3;margin:0 12px 0 0;transition:color .3s ease}body.dark .project-card-title{color:#fff}.project-card-budget{background:linear-gradient(135deg,#10c578,#0a9960);border-radius:6px;color:#fff;font-size:12px;font-weight:600;padding:4px 8px;transition:background .3s ease;white-space:nowrap}body.dark .project-card-budget{background:linear-gradient(135deg,#059669,#047857)}.project-card-info{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.project-info-item{align-items:center;display:flex;gap:6px}.info-icon{font-size:12px;opacity:.7;width:16px}.info-text{color:#4a5568;font-size:12px;font-weight:500;line-height:1.3;transition:color .3s ease}body.dark .info-text{color:#d1d5db}.project-card-description{background:#1078ff0d;border-left:2px solid #1078ff;border-radius:6px;color:#4a5568;font-size:11px;line-height:1.4;margin-top:auto;padding:8px;transition:all .3s ease}body.dark .project-card-description{background:#7c9dd11a;border-left:2px solid #7c9dd1;color:#d1d5db}.project-card-dropdown-container{position:absolute;right:12px;top:12px;z-index:10}.project-card-dropdown-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #1078ff33;border-radius:50%;color:#4a5568;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}body.dark .project-card-dropdown-btn{background:#3d4451e6;border:1px solid #7c9dd14d;color:#d1d5db}.project-card-dropdown-btn:hover{background:#1078ff1a;border-color:#1078ff66;color:#1078ff;transform:scale(1.1)}body.dark .project-card-dropdown-btn:hover{background:#7c9dd133;border-color:#7c9dd180;color:#7c9dd1}.project-card-dropdown-menu{animation:dropdownSlide .2s ease;background:#fffffff2;border:1px solid #1078ff1a;border-radius:8px;box-shadow:0 10px 25px #00000026,0 4px 12px #0000001a;margin-top:8px;min-width:120px;overflow:hidden;position:absolute;right:0;top:100%;transition:all .3s ease;z-index:1000}body.dark .project-card-dropdown-menu{background:#3d4451f2;border:1px solid #7c9dd133;box-shadow:0 10px 25px #00000080,0 4px 12px #0000004d}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{align-items:center;background:none;border:none;color:#4a5568;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:10px 12px;text-align:left;transition:all .2s ease;width:100%}body.dark .dropdown-item{color:#d1d5db}.dropdown-item:hover{background:#1078ff0d;color:#1078ff}body.dark .dropdown-item:hover{background:#7c9dd11a;color:#7c9dd1}.dropdown-item.delete:hover{background:#dc26260d;color:#dc2626}body.dark .dropdown-item.delete:hover{background:#dc262626;color:#ef4444}.dropdown-item svg{height:14px;width:14px}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1450px){.project-card-enhanced{height:250px;width:330px}}@media (max-width:1090px){.project-card-enhanced{height:250px;width:280px}}@media (max-width:1024px){.project-form-card{grid-template-columns:1fr}.form-section{border-bottom:1px solid #e5e7eb;border-right:none}body.dark .form-section{border-bottom:1px solid #7c9dd133}.map-section{min-height:300px}.map-container{height:300px}}@media (max-width:768px){.project-header{flex-wrap:wrap;gap:10px}.project-title{font-size:24px}.create-project-btn{font-size:14px;padding:8px 16px}.plus-sign{font-size:18px}.projects-list{justify-content:center;padding:20px}.project-card-enhanced{height:230px;width:320px}.new-project-wrapper{padding:16px}.new-project-container{width:98%}.form-section{padding:24px}.map-section{padding:16px}.new-project-main-title{font-size:2.2rem}.new-project-subtitle{font-size:1rem}.new-project-form-row{gap:12px;grid-template-columns:1fr}.new-project-actions{flex-direction:column-reverse;gap:16px}.new-project-back-btn,.new-project-create-btn{min-width:0;min-width:auto;padding:14px 24px;width:100%}.new-project-form-section{margin-bottom:20px}.new-project-input,.new-project-select,.new-project-textarea{padding:12px 14px}}@media (max-width:480px){.projects-list{padding:10px}.empty-project-card,.project-card-enhanced{margin:0 auto;max-width:330px;width:100%!important}.new-project-wrapper{padding:12px}.new-project-container{width:100%}.form-section{padding:20px}.map-section{padding:12px}.new-project-main-title{font-size:1.8rem}.new-project-label{font-size:.95rem}.new-project-input,.new-project-select,.new-project-textarea{font-size:.95rem;padding:10px 12px}.new-project-actions{margin-top:32px;padding-top:20px}.map-container{height:250px}}.share-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.share-modal{background:#fff;border-radius:8px;box-shadow:0 10px 25px #0000001a;max-height:80vh;max-width:450px;overflow-y:auto;width:90%}.share-modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:16px 20px}.share-modal-header h2{font-size:20px;font-weight:600;margin:0}.close-button-modal{align-items:center;background:none;border:none;border-radius:4px;color:#000;cursor:pointer;display:flex;justify-content:center;padding:8px;position:relative;transition:background-color .2s}.share-modal-content h3,.share-modal-overlay{color:#000!important}.close-button-modal:hover{background-color:#f5f5f5!important;color:#000!important}.share-modal-content{padding:16px 20px}.share-modal-content h3{font-size:16px;font-weight:600;margin:0 0 12px}.floorplan-preview{align-items:center;background-color:#f9f9f9!important;border:1px solid #e0e0e0!important;border-radius:8px;box-sizing:border-box;display:flex;height:182px;justify-content:center;margin:12px 0;padding:16px}.preview-svg{height:auto;max-width:100%}.share-section{margin-top:20px}.share-section h4{font-size:14px;font-weight:600;margin:0 0 8px}.link-container{align-items:center;display:flex;gap:8px}.share-link-input{background-color:#f9f9f9!important;border:1px solid #d0d0d0;border-radius:4px;color:#666!important;flex:1 1;font-size:14px;padding:10px 12px}.copy-link-button{align-items:center;background-color:#333!important;border:none;border-radius:4px;color:#fff!important;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 16px;transition:background-color .2s;white-space:nowrap}.copy-link-button:hover{background-color:#555!important}.copy-link-button svg{height:16px;width:16px}.social-media-buttons{display:flex;gap:16px;margin-top:12px}.social-button{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;height:48px;justify-content:center;position:relative;transition:transform .2s,box-shadow .2s;width:48px}.social-button:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.social-button svg{fill:#fff;height:24px;width:24px}.social-button.whatsapp{background-color:#25d366}.social-button.linkedin{background-color:#0077b5}.social-button.pinterest{background-color:#bd081c}@media (max-width:480px){.share-modal{margin:10px;width:95%}.share-modal-content{padding:16px}.link-container{flex-direction:column}.share-link-input{width:100%}.copy-link-button{justify-content:center;width:100%}}.plans-wrapper{background-color:#fbfbff;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;position:relative;transition:background-color .3s ease,color .3s ease;width:100%}body.dark .plans-wrapper{background-color:#2d3142;color:#fff}.plans-container{display:flex;flex-direction:column;min-height:100vh;width:100%}.success-banner{align-items:center;animation:slideInFromTop .3s ease-out;background-color:#d4edda;border:1px solid #c3e6cb;border-radius:8px;box-shadow:0 4px 12px #0000001a;color:#155724;display:flex;gap:10px;left:50%;padding:12px 20px;position:fixed;top:80px;transform:translateX(-50%);transition:all .3s ease;z-index:1000}body.dark .success-banner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#1a2e1a,#2d4a2d);border:1px solid #4ade804d;box-shadow:0 8px 24px #0006;color:#4ade80}@keyframes slideInFromTop{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.success-icon{font-size:1.1rem}.success-text{font-weight:500}.plans-error,.plans-loading{align-items:center;background-color:#fbfbff;color:#333;display:flex;flex-direction:column;font-size:1.2rem;gap:20px;height:100vh;justify-content:center;transition:all .3s ease}body.dark .plans-error,body.dark .plans-loading{background-color:#2d3142;color:#fff}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e9ecef;border-radius:50%;border-top-color:#0a499c;height:40px;transition:border-color .3s ease;width:40px}body.dark .loading-spinner{border:4px solid #7c9dd133;border-top-color:#7c9dd1}.plans-back-btn{background:linear-gradient(90deg,#0a499c,#1868d9);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s ease}body.dark .plans-back-btn{background:linear-gradient(90deg,#7c9dd1,#9cb3d8);color:#000}.plans-back-btn:hover{background:linear-gradient(90deg,#003d82,#0056b3);transform:translateY(-1px)}body.dark .plans-back-btn:hover{background:linear-gradient(90deg,#6a8bbf,#8aa1c6)}.plans-nav-bar{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:2px solid #dee2e6;box-shadow:0 2px 8px #0000000d;display:flex;flex-wrap:nowrap;justify-content:space-between;padding:16px 24px;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;z-index:100}body.dark .plans-nav-bar{background:linear-gradient(135deg,#2d3142,#3d4451);border-bottom:2px solid #6b7280;box-shadow:0 2px 8px #0000004d}.plans-nav-left{align-items:center;display:flex}.plans-nav-btn{background:none;border:none;border-radius:8px;color:#666;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 16px;position:relative;transition:all .2s ease}body.dark .plans-nav-btn{color:#9ca3af}.plans-back-button{color:#0a499c!important;font-weight:600}body.dark .plans-back-button{color:#7c9dd1!important}.plans-back-button:hover{background-color:#e3f2fd;transform:translateX(-2px)}body.dark .plans-back-button:hover{background-color:#7c9dd11a}.plans-nav-divider{background-color:#dee2e6;height:24px;margin:0 8px;transition:background-color .3s ease;width:1px}body.dark .plans-nav-divider{background-color:#6b7280}.plans-nav-active{background-color:#0a499c1a;color:#0a499c!important;font-size:1.1rem;font-weight:700}body.dark .plans-nav-active{background-color:#7c9dd11a;color:#7c9dd1!important}.plans-nav-active:hover{background-color:#0a499c26}body.dark .plans-nav-active:hover{background-color:#7c9dd126}.plans-nav-right{align-items:center;display:flex;gap:16px}.plans-create-btn{background:linear-gradient(135deg,#0a499c,#1868d9);border:none;border-radius:8px;box-shadow:0 3px 12px #0a499c4d;color:#fff;cursor:pointer;font-weight:600;letter-spacing:.5px;text-transform:uppercase;transition:all .2s ease}body.dark .plans-create-btn{background:linear-gradient(90deg,#7c9dd1,#9cb3d8);box-shadow:0 3px 12px #7c9dd14d;color:#000}.plans-create-top{padding:12px 20px}.plans-create-btn:hover{background:linear-gradient(135deg,#003d82,#0056b3);box-shadow:0 5px 16px #0a499c66;transform:translateY(-2px)}body.dark .plans-create-btn:hover{background:linear-gradient(90deg,#6a8bbf,#8aa1c6);box-shadow:0 5px 16px #7c9dd166}.plans-create-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.project-info-header{background:linear-gradient(135deg,#fff,#f8f9fa);border-bottom:1px solid #e9ecef;margin-bottom:20px;padding:24px;transition:all .3s ease}body.dark .project-info-header{background:linear-gradient(135deg,#2d3142,#3d4451);border-bottom:1px solid #6b7280}.project-info-main{align-items:center;display:flex;justify-content:space-between}.project-title{color:#2d3e96;font-size:2rem;font-weight:700;line-height:1.2;margin:0;transition:color .3s ease}body.dark .project-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#7c9dd1,#9cb3d8);-webkit-background-clip:text}.project-budget{display:none}.project-info-details{align-items:center;display:flex;flex-wrap:wrap;gap:24px}.project-detail-item{align-items:center;color:#666;display:flex;font-size:1rem;font-weight:500;gap:8px;transition:color .3s ease}body.dark .project-detail-item{color:#d1d5db}.detail-icon{font-size:1.1rem}.detail-text{font-weight:500;transition:color .3s ease}body.dark .detail-text{color:#d1d5db}.plans-main-content{flex:1 1;min-height:60vh;padding:0 24px 40px}.plans-loading-state{gap:20px}.plans-empty-state,.plans-loading-state{align-items:center;display:flex;flex-direction:column;height:50vh;justify-content:center}.plans-empty-state{margin:0 auto;max-width:600px;text-align:center}.plans-empty-title{color:#333;font-size:1.8rem;font-weight:600;line-height:1.3;margin-bottom:12px;transition:color .3s ease}body.dark .plans-empty-title{color:#fff}.plans-empty-subtitle{color:#666;font-size:1.1rem;line-height:1.5;margin-bottom:32px;transition:color .3s ease}body.dark .plans-empty-subtitle{color:#d1d5db}.plans-create-main{align-items:center;border-radius:10px;display:inline-flex;font-size:1rem;gap:8px;padding:16px 32px}.plans-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:20px}.plan-card{border-radius:12px;box-shadow:0 4px 12px #00000014;cursor:pointer;height:280px;overflow:hidden;position:relative;transition:all .3s ease}.plan-card,body.dark .plan-card{background:#fff;border:1px solid #e9ecef}body.dark .plan-card{box-shadow:0 4px 12px #0000004d}.plan-card:hover{border-color:#0a499c;box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}body.dark .plan-card:hover{border-color:#0a499c;box-shadow:0 8px 24px #0006}.plan-card-bg-image{height:100%;left:0;object-fit:cover;opacity:.8;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:1}body.dark .plan-card-bg-image{opacity:.8}.plan-card-preview{background:#fff;transition:background-color .3s ease}body.dark .plan-card-preview{background:#fff!important}.plan-card-dropdown-container{position:absolute;right:12px;top:12px;z-index:10}.plan-card-dropdown-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.plan-card-dropdown-btn,body.dark .plan-card-dropdown-btn{background:#ffffffe6;border:1px solid #0000001a;color:#666}.plan-card-dropdown-btn:hover{transform:scale(1.1)}.plan-card-dropdown-btn:hover,body.dark .plan-card-dropdown-btn:hover{background:#fff;border-color:#0a499c;color:#333}.plan-card-dropdown-menu{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 8px 24px #00000026;margin-top:4px;min-width:140px;overflow:hidden;position:absolute;right:0;top:100%;transition:all .3s ease;z-index:1000}body.dark .plan-card-dropdown-menu{background:#fff;border:1px solid #e9ecef;box-shadow:0 8px 24px #0006}.plan-card-dropdown-menu .dropdown-item{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:.9rem;gap:10px;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}body.dark .plan-card-dropdown-menu .dropdown-item{color:#333}.plan-card-dropdown-menu .dropdown-item:hover,body.dark .plan-card-dropdown-menu .dropdown-item:hover{background-color:#f8f9fa}.dropdown-item.delete,body.dark .plan-card-dropdown-menu .dropdown-item.delete{color:#dc3545}.plan-card-dropdown-menu .dropdown-item.delete:hover,body.dark .plan-card-dropdown-menu .dropdown-item.delete:hover{background-color:#fff5f5}.plan-card-content{bottom:0;color:#fff;left:0;padding:20px;position:absolute;right:0;transition:background .3s ease;z-index:2}.plan-card-content,body.dark .plan-card-content{background:linear-gradient(0deg,#000c,#0006)}.plan-card-header{margin-bottom:8px}.plan-card-title{color:#fff;font-size:1.2rem;font-weight:600;line-height:1.3;margin:0}.plan-card-date{color:#fff;font-size:.9rem;font-weight:400;opacity:.9}.plans-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:2000}body.dark .plans-modal-overlay{background-color:#000c}.plans-modal-content{animation:modalAppear .3s ease-out forwards;background:linear-gradient(135deg,#2c3e50,#34495e);border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:90%;padding:32px;position:relative;transform:scale(.9);transition:all .3s ease}body.dark .plans-modal-content{background:linear-gradient(135deg,#2c3e50,#34495e);border:1px solid #7c9dd133;box-shadow:0 20px 60px #0009}@keyframes modalAppear{to{transform:scale(1)}}.plans-modal-title{color:#fff;font-size:1.4rem;font-weight:700;letter-spacing:1.2px;margin-bottom:32px;text-align:center;text-transform:uppercase}.plans-modal-close{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;position:absolute;right:20px;top:16px;transition:all .2s ease;width:32px}.plans-modal-close:hover{background:#fff3;transform:rotate(90deg)}.plans-modal-options{display:flex;gap:40px;justify-content:center}.plans-modal-option{align-items:center;border:2px solid #ffffff1a;border-radius:16px;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:1rem;font-weight:600;gap:16px;overflow:hidden;padding:28px 24px;position:relative;transition:all .3s ease;width:160px}.plans-modal-option,body.dark .plans-modal-option{background:linear-gradient(135deg,#1a252f,#2c3e50)}body.dark .plans-modal-option{border:2px solid #7c9dd133}.plans-modal-option:before{background:linear-gradient(135deg,#ffffff1a,#0000);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}body.dark .plans-modal-option:before{background:linear-gradient(135deg,#7c9dd11a,#0000)}.plans-modal-option:hover:before{opacity:1}.plans-modal-option:hover{background:linear-gradient(135deg,#0a499c,#1868d9);border-color:#fff6;box-shadow:0 16px 32px #0a499c66;transform:translateY(-6px)}body.dark .plans-modal-option:hover{background:linear-gradient(90deg,#7c9dd1,#9cb3d8);border-color:#7c9dd1;box-shadow:0 16px 32px #7c9dd166}.plans-modal-option:disabled{cursor:not-allowed;opacity:.6;transform:none}.plans-modal-option:disabled:hover{background:linear-gradient(135deg,#1a252f,#2c3e50);box-shadow:none;transform:none}.plans-modal-option-icon{align-items:center;background:#ffffff26;border-radius:16px;display:flex;height:56px;justify-content:center;margin-bottom:4px;transition:all .3s ease;width:56px}.plans-modal-option:hover .plans-modal-option-icon{background:#ffffff40;transform:scale(1.1)}.edit-plan-modal{animation:modalAppear .3s ease-out forwards;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:90%;overflow:hidden;position:relative;transform:scale(.9);transition:all .3s ease;width:500px}body.dark .edit-plan-modal{background:#3d4451;border:1px solid #6b7280;box-shadow:0 20px 60px #0009}.edit-modal-header{align-items:center;background:linear-gradient(135deg,#0a499c,#1868d9);color:#fff;display:flex;justify-content:space-between;padding:20px 24px;transition:background .3s ease}body.dark .edit-modal-header{background:linear-gradient(90deg,#7c9dd1,#9cb3d8);color:#000}.edit-modal-header h3{font-size:1.3rem;font-weight:600;margin:0}.modal-close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;transition:all .2s ease;width:32px}body.dark .modal-close-btn{color:#000}.modal-close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.edit-modal-body{padding:24px}.edit-label{color:#333;display:block;font-size:.95rem;font-weight:600;margin-bottom:8px;transition:color .3s ease}body.dark .edit-label{color:#e0e0e0}.edit-input{background:#fff;border:2px solid #e9ecef;border-radius:8px;box-sizing:border-box;color:#333;font-size:1rem;outline:none;padding:12px 16px;transition:all .2s ease;width:100%}body.dark .edit-input{background:#4a5568;border:2px solid #6b7280;color:#fff}.edit-input:focus{border-color:#0a499c;box-shadow:0 0 0 3px #0a499c1a}body.dark .edit-input:focus{border-color:#7c9dd1;box-shadow:0 0 0 3px #7c9dd133}.edit-modal-actions{background:#f8f9fa;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px;transition:background .3s ease}body.dark .edit-modal-actions{background:#2d3142}.edit-btn{border:none;border-radius:6px;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s ease}.save-btn{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}body.dark .save-btn{background:linear-gradient(135deg,#22c55e,#16a34a)}.save-btn:hover{background:linear-gradient(135deg,#1e7e34,#17a2b8);transform:translateY(-1px)}body.dark .save-btn:hover{background:linear-gradient(135deg,#16a34a,#15803d)}.advanced-btn{background:linear-gradient(135deg,#0a499c,#1868d9);color:#fff}body.dark .advanced-btn{background:linear-gradient(90deg,#7c9dd1,#9cb3d8);color:#000}.advanced-btn:hover{background:linear-gradient(135deg,#003d82,#0056b3);transform:translateY(-1px)}body.dark .advanced-btn:hover{background:linear-gradient(90deg,#6a8bbf,#8aa1c6)}.edit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.center-loading-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:3000}body.dark .center-loading-overlay{background-color:#000c}.center-loading-spinner{animation:centerSpin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#0a499c;height:60px;width:60px}body.dark .center-loading-spinner{border:4px solid #ffffff4d;border-top-color:#7c9dd1}@keyframes centerSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.delete-plan-modal{animation:modalAppear .3s ease-out forwards;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:90%;overflow:hidden;position:relative;transform:scale(.9);transition:all .3s ease;width:450px}body.dark .delete-plan-modal{background:#3d4451;border:1px solid #6b7280;box-shadow:0 20px 60px #0009}.delete-modal-header{color:#fff;padding:20px 24px;text-align:center;transition:background .3s ease}.delete-modal-header,body.dark .delete-modal-header{background:linear-gradient(135deg,#dc3545,#c82333)}.delete-modal-header h3{font-size:1.3rem;font-weight:600;margin:0}.delete-modal-body{padding:24px;text-align:center}.delete-modal-body p{color:#333;line-height:1.5;margin-bottom:12px;transition:color .3s ease}body.dark .delete-modal-body p{color:#e0e0e0}.plan-name-highlight{color:#dc3545;font-weight:700;transition:color .3s ease}body.dark .plan-name-highlight{color:#ff6b6b}.warning-text{color:#dc3545;font-size:.9rem;font-weight:500;transition:color .3s ease}body.dark .warning-text{color:#ff6b6b}.delete-modal-actions{background:#f8f9fa;display:flex;gap:12px;justify-content:center;padding:20px 24px;transition:background .3s ease}body.dark .delete-modal-actions{background:#2d3142}.delete-btn{border:none;border-radius:6px;cursor:pointer;font-weight:600;padding:10px 24px;transition:all .2s ease}.cancel-btn{background:#6c757d;color:#fff}body.dark .cancel-btn{background:#4a5568;border:1px solid #6b7280;color:#fff}.cancel-btn:hover{background:#5a6268;transform:translateY(-1px)}body.dark .cancel-btn:hover{background:#6b7280}.confirm-btn{color:#fff}.confirm-btn,body.dark .confirm-btn{background:linear-gradient(135deg,#dc3545,#c82333)}.confirm-btn:hover{transform:translateY(-1px)}.confirm-btn:hover,body.dark .confirm-btn:hover{background:linear-gradient(135deg,#bd2130,#a71e2a)}.delete-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.plans-nav-bar{gap:12px;padding:12px 16px}.plans-nav-left{gap:12px}.project-info-header{padding:20px 16px}.project-info-main{align-items:flex-start;flex-direction:column;gap:16px}.project-title{font-size:1.6rem}.project-budget{font-size:1.1rem}.project-info-details{gap:16px}.plans-main-content{padding:0 16px 32px}.plans-grid{gap:20px;grid-template-columns:1fr}.plans-empty-title{font-size:1.5rem}.plans-empty-subtitle{font-size:1rem}.plans-modal-content{padding:24px;width:95%}.plans-modal-options{flex-direction:column;gap:16px}.plans-modal-option{min-width:auto;width:100%}.delete-plan-modal,.edit-plan-modal{width:95%}}@media (max-width:480px){.plans-nav-bar{align-items:flex-start;align-items:center;gap:16px}.plans-nav-right{justify-content:flex-end}.project-title{font-size:1.4rem}.project-detail-item{font-size:.9rem}.plan-card{height:280px}.plan-card-title{font-size:1.1rem}}.plans-wrapper::-webkit-scrollbar{width:10px}.plans-wrapper::-webkit-scrollbar-track{background:#f1f1f1}body.dark .plans-wrapper::-webkit-scrollbar-track{background:#2d3142}.plans-wrapper::-webkit-scrollbar-thumb{background:#888;border-radius:5px}body.dark .plans-wrapper::-webkit-scrollbar-thumb{background:#6b7280}.plans-wrapper::-webkit-scrollbar-thumb:hover{background:#555}body.dark .plans-wrapper::-webkit-scrollbar-thumb:hover{background:#7c9dd1}.contact-page{background:#fff;min-height:100vh;transition:background .3s ease}.contact-page.dark-mode{background:#2d3142}.contact-hero{align-items:center;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);display:flex;gap:4rem;justify-content:space-between;margin:0 auto;max-width:1400px;padding:5rem 5% 4rem;transition:background .3s ease}.contact-page.dark-mode .contact-hero{background:linear-gradient(135deg,#2d3142,#3a3f52)}.contact-hero-content{flex:1 1}.contact-hero h1{color:#2d3e96;font-size:3rem;line-height:1.2;margin-bottom:1.5rem;transition:color .3s ease}.contact-page.dark-mode .contact-hero h1{color:#fff}.contact-hero p{color:var(--sooru-blue);font-size:1.2rem;line-height:1.6;margin-bottom:2rem;transition:color .3s ease}.contact-page.dark-mode .contact-hero p{color:#b8c5d6}.hero-cta-btn{background:#2d3e96;border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2.5rem;transition:all .3s}.hero-cta-btn:hover{background:#1e2a6b;box-shadow:0 5px 15px #2d3e964d;transform:translateY(-2px)}.contact-page.dark-mode .hero-cta-btn{background:#7c9dd1;color:#000}.contact-page.dark-mode .hero-cta-btn:hover{background:#5c7db1}.contact-hero-image{flex:0 0 400px}.contact-hero-image img{height:auto;width:100%}.contact-content-wrapper{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr 1.5fr;margin:0 auto;max-width:1400px;padding:4rem 5%}.contact-info-section{display:flex;flex-direction:column;gap:2rem}.contact-info-card{align-items:flex-start;background:#f5f7fa;border-radius:15px;display:flex;gap:1.5rem;padding:1.5rem;transition:all .3s}.contact-page.dark-mode .contact-info-card{background:#3d4451}.contact-info-card:hover{background:#e8ecf1;transform:translateY(-3px)}.contact-page.dark-mode .contact-info-card:hover{background:#4a5568}.contact-icon{background:#2d3e961a;border-radius:50%;color:#2d3e96;flex-shrink:0;height:50px;transition:all .3s ease;width:50px}.contact-page.dark-mode .contact-icon{background:#7c9dd133;color:#7c9dd1}.contact-info-text h3{color:#2d3e96;font-size:1.1rem;font-weight:200;margin-bottom:.5rem;transition:color .3s ease}.contact-page.dark-mode .contact-info-text h3{color:#fff}.contact-info-text a{color:var(--sooru-blue);text-decoration:none;transition:color .3s}.contact-page.dark-mode .contact-info-text a{color:#b8c5d6}.contact-info-text a:hover{color:#2d3e96}.contact-page.dark-mode .contact-info-text a:hover{color:#7c9dd1}.contact-info-text p{color:var(--sooru-blue);line-height:1.6;margin:0;transition:color .3s ease}.contact-page.dark-mode .contact-info-text p{color:#d1d5db}.contact-social-links{display:flex;gap:1rem;margin-top:1rem}.social-icon{align-items:center;background:#fff;border-radius:50%;color:#2d3e96;display:flex;height:45px;justify-content:center;text-decoration:none;transition:all .3s;width:45px}.contact-page.dark-mode .social-icon{background:#4a5568;color:#7c9dd1}.social-icon:hover{background:#2d3e96;color:#fff;transform:translateY(-3px)}.contact-page.dark-mode .social-icon:hover{background:#7c9dd1;color:#000}.contact-form-section{background:#fff;transition:background .3s ease}.contact-page.dark-mode .contact-form-section{background:#0000}.contact-form-section h2{color:#2d3e96;font-size:2rem;margin-bottom:3.5rem;transition:color .3s ease}.contact-page.dark-mode .contact-form-section h2{color:#fff}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.contact-form .form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.contact-form .form-group{display:flex;flex-direction:column;gap:.5rem}.contact-form input,.contact-form textarea{background:#fff;border:2px solid #ddd;border-radius:10px;color:#333;font-family:inherit;font-size:1rem;outline:none;padding:.9rem 1.2rem;transition:all .3s}.contact-page.dark-mode .contact-form input,.contact-page.dark-mode .contact-form textarea{background:#3d4451;border-color:#4a5568;color:#fff}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#999}.contact-page.dark-mode .contact-form input::placeholder,.contact-page.dark-mode .contact-form textarea::placeholder{color:#9ca3af}.contact-form input:focus,.contact-form textarea:focus{border-color:#2d3e96}.contact-page.dark-mode .contact-form input:focus,.contact-page.dark-mode .contact-form textarea:focus{border-color:#7c9dd1}.contact-form input.error,.contact-form textarea.error{border-color:#e74c3c}.contact-form .error-message{color:#e74c3c;font-size:.85rem}.contact-form textarea{min-height:120px;resize:vertical}.contact-form input:disabled,.contact-form textarea:disabled{cursor:not-allowed;opacity:.6}.submit-btn{align-items:center;align-self:flex-start;background:#2d3e96;border:none;border-radius:30px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;min-width:150px;padding:1rem 2.5rem;transition:all .3s}.submit-btn:hover:not(:disabled){background:#1e2a6b;box-shadow:0 5px 15px #2d3e964d;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.7}.contact-page.dark-mode .submit-btn{background:#7c9dd1;color:#000}.contact-page.dark-mode .submit-btn:hover:not(:disabled){background:#5c7db1}.loader{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.contact-page.dark-mode .loader{border-color:#000 #0000004d #0000004d}.thank-you-page{align-items:center;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);display:flex;justify-content:center;min-height:80vh;padding:4rem 5%;transition:background .3s ease}.thank-you-page.dark-mode{background:linear-gradient(135deg,#2d3142,#3a3f52)}.thank-you-container{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;max-width:700px;padding:4rem 3rem;text-align:center;transition:all .3s ease}.thank-you-page.dark-mode .thank-you-container{background:#3d4451;box-shadow:0 10px 40px #00000080}.thank-you-icon{color:#27ae60;display:flex;justify-content:center;margin-bottom:2rem}.thank-you-page.dark-mode .thank-you-icon{color:#2ecc71}.thank-you-container h1{color:#2d3e96;font-size:2.5rem;margin-bottom:1.5rem;transition:color .3s ease}.thank-you-page.dark-mode .thank-you-container h1{color:#fff}.thank-you-message{color:var(--sooru-blue);font-size:1.2rem;line-height:1.6;margin-bottom:1.5rem;transition:color .3s ease}.thank-you-page.dark-mode .thank-you-message{color:#d1d5db}.thank-you-submessage{color:#888;font-size:1rem;line-height:1.6;margin-bottom:2.5rem;transition:color .3s ease}.thank-you-page.dark-mode .thank-you-submessage{color:#9ca3af}.thank-you-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}.btn-primary,.btn-secondary{border:none;border-radius:30px;cursor:pointer;font-size:1rem;font-weight:600;padding:.9rem 2rem;transition:all .3s}.btn-primary{background:#2d3e96;color:#fff}.btn-primary:hover{background:#1e2a6b;box-shadow:0 5px 15px #2d3e964d;transform:translateY(-2px)}.thank-you-page.dark-mode .btn-primary{background:#7c9dd1;color:#000}.thank-you-page.dark-mode .btn-primary:hover{background:#5c7db1}.btn-secondary{background:#0000;border:2px solid #2d3e96;color:#2d3e96}.btn-secondary:hover{background:#2d3e96;color:#fff}.thank-you-page.dark-mode .btn-secondary{border-color:#7c9dd1;color:#7c9dd1}.thank-you-page.dark-mode .btn-secondary:hover{background:#7c9dd1;color:#000}.thank-you-redirect{color:#999;font-size:.9rem;margin-top:2rem;transition:color .3s ease}.thank-you-page.dark-mode .thank-you-redirect{color:#6b7280}@media (max-width:768px){.contact-hero{flex-direction:column;padding:3rem 5% 2rem}.contact-hero h1{font-size:2rem}.contact-hero-image{flex:0 0 auto;max-width:300px}.contact-content-wrapper{gap:3rem;padding:3rem 5%}.contact-content-wrapper,.contact-form .form-row{grid-template-columns:1fr}.thank-you-container{padding:3rem 2rem}.thank-you-container h1{font-size:2rem}.thank-you-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}@media (max-width:480px){.contact-hero h1{font-size:1.75rem}.contact-hero p,.hero-cta-btn{font-size:1rem}.hero-cta-btn{padding:.9rem 2rem}.contact-form-section h2{font-size:1.75rem}.thank-you-container{padding:2.5rem 1.5rem}.thank-you-container h1{font-size:1.75rem}.thank-you-message{font-size:1.1rem}}:root{--primary-blue:#2d3e96;--primary-blue-light:#4a5db8;--primary-dark:#1e2a6e;--input-focus:#2d3e9626;--text-primary:#1f2937;--text-secondary:#6b7280;--text-blue:#2d3e96;--input-bg:#f5f7fb;--input-border:#e2e8f0;--error-red:#ef4444;--success-green:#22c55e;--white:#fff;--bg-primary:#e8ecf4;--bg-form:#fff;--dark-bg-primary:#2d3142;--dark-text-primary:#f8fafc;--dark-text-secondary:#cbd5e1;--dark-input-bg:#2a2a2acc;--dark-input-border:#7c9dd133;--dark-form-bg:#1a1a1af2;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #0000000d;--shadow-lg:0 10px 15px #0000000d;--shadow-xl:0 20px 25px #0000001a;--transition-fast:150ms ease;--transition-normal:250ms ease}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;margin:0;padding:0}.auth-container{background-color:#e8ecf4;background-color:var(--bg-primary);display:flex;min-height:calc(100vh - 70px);overflow:hidden;position:relative;transition:background-color .3s ease}.auth-container.dark-theme{background-color:#2d3142;background-color:var(--dark-bg-primary)}.left-section{background-color:#e8ecf4;background-color:var(--bg-primary);display:flex;flex-direction:column;justify-content:center;padding:2rem 4rem;transition:background-color .3s ease;width:45%}.auth-container.dark-theme .left-section{background-color:#2d3142;background-color:var(--dark-bg-primary)}.right-section{align-items:center;background-color:#e8ecf4;background-color:var(--bg-primary);display:flex;justify-content:center;padding:1.5rem;transition:background-color .3s ease;width:55%}.auth-container.dark-theme .right-section{background-color:#2d3142;background-color:var(--dark-bg-primary)}.image-container{border-radius:20px;box-shadow:0 25px 50px #00000026;height:calc(100vh - 110px);max-height:700px;max-width:600px;overflow:hidden;position:relative;width:100%}.auth-container.dark-theme .image-container{box-shadow:0 25px 50px #0006}.auth-image{height:100%;object-fit:cover;width:100%}.image-overlay{background:linear-gradient(0deg,#000000b3 0,#0000);bottom:0;left:0;padding:2.5rem 2rem;position:absolute;right:0}.image-tagline{color:#fff;color:var(--white);font-size:1.75rem;font-weight:600;text-shadow:0 2px 4px #0000004d}.form-wrapper{border:none;border-radius:0;box-shadow:none;max-width:420px;padding:0;transition:all .3s ease;width:100%}.auth-container.dark-theme .form-wrapper,.form-wrapper{background:#0000}.register-form{max-width:520px}.form-header{margin-bottom:1.5rem;text-align:left}.form-header h2{color:#2d3e96;color:var(--primary-blue);font-size:1.75rem;font-weight:600;text-align:left;transition:color .3s ease}.auth-container.dark-theme .form-header h2{color:#7c9dd1}.form-row{display:flex;gap:1rem}.form-group,.form-row{margin-bottom:1.25rem}.half-width{margin-bottom:0;width:calc(50% - .5rem)}.form-label{color:#2d3e96;color:var(--primary-blue);display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem;transition:color .3s ease}.auth-container.dark-theme .form-label{color:#f8fafc;color:var(--dark-text-primary)}.form-label span{color:#c2540b!important;color:var(--sooru-orange)!important;margin-left:2px}.input-wrapper{align-items:center;display:flex;position:relative}.form-input{background:#f5f7fb;background:var(--input-bg);border:1.5px solid #0000;border-radius:8px;color:#1f2937;color:var(--text-primary);font-size:.9375rem;padding:.875rem 1rem;transition:all .25s ease;transition:all var(--transition-normal);width:100%}.auth-container.dark-theme .form-input{background:#2a2a2acc;background:var(--dark-input-bg);border-color:#7c9dd133;border-color:var(--dark-input-border);color:#f8fafc;color:var(--dark-text-primary)}.form-input:focus{background:#fff;background:var(--white);border-color:#2d3e96;border-color:var(--primary-blue);box-shadow:0 0 0 3px #2d3e9626;box-shadow:0 0 0 3px var(--input-focus);outline:none}.auth-container.dark-theme .form-input:focus{background:#2a2a2acc;background:var(--dark-input-bg);border-color:#7c9dd1;box-shadow:0 0 0 3px #7c9dd133}.form-input::placeholder{color:#6b7280;color:var(--text-secondary);opacity:.7}.auth-container.dark-theme .form-input::placeholder{color:#cbd5e1;color:var(--dark-text-secondary);opacity:.5}.form-input.error{border-color:#ef4444;border-color:var(--error-red)}.password-toggle-btn{align-items:center;background:#0000;border:none;color:#6b7280;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .15s ease;transition:color var(--transition-fast)}.password-toggle-btn:hover{color:#2d3e96;color:var(--primary-blue)}.auth-container.dark-theme .password-toggle-btn{color:#cbd5e1;color:var(--dark-text-secondary)}.auth-container.dark-theme .password-toggle-btn:hover{color:#7c9dd1}.forgot-password-container{margin-top:.5rem;text-align:right}.forgot-password{background:none;border:none;color:#2d3e96;color:var(--primary-blue);cursor:pointer;font-size:.875rem;font-weight:500;transition:color .15s ease;transition:color var(--transition-fast)}.forgot-password:hover{color:#4a5db8;color:var(--primary-blue-light);text-decoration:underline}.auth-container.dark-theme .forgot-password{color:#7c9dd1}.auth-container.dark-theme .forgot-password:hover{color:#9cb3d8}.submit-button{background:#2d3e96;background:var(--primary-blue);border:none;border-radius:8px;box-shadow:0 4px 12px #2d3e9640;color:#fff;color:var(--white);cursor:pointer;font-size:1rem;font-weight:600;margin-top:.5rem;padding:.875rem 1rem;transition:all .25s ease;transition:all var(--transition-normal);width:100%}.auth-container.dark-theme .submit-button{background:linear-gradient(135deg,#4a5568,#6b7280);box-shadow:0 4px 12px #4a55684d}.submit-button:hover:not(:disabled){background:#1e2a6e;background:var(--primary-dark);box-shadow:0 6px 16px #2d3e9659;transform:translateY(-2px)}.auth-container.dark-theme .submit-button:hover:not(:disabled){background:linear-gradient(135deg,#6b7280,#7c9dd1);box-shadow:0 8px 20px #7c9dd166}.submit-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.register-section{color:#6b7280;color:var(--text-secondary);font-size:.9rem;margin-top:1.5rem;text-align:center;transition:color .3s ease}.auth-container.dark-theme .register-section{color:#cbd5e1;color:var(--dark-text-secondary)}.register-link{background:none;border:none;color:#2d3e96;color:var(--primary-blue);cursor:pointer;font-weight:600;margin-left:.25rem;transition:color .15s ease;transition:color var(--transition-fast)}.register-link:hover{color:#4a5db8;color:var(--primary-blue-light);text-decoration:underline}.auth-container.dark-theme .register-link{color:#7c9dd1}.auth-container.dark-theme .register-link:hover{color:#9cb3d8}.error-message{background-color:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:#ef4444;color:var(--error-red);font-size:.875rem;font-weight:500;margin-bottom:1rem;padding:.75rem;text-align:center;transition:all .3s ease}.auth-container.dark-theme .error-message{background-color:#ef444426;border:1px solid #ef44444d}.success-message{background-color:#22c55e1a;border:1px solid #22c55e33;border-radius:8px;color:#22c55e;color:var(--success-green);font-size:.875rem;font-weight:500;margin-bottom:1rem;padding:.75rem;text-align:center;transition:all .3s ease}.auth-container.dark-theme .success-message{background-color:#22c55e26;border:1px solid #22c55e4d}.phone-error-message{color:#ef4444;color:var(--error-red);font-size:.75rem;margin-top:.25rem}.spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top:2px solid var(--white);display:inline-block;height:20px;width:20px}.otp-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1.5rem;position:fixed;right:0;top:0;z-index:1000}.otp-modal-container{background:#fff;background:var(--white);border-radius:16px;box-shadow:0 25px 50px #00000026;max-height:90vh;max-width:450px;overflow-y:auto;transition:all .3s ease;width:100%}.otp-modal-container.otp-dark-theme{background:#1a1a1af2;background:var(--dark-form-bg);box-shadow:0 25px 50px #0006}.otp-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--input-border);display:flex;justify-content:space-between;padding:1.5rem 2rem 1rem}.otp-dark-theme .otp-modal-header{border-bottom-color:#7c9dd133;border-bottom-color:var(--dark-input-border)}.otp-modal-title{color:#2d3e96;color:var(--primary-blue);font-size:1.25rem;font-weight:600}.otp-dark-theme .otp-modal-title{color:#fff;color:var(--white)}.otp-close-btn{background:none;border:none;color:#6b7280;color:var(--text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:.25rem;transition:color .15s ease;transition:color var(--transition-fast)}.otp-close-btn:hover{color:#2d3e96;color:var(--primary-blue)}.otp-dark-theme .otp-close-btn{color:#cbd5e1;color:var(--dark-text-secondary)}.otp-dark-theme .otp-close-btn:hover{color:#7c9dd1}.otp-modal-content{padding:1.5rem 2rem 2rem}.otp-modal-description{color:#6b7280;color:var(--text-secondary);font-size:.9rem;line-height:1.6;margin-bottom:1.5rem}.otp-dark-theme .otp-modal-description{color:#cbd5e1;color:var(--dark-text-secondary)}.otp-contact-info{margin-bottom:1.5rem}.otp-contact-item{align-items:center;background:#f5f7fb;background:var(--input-bg);border-radius:8px;display:flex;gap:.75rem;padding:.75rem}.otp-dark-theme .otp-contact-item{background:#2a2a2acc;background:var(--dark-input-bg)}.otp-icon{font-size:1.25rem}.otp-contact-text{color:#1f2937;color:var(--text-primary);font-size:.9rem}.otp-dark-theme .otp-contact-text{color:#f8fafc;color:var(--dark-text-primary)}.otp-error-message{background-color:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:#ef4444;color:var(--error-red);font-size:.875rem;font-weight:500;margin-bottom:1rem;padding:.75rem;text-align:center}.otp-dark-theme .otp-error-message{background-color:#ef444426;border:1px solid #ef44444d}.otp-form{width:100%}.otp-input-group{margin-bottom:1.25rem}.otp-input-label{color:#2d3e96;color:var(--primary-blue);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.otp-dark-theme .otp-input-label{color:#f8fafc;color:var(--dark-text-primary)}.otp-code-input{background:#f5f7fb;background:var(--input-bg);border:1.5px solid #0000;border-radius:8px;color:#1f2937;color:var(--text-primary);font-size:1.5rem;font-weight:700;letter-spacing:.3em;padding:1rem;text-align:center;transition:all .25s ease;transition:all var(--transition-normal);width:100%}.otp-dark-theme .otp-code-input{background:#2a2a2acc;background:var(--dark-input-bg);border-color:#7c9dd133;border-color:var(--dark-input-border);color:#f8fafc;color:var(--dark-text-primary)}.otp-code-input:focus{border-color:#2d3e96;border-color:var(--primary-blue);box-shadow:0 0 0 3px #2d3e9626;box-shadow:0 0 0 3px var(--input-focus);outline:none}.otp-dark-theme .otp-code-input:focus{border-color:#7c9dd1;box-shadow:0 0 0 3px #7c9dd133}.otp-timer-section{margin-bottom:1.5rem;text-align:center}.otp-timer{color:#2d3e96;color:var(--primary-blue);font-size:.875rem;font-weight:600}.otp-dark-theme .otp-timer{color:#7c9dd1}.otp-button-group{display:flex;gap:1rem;justify-content:center}.otp-resend-btn,.otp-verify-btn{border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:600;min-width:130px;padding:.875rem 1.5rem;transition:all .25s ease;transition:all var(--transition-normal)}.otp-verify-btn{background:#2d3e96;background:var(--primary-blue);box-shadow:0 4px 12px #2d3e9640;color:#fff;color:var(--white)}.otp-dark-theme .otp-verify-btn{background:linear-gradient(135deg,#4a5568,#6b7280);box-shadow:0 4px 12px #4a55684d}.otp-verify-btn:hover:not(:disabled){background:#1e2a6e;background:var(--primary-dark);box-shadow:0 6px 16px #2d3e9659;transform:translateY(-2px)}.otp-dark-theme .otp-verify-btn:hover:not(:disabled){background:linear-gradient(135deg,#6b7280,#7c9dd1)}.otp-verify-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.otp-resend-btn{background:#0000;border:2px solid #e2e8f0;border:2px solid var(--input-border);color:#6b7280;color:var(--text-secondary)}.otp-dark-theme .otp-resend-btn{border-color:#7c9dd133;border-color:var(--dark-input-border);color:#cbd5e1;color:var(--dark-text-secondary)}.otp-resend-btn:hover:not(:disabled){background:#f5f7fb;background:var(--input-bg);border-color:#2d3e96;border-color:var(--primary-blue);color:#2d3e96;color:var(--primary-blue)}.otp-dark-theme .otp-resend-btn:hover:not(:disabled){background:#2a2a2acc;background:var(--dark-input-bg);border-color:#7c9dd1;color:#7c9dd1}.otp-resend-btn:disabled{cursor:not-allowed;opacity:.5}.forgot-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1.5rem;position:fixed;right:0;top:0;z-index:1000}.forgot-modal-container{background:#fff;background:var(--white);border-radius:16px;box-shadow:0 25px 50px #00000026;max-height:90vh;max-width:450px;overflow-y:auto;transition:all .3s ease;width:100%}.forgot-modal-container.forgot-dark-theme{background:#1a1a1af2;background:var(--dark-form-bg);box-shadow:0 25px 50px #0006}.forgot-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--input-border);display:flex;justify-content:space-between;padding:1.5rem 2rem 1rem}.forgot-dark-theme .forgot-modal-header{border-bottom-color:#7c9dd133;border-bottom-color:var(--dark-input-border)}.forgot-modal-title{color:#2d3e96;color:var(--primary-blue);font-size:1.25rem;font-weight:600}.forgot-dark-theme .forgot-modal-title{color:#fff;color:var(--white)}.forgot-close-btn{background:none;border:none;color:#6b7280;color:var(--text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:.25rem;transition:color .15s ease;transition:color var(--transition-fast)}.forgot-close-btn:hover{color:#2d3e96;color:var(--primary-blue)}.forgot-dark-theme .forgot-close-btn{color:#cbd5e1;color:var(--dark-text-secondary)}.forgot-dark-theme .forgot-close-btn:hover{color:#7c9dd1}.forgot-modal-content{padding:1.5rem 2rem 2rem}.forgot-modal-description{color:#6b7280;color:var(--text-secondary);font-size:.9rem;line-height:1.6;margin-bottom:1.5rem}.forgot-dark-theme .forgot-modal-description{color:#cbd5e1;color:var(--dark-text-secondary)}.forgot-success-message{background-color:#22c55e1a;border:1px solid #22c55e33;border-radius:8px;color:#22c55e;color:var(--success-green);font-weight:500;margin-bottom:1.5rem;padding:10px;text-align:center;transition:all .3s ease}.forgot-dark-theme .forgot-success-message{background-color:#22c55e26;border:1px solid #22c55e4d}.forgot-error-message{background-color:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:#ef4444;color:var(--error-red);font-weight:500;margin-bottom:1.5rem;padding:10px;text-align:center;transition:all .3s ease}.forgot-dark-theme .forgot-error-message{background-color:#ef444426;border:1px solid #ef44444d}.forgot-form{width:100%}.forgot-form-group{margin-bottom:1.25rem}.forgot-form-label{color:#2d3e96;color:var(--primary-blue);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem;transition:color .3s ease}.forgot-dark-theme .forgot-form-label{color:#f8fafc;color:var(--dark-text-primary)}.forgot-form-input{background:#f5f7fb;background:var(--input-bg);border:1.5px solid #0000;border-radius:8px;color:#1f2937;color:var(--text-primary);font-size:.9375rem;padding:.875rem 1rem;transition:all .25s ease;transition:all var(--transition-normal);width:100%}.forgot-dark-theme .forgot-form-input{background:#2a2a2acc;background:var(--dark-input-bg);border-color:#7c9dd133;border-color:var(--dark-input-border);color:#f8fafc;color:var(--dark-text-primary)}.forgot-form-input:focus{border-color:#2d3e96;border-color:var(--primary-blue);box-shadow:0 0 0 3px #2d3e9626;box-shadow:0 0 0 3px var(--input-focus);outline:none}.forgot-dark-theme .forgot-form-input:focus{border-color:#7c9dd1;box-shadow:0 0 0 3px #7c9dd133}.forgot-otp-input{background:#f5f7fb;background:var(--input-bg);border:1.5px solid #0000;border-radius:8px;color:#1f2937;color:var(--text-primary);font-size:1.25rem;font-weight:700;letter-spacing:.25em;padding:1rem;text-align:center;transition:all .25s ease;transition:all var(--transition-normal);width:100%}.forgot-dark-theme .forgot-otp-input{background:#2a2a2acc;background:var(--dark-input-bg);border-color:#7c9dd133;border-color:var(--dark-input-border);color:#f8fafc;color:var(--dark-text-primary)}.forgot-otp-input:focus{border-color:#2d3e96;border-color:var(--primary-blue);box-shadow:0 0 0 3px #2d3e9626;box-shadow:0 0 0 3px var(--input-focus);outline:none}.forgot-dark-theme .forgot-otp-input:focus{border-color:#7c9dd1;box-shadow:0 0 0 3px #7c9dd133}.forgot-timer{color:#2d3e96;color:var(--primary-blue);font-size:.875rem;font-weight:600;margin-bottom:1.5rem;text-align:center;transition:color .3s ease}.forgot-dark-theme .forgot-timer{color:#7c9dd1}.forgot-button-group{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.forgot-cancel-btn,.forgot-resend-btn,.forgot-reset-btn,.forgot-send-btn,.forgot-verify-btn{border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:600;min-width:120px;padding:.875rem 1.5rem;transition:all .25s ease;transition:all var(--transition-normal)}.forgot-reset-btn,.forgot-send-btn,.forgot-verify-btn{background:#2d3e96;background:var(--primary-blue);box-shadow:0 4px 12px #2d3e9640;color:#fff;color:var(--white)}.forgot-dark-theme .forgot-reset-btn,.forgot-dark-theme .forgot-send-btn,.forgot-dark-theme .forgot-verify-btn{background:linear-gradient(135deg,#4a5568,#6b7280);box-shadow:0 4px 12px #4a55684d}.forgot-reset-btn:hover:not(:disabled),.forgot-send-btn:hover:not(:disabled),.forgot-verify-btn:hover:not(:disabled){background:#1e2a6e;background:var(--primary-dark);box-shadow:0 8px 20px #2d3e9659;transform:translateY(-2px)}.forgot-dark-theme .forgot-reset-btn:hover:not(:disabled),.forgot-dark-theme .forgot-send-btn:hover:not(:disabled),.forgot-dark-theme .forgot-verify-btn:hover:not(:disabled){background:linear-gradient(135deg,#6b7280,#7c9dd1);box-shadow:0 8px 20px #7c9dd166}.forgot-reset-btn:disabled,.forgot-send-btn:disabled,.forgot-verify-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.forgot-cancel-btn,.forgot-resend-btn{background:#0000;border:2px solid #e2e8f0;border:2px solid var(--input-border);color:#6b7280;color:var(--text-secondary)}.forgot-dark-theme .forgot-cancel-btn,.forgot-dark-theme .forgot-resend-btn{border-color:#7c9dd133;border-color:var(--dark-input-border);color:#cbd5e1;color:var(--dark-text-secondary)}.forgot-cancel-btn:hover,.forgot-resend-btn:hover:not(:disabled){background:#f5f7fb;background:var(--input-bg);border-color:#2d3e96;border-color:var(--primary-blue);color:#2d3e96;color:var(--primary-blue);transform:translateY(-1px)}.forgot-dark-theme .forgot-cancel-btn:hover,.forgot-dark-theme .forgot-resend-btn:hover:not(:disabled){background:#2a2a2acc;background:var(--dark-input-bg);border-color:#7c9dd1;color:#7c9dd1}.forgot-resend-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.forgot-password-input-wrapper{align-items:center;display:flex;position:relative}.forgot-password-toggle{align-items:center;background:#0000;border:none;color:#6b7280;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .15s ease;transition:color var(--transition-fast)}.forgot-password-toggle:hover{color:#2d3e96;color:var(--primary-blue)}.forgot-dark-theme .forgot-password-toggle{color:#cbd5e1;color:var(--dark-text-secondary)}.forgot-dark-theme .forgot-password-toggle:hover{color:#7c9dd1}@media (min-width:1400px){.left-section{padding:2rem 6rem}.image-container{max-height:750px;max-width:650px}}@media (max-width:1200px){.left-section{padding:2rem 3rem;width:50%}.right-section{padding:1.5rem;width:50%}.image-container{height:calc(100vh - 120px);max-height:600px;max-width:500px}.image-tagline{font-size:1.5rem}}@media (max-width:1024px){.auth-container{flex-direction:row}.left-section{padding:2rem;width:55%}.right-section{padding:1rem;width:45%}.image-container{height:calc(100vh - 100px);max-height:550px;max-width:100%}.form-wrapper{max-width:380px}.register-form{max-width:450px}.image-tagline{font-size:1.35rem}.image-overlay{padding:2rem 1.5rem}}@media (max-width:900px){.auth-container{flex-direction:column}.left-section{order:2;padding:2rem;width:100%}.right-section{order:1;padding:1.5rem 1.5rem 0;width:100%}.image-container{height:220px;margin:0 auto;max-height:220px;max-width:100%}.form-wrapper{margin:0 auto;max-width:450px}.register-form{max-width:520px}.image-tagline{font-size:1.25rem}.image-overlay{padding:1.5rem}}@media (max-width:768px){.auth-container{min-height:auto}.left-section{order:2;padding:1.5rem}.right-section{order:1;padding:1rem 1.5rem 0}.image-container{border-radius:16px;height:180px;max-height:180px}.form-header h2{font-size:1.5rem}.form-group{margin-bottom:1rem}.form-row{flex-direction:column;gap:0}.half-width{margin-bottom:1rem;width:100%}.form-input{padding:.75rem 1rem}.forgot-modal-overlay,.otp-modal-overlay{padding:1rem}.forgot-modal-container,.otp-modal-container{max-width:100%}.forgot-modal-header,.otp-modal-header{padding:1.25rem 1.5rem .75rem}.forgot-modal-content,.otp-modal-content{padding:1rem 1.5rem 1.5rem}.forgot-button-group,.otp-button-group{flex-direction:column;gap:.75rem}.forgot-cancel-btn,.forgot-resend-btn,.forgot-reset-btn,.forgot-send-btn,.forgot-verify-btn,.otp-resend-btn,.otp-verify-btn{min-width:0;min-width:auto;width:100%}}@media (max-width:480px){.left-section{order:2;padding:1.25rem}.right-section{order:1;padding:.75rem 1.25rem 0}.image-container{border-radius:12px;height:150px;max-height:150px}.image-tagline{font-size:1.1rem}.image-overlay{padding:1rem}.form-header h2{font-size:1.35rem}.form-label{font-size:.85rem}.form-input{font-size:.875rem;padding:.7rem .875rem}.submit-button{font-size:.9375rem;padding:.75rem}.register-section{font-size:.85rem}}@media (max-width:360px){.left-section{order:2;padding:1rem}.right-section{order:1;padding:.5rem 1rem 0}.form-header h2{font-size:1.25rem}.image-container{height:130px;max-height:130px}}.forgot-modal-container::-webkit-scrollbar,.otp-modal-container::-webkit-scrollbar{width:8px}.forgot-modal-container::-webkit-scrollbar-track,.otp-modal-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.forgot-dark-theme::-webkit-scrollbar-track,.otp-dark-theme::-webkit-scrollbar-track{background:#1a1a1a}.forgot-modal-container::-webkit-scrollbar-thumb,.otp-modal-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.forgot-dark-theme::-webkit-scrollbar-thumb,.otp-dark-theme::-webkit-scrollbar-thumb{background:#444}.forgot-modal-container::-webkit-scrollbar-thumb:hover,.otp-modal-container::-webkit-scrollbar-thumb:hover{background:#999}.forgot-dark-theme::-webkit-scrollbar-thumb:hover,.otp-dark-theme::-webkit-scrollbar-thumb:hover{background:#666}.features-page{background-color:#fbfbff;background-color:var(--bg-light);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;max-width:100vw;min-height:100vh;overflow-x:hidden;padding-bottom:5rem;transition:background-color .3s ease;width:100%}.features-page.dark-mode{background-color:#2d3142;background-color:var(--bg-dark)}.features-breadcrumb{color:#2d3e96;color:var(--sooru-blue);font-size:.95rem;margin:0 auto;max-width:100%;padding:1rem 20px 3rem;text-align:left;transition:color .3s ease;word-break:break-word}.features-page.dark-mode .features-breadcrumb{color:#b8c5d6}.features-breadcrumb a{color:#2d3e96;text-decoration:none;transition:color .3s ease}.features-page.dark-mode .features-breadcrumb a{color:#7c9dd1}.features-breadcrumb a:hover{text-decoration:underline}.features-hero{background:linear-gradient(180deg,#fff,#e6edf8);margin:0 auto;max-width:100%;padding:3rem 20px 2rem;text-align:center;transition:background .3s ease}.features-page.dark-mode .features-hero{background:linear-gradient(180deg,#2d3142,#3a3f52);background:linear-gradient(180deg,var(--bg-dark) 0,#3a3f52 100%)}.features-page-title{color:#2d3e96;font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem;transition:color .3s ease}.features-page.dark-mode .features-page-title{color:#fff}.features-page-title .highlight-blue{color:#2d3e96;color:var(--sooru-blue)}.features-page-title .highlight-orange{color:#c2540b;color:var(--sooru-orange)}.features-page.dark-mode .features-page-title .highlight-blue{color:#60a5fa}.features-page.dark-mode .features-page-title .highlight-orange{color:#ff9356}.features-page-subtitle{color:#2d3e96;color:var(--sooru-blue);font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:700px;opacity:.9;transition:color .3s ease}.features-page.dark-mode .features-page-subtitle{color:#b8c5d6;opacity:1}.features-section-offer{margin-bottom:5rem;padding:0 20px}.features-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:0 auto;max-width:1300px;padding:0 20px}.ftrs-card{background:#fff;background:var(--card-light);border:1px solid #0000;border-radius:16px;box-shadow:0 10px 30px #2d3e9614;display:flex;flex-direction:column;height:100%;padding:2.5rem;transition:all .3s ease}.features-page.dark-mode .ftrs-card{background:#3d4451;background:var(--card-dark);box-shadow:0 10px 30px #0003}.ftrs-card:hover{border-color:#2d3e961a;box-shadow:0 15px 40px #2d3e9626;transform:translateY(-8px)}.features-page.dark-mode .ftrs-card:hover{box-shadow:0 15px 40px #0006}.ftrs-icon{align-items:center;display:flex;justify-content:flex-start;margin-bottom:1.5rem}.ftrs-icon img{filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.ftrs-card-title{color:#2d3e96;color:var(--sooru-blue);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.features-page.dark-mode .ftrs-card-title{color:#fff}.ftrs-card-description{color:#64748b;font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.features-page.dark-mode .ftrs-card-description{color:#d1d5db}.ftrs-item-list{display:flex;flex-direction:column;gap:.8rem;list-style:none;margin:auto 0 0;padding:0}.ftrs-list-item{align-items:flex-start;color:#334155;display:flex;font-size:.95rem;gap:10px;line-height:1.5}.features-page.dark-mode .ftrs-list-item{color:#cbd5e1}.ftrs-check-icon{color:#c2540b;color:var(--sooru-orange);flex-shrink:0;font-weight:700;margin-top:2px}.features-section-header{margin-bottom:4rem;text-align:center}.upcoming-features-title{color:#2d3e96;color:var(--sooru-blue);font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-align:center}.features-page.dark-mode .upcoming-features-title{color:#fff}.features-section-upcoming{margin-bottom:0;padding:3rem 20px 0}.features-subtitle-small{color:#2d3e96;color:var(--sooru-blue);font-size:1.1rem;margin-bottom:3rem;opacity:.8;text-align:center}.features-page.dark-mode .features-subtitle-small{color:#b8c5d6}.features-timeline-container{margin:0 auto;max-width:1000px;min-height:1000px;padding:0;position:relative}.features-timeline-line{background-color:#2d3e96;background-color:var(--sooru-blue);bottom:0;left:50%;opacity:.2;position:absolute;top:0;transform:translateX(-50%);width:2px}.features-page.dark-mode .features-timeline-line{background-color:#7c9dd1;opacity:.3}.features-timeline-nodes{bottom:0;display:flex;flex-direction:column;justify-content:space-around;left:50%;position:absolute;top:35px;transform:translateX(-50%);width:2px}.features-timeline-node{background-color:#c2540b;background-color:var(--sooru-orange);border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 2px #c2540b;box-shadow:0 0 0 2px var(--sooru-orange);height:16px;transform:translateX(-50%);width:16px;z-index:2}.features-page.dark-mode .features-timeline-node{background-color:#c2540b;background-color:var(--sooru-orange);border-color:#2d3142;border-color:var(--bg-dark)}.ftrs-timeline-card{position:absolute;transition:all .3s ease;width:42%}.ftrs-timeline-card-content{border:1px solid #2d3e961a;border-radius:12px;box-shadow:0 4px 20px #00000014}.features-page.dark-mode .ftrs-timeline-card-content{border-color:#0000;box-shadow:0 4px 20px #0000004d}.ftrs-timeline-card:hover .ftrs-timeline-card-content{box-shadow:0 10px 30px #2d3e9626;transform:translateY(-5px)}.ftrs-timeline-card-left{left:0;text-align:right}.ftrs-timeline-card-right{right:0;text-align:left}.ftrs-timeline-card-left .ftrs-timeline-card-content{margin-right:2rem}.ftrs-timeline-card-right .ftrs-timeline-card-content{margin-left:2rem}.ftrs-timeline-card-content:after{border:10px solid #0000}.ftrs-timeline-card-left .ftrs-timeline-card-content:after{right:-20px}.ftrs-timeline-card-right .ftrs-timeline-card-content:after{left:-20px}.pos1{right:0;text-align:left}.pos-left-wrapper,.pos1{position:absolute;width:100%}.pos-left-wrapper{left:0;text-align:right}.pos-left-wrapper:nth-of-type(3){top:0}.features-timeline-container>div:nth-child(3){top:6%}.features-timeline-container>div:nth-child(4){top:39%}.features-timeline-container>div:nth-child(5){top:71%}.ftrs-timeline-card-content{background:#fff;background:var(--card-light);border:1px solid #0000;border-radius:16px;box-shadow:0 10px 30px #2d3e9614;padding:2rem;position:relative;text-align:left;transition:all .3s ease}.ftrs-timeline-card-content .ftrs-card-title{font-size:1.3rem}.features-page.dark-mode .ftrs-timeline-card-content{background:#3d4451;background:var(--card-dark);box-shadow:0 10px 30px #0003}.ftrs-timeline-card-content:hover{border-color:#2d3e961a;box-shadow:0 15px 40px #2d3e9626;transform:translateY(-5px)}.ftrs-timeline-card-content:after{border:12px solid #0000;content:"";height:0;position:absolute;top:50%;transform:translateY(-50%);width:0}.ftrs-timeline-card-left .ftrs-timeline-card-content:after{border-left-color:#fff;border-left-color:var(--card-light);right:-24px}.features-page.dark-mode .ftrs-timeline-card-left .ftrs-timeline-card-content:after{border-left-color:#3d4451;border-left-color:var(--card-dark)}.ftrs-timeline-card-right .ftrs-timeline-card-content:after{border-right-color:#fff;border-right-color:var(--card-light);left:-24px}.features-page.dark-mode .ftrs-timeline-card-right .ftrs-timeline-card-content:after{border-right-color:#3d4451;border-right-color:var(--card-dark)}@media (max-width:992px){.features-timeline-container{padding:0 20px}.features-timeline-line,.features-timeline-nodes,.ftrs-timeline-card-content:after{display:none}.ftrs-timeline-card,.pos-left-wrapper,.pos1{left:auto!important;margin:0 auto 2rem;max-width:600px;position:relative;right:auto!important;text-align:left;top:auto!important;width:100%}.ftrs-timeline-card-left .ftrs-timeline-card-content,.ftrs-timeline-card-right .ftrs-timeline-card-content{margin:0}}@media (max-width:768px){.features-hero{padding-top:2rem}.features-page-title{font-size:2.5rem}.features-grid{grid-template-columns:1fr}}.highlighted-icon,.highlighted-text{color:#c2540b!important;color:var(--sooru-orange)!important}.features-page.dark-mode .highlighted-icon,.features-page.dark-mode .highlighted-text{color:#fb923c!important}.ftrs-bullet{color:#94a3b8;font-size:1.2em;line-height:1;margin-right:6px}.ftrs-icon svg{stroke:#2d3e96;stroke:var(--sooru-blue);stroke-width:1.5px}.highlighted-icon svg{stroke:#c2540b!important;stroke:var(--sooru-orange)!important}.features-page.dark-mode .ftrs-icon:not(.highlighted-icon) svg{stroke:#7c9dd1}.features-page.dark-mode .highlighted-icon svg{stroke:#ff9356!important}.ftrs-section-title{color:#2d3e96;color:var(--sooru-blue);display:block;font-size:2.5rem;font-weight:500;margin-bottom:3.5rem;margin-top:0;padding-top:3rem;text-align:center;width:100%}.features-page.dark-mode .ftrs-section-title{color:#fff}@media (max-width:768px){.ftrs-section-title{font-size:2rem;margin-bottom:2.5rem;padding-top:2rem}.features-section-offer{margin-bottom:3rem;padding:0 15px}.features-section-upcoming{padding:2rem 15px 0}.features-subtitle-small{font-size:1rem;margin-bottom:2rem}}@media (max-width:480px){.features-page{overflow-x:hidden}.features-breadcrumb{font-size:.85rem;padding:1rem 15px 2rem}.features-hero{padding:2rem 15px 1.5rem}.features-page-title{font-size:2rem;line-height:1.3}.features-page-subtitle{font-size:1rem;padding:0 10px}.ftrs-section-title{font-size:1.75rem;margin-bottom:2rem;padding-top:1.5rem}}.about-page{background-color:#fbfbff;min-height:100vh;transition:background-color .3s ease}.about-page.dark-mode{background-color:#2d3142}.about-hero{background:linear-gradient(180deg,#fff,#e6edf8);margin:0 auto;max-width:100%;padding:5rem 5% 3rem;text-align:center;transition:background .3s ease}.about-page.dark-mode .about-hero{background:linear-gradient(180deg,#2d3142,#3a3f52)}.about-hero h1{color:#2d3e96;font-size:3.5rem;line-height:1.2;margin-bottom:1.5rem;transition:color .3s ease}.about-page.dark-mode .about-hero h1{color:#fff}.about-hero .highlight{color:var(--sooru-orange)}.about-page.dark-mode .about-hero .highlight{color:#ff9356}.about-subtitle{color:var(--sooru-blue);font-size:1.1rem;line-height:1.6;padding-bottom:80px;transition:color .3s ease}.about-page.dark-mode .about-subtitle{color:#b8c5d6}.breadcrumb{color:var(--sooru-blue);font-size:.95rem;margin:0 auto;padding:1.5rem 5%;transition:color .3s ease}.about-page.dark-mode .breadcrumb{color:#b8c5d6}.breadcrumb a{color:#2d3e96;text-decoration:none;transition:color .3s ease}.about-page.dark-mode .breadcrumb a{color:#7c9dd1}.breadcrumb a:hover{text-decoration:underline}.who-are-we{margin:0 auto;max-width:1200px;padding:3rem 5%}.who-are-we h2{color:#2d3e96;font-size:2.5rem;font-weight:500;margin-bottom:.1rem;padding-top:1rem;text-align:center;transition:color .3s ease}.about-page.dark-mode .who-are-we h2{color:#fff}.about-content{gap:4rem;justify-content:space-between}.about-content,.team-image{align-items:center;display:flex}.team-image{flex:0 0 45%;max-width:600px}.team-image img,.team-image video{border-radius:12px;box-shadow:0 10px 30px #0000001a;height:100%;min-height:330px;object-fit:cover;transition:box-shadow .3s ease;width:100%}.about-page.dark-mode .team-image img,.about-page.dark-mode .team-image video{box-shadow:0 10px 30px #00000080}.about-text{display:flex;flex:1 1;flex-direction:column;justify-content:center}.about-heading{color:var(--sooru-orange);font-size:1.35rem;font-weight:700;letter-spacing:.5px;line-height:1.5;margin-bottom:2.5rem;text-align:center;transition:color .3s ease}.about-page.dark-mode .about-heading{color:#ff9356}.about-text p{color:#2d3e96;font-size:1.05rem;line-height:1.9;transition:color .3s ease}.about-page.dark-mode .about-text p{color:#d1d5db}.supported-by{background:#fff;padding:4rem 5%;transition:background .3s ease}.about-page.dark-mode .supported-by{background:#2d3142}.supported-by h2{color:#2d3e96;font-size:2.5rem;font-weight:500;margin-bottom:3.5rem;text-align:center;transition:color .3s ease}.about-page.dark-mode .supported-by h2{color:#fff}.supporters{display:flex;gap:4rem;justify-content:center;margin:0 auto;max-width:800px}.supporter{text-align:center}.supporter img{height:120px;margin-bottom:1rem;object-fit:contain;transition:filter .3s ease;width:120px}.about-page.dark-mode .supporter img{filter:brightness(.9)}.supporter p{color:#2d3e96;font-size:.9rem;line-height:1.5;transition:color .3s ease}.about-page.dark-mode .supporter p{color:#d1d5db}.vision-mission{align-items:stretch;background:linear-gradient(90deg,#dfe4ff 0,#b5c2ff);border-radius:25px;box-shadow:0 4px 20px #2d3e9614;display:flex;gap:0;justify-content:center;margin:4rem auto;max-width:80%;padding:0;transition:background .3s ease,box-shadow .3s ease}.about-page.dark-mode .vision-mission{background:linear-gradient(90deg,#3d4451 0,#4a5568);box-shadow:0 4px 20px #0000004d}.vm-card{border-radius:0;box-shadow:none;flex:1 1;max-width:none;padding:3rem 3.5rem;position:relative;z-index:1}.vm-card:first-child{border-radius:25px 0 0 25px;padding-left:11rem}.vm-card:last-child{border-radius:0 25px 25px 0;padding-right:11rem}.vm-icon{align-items:center;background:#0000;border-radius:0;color:#c2540b;display:flex;height:48px;justify-content:center;margin-bottom:.1rem;margin-left:0;padding-left:0;transition:color .3s ease;width:48px}.about-page.dark-mode .vm-icon{color:#ff9356}.vm-card h3{color:#2d3e96;font-size:1.5rem;font-weight:600;margin-bottom:1rem;transition:color .3s ease}.about-page.dark-mode .vm-card h3{color:#fff}.vm-card p{color:#152988;font-size:.95rem;line-height:1.7;opacity:.9;transition:color .3s ease}.about-page.dark-mode .vm-card p{color:#d1d5db}.team-section{margin:0 auto;max-width:1400px;padding:4rem 5%;transition:background .3s ease}.team-section h2{color:#2d3e96;font-size:2.5rem;font-weight:500;margin-bottom:3.5rem;text-align:center;transition:color .3s ease}.about-page.dark-mode .team-section h2{color:#fff}.team-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1300px}.team-member-card{border-radius:15px;padding:1.5rem;text-align:left;transition:all .3s}.team-member-card:hover{background:#fbfbff;box-shadow:0 2px 6px #dfe4ff;transform:translateY(-5px)}.about-page.dark-mode .team-member-card:hover{background:#3d4451;box-shadow:0 2px 6px #00000080}.team-member-image{aspect-ratio:3/4;background:#f0f4f8;border-radius:12px;margin-bottom:.8rem;overflow:hidden;transition:background .3s ease;width:100%}.about-page.dark-mode .team-member-image{background:#4a5568}.team-member-image img{height:100%;object-fit:cover;width:100%}.team-member-name{color:#2d3e96;font-size:1.35rem;font-weight:400;margin-bottom:.5rem;transition:color .3s ease}.about-page.dark-mode .team-member-name{color:#fff}.team-member-title{color:#233baa;font-size:.9rem;line-height:1.4;margin-bottom:.8rem;transition:color .3s ease}.about-page.dark-mode .team-member-title{color:#b8c5d6}.team-member-contact{display:flex;gap:.6rem;justify-content:left}.contact-icon{align-items:center;background:#fff;border:1px solid #b5c2ff;border-radius:8px;color:#b5c2ff;display:flex;height:36px;justify-content:center;text-decoration:none;transition:all .3s;width:36px}.about-page.dark-mode .contact-icon{background:#4a5568;border:1px solid #6b7280;color:#9ca3af}.contact-icon:hover{background:#2d3e96;color:#fff;transform:translateY(-2px)}.about-page.dark-mode .contact-icon:hover{background:#7c9dd1;color:#fff}.why-choose-section{background:#fff;padding:4rem 5%;transition:background .3s ease}.about-page.dark-mode .why-choose-section{background:#2d3142}.why-choose-section h2{color:#2d3e96;font-size:2.5rem;font-weight:500;margin-bottom:3.5rem;text-align:center;transition:color .3s ease}.about-page.dark-mode .why-choose-section h2{color:#fff}.why-choose-grid{grid-gap:8rem;display:grid;gap:8rem;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1100px}.why-choose-card{background:#fff;border-radius:15px;box-shadow:0 2px 6px #dfe4ff;padding:2rem;text-align:left;transition:all .3s}.about-page.dark-mode .why-choose-card{background:#4a5568;box-shadow:0 2px 6px #0000004d}.why-choose-card:hover{box-shadow:0 4px 8px #dfe4ff;transform:translateY(-5px)}.about-page.dark-mode .why-choose-card:hover{background:#525e73;box-shadow:0 4px 8px #00000080}.why-choose-icon{align-items:left;color:#152988;display:flex;height:50px;justify-content:left;margin-bottom:-.9rem;padding-bottom:0;transition:color .3s ease;width:50px}.about-page.dark-mode .why-choose-icon{color:#7c9dd1}.why-choose-card h3{color:#152988;font-size:1.15rem;font-weight:600;line-height:1.4;margin-bottom:1rem;transition:color .3s ease}.about-page.dark-mode .why-choose-card h3{color:#fff}.why-choose-card ul{list-style:none;margin:0;padding:0}.why-choose-card ul li{color:#152988;font-size:.95rem;line-height:1.5;padding:.1rem 0 .1rem 1.2rem;position:relative;transition:color .3s ease}.about-page.dark-mode .why-choose-card ul li{color:#d1d5db}.why-choose-card ul li:before{color:#152988;content:"\2022";font-size:1.2rem;font-weight:700;left:0;position:absolute;transition:color .3s ease}.about-page.dark-mode .why-choose-card ul li:before{color:#7c9dd1}.key-values-section{background-color:#fff;padding:4rem 5%;transition:background-color .3s ease}.about-page.dark-mode .key-values-section{background-color:#3d4451}.key-values-section h2{color:#2d3e96;font-size:2.5rem;font-weight:500;margin-bottom:3.5rem;text-align:center;transition:color .3s ease}.about-page.dark-mode .key-values-section h2{color:#fff}.key-values-grid{grid-gap:6rem;display:grid;gap:6rem;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1200px}.key-value-card{border-radius:15px;padding:2rem 1.5rem;text-align:center;transition:all .3s}.key-value-card:hover{transform:translateY(-5px)}.about-page.dark-mode .key-value-card:hover{background:#3d4451}.key-value-icon{align-items:center;border-radius:60px;display:flex;height:55px;justify-content:center;margin:0 auto 1.2rem;transition:all .3s;width:55px}.about-page.dark-mode .key-value-icon{opacity:.95}.key-value-card:hover .key-value-icon{transform:scale(1.1)}.key-value-card h3{font-size:1.15rem;font-weight:600;margin-bottom:.5rem}.key-value-card p{color:#2d3e96;font-size:.9rem;line-height:1.6;opacity:.75}.about-page.dark-mode .key-value-card h3{color:#fff!important}.about-page.dark-mode .key-value-card p{color:#d1d5db!important;opacity:1}@media (max-width:1200px){.vision-mission{max-width:85%}.why-choose-grid{gap:2rem}.key-values-grid{gap:2.5rem;grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.about-content{flex-direction:column;gap:2rem}.team-image{flex:0 0 auto;margin:0;max-width:100%;width:100%}.team-image img,.team-image video{height:auto;min-height:auto;width:100%}.about-text{width:100%}.about-heading{font-size:1.25rem}.why-choose-grid{gap:2rem;grid-template-columns:1fr;margin:0 auto;max-width:500px}.key-values-grid{gap:2rem;grid-template-columns:repeat(2,1fr)}.team-grid{gap:2rem;grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.vision-mission{background:linear-gradient(180deg,#dfe4ff 0,#b5c2ff);flex-direction:column;gap:0;margin:3rem auto;max-width:95%}.about-page.dark-mode .vision-mission{background:linear-gradient(180deg,#3d4451 0,#4a5568)}.vm-card{max-width:100%;padding:2.5rem 2rem;width:100%}.vm-card:first-child{border-radius:25px 25px 0 0;padding-bottom:2.5rem;padding-left:2rem}.vm-card:last-child{border-radius:0 0 25px 25px;padding-right:2rem;padding-top:2.5rem}.vm-icon{height:42px;width:42px}.vm-card h3{font-size:1.3rem}.vm-card p{font-size:.9rem}.about-hero h1{font-size:2.5rem}.supporters{flex-direction:column;gap:2rem}.team-grid{gap:2rem;grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.about-heading{color:var(--sooru-orange);font-size:1.2rem;font-weight:600;line-height:1.4;margin-bottom:1.5rem;text-align:center;transition:color .3s ease}.vision-mission{max-width:95%}.vm-card{padding:2rem 1.5rem}.vm-card:first-child{padding-bottom:2rem;padding-left:1.5rem}.vm-card:last-child{padding-right:1.5rem;padding-top:2rem}.vm-icon{height:38px;width:38px}.vm-card h3{font-size:1.2rem}.team-section{padding:3rem 5%}.team-section h2{font-size:2rem;margin-bottom:2.5rem}.team-grid{gap:2rem;grid-template-columns:1fr;max-width:400px}.team-member-card{padding:1.2rem}.team-member-name{font-size:1.1rem}.team-member-title{font-size:.85rem}.contact-icon{height:34px;width:34px}.key-values-section,.why-choose-section{padding:3rem 5%}.key-values-section h2,.why-choose-section h2{font-size:2rem;margin-bottom:2.5rem}.why-choose-card{padding:2rem 1.5rem}.why-choose-card h3{font-size:1.05rem}.why-choose-icon{height:45px;width:45px}.key-values-grid{gap:2rem;grid-template-columns:1fr;margin:0 auto;max-width:400px}.key-value-card{padding:1.8rem 1.5rem}.key-value-icon{height:50px;width:50px}.key-value-card h3{font-size:1.1rem}.key-value-card p{font-size:.88rem}.about-subtitle{padding-bottom:40px}}@media (max-width:480px){.vision-mission{max-width:95%}.vm-card{padding:2rem 1.5rem}.vm-card:first-child{padding-bottom:2rem;padding-left:1.5rem}.vm-card:last-child{padding-right:1.5rem;padding-top:2rem}.vm-icon{height:38px;width:38px}.vm-card h3{font-size:1.2rem}}.generated-container{color:#000}.always-black-text,.always-black-text b,.always-black-text span:not([style*=color]){color:#000!important}.always-black-text span[style*="color: #666"]{color:#666!important}.generated-container{position:relative}.floor-plan-container{transition:background-color .3s ease}.room-polygon{stroke:#333;transition:fill .2s,stroke .2s,stroke-width .2s}.room-polygon:hover{stroke:#333;stroke-width:3;cursor:move}.room-polygon.primary-selection{stroke:#2196f3;stroke-width:4;cursor:move}.room-polygon.secondary-selection{stroke:#9e9e9e;stroke-width:3;stroke-dasharray:10,5;cursor:move}.room-polygon.overlapping{stroke:#f44336;stroke-width:3;animation:pulse 2s infinite}@keyframes pulse{0%{stroke-opacity:.6}50%{stroke-opacity:1}to{stroke-opacity:.6}}.selected-label rect{fill:#2196f34d;stroke:#2196f3;stroke-width:1.5px}.room-label{text-anchor:middle;font-family:Arial,sans-serif;font-size:10px;pointer-events:none}.room-name1{font-size:14px;font-weight:700}.resize-handle{fill:#fff;stroke:#2196f3;stroke-width:3;cursor:move;opacity:.9}.save-button,.undo-button{border-radius:5px;cursor:pointer;font-size:12px;padding:10px 15px;transition:background-color .2s}.thin-walls .room-polygon{stroke-width:1px}.thick-walls .room-polygon{stroke-width:4px}.room-polygon.primary-selection{animation:select-pulse 1s 1}@keyframes select-pulse{0%{stroke-width:2}50%{stroke-width:5}to{stroke-width:4}}@media (max-width:768px){.room-label{font-size:10px}.room-name1{font-size:12px}.save-button,.undo-button{font-size:14px;padding:8px 15px}}@keyframes room-updated-flash{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.room-polygon.room-updated{animation:room-updated-flash .3s ease-in-out}.room-polygon{pointer-events:auto}.room-polygon.drop-target{stroke:#2196f3!important;stroke-width:3px!important;stroke-dasharray:5,5;opacity:.9}.room-type-item{cursor:grab;transition:transform .2s,box-shadow .2s;-webkit-user-select:none;user-select:none}.room-type-item:hover{box-shadow:0 2px 5px #0003;transform:translateY(-2px)}.room-type-item.dragging{cursor:grabbing;opacity:.7;transform:scale(.95)}body.is-dropping{pointer-events:none}body.is-dropping .room-polygon{pointer-events:auto}body.drag-in-progress{cursor:grabbing!important}body.drag-complete,body.drag-complete *{pointer-events:none!important}body.drag-complete:after{bottom:0;content:"";left:0;position:fixed;right:0;top:0;z-index:10000}#touch-drag-ghost{color:#333;font-family:sans-serif;pointer-events:none;transition:transform .1s ease-out;-webkit-user-select:none;user-select:none}.room-polygon.touch-drop-target{fill-opacity:.8}[data-touch-dragging-room-type]{cursor:grabbing!important}.floor-plan-label{cursor:pointer;transition:all .2s ease}.floor-plan-label.selected-label{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.floor-plan-label image{pointer-events:all}.room-polygon.disable-interaction{pointer-events:none!important}.floor-plan-object{cursor:pointer;transition:all .2s ease}.floor-plan-object.selected-object{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.floor-plan-object image{pointer-events:all}.floor-plan-object.dragging{opacity:.7}.room-polygon.overlapping{stroke:#ff5722!important;stroke-width:2px!important;stroke-dasharray:6,4!important;animation:overlap-pulse 1.5s infinite!important;filter:drop-shadow(0 0 8px rgba(255,87,34,.6))!important}@keyframes overlap-pulse{0%{stroke-opacity:.6;filter:drop-shadow(0 0 8px rgba(255,87,34,.6))}50%{stroke-opacity:1;filter:drop-shadow(0 0 12px rgba(255,87,34,.8))}to{stroke-opacity:.6;filter:drop-shadow(0 0 8px rgba(255,87,34,.6))}}.room-polygon.overlapping:not(.primary-selection):not(.secondary-selection){fill-opacity:.9!important}.room-polygon.overlapping.primary-selection{filter:drop-shadow(0 0 10px rgba(33,150,243,.8)) drop-shadow(0 0 6px rgba(255,87,34,.6))!important}.compass-container{color:#000;gap:3px;position:relative}.compass-container,.rotate-button{align-items:center;display:flex;justify-content:center}.rotate-button{background-color:#000;border:none;border-radius:100%;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;height:45px;transition:background-color .3s;width:50px}.rotate-button:hover{background-color:#4f46e5}.rotate-button svg{height:32px!important;transform-origin:center;width:32px!important}.rotate-left-icon{transform:rotate(1deg)}.rotate-right-icon{transform:scaleX(-1) rotate(1deg)}.compass-body{position:relative}.compass-dial{background-color:#fff;border:2px solid #000;border-radius:100%;box-shadow:0 4px 6px #0000001a;inset:0;position:absolute}.compass-text{font-size:1.125rem;font-weight:700;position:absolute}.south{top:8px}.north,.south{left:50%;transform:translateX(-50%)}.north{bottom:8px}.east{right:8px}.east,.west{top:50%;transform:translateY(-50%)}.west{left:8px}.compass-needle{height:90%;left:50%;position:absolute;top:5%;transform:translateX(-50%);width:4px}.needle-top{background-color:#444343;height:50%;width:100%}.needle-bottom{background-color:red;height:50%;width:100%}@media screen and (max-width:767px){.compass-container{bottom:10px;position:fixed;right:10px;transform:scale(.7);transform-origin:bottom right}.rotate-button{height:35px;width:40px}.rotate-button svg{height:30px!important;width:30px!important}.compass-text{font-size:.875rem}.compass-container{gap:2px}.rotate-button{padding:2px}}.playground-container{color:#000;height:100vh;position:relative;width:100vw}body,html{height:100%;margin:0;overscroll-behavior:none;padding:0}.infinite-grid-bg{height:100vh;left:0;pointer-events:none;position:absolute;top:0;width:100vw;z-index:-1}.title{color:#fff;font-size:24px;font-weight:700;left:20px;position:absolute;top:20px;z-index:10}.compass-container{bottom:0!important;pointer-events:auto;position:fixed!important;right:10px!important;transform:none!important;will-change:transform;z-index:1000!important}.playground-container{inset:0;overflow:hidden;position:absolute}.modal-overlay{background:#0000004d}.modal-overlay,.modal-overlay1{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.modal{background:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a;margin:15px;padding:15px;width:500px}h2{font-size:1.5rem;font-weight:600;margin-bottom:10px}.room-list{border:1px solid #ccc;border-radius:10px;display:flex;flex-direction:column;margin-bottom:5px;padding:10px}.room-list h3{color:#000!important}.room-item{background:#f9f9f9;border-radius:8px;margin:5px 0}.room-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between}.room-name{flex:1 1}.arrow-icon{flex:1 1;font-size:30px}.counter{align-items:center;display:flex;gap:8px}.counter button,.counter button:hover{background:silver;border:none;border-radius:4px;cursor:pointer;padding:5px 10px}.room-details{margin-top:5px}.floor-label{color:gray;display:block;font-size:12px;margin-bottom:5px}.room-box{align-items:center;background:#f0f3ff;border-radius:6px;display:flex;margin-top:5px;padding:10px}.room-box.active{background:#e1e6f5}.size-input{align-items:center;display:flex;gap:5px;margin-left:auto}.size-input input{border:1px solid #ccc;border-radius:4px;padding:5px;text-align:center;width:50px}hr{border:.5px solid #e0e0e0;margin:10px 0}.see-more-btn{background:#d7d7d7}.see-more-btn,.see-more-btn:hover{border:none;border-radius:6px;cursor:pointer;font-weight:700;margin:10px auto auto;padding:10px;width:40%}.see-more-btn:hover{background:#acacac}.total-info{display:flex;justify-content:space-between;width:100%}.total-area,.total-rooms{color:#666!important;font-size:14px}.total-area span,.total-rooms span{color:#222!important;margin-left:4px}.modal-actions{display:flex;justify-content:center;margin-top:15px}.generate-btn,.generate-btn:hover{background:#000;border-radius:6px;color:#fff;cursor:pointer;padding:8px 30px}.modal-header1{align-items:center;display:flex;justify-content:space-between;width:100%}.modal{color:#000}.close-btn{background:none;border:none;bottom:5px;color:#666;cursor:pointer;font-size:18px;position:relative}.close-btn:hover{background-color:#666;color:#000}.input-container{align-items:center;display:flex;gap:6px;margin:10px 0}.input-container input{border:1px solid #ccc;border-radius:5px;margin-right:50px;padding:5px;text-align:center;width:60px}.warning{color:red!important;font-size:14px;margin-top:5px}.modal{display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:90%}.room-list{flex-grow:1;max-height:45vh;overflow-y:auto}.room-item{border-bottom:1px solid #ddd;padding:10px}.warning{color:red;font-weight:700}.modal-overlay1.mini{align-items:flex-start;bottom:0;display:flex;height:100%;justify-content:flex-start;left:0;pointer-events:none;position:fixed;width:100%;z-index:1100}.mini-modal{border-radius:5px;box-shadow:0 8px 16px #0003,0 -4px 6px #0000001a,0 4px 6px #0000001a;margin:10px;padding:10px;pointer-events:auto;width:350px}.three-d-icon{right:180px}.three-d-icon,.three-d-icon2{cursor:pointer;position:fixed;top:30px;z-index:999}.three-d-icon2{right:40px}.three-d-icon1{cursor:pointer;position:fixed;right:180px;top:30px;z-index:999}.three-d-icon img{height:50px;transition:transform .2s ease-in-out;width:50px}.three-d-icon:hover img{transform:scale(1.1)}.three-d-icon2 img{height:50px;transition:transform .2s ease-in-out;width:50px}.three-d-icon2:hover img{transform:scale(1.1)}.toolbar-container{display:flex;height:100%;left:0;position:fixed;top:0;z-index:999}.pleasetext{color:red!important}@media (max-width:700px){.modal-overlay1.mini{align-items:flex-start;bottom:0;display:flex;height:100%;justify-content:flex-start;left:0;position:fixed;width:100%}.always-black-text{font-size:small}.mini-modal{height:9%;width:93%}.room-list{max-height:40vh;padding-top:5px}.input-container{font-size:small;gap:6px;margin:10px 0}.room-details{font-size:small}.three-d-icon{bottom:26px;left:30px;right:auto;top:auto}.compass-container{right:0!important}.toolbar-container{bottom:0;flex-direction:column;height:auto;left:auto;width:100%}.lock-unlock-button{bottom:26px!important;left:43%!important;position:fixed!important;right:auto!important;top:auto!important;transform:translateX(-50%)!important}}.save-reset-container{gap:10px!important}@media (max-width:768px){.save-button,.undo-button{font-size:12px;gap:1px!important;padding:8px 12px}}@media (max-width:700px){.save-reset-container{bottom:auto!important;gap:1px!important;left:50%!important;position:fixed!important;top:80px!important;transform:translateX(-50%)!important;width:auto!important;z-index:900!important}}.touch-enabled-svg{touch-action:none}.exit-drawing-button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.back-button-container{left:30px;pointer-events:auto;position:fixed;top:30px;z-index:1100}@media (max-width:700px){.back-button-container{left:30px;top:26px}}.share-button-container{pointer-events:auto;position:fixed;right:30px;top:30px;z-index:1100}@media (max-width:700px){.share-button-container{right:30px;top:26px}}.loading-text{color:#000!important}.vertical-toolbar{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;border-radius:5px;box-shadow:0 2px 10px #0000001a;box-shadow:0 8px 16px #0003,0 -4px 6px #0000001a,0 4px 6px #0000001a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;left:10px;position:fixed;top:50%;transform:translateY(-50%);width:55px;z-index:1000}.toolbar-items{width:100%}.toolbar-item,.toolbar-items{display:flex;flex-direction:column}.toolbar-item{align-items:center;color:#666;cursor:pointer;justify-content:center;padding:8px 0;transition:background-color .2s ease}.toolbar-item:hover{background-color:#f5f5f5}.toolbar-item.active{background-color:#000;color:#fff}.item-icon{align-items:center;display:flex;height:20px;justify-content:center;margin-bottom:2px;width:20px}.emoji-icon{font-size:18px}.item-label{font-size:9px;text-align:center}.toolbar-item.active .item-icon svg{color:#fff}@media (max-width:768px){.vertical-toolbar{display:none}}.tool-panel{background-color:#fff!important;border:1px solid #e0e0e0!important;border-radius:8px;border-radius:5px;box-shadow:0 6px 25px #0000002e;box-shadow:0 8px 16px #0003,0 -4px 6px #0000001a,0 4px 6px #0000001a;display:flex;flex-direction:column;left:75px;max-height:65vh;overflow:hidden;pointer-events:auto;position:fixed;width:270px;z-index:999}.panel-header{align-items:center;background-color:#f8f9fa!important;border-bottom:1px solid #e0e0e0!important;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:12px 16px}.panel-header h2{color:#333!important;font-size:18px;font-weight:600;margin:0}.close-panel{align-items:center;background:none!important;border:none!important;border-radius:50%;color:#666!important;cursor:pointer;display:flex;font-size:20px;height:24px;justify-content:center;padding:0;width:24px}.close-panel:hover{background-color:#0000000d!important;color:#333!important}.panel-content{flex:1 1;max-height:calc(65vh - 60px);overflow-y:auto;padding:8px}.mini-floor-plan-container{align-items:center;border:1px solid #e0e0e0!important;border-radius:4px;height:120px;justify-content:center;margin-bottom:12px;overflow:hidden;text-align:center;width:228px}.mini-floor-plan{background-color:#f8f9fa!important}.mini-room{cursor:pointer;transition:all .2s ease}.mini-room:hover{stroke:#2196f3!important;stroke-width:2px;opacity:.8}.area-display{background-color:#f8f9fa!important;border:1px solid #e0e0e0!important;border-radius:4px;margin-bottom:12px;padding:9px}.total-area-info{align-items:center;display:flex;justify-content:space-between}.total-area-label{color:#555!important;font-size:14px}.total-area-value{color:#333!important;font-size:16px;font-weight:600}.selected-room-info{align-items:center;display:flex;justify-content:space-between}.room-type{color:#333!important;font-size:13px;font-weight:600}.room-area{color:#333!important;font-size:14px}.room-dimensions{color:#666!important;font-size:12px}.project-options{display:flex;flex-direction:column;gap:8px}.menu-option{align-items:center;background-color:#f8f9fa!important;border:1px solid #e0e0e0!important;border-radius:4px;cursor:pointer;display:flex;padding:12px;text-align:left;transition:all .2s ease}.menu-option:hover{background-color:#f0f0f0!important}.option-icon{align-items:center;display:flex;height:20px;justify-content:center;margin-right:12px;width:20px}.option-icon svg{height:18px;width:18px}.option-text{color:#333!important;flex-grow:1;font-size:14px}.option-arrow{color:#aaa!important;font-size:18px}.panel-options{display:flex;flex-direction:column;gap:12px}.exports-options{position:relative;right:.35rem}.panel-options p{color:#333!important}.panel-options button{background-color:#f0f0f0!important;border:1px solid #ddd!important;border-radius:4px;color:#333!important;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s ease}.panel-options button:hover{background-color:#e5e5e5!important}.checkbox-control,.select-control,.slider-control{display:flex;flex-direction:column;gap:4px}.checkbox-control label,.select-control label,.slider-control label{color:#555!important;font-size:14px}.checkbox-control{align-items:center;flex-direction:row;gap:8px}.select-control select{background-color:#fff!important;border:1px solid #ddd!important;border-radius:4px;color:#333!important;padding:6px}.furniture-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.furniture-item{align-items:center;border-radius:4px;color:#333!important;cursor:pointer;display:flex;flex-direction:column;padding:8px;transition:background-color .2s ease}.furniture-item:hover{background-color:#f0f0f0!important}.furniture-icon{font-size:24px;margin-bottom:4px}.export-button{background-color:#f8f9fa!important;border:1px solid #dee2e6!important;padding:10px!important;text-align:center}.export-button:hover{background-color:#e9ecef!important}.help-links{list-style-type:none;margin:16px 0 0;padding:0}.help-links li{margin-bottom:10px}.help-links a{color:#06c!important;text-decoration:none}.help-links a:hover{text-decoration:underline}.info-options{display:flex;flex-direction:column;gap:2px}.info-options .menu-option{background-color:#f2f2f2!important;border:none!important;padding:12px 16px}.info-options .menu-option:hover{background-color:#d9d8d8!important}@media (max-width:768px){.tool-panel{display:none}}.option-header{margin-bottom:6px}.back-button,.option-header{align-items:center;display:flex}.back-button{background-color:#f2f2f2!important;border:none!important;border-radius:50%;justify-content:center;padding:6px}.back-button:hover{background-color:#e5e5e5!important}.section-title1{color:#333!important;font-size:16px;font-weight:600}.instruction-text{color:#666!important;font-size:13px;margin:0}.room-type-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(2,1fr);margin-top:2px;position:relative;right:5px}.room-type-item{color:#333!important;cursor:pointer!important;font-size:13px!important;padding:8px 10px!important;text-align:center!important;transition:all .2s ease!important}.room-type-item:hover{filter:brightness(.9)!important;transform:scale(1.02)}.label-input-container{margin-top:6px}.label-input{background-color:#fff!important;border:1px solid #ddd!important;border-radius:4px;color:#333!important;font-size:14px;padding:10px;width:100%}.label-input:focus{border-color:#aaa!important;box-shadow:0 0 0 1px #0000001a;outline:none}.click-instruction{color:#666!important;font-size:12px;font-style:italic;margin-top:6px}.action-buttons{gap:10px;margin-top:15px}.room-type-manager{display:flex;flex-direction:column;gap:10px}.touch-dragging{opacity:.7}.touch-drop-target{stroke:#2196f3!important;stroke-width:3px!important;stroke-dasharray:5,3!important;animation:pulse-border 1s infinite!important}@keyframes pulse-border{0%{stroke-opacity:.4}50%{stroke-opacity:.8}to{stroke-opacity:.4}}.room-updated{fill:#2196f3!important;transition:fill .3s ease-out}.touch-dragging{background-color:#2196f333!important}.export-button{background-color:#f5f5f5!important;border:1px solid #ddd!important;border-radius:4px;color:#333!important;cursor:pointer;font-size:14px;margin-bottom:8px;padding:10px;transition:all .2s;width:100%}.export-button:hover:not(:disabled){background-color:#e8e8e8!important;border-color:#ccc!important}.export-button:disabled{background-color:#f5f5f5!important;color:#999!important;cursor:not-allowed;opacity:.6}.section-header{color:#000!important}.tab-button.active,.tab-button.active:hover{background-color:#000!important;color:#fff!important}.tab-button:not(.active){background-color:#f5f5f5!important;color:#000!important}.panel-content::-webkit-scrollbar,.signs-symbols-grid::-webkit-scrollbar{background-color:#0000000d;border-radius:10px;width:20px!important}.panel-content::-webkit-scrollbar-thumb,.signs-symbols-grid::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#0000004d;border:4px solid #0000;border-radius:10px;min-height:50px}.panel-content::-webkit-scrollbar-thumb:hover,.signs-symbols-grid::-webkit-scrollbar-thumb:hover{background-color:#00000080}@media (max-width:768px){.panel-content,.signs-symbols-grid{-webkit-overflow-scrolling:touch;overflow-y:scroll!important;scrollbar-width:auto!important;touch-action:pan-y}.panel-content::-webkit-scrollbar,.signs-symbols-grid::-webkit-scrollbar{width:24px!important}.panel-content::-webkit-scrollbar-thumb,.signs-symbols-grid::-webkit-scrollbar-thumb{min-height:60px!important}}.room-type-item[data-room-type=LivingRoom]{background-color:#ffbdb9!important;border:2px solid #ffbdb9!important}.room-type-item[data-room-type=Kitchen]{background-color:#e2cce2!important;border:2px solid #e2cce2!important}.room-type-item[data-room-type=Bathroom]{background-color:#a0d0f0!important;border:2px solid #a0d0f0!important}.room-type-item[data-room-type=MasterRoom]{background-color:#ffdcc5!important;border:2px solid #ffdcc5!important}.room-type-item[data-room-type=SecondRoom]{background-color:#f9dd7d!important;border:2px solid #f9dd7d!important}.room-type-item[data-room-type=Balcony]{background-color:#c2e5e2!important;border:2px solid #c2e5e2!important}.room-type-item[data-room-type=DiningRoom]{background-color:#badebc!important;border:2px solid #badebc!important}.room-type-item[data-room-type=ChildRoom]{background-color:#dfbdff!important;border:2px solid #dfbdff!important}.room-type-item[data-room-type=PoojaRoom]{background-color:#cde6f9!important;border:2px solid #cde6f9!important}.room-type-item[data-room-type=" "]{background-color:#d0d0d0!important;border:2px solid #d0d0d0!important}.room-type-item[data-room-type=LivingRoom]:hover{background-color:#ffbdb9!important;border:2px solid #000!important}.room-type-item[data-room-type=Kitchen]:hover{background-color:#e2cce2!important;border:2px solid #000!important}.room-type-item[data-room-type=Bathroom]:hover{background-color:#a0d0f0!important;border:2px solid #000!important}.room-type-item[data-room-type=MasterRoom]:hover{background-color:#ffdcc5!important;border:2px solid #000!important}.room-type-item[data-room-type=SecondRoom]:hover{background-color:#f9dd7d!important;border:2px solid #000!important}.room-type-item[data-room-type=Balcony]:hover{background-color:#c2e5e2!important;border:2px solid #000!important}.room-type-item[data-room-type=DiningRoom]:hover{background-color:#badebc!important;border:2px solid #000!important}.room-type-item[data-room-type=ChildRoom]:hover{background-color:#dfbdff!important;border:2px solid #000!important}.room-type-item[data-room-type=PoojaRoom]:hover{background-color:#cde6f9!important;border:2px solid #000!important}.room-type-item[data-room-type=" "]:hover{background-color:#d0d0d0!important;border:2px solid #000!important}.build-tools-panel{display:flex;flex-direction:column}.build-tool-item{align-items:center;background-color:#f5f5f5;border-radius:4px;cursor:pointer;display:flex;margin-bottom:4px;padding:10px 16px;transition:background-color .2s}.build-tool-item:hover{background-color:#d9d9d9}.cmode{color:#000!important}.build-tool-icon{align-items:center;color:#555;display:flex;height:24px;justify-content:center;margin-right:12px;width:24px}.build-tool-label{color:#333;flex:1 1;font-size:14px}.submenu-indicator{color:#aaa;font-size:18px}.door-placement-panel,.door-types-submenu,.window-placement-panel,.window-types-submenu{width:100%}.submenu-header{align-items:center;border-bottom:1px solid #ddd;display:flex;margin-bottom:8px;padding:0 0 8px}.back-button{background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;color:#555;cursor:pointer;font-size:13px;margin-right:8px;padding:3px 8px}.back-button:hover{background-color:#e0e0e0;color:#333}.submenu-title{color:#333;font-size:16px;font-weight:500}.door-types-list,.window-types-list{display:flex;flex-direction:column;margin-bottom:16px}.door-type-item,.window-type-item{align-items:center;border-bottom:1px solid #eee;cursor:pointer;display:flex;padding:10px 0}.door-type-item:hover,.window-type-item:hover{background-color:#f8f9fa}.door-icon,.window-icon{align-items:center;border:1px solid #ccc;display:flex;height:28px;justify-content:center;margin-right:12px;width:28px}.standard-door{background-color:#8b4513}.sliding-door{background-color:#06c}.double-door{background-color:#8b4513;position:relative}.double-door:after{background-color:#8b4513;border-left:1px solid #666;content:"";height:24px;left:12px;position:absolute;width:12px}.pocket-door{background-color:#06c}.door-type-label,.window-type-label{color:#333;font-size:14px}.selected-item-preview{align-items:center;border-bottom:1px solid #eee;display:flex;margin-bottom:16px;padding:16px 0}.selected-item-name{color:#333;font-size:15px;font-weight:500;margin-left:12px}.placement-options{border-top:1px solid #eee;padding-top:16px}.placement-options h3{color:#666;font-size:14px;font-weight:500;margin:0 0 16px}.option-group{margin-bottom:16px}.option-group label{color:#444;display:block;font-size:14px;margin-bottom:6px}.size-select,.style-select{background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#333;font-size:14px;padding:8px;width:100%}.action-buttons{display:flex;justify-content:space-between;margin-top:24px}.cancel-button{background-color:initial;border:none;color:#666;cursor:pointer;font-size:14px;padding:8px 16px}.cancel-button:hover{color:#333}.place-button{background-color:#06c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.place-button:hover{background-color:#0055b3}.wall-width-control{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-top:16px;padding:12px}.wall-width-control h4{color:#333;font-size:14px;margin:0 0 12px}.wall-width-adjuster{align-items:center;display:flex;gap:12px;justify-content:space-between}.wall-width-button{align-items:center;background:#fff;background:#000!important;border:1px solid #ddd;border-color:#999;border-radius:50%;color:#fff!important;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:32px;justify-content:center;transition:all .2s;width:32px}.wall-width-button:disabled{cursor:not-allowed;opacity:.5}.wall-width-display{color:#333;flex:1 1;font-size:16px;font-weight:700;text-align:center}.wall-preview{align-items:center;background:#f9f9f9;border-radius:4px;display:flex;height:30px;justify-content:center;margin-top:12px}.wall-preview-line{background:#333;transition:height .2s;width:80%}.doors-grid,.windows-grid{grid-gap:8px;box-sizing:border-box;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin:0;overflow-y:auto;padding:8px;width:100%}.door-item,.window-item{align-items:center;background:none;border:none;border-radius:4px;cursor:grab;display:flex;justify-content:center;padding:4px;transition:background-color .2s}.door-item:hover,.window-item:hover{background-color:#2196f31a}.door-item img,.window-item img{cursor:grab;max-height:60px;max-width:60px;object-fit:contain;pointer-events:none}.door-item img:hover,.window-item img:hover{transform:scale(1.05)}.drag-instruction{background:linear-gradient(135deg,#f0f8ff,#e6f3ff);border-left:4px solid #2196f3;font-style:italic}.door-item[draggable=true]:hover,.window-item[draggable=true]:hover{background-color:#f0f8ff;border-color:#2196f3}.vizpanel-container{background-color:#fff;border-radius:8px;border-radius:5px;box-shadow:0 4px 12px #00000026;box-shadow:0 8px 16px #0003,0 -4px 6px #0000001a,0 4px 6px #0000001a;display:flex;flex-direction:column;left:80px;position:fixed;top:50%;transform:translateY(-50%);width:260px;z-index:9999}.vizpanel-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:12px}.vizpanel-header h2{color:#333;font-size:16px;margin:0}.vizpanel-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:18px;height:20px;justify-content:center;padding:0;width:20px}.vizpanel-close-btn:hover{background-color:#0000000d;color:#333}.vizpanel-content{padding:12px}.vizpanel-section{margin-bottom:14px}.vizpanel-section:last-child{margin-bottom:0}.vizpanel-section h3{border-bottom:1px solid #eee;color:#444;font-size:14px;margin-bottom:10px;margin-top:0;padding-bottom:3px}.vizpanel-toggle-option{margin-bottom:8px}.vizpanel-toggle-option:last-child{margin-bottom:0}.vizpanel-toggle-option label{align-items:center;color:#333;cursor:pointer;display:flex;font-size:13px;gap:10px}.vizpanel-toggle-option input[type=checkbox]{cursor:pointer;height:16px;width:16px}.vizpanel-slider-option{margin-bottom:8px}.vizpanel-slider-option:last-child{margin-bottom:0}.vizpanel-slider-label{color:#333;display:block;font-size:12px;font-weight:500;margin-bottom:4px}.vizpanel-slider-control{align-items:center;display:flex;gap:8px}.vizpanel-slider-control input[type=range]{cursor:pointer;flex:1 1;height:18px}.vizpanel-slider-value{color:#555;font-size:12px;font-weight:500;min-width:25px;text-align:right}.vizpanel-select-option{margin-bottom:14px}.vizpanel-select-option select{background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:13px;padding:8px;width:100%}.vizpanel-color-preview{align-items:stretch;display:flex;gap:4px;justify-content:space-around;margin-top:12px;width:100%}.vizpanel-color-sample{border:1px solid #ddd;border-radius:4px;cursor:pointer;flex:1 1;height:36px;position:relative;transition:all .2s ease;width:22px}.vizpanel-color-sample.vizpanel-color-selected{border:2px solid #2196f3;box-shadow:0 0 0 2px #2196f34d;transform:scale(1.05);z-index:1}.vizpanel-color-sample.vizpanel-color-selected:after{align-items:center;background-color:#2196f3;border-radius:50%;bottom:-3px;color:#fff;content:"✓";display:flex;font-size:10px;font-weight:700;height:14px;justify-content:center;position:absolute;right:-3px;width:14px}.vizpanel-color-sample:hover{border-color:#aaa;transform:scale(1.05)}.vizpanel-color-sample.vizpanel-color-standard{background:#d0d0d0}.vizpanel-color-sample.vizpanel-color-monochrome{background:#a3d1ff}.vizpanel-color-sample.vizpanel-color-pastel{background:#eee}.vizpanel-color-sample.vizpanel-color-contrast{background:linear-gradient(45deg,#ffaaa5 25%,#85c1e9 25% 50%,#ffd3b6 50% 75%,#d5aaff 75%)}.vizpanel-color-sample.vizpanel-color-custom{background:linear-gradient(45deg,#cbd5e1 25%,#0000 0),linear-gradient(-45deg,#cbd5e1 25%,#0000 0),linear-gradient(45deg,#0000 75%,#cbd5e1 0),linear-gradient(-45deg,#0000 75%,#cbd5e1 0);background-color:#e2e8f0;background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px}.vizpanel-actions{display:flex;justify-content:center;margin-top:12px}.vizpanel-reset-btn{background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:12px;padding:8px 14px;transition:background-color .2s ease}.vizpanel-reset-btn:hover{background-color:#e0e0e0}.vizpanel-slider-control input[type=range]:hover+.vizpanel-slider-value{color:#2196f3;font-weight:600}@media (max-width:768px){.vizpanel-container{display:none}}.vizpanel-custom-section{border-top:2px solid #e2e8f0;margin-top:16px;padding-top:16px}.vizpanel-custom-section h4{color:#374151;font-size:13px;font-weight:600;margin:12px 0 8px}.vizpanel-room-controls{margin-bottom:12px}.vizpanel-control-buttons{display:flex;gap:6px;margin-bottom:12px}.vizpanel-mode-btn,.vizpanel-select-all-btn{text-wrap:nowrap;background:#fff;border:2px solid #d1d5db;border-radius:6px;box-shadow:0 1px 2px #0000000d;color:#374151;cursor:pointer;flex:1 1;font-size:10px;font-weight:600;padding:5px 8px;transition:all .2s ease}.vizpanel-mode-btn:hover,.vizpanel-select-all-btn:hover{background:#f9fafb;border-color:#9ca3af;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.vizpanel-mode-btn:active,.vizpanel-select-all-btn:active{box-shadow:0 1px 2px #0000000d;transform:translateY(0)}.vizpanel-mode-btn.active{background:#3b82f6;border-color:#3b82f6;box-shadow:0 2px 4px #3b82f64d;color:#fff}.vizpanel-mode-btn.active:hover{background:#2563eb;border-color:#2563eb;box-shadow:0 2px 6px #3b82f666;transform:translateY(-1px)}.vizpanel-select-all-btn{background:#10b981;border-color:#10b981;color:#fff}.vizpanel-select-all-btn:hover{background:#059669;border-color:#059669}.vizpanel-mini-floorplan{margin-bottom:16px}.vizpanel-selection-hint{align-items:center;color:#6b7280;display:flex;font-size:11px;gap:8px;justify-content:center;margin-top:8px}.vizpanel-texture-section{margin-top:12px}.vizpanel-texture-search{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;display:flex;gap:8px;margin-bottom:12px;padding:8px 12px}.vizpanel-texture-search svg{color:#9ca3af;flex-shrink:0}.vizpanel-texture-search input{border:none;color:#374151;flex:1 1;font-size:12px;outline:none}.vizpanel-texture-search input::placeholder{color:#9ca3af}.vizpanel-texture-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin-bottom:12px;padding:4px}.vizpanel-texture-grid::-webkit-scrollbar{width:6px}.vizpanel-texture-grid::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.vizpanel-texture-grid::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.vizpanel-texture-grid::-webkit-scrollbar-thumb:hover{background:#9ca3af}.vizpanel-texture-item{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:6px;transition:all .2s ease}.vizpanel-texture-item:hover{background:#f0f9ff;border-color:#3b82f6}.vizpanel-texture-item.selected{background:#dbeafe;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.vizpanel-texture-preview{background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:4px;height:50px;width:50px}.vizpanel-texture-name{color:#374151;font-size:10px;font-weight:500;line-height:1.2;text-align:center}.vizpanel-tabs{background:#f3f4f6;border-radius:6px;display:flex;gap:4px;margin-bottom:12px;padding:4px}.vizpanel-tab{background:#0000;border:none;border-radius:4px;color:#6b7280;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:8px 12px;transition:all .2s ease}.vizpanel-tab:hover{color:#374151}.vizpanel-tab.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#3b82f6}.vizpanel-color-section{margin-bottom:12px;margin-top:12px}.vizpanel-color-picker{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;display:flex;flex-direction:column;gap:12px;padding:16px}.vizpanel-color-picker label{color:#374151;font-size:13px;font-weight:600}.vizpanel-color-picker input[type=color]{border:1px solid #d1d5db;border-radius:6px;cursor:pointer;height:40px;width:100%}.vizpanel-color-preview-large{border:2px solid #e5e7eb;border-radius:6px;height:60px;width:100%}.vizpanel-action-buttons{display:flex;gap:8px;margin-top:12px}.vizpanel-apply-texture-btn{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:10px 16px;transition:all .2s ease}.vizpanel-apply-texture-btn:hover:not(:disabled){background:#059669}.vizpanel-apply-texture-btn:active:not(:disabled){transform:scale(.98)}.vizpanel-apply-texture-btn:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed}.vizpanel-reset-custom-btn{align-items:center;background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:16px;height:44px;justify-content:center;min-width:44px;padding:10px;transition:all .2s ease}.vizpanel-reset-custom-btn:hover:not(:disabled){background:#dc2626}.vizpanel-reset-custom-btn:active:not(:disabled){transform:scale(.95)}.vizpanel-reset-custom-btn:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed;opacity:.5}.vizpanel-container:has(.vizpanel-custom-section){max-height:85vh}.vizpanel-container:has(.vizpanel-custom-section) .vizpanel-content{max-height:calc(85vh - 60px);overflow-y:auto}.vizpanel-content::-webkit-scrollbar{width:6px}.vizpanel-content::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.vizpanel-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.vizpanel-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}.vizpanel-color-sample-container{align-items:center;border:2px solid #0000;border-radius:6px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:3px;max-width:48px;min-height:45px;min-width:0;padding:2px 1px;transition:all .2s ease}.vizpanel-color-sample-container:hover{background:#f3f4f6;border-color:#d1d5db}.vizpanel-color-sample-container.vizpanel-color-selected{background:#dbeafe;border-color:#3b82f6}.vizpanel-color-label{color:#6b7280;font-size:7px;font-weight:500;line-height:1;max-width:44px;overflow:hidden;text-align:center;white-space:nowrap;width:110%}.vizpanel-color-sample-container.vizpanel-color-selected .vizpanel-color-label{color:#3b82f6;font-weight:600}.vizpanel-color-sample-container .vizpanel-color-sample{height:48px;width:24px}.vizpanel-color-sample-container:hover .vizpanel-color-sample{border-color:#9ca3af;transform:scale(1.05)}.vizpanel-color-sample-container.vizpanel-color-selected .vizpanel-color-sample{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633;transform:scale(1.1)}.vizpanel-container,.vizpanel-content{overflow-x:hidden!important}.vizpanel-texture-grid{-webkit-overflow-scrolling:touch}.ccb-button{align-items:center;background-color:#000;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-weight:500;gap:8px;position:fixed;right:10px;top:33px;transition:background-color .2s}.ccb-button:hover{background-color:#111827}.ccb-button-small{font-size:14px;padding:6px 12px}.ccb-button-default{font-size:16px;padding:8px 16px;position:fixed;z-index:10000}.ccb-button-large{font-size:18px;padding:12px 24px}.ccb-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000000}.ccb-modal{background:#fff;border-radius:8px;box-shadow:0 10px 25px #0000001a;display:flex;flex-direction:column;max-height:98vh;max-width:800px;overflow:hidden;width:100%}.ccb-modal-header{align-items:center;display:flex;flex-shrink:0;gap:12px;justify-content:space-between;padding:24px 24px 0}.ccb-modal-title{font-size:20px;font-weight:600;margin:0}.ccb-mode-toggle{display:flex;flex:1 1;gap:8px}.ccb-mode-btn{background:#f8f9fa;border:2px solid #e5e5e5;border:2px solid #000!important;border-radius:6px;color:#000;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s}.ccb-mode-btn:hover{background:#f3f4f6;border-color:#d1d5db}.ccb-mode-btn.active{background:#000;color:#fff}.ccb-mode-btn:disabled{cursor:not-allowed;opacity:.5}.ccb-close-btn{align-items:center;background:#f8f9fa;border:2px solid #e5e5e5;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:28px;height:40px;justify-content:center;padding:8px;transition:all .2s;width:40px}.ccb-close-btn:hover{background:#f3f4f6;border-color:#d1d5db;color:#374151}.ccb-close-btn:disabled{cursor:not-allowed;opacity:.5}.ccb-modal-body{flex:1 1;margin:0;padding:20px 24px}.ccb-modal-body::-webkit-scrollbar{width:6px}.ccb-modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.ccb-modal-body::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.ccb-modal-body::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.ccb-modal-footer{border-top:1px solid #e5e5e5;flex-shrink:0;margin-top:auto;padding:0 24px 24px}.ccb-form-group,.ccb-form-row{margin-bottom:16px}.ccb-form-row{display:flex;gap:16px}.ccb-form-group.ccb-half{flex:1 1;margin-bottom:0}.ccb-label{color:#333;display:block;font-size:14px;font-weight:500;margin-bottom:4px}.ccb-required{color:#dc2626}.ccb-input,.ccb-select,.ccb-textarea{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:14px;padding:8px 12px;width:100%}.ccb-input.ccb-error,.ccb-select.ccb-error{border-color:#dc2626}.ccb-input:focus,.ccb-select:focus,.ccb-textarea:focus{border-color:#1f2937;box-shadow:0 0 0 2px #1f29371a;outline:none}.ccb-input:disabled,.ccb-select:disabled,.ccb-textarea:disabled{background:#f5f5f5;cursor:not-allowed}.ccb-textarea{font-family:inherit;resize:none}.ccb-mt-2{margin-top:8px}.ccb-budget-wrapper{display:flex;position:relative}.ccb-budget-input{padding-right:40px}.ccb-budget-arrows{bottom:2px;display:flex;flex-direction:column;position:absolute;right:2px;top:2px;width:30px}.ccb-arrow-btn{align-items:center;background:#f0f0f0;border:none;cursor:pointer;display:flex;flex:1 1;font-size:10px;justify-content:center;transition:background-color .2s}.ccb-arrow-btn:first-child{border-radius:0 3px 0 0}.ccb-arrow-btn:last-child{border-radius:0 0 3px 0;border-top:1px solid #ddd}.ccb-arrow-btn:hover{background:#e0e0e0}.ccb-arrow-btn:disabled{cursor:not-allowed;opacity:.5}.ccb-validation-error{color:#dc2626;display:block;font-size:12px;margin-top:4px}.ccb-error-message{background:#fee;border:1px solid #fcc;border-radius:4px;color:#c00}.ccb-error-message,.ccb-info{font-size:14px;margin-bottom:16px;padding:10px}.ccb-info{background:#e6f2ff;border:1px solid #b3d9ff;border-radius:4px;color:#06c}.ccb-button-group{display:flex;gap:12px;margin-top:20px}.ccb-btn-cancel,.ccb-btn-submit{align-items:center;border-radius:4px;cursor:pointer;display:inline-flex;flex:1 1;font-size:14px;font-weight:500;gap:6px;justify-content:center;padding:10px;transition:all .2s}.ccb-btn-cancel{background:#f8f9fa;border:2px solid #000!important;color:#000}.ccb-btn-cancel:hover{background:#f3f4f6;border-color:#9ca3af}.ccb-btn-submit{background:#000;border:2px solid #000;color:#fff}.ccb-btn-submit:hover{background:#1a1a1a;border-color:#1a1a1a}.ccb-btn-cancel:disabled,.ccb-btn-submit:disabled{cursor:not-allowed;opacity:.5}.ccb-icon,.ccb-spinner{height:16px;width:16px}.ccb-spinner{animation:spin 1s linear infinite}@media (max-width:640px){.ccb-modal-overlay{padding:10px}.ccb-modal{max-height:95vh}.ccb-modal-body,.ccb-modal-footer,.ccb-modal-header{padding-left:16px;padding-right:16px}.ccb-modal-header{align-items:stretch;flex-direction:column;gap:12px}.ccb-mode-toggle{order:-1}.ccb-close-btn{align-self:flex-end}.ccb-modal-body{overflow-y:auto}.ccb-modal-body::-webkit-scrollbar{width:6px}.ccb-modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.ccb-modal-body::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.ccb-modal-body::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.ccb-form-row{flex-direction:column;gap:0}.ccb-form-group,.ccb-form-group.ccb-half{margin-bottom:16px}.ccb-label{font-size:14px;margin-bottom:4px}.ccb-input,.ccb-select,.ccb-textarea{font-size:14px;padding:8px 12px}.ccb-error-message,.ccb-info{font-size:14px;margin-bottom:16px;padding:10px}.ccb-button-group{margin-top:20px}}.confirmation-modal-overlay{align-items:center;background-color:#00000080!important;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2001}.confirmation-modal{background-color:#fff!important;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:90%;width:480px}.confirmation-modal-header{align-items:center;border-bottom:1px solid #eee!important;display:flex;justify-content:space-between;padding:15px 20px 12px}.confirmation-modal-header,.confirmation-modal-header h2{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.confirmation-modal-header h2{color:#333!important;font-size:20px;font-weight:700;margin:0}.confirmation-close-btn{align-items:center;background:none!important;border:none;border-radius:50%;color:#999!important;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:background-color .2s;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:30px}.confirmation-close-btn:hover{background-color:#f5f5f5!important}.confirmation-modal-body{padding:17px 20px;text-align:center}.confirmation-modal-body,.confirmation-modal-body p{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.confirmation-modal-body p{color:#666!important;font-size:16px;margin:0;white-space:nowrap}.confirmation-modal-actions{display:flex;gap:15px;justify-content:center;margin-bottom:5px;padding:10px}.confirmation-dont-save-btn,.confirmation-save-btn{border-radius:6px;cursor:pointer;font-size:14px;font-weight:700;transition:all .2s;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.confirmation-save-btn{background-color:#000!important;border:1px solid #000!important;color:#fff!important;padding:10px 30px}.confirmation-save-btn:hover{background-color:#333!important}.confirmation-dont-save-btn{background-color:#fff!important;border:1px solid #000!important;color:#000!important;padding:10px 20px}.confirmation-dont-save-btn:hover{background-color:#f5f5f5!important}@media (max-width:768px){.confirmation-modal{width:400px}.confirmation-modal-body p{font-size:15px;white-space:normal}.confirmation-modal-actions{gap:10px}.confirmation-save-btn{padding:10px 30px}.confirmation-dont-save-btn{padding:10px 20px}}.wall-thickness-panel{background:#fff;border:1px solid #e0e0e0;border-radius:8px;bottom:160px;box-shadow:0 2px 10px #0003;padding:12px;pointer-events:auto;position:fixed;right:20px;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:220px;z-index:1001}.panel-header{font-size:14px;font-weight:700;margin-bottom:8px;text-align:center}.hh,.panel-header{color:#333!important}.width-display{color:#2196f3;font-size:18px;font-weight:700;margin-bottom:12px;text-align:center}.width-controls{align-items:center;display:flex;gap:12px}.control-button{align-items:center;background:#fff;border:2px solid #2196f3;border-radius:6px;color:#2196f3;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:32px;justify-content:center;pointer-events:auto;transition:all .2s ease;width:32px}.control-button:not(:disabled){background:#2196f3;box-shadow:0 2px 4px #2196f34d;color:#fff;transform:translateY(-1px)}.control-button:active:not(:disabled){box-shadow:0 1px 2px #2196f333;transform:scale(.95)}.control-button:disabled{background:#f5f5f5;border-color:#ccc;color:#ccc;cursor:not-allowed;opacity:.5}.control-button:disabled:hover{background:#f5f5f5;box-shadow:none;transform:none}.width-bar{background:#e0e0e0;flex:1 1;height:8px;overflow:hidden;position:relative}.width-bar,.width-indicator{border-radius:4px;pointer-events:none}.width-indicator{background:linear-gradient(90deg,#4caf50,#2196f3 50%,#ff9800);height:100%;transition:width .2s ease}@media (max-width:768px){.wall-thickness-panel{bottom:10px;padding:10px;right:5px;width:200px}.panel-header{font-size:12px}.control-button{font-size:16px;height:28px;width:28px}.width-display{font-size:16px;margin-bottom:10px}}.profile-page{background-color:#f5f7fb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;max-width:100vw;min-height:100vh;overflow-x:hidden;padding:1rem 20px;transition:background-color .3s ease;width:100%}.profile-page.dark-mode{background-color:#1a1f2e}.profile-back-btn{align-items:center;color:#2d3e96;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:500;gap:.5rem;margin-bottom:1rem;transition:color .2s ease}.profile-back-btn:hover{color:#1d2d6e}.profile-page.dark-mode .profile-back-btn{color:#7c9dd1}.profile-page.dark-mode .profile-back-btn:hover{color:#a3c0e8}.profile-page-title{color:#2d3e96;font-size:2rem;font-weight:600;margin-bottom:1.5rem;text-align:center;transition:color .3s ease}.profile-page.dark-mode .profile-page-title{color:#fff}.profile-tab-nav{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.profile-tab{background:#0000;border:2px solid #0000;border-radius:8px;color:#64748b;cursor:pointer;font-size:.95rem;font-weight:500;padding:.75rem 2rem;transition:all .3s ease}.profile-tab:hover{background:#2d3e960d;color:#2d3e96}.profile-tab.active{background:#2d3e9614;border-color:#2d3e96;color:#2d3e96}.profile-page.dark-mode .profile-tab{color:#94a3b8}.profile-page.dark-mode .profile-tab:hover{background:#7c9dd11a;color:#7c9dd1}.profile-page.dark-mode .profile-tab.active{background:#7c9dd126;border-color:#7c9dd1;color:#7c9dd1}.profile-content-wrapper{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:280px 1fr;margin:0 auto;max-width:1100px}.profile-sidebar-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0000000a;height:-webkit-fit-content;height:fit-content;padding:1.5rem;transition:all .3s ease}.profile-page.dark-mode .profile-sidebar-card{background:#252d3d;border-color:#374151;box-shadow:0 2px 8px #0003}.profile-avatar-section{display:flex;justify-content:center;margin-bottom:1rem}.profile-avatar-wrapper{height:140px;position:relative;width:140px}.profile-avatar-img,.profile-avatar-placeholder{border:4px solid #e6edf8;border-radius:50%;height:140px;object-fit:cover;transition:border-color .3s ease;width:140px}.profile-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#dfe4ff,#c4ccf7);color:#2d3e96;display:flex;font-size:3rem;font-weight:600;justify-content:center}.profile-page.dark-mode .profile-avatar-img,.profile-page.dark-mode .profile-avatar-placeholder{border-color:#374151}.profile-page.dark-mode .profile-avatar-placeholder{background:linear-gradient(135deg,#3d4451,#4a5568);color:#7c9dd1}.profile-avatar-input{display:none}.profile-avatar-edit{align-items:center;background:#fff;border:2px solid #e6edf8;border-radius:50%;bottom:5px;box-shadow:0 2px 6px #0000001a;color:#2d3e96;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:5px;transition:all .3s ease;width:36px}.profile-avatar-edit:hover{background:#2d3e96;border-color:#2d3e96;color:#fff}.profile-page.dark-mode .profile-avatar-edit{background:#374151;border-color:#4b5563;color:#7c9dd1}.profile-page.dark-mode .profile-avatar-edit:hover{background:#7c9dd1;color:#1a1f2e}.profile-company-icon{align-items:center;background:linear-gradient(135deg,#dfe4ff,#c4ccf7);border:4px solid #e6edf8;border-radius:50%;color:#2d3e96;display:flex;height:140px;justify-content:center;width:140px}.profile-page.dark-mode .profile-company-icon{background:linear-gradient(135deg,#3d4451,#4a5568);border-color:#374151;color:#7c9dd1}.profile-user-info{text-align:center}.profile-user-name{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0 0 .25rem;transition:color .3s ease}.profile-page.dark-mode .profile-user-name{color:#fff}.profile-user-company{color:#2d3e96;font-size:.9rem;margin:0 0 1rem;transition:color .3s ease}.profile-page.dark-mode .profile-user-company{color:#7c9dd1}.profile-contact-info{display:flex;flex-direction:column;gap:.75rem}.profile-contact-item{align-items:center;color:#64748b;display:flex;font-size:.85rem;gap:.5rem;justify-content:center;transition:color .3s ease}.profile-contact-item svg{color:#94a3b8;flex-shrink:0}.profile-page.dark-mode .profile-contact-item{color:#94a3b8}.profile-page.dark-mode .profile-contact-item svg{color:#6b7280}.profile-completion-section{align-items:center;border-top:1px solid #e2e8f0;display:flex;flex-direction:column;margin-top:1rem;padding-top:1rem}.profile-page.dark-mode .profile-completion-section{border-top-color:#374151}.profile-completion-circle{height:100px;position:relative;width:100px}.profile-completion-svg{filter:drop-shadow(0 4px 6px rgba(16,185,129,.2));height:100px;transform:rotate(-90deg);width:100px}.profile-completion-bg{fill:none;stroke:#e2e8f0;stroke-width:8}.profile-page.dark-mode .profile-completion-bg{stroke:#374151}.profile-completion-fill{fill:none;stroke:url(#completionGradient);stroke-width:8;stroke-linecap:round;stroke:#10b981;transition:stroke-dasharray .8s ease}.profile-completion-text{align-items:center;display:flex;flex-direction:column;justify-content:center;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.profile-completion-number{color:#10b981;font-size:1.5rem;font-weight:700;line-height:1}.profile-page.dark-mode .profile-completion-number{color:#34d399}.profile-completion-label{color:#64748b;font-size:.75rem;font-weight:500;letter-spacing:.5px;margin-top:.75rem;text-transform:uppercase}.profile-page.dark-mode .profile-completion-label{color:#94a3b8}.profile-form-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0000000a;max-width:100%;padding:2rem;transition:all .3s ease;width:100%}.profile-page.dark-mode .profile-form-card{background:#252d3d;border-color:#374151;box-shadow:0 2px 8px #0003}.profile-section-title{color:#c2540b;font-size:1.1rem;font-weight:600;margin:0 0 1.5rem;max-width:100%;transition:color .3s ease;width:100%}.profile-page.dark-mode .profile-section-title{color:#ff9356}.profile-form-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.profile-form-header .profile-section-title{margin-bottom:0}.profile-edit-btn{align-items:center;background:#0000;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:500;gap:.4rem;padding:.5rem 1rem;transition:all .2s ease}.profile-edit-btn:hover{background:#f8fafc;border-color:#2d3e96;color:#2d3e96}.profile-page.dark-mode .profile-edit-btn{border-color:#374151;color:#94a3b8}.profile-page.dark-mode .profile-edit-btn:hover{background:#374151;border-color:#7c9dd1;color:#7c9dd1}.profile-form-row{grid-gap:1rem;display:grid;gap:1rem;margin-bottom:1rem}.profile-form-row.three-col{grid-template-columns:1fr 1fr 1fr}.profile-form-row.three-col-title{grid-template-columns:80px 1fr 1fr}.profile-form-row.four-col-address{grid-template-columns:1fr 1fr 120px 100px}.profile-form-row.two-col{grid-template-columns:1fr 1fr}.profile-form-row.single-col{grid-template-columns:1fr}.profile-input-group{display:flex;flex-direction:column}.profile-input-group.title-group{max-width:80px}.profile-input-group.city-small{max-width:120px}.profile-input-group.postal-small{max-width:100px}.profile-label{color:#2d3e96;font-size:.85rem;font-weight:500;margin-bottom:.4rem;transition:color .3s ease}.profile-page.dark-mode .profile-label{color:#94a3b8}.profile-input{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;color:#1e293b;font-size:.9rem;padding:.7rem 1rem;transition:all .2s ease;width:100%}.profile-input:focus{border-color:#2d3e96;box-shadow:0 0 0 3px #2d3e961a;outline:none}.profile-input::placeholder{color:#94a3b8}.profile-input.readonly{background:#f8fafc;color:#64748b;cursor:default}.profile-page.dark-mode .profile-input{background:#1a1f2e;border-color:#374151;color:#e5e7eb}.profile-page.dark-mode .profile-input:focus{border-color:#7c9dd1;box-shadow:0 0 0 3px #7c9dd126}.profile-page.dark-mode .profile-input::placeholder{color:#6b7280}.profile-page.dark-mode .profile-input.readonly{background:#374151;color:#9ca3af}.profile-display-value{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;color:#1e293b;display:flex;font-size:.9rem;min-height:42px;padding:.7rem 1rem;width:100%}.profile-display-value:empty:before{content:""}.profile-display-value.social-url{flex:1 1}.profile-page.dark-mode .profile-display-value{background:#1e2736;border-color:#374151;color:#e5e7eb}.profile-display-value.about-me{align-items:flex-start;min-height:80px;white-space:pre-wrap}.profile-textarea{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;color:#1e293b;font-family:inherit;font-size:.9rem;min-height:80px;padding:.7rem 1rem;resize:vertical;transition:all .2s ease;width:100%}.profile-textarea:focus{border-color:#2d3e96;box-shadow:0 0 0 3px #2d3e961a;outline:none}.profile-textarea::placeholder{color:#94a3b8}.profile-page.dark-mode .profile-textarea{background:#1a1f2e;border-color:#374151;color:#e5e7eb}.profile-page.dark-mode .profile-textarea:focus{border-color:#7c9dd1;box-shadow:0 0 0 3px #7c9dd126}.profile-page.dark-mode .profile-textarea::placeholder{color:#6b7280}.profile-select{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2364748b'%3E%3Cpath d='M8 11 3 6h10l-5 5z'/%3E%3C/svg%3E");background-position:calc(100% - 12px);background-repeat:no-repeat;background-size:12px;border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;color:#1e293b;cursor:pointer;font-size:.9rem;padding:.7rem 36px .7rem 1rem;transition:all .2s ease;width:100%}.profile-select::-ms-expand{display:none}.profile-select:focus{border-color:#2d3e96;box-shadow:0 0 0 3px #2d3e961a;outline:none}.profile-page.dark-mode .profile-select{background-color:#1a1f2e;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%239ca3af'%3E%3Cpath d='M8 11 3 6h10l-5 5z'/%3E%3C/svg%3E");border-color:#374151;color:#e5e7eb}.profile-page.dark-mode .profile-select:focus{border-color:#7c9dd1;box-shadow:0 0 0 3px #7c9dd126}.profile-select option{background-color:#fff;color:#1e293b}.profile-page.dark-mode .profile-select option{background-color:#1a1f2e;color:#e5e7eb}.profile-plan-input{align-items:center;display:flex;position:relative}.profile-plan-input .profile-input{padding-right:120px}.profile-upgrade-btn{background:#0000;border:none;color:#c2540b;cursor:pointer;font-size:.85rem;font-weight:600;padding:.4rem .8rem;position:absolute;right:8px;transition:color .2s ease}.profile-upgrade-btn:hover{color:#a04509}.profile-page.dark-mode .profile-upgrade-btn{color:#ff9356}.profile-page.dark-mode .profile-upgrade-btn:hover{color:#ffb080}.profile-social-section{border-top:1px solid #e2e8f0;margin-top:1.5rem;padding-top:1.5rem}.profile-page.dark-mode .profile-social-section{border-top-color:#374151}.profile-social-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.profile-social-header .profile-label{margin-bottom:0}.profile-add-btn{align-items:center;background:#2d3e96;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:500;gap:.4rem;padding:.4rem .8rem;transition:background .2s ease}.profile-add-btn:hover{background:#1d2d6e}.profile-page.dark-mode .profile-add-btn{background:#7c9dd1;color:#1a1f2e}.profile-page.dark-mode .profile-add-btn:hover{background:#a3c0e8}.profile-social-list{display:flex;flex-direction:column;gap:.75rem}.profile-social-row{grid-gap:.75rem;align-items:center;display:grid;gap:.75rem;grid-template-columns:140px 1fr auto}.social-select{min-width:140px}.social-input{flex:1 1}.profile-social-platform-display{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;font-size:.9rem;font-weight:500;min-width:140px;padding:.7rem 1rem}.profile-page.dark-mode .profile-social-platform-display{background:#374151;border-color:#4b5563;color:#e5e7eb}.profile-remove-btn{align-items:center;background:#fee2e2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.profile-remove-btn:hover{background:#dc2626;border-color:#dc2626;color:#fff}.profile-page.dark-mode .profile-remove-btn{background:#ef444426;border-color:#ef44444d;color:#f87171}.profile-page.dark-mode .profile-remove-btn:hover{background:#dc2626;border-color:#dc2626;color:#fff}.profile-actions{border-top:1px solid #e2e8f0;display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}.profile-page.dark-mode .profile-actions{border-top-color:#374151}.profile-cancel-btn{background:#0000;border:none;color:#64748b;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;transition:color .2s ease}.profile-cancel-btn:hover{color:#1e293b}.profile-page.dark-mode .profile-cancel-btn{color:#94a3b8}.profile-page.dark-mode .profile-cancel-btn:hover{color:#e5e7eb}.profile-save-btn{background:#2d3e96;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 2rem;transition:all .2s ease}.profile-save-btn:hover{background:#1d2d6e}.profile-save-btn:disabled{background:#94a3b8;cursor:not-allowed}.profile-page.dark-mode .profile-save-btn{background:#7c9dd1;color:#1a1f2e}.profile-page.dark-mode .profile-save-btn:hover{background:#a3c0e8}.profile-page.dark-mode .profile-save-btn:disabled{background:#4b5563;color:#9ca3af}@media (max-width:1024px){.profile-content-wrapper{gap:1.5rem;grid-template-columns:240px 1fr}}@media (max-width:768px){.profile-content-wrapper{gap:1.5rem;grid-template-columns:1fr}.profile-sidebar-card{align-items:center;display:flex;flex-direction:row;gap:2.5rem;max-width:100%;padding:1.5rem 1rem;width:100%}.profile-avatar-section{flex-shrink:0;margin-bottom:0}.profile-avatar-img,.profile-avatar-placeholder,.profile-avatar-wrapper{height:90px;width:90px}.profile-avatar-edit{bottom:0;height:28px;right:0;width:28px}.profile-user-info{grid-column-gap:2rem;align-items:center;column-gap:2rem;display:grid;flex-grow:1;grid-template-areas:"name completion" "company completion" "contact completion";grid-template-columns:1fr auto;text-align:left}.profile-user-name{font-size:1.2rem;grid-area:name;margin-bottom:.2rem}.profile-user-company{font-size:.9rem;grid-area:company;margin-bottom:.5rem}.profile-contact-info{align-items:flex-start;flex-direction:column;gap:.3rem;grid-area:contact}.profile-contact-item{font-size:.85rem;justify-content:flex-start}.profile-completion-section{align-items:center;border-left:1px solid #e2e8f0;border-top:none;display:flex;flex-direction:column;grid-area:completion;justify-content:center;margin-left:0;margin-top:0;padding-left:2rem;padding-top:0}.profile-page.dark-mode .profile-completion-section{border-left-color:#374151;border-top:none}.profile-completion-circle,.profile-completion-svg{height:70px;width:70px}.profile-completion-number{font-size:1.1rem}.profile-completion-label{font-size:.65rem;margin-top:.4rem}.profile-company-icon{height:90px;width:90px}.profile-form-row.four-col-address,.profile-form-row.three-col,.profile-form-row.three-col-title{grid-template-columns:1fr 1fr}.profile-input-group.city-small,.profile-input-group.postal-small,.profile-input-group.title-group{max-width:none}}@media (max-width:600px){.profile-page{padding:.75rem 15px}.profile-page-title{font-size:1.5rem;margin-bottom:1rem}.profile-completion-section{border-left:none;border-top:1px solid #e2e8f0;padding-left:0;padding-top:.75rem;width:100%}.profile-page.dark-mode .profile-completion-section{border-left:none;border-top-color:#374151}.profile-completion-circle,.profile-completion-svg{height:60px;width:60px}.profile-completion-number{font-size:.95rem}.profile-completion-label{font-size:.55rem;margin-top:.3rem}.profile-company-icon{height:70px;width:70px}.profile-form-card{padding:1.25rem}.profile-form-row.four-col-address,.profile-form-row.three-col,.profile-form-row.three-col-title,.profile-form-row.two-col,.profile-social-row{grid-template-columns:1fr}.profile-social-row{gap:.5rem}.social-select{min-width:100%}.profile-actions{flex-direction:column;gap:.75rem}.profile-cancel-btn,.profile-save-btn{text-align:center;width:100%}.profile-tab-nav{align-items:center;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.profile-tab{max-width:300px;padding:.6rem 1.5rem;text-align:center;width:100%}.profile-completion-section{display:none}}@media (max-width:400px){.profile-completion-circle,.profile-completion-svg{height:60px;width:60px}.profile-completion-number{font-size:1rem}.profile-completion-label{font-size:.6rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.profile-form-card,.profile-sidebar-card{animation:fadeIn .4s ease-out}.profile-add-btn:focus,.profile-cancel-btn:focus,.profile-input:focus,.profile-remove-btn:focus,.profile-save-btn:focus,.profile-select:focus,.profile-tab:focus{outline:2px solid #2d3e96;outline-offset:2px}.profile-page.dark-mode .profile-add-btn:focus,.profile-page.dark-mode .profile-cancel-btn:focus,.profile-page.dark-mode .profile-input:focus,.profile-page.dark-mode .profile-remove-btn:focus,.profile-page.dark-mode .profile-save-btn:focus,.profile-page.dark-mode .profile-select:focus,.profile-page.dark-mode .profile-tab:focus{outline-color:#7c9dd1}@media (max-width:480px){.profile-page{padding:.75rem 12px}.profile-sidebar-card{gap:1.5rem;padding:1.25rem .75rem}.profile-form-card{padding:1rem .75rem}.profile-content-wrapper{gap:1rem}.profile-user-info{column-gap:1rem}.profile-page-title{font-size:1.4rem;padding:0 .5rem}}@media (max-width:360px){.profile-page{padding:.5rem 10px}.profile-sidebar-card{gap:1rem;padding:1rem .5rem}.profile-form-card{padding:.75rem .5rem}}.compass-buttons{align-items:center;bottom:0;display:flex;flex-direction:row;gap:4px;position:absolute;right:0}.compass-buttons button{background-color:#fff;border:1px solid #ccc;border-radius:6px;cursor:pointer;font-weight:700;padding:4px 8px;transition:background-color .2s,transform .2s}.compass-buttons button:hover{background-color:#f0f0f0;transform:scale(1.05)}.elevation-controls{bottom:150px;position:fixed;right:20px;z-index:10}.elevation-trigger{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 8px #00000026;color:#333;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;justify-content:center;min-width:90px;padding:8px 12px;transition:all .2s ease}.elevation-trigger:hover{background:#f5f5f5fa;box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.elevation-trigger:active{box-shadow:0 2px 6px #00000026;transform:translateY(0)}.elevation-label{font-size:13px;font-weight:600}.elevation-menu{animation:elevationMenuOpen .2s ease-out;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffffa;border:1px solid #ccc;border-radius:12px;bottom:50px;box-shadow:0 8px 24px #0003;min-width:200px;padding:16px;position:absolute;right:0}@keyframes elevationMenuOpen{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.elevation-grid{grid-gap:6px;display:grid;gap:6px;grid-template-areas:"nw n ne" "w center e" "sw s se";grid-template-columns:repeat(3,60px);grid-template-rows:repeat(3,45px)}.elevation-direction{align-items:center;background:#fffc;border:1px solid #ddd;border-radius:8px;color:#444;cursor:pointer;display:flex;flex-direction:column;font-size:11px;font-weight:500;gap:4px;justify-content:center;overflow:hidden;padding:6px 4px;position:relative;transition:all .15s ease}.elevation-direction:hover{background:#42a5f51a;border-color:#42a5f5;box-shadow:0 2px 8px #42a5f54d;color:#1976d2;transform:translateY(-1px)}.elevation-direction:active{background:#42a5f533;transform:translateY(0)}.elevation-icon{align-items:center;display:flex;justify-content:center;transition:transform .15s ease}.elevation-direction:hover .elevation-icon{transform:scale(1.1)}.elevation-text{font-size:10px;font-weight:600;letter-spacing:.5px}.elevation-active{background:#1976d233!important;border-color:#1976d2!important;box-shadow:0 0 0 2px #1976d24d!important;color:#0d47a1!important}.elevation-active .elevation-icon{color:#1976d2;transform:scale(1.1)}.elevation-active .elevation-text{color:#1976d2;font-weight:700}.elevation-active:hover{background:#1976d24d!important;border-color:#1565c0!important;transform:translateY(-1px)}.elevation-center{background:#4caf501a;border-color:#66bb6a;color:#2e7d32}.elevation-center:hover{background:#4caf5033;border-color:#4caf50;color:#1b5e20}@media (max-width:768px){.elevation-controls{bottom:150px;right:25px}.elevation-trigger{font-size:12px;min-width:80px;padding:6px 10px}.elevation-menu{bottom:45px;min-width:180px;padding:12px}.elevation-grid{gap:4px;grid-template-columns:repeat(3,50px);grid-template-rows:repeat(3,40px)}.elevation-direction{font-size:10px;padding:4px 2px}.elevation-text{font-size:9px}}.elevation-direction:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.elevation-direction:hover:before{left:100%}.elevation-direction[title]:hover:after{animation:tooltipFadeIn .2s ease-in;background:#000000e6;border-radius:4px;bottom:-35px;color:#fff;content:attr(title);font-size:11px;left:50%;padding:4px 8px;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:9}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(4px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.game-controls{align-items:center;bottom:30px;display:flex;display:none;flex-direction:column;gap:0;left:30px;position:fixed;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;z-index:1000}@media (max-width:1280px){.game-controls{display:flex}}.game-controls-row{align-items:center;display:flex;gap:12px}.game-control-btn{-webkit-tap-highlight-color:transparent;align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffe6;border:3px solid #333;border-radius:50%;box-shadow:0 4px 12px #0003;color:#333;cursor:pointer;display:flex;font-size:24px;font-weight:700;height:60px;justify-content:center;touch-action:manipulation;transition:all .15s ease;width:60px}.game-control-btn:hover{background:#f0f0f0f2;box-shadow:0 6px 16px #00000040;transform:scale(1.05)}.game-control-btn:active{background:#c8c8c8f2;border-color:#1976d2;box-shadow:0 2px 8px #0000004d;transform:scale(.95)}.game-control-btn--forward{margin-bottom:4px}.game-control-btn--backward{margin-top:4px}.game-control-btn--left{margin-right:8px}.game-control-btn--right{margin-left:8px}@media (max-width:768px){.game-controls{bottom:100px;left:20px}.game-control-btn{border-width:4px;font-size:28px;height:70px;width:70px}.game-controls-row{gap:0}}@media (max-width:480px){.game-controls{bottom:20px;left:15px}.game-control-btn{font-size:26px;height:65px;width:65px}}@media (max-width:1024px) and (min-width:769px){.game-controls{bottom:120px;left:25px}.game-control-btn{font-size:26px;height:65px;width:65px}}.game-control-btn *{pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.game-control-btn:active:before{animation:ripple .3s ease-out;background:radial-gradient(circle,#1976d24d 0,#0000 70%);border-radius:50%;content:"";height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}@keyframes ripple{0%{opacity:1;transform:translate(-50%,-50%) scale(0)}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}.minimap-container{align-items:center;background-color:#fffc;border:3px solid #333;border-radius:50%;bottom:20px;box-shadow:0 4px 8px #0003;display:flex;height:200px;justify-content:center;overflow:visible;position:fixed;right:20px;transition:opacity .3s ease;width:200px;z-index:1000}@media (max-width:1024px){.minimap-container{bottom:15px;height:130px;right:15px;width:130px}}.minimap-content{overflow:hidden;position:relative}.minimap-content,.minimap-content canvas{border-radius:50%;height:100%;width:100%}.minimap-rooms{left:50%;top:50%;z-index:1}.minimap-player-indicator,.minimap-rooms{position:absolute;transform:translate(-50%,-50%)}.minimap-player-indicator{background-color:#f33;border-radius:50%;height:10px;width:10px;z-index:3}@media (max-width:1024px){.minimap-player-indicator{height:6px;width:6px}}.minimap-player-direction{border-bottom:10px solid #f33;border-left:5px solid #0000;border-right:5px solid #0000;height:0;position:absolute;transform-origin:center bottom;width:0;z-index:3}@media (max-width:1024px){.minimap-player-direction{border-bottom:6px solid #f33;border-left:3px solid #0000;border-right:3px solid #0000}}.minimap-directions{height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.minimap-direction{color:#333;font-size:12px;font-weight:700;position:absolute;transform:translate(-50%,-50%)}@media (max-width:1024px){.minimap-direction{font-size:8px}}.minimap-direction.north{left:50%;top:5%}.minimap-direction.south{bottom:5%;left:50%;top:auto}.minimap-direction.east{left:auto;right:5%;top:50%}.minimap-direction.west{left:5%;top:50%}.minimap-border{border:1px solid #666;border-radius:50%;pointer-events:none}.minimap-border,.minimap-compass-rose{height:100%;position:absolute;width:100%}.minimap-compass-rose{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="45" fill="none" stroke="%23666" stroke-width="1"/><line x1="50" y1="5" x2="50" y2="95" stroke="%23666" stroke-width="1"/><line x1="5" y1="50" x2="95" y2="50" stroke="%23666" stroke-width="1"/><line x1="14.64" y1="14.64" x2="85.36" y2="85.36" stroke="%23666" stroke-width="0.5"/><line x1="14.64" y1="85.36" x2="85.36" y2="14.64" stroke="%23666" stroke-width="0.5"/></svg>');background-size:contain;opacity:.15;z-index:1}.object-control-panel{bottom:20px;left:50%;opacity:0;pointer-events:none;position:fixed;transform:translateX(-50%) translateY(100px);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000}.object-control-panel.visible{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}.object-control-panel.locked{border:2px solid #3b82f6;border-radius:18px}.object-control-panel__container{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #00000026;display:flex;gap:16px;max-width:95vw;min-height:60px;overflow-x:auto;padding:12px 20px}.object-control-panel__lock{align-items:center;background:#fff;border:1px solid #0000001a;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s ease;width:32px}.object-control-panel__lock:hover{background:#f3f4f6;border-color:#9ca3af}.object-control-panel__lock.locked{background:#3b82f6;border-color:#3b82f6;color:#fff}.object-control-panel__info{align-items:center;display:flex;flex-shrink:0;gap:12px;min-width:0}.object-control-panel__thumbnail{border:2px solid #0000001a;border-radius:8px;flex-shrink:0;height:40px;object-fit:cover;width:40px}.object-control-panel__details{max-width:150px;min-width:0}.object-control-panel__name{color:#1e293b;font-size:14px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.object-control-panel__description{color:#64748b;font-size:11px;line-height:1.3;margin:2px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.object-control-panel__tools{display:flex;flex-shrink:0;gap:8px}.object-control-panel__tool{align-items:center;background:#fff;border:1px solid #0000001a;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:4px;min-width:60px;padding:8px 12px;transition:all .2s ease}.object-control-panel__tool:hover{background:#f8fafc;border-color:#3b82f6;transform:translateY(-1px)}.object-control-panel__tool.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.object-control-panel__tool-label{font-size:10px;font-weight:500;text-align:center}.object-control-panel__precise-controls{align-items:center;display:flex;flex-shrink:0;gap:16px}.object-control-panel__control-group{display:flex;flex-direction:column;gap:8px;min-width:200px}.object-control-panel__label{color:#374151;font-size:11px;font-weight:500;margin:0}.object-control-panel__rotation-section,.object-control-panel__scale-section{display:flex;flex-direction:column;gap:8px}.object-control-panel__quick-buttons{display:flex;gap:4px}.object-control-panel__quick-btn{align-items:center;background:#fff;border:1px solid #0000001a;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:10px;font-weight:500;gap:2px;padding:4px 8px;transition:all .2s ease;white-space:nowrap}.object-control-panel__quick-btn:hover{background:#f3f4f6;border-color:#9ca3af;color:#374151}.object-control-panel__slider{-webkit-appearance:none;appearance:none;background:#e5e7eb;border-radius:3px;cursor:pointer;height:6px;outline:none;width:100%}.object-control-panel__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#3b82f6;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:18px;width:18px}.object-control-panel__slider::-moz-range-thumb{background:#3b82f6;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:18px;width:18px}.object-control-panel__separator{background:#0000001a;flex-shrink:0;height:40px;width:1px}.object-control-panel__actions{display:flex;flex-shrink:0;gap:8px}.object-control-panel__action{align-items:center;background:#fff;border:1px solid #0000001a;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:4px;min-width:60px;padding:8px 12px;transition:all .2s ease}.object-control-panel__action:hover{transform:translateY(-1px)}.object-control-panel__action.action-duplicate{border-color:#059669;color:#059669}.object-control-panel__action.action-duplicate:hover{background:#059669;color:#fff}.object-control-panel__action.action-delete{border-color:#dc2626;color:#dc2626}.object-control-panel__action.action-delete:hover{background:#dc2626;color:#fff}.object-control-panel__action-label{font-size:10px;font-weight:500;text-align:center}.object-control-panel__save-controls{display:flex;flex-shrink:0;gap:8px}.object-control-panel__discard-btn,.object-control-panel__save-btn{align-items:center;border:1px solid;border-radius:10px;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s ease}.object-control-panel__save-btn{background:#10b981;border-color:#10b981;color:#fff}.object-control-panel__save-btn:hover{background:#059669;border-color:#059669;transform:translateY(-1px)}.object-control-panel__discard-btn{background:#ef4444;border-color:#ef4444;color:#fff}.object-control-panel__discard-btn:hover{background:#dc2626;border-color:#dc2626;transform:translateY(-1px)}@media (max-width:1024px){.object-control-panel__container{flex-wrap:nowrap;gap:12px;overflow-x:auto;padding:12px 16px}.object-control-panel__control-group{min-width:180px}}@media (max-width:768px){.object-control-panel__container{gap:8px;padding:10px 14px}.object-control-panel__details{max-width:120px}.object-control-panel__action,.object-control-panel__tool{min-width:50px;padding:6px 8px}.object-control-panel__control-group{min-width:150px}.object-control-panel__quick-btn{font-size:9px;padding:3px 6px}}.details-object-view{padding:0 24px 24px;text-align:center}.details-object-view__image-preview{border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #0000001a;height:150px;margin-bottom:16px;max-width:200px;object-fit:cover;width:100%}.details-object-view__title-text{color:#1e293b;font-size:18px;font-weight:600;letter-spacing:-.025em;margin:0 0 12px}.details-object-view__description-text{color:#64748b!important;font-size:14px;line-height:1.5;margin:0 0 16px}.details-object-view__meta-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:20px;padding:12px;text-align:left}.details-object-view__meta-info p{color:#152336!important;font-size:12px;margin:0 0 6px}.details-object-view__meta-info p:last-child{margin-bottom:0}.details-object-view__meta-info strong{color:#1e293b!important;font-weight:600}.details-object-view__place-action-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;margin-bottom:12px;padding:12px 16px;transition:all .2s ease;width:100%}.details-object-view__place-action-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.details-object-view__back-nav-btn{align-items:center;background:#0000;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s ease;width:100%}.details-object-view__back-nav-btn:hover{background:#f1f5f9;border-color:#cbd5e1;color:#475569}.panel-objects-browser{animation:slideInPanel .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffff2,#f8f9faf2);border:1px solid #e0e7ffcc;border-radius:20px;box-shadow:0 25px 50px #0000001a;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;left:85px;max-height:85vh;overflow:hidden;position:fixed;top:50%;transform:translateY(-50%);-webkit-user-select:none;user-select:none;width:360px;z-index:999}@keyframes slideInPanel{0%{opacity:0;transform:translateY(-50%) translateX(-100%)}to{opacity:1;transform:translateY(-50%) translateX(0)}}.panel-objects-browser__header-section{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#f8f9facc,#fffc);border-bottom:1px solid #e0e7ff80;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.panel-objects-browser__header-content-wrapper{align-items:center;display:flex;gap:12px}.panel-objects-browser__header-icon-main{color:#3b82f6}.panel-objects-browser__title-heading{color:#1e293b;font-size:18px;font-weight:600;letter-spacing:-.025em;margin:0}.panel-objects-browser__close-btn{align-items:center;background:none;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;line-height:1;padding:8px;transition:all .2s ease;width:32px}.panel-objects-browser__close-btn:hover{background-color:#f1f5f9;color:#1e293b}.panel-objects-browser__content-area{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:0}.search-input-container{border-bottom:1px solid #e0e7ff4d;padding:20px 24px 16px}.search-input-container__wrapper{align-items:center;display:flex;position:relative}.search-input-container__icon{color:#64748b;left:12px;position:absolute;z-index:2}.search-input-container__field{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;outline:none;padding:10px 12px 10px 40px;transition:all .2s ease;width:100%}.search-input-container__field:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.mode-indicator-objects{border-bottom:1px solid #e0e7ff4d;padding:16px 24px;text-align:center}.badge-mode{align-items:center;border-radius:16px;display:inline-flex;font-size:11px;font-weight:600;letter-spacing:.025em;margin-bottom:6px;padding:6px 12px;text-transform:uppercase}.badge-mode--orbit{background:linear-gradient(135deg,#ddd6fe,#c4b5fd);border:1px solid #c4b5fd;color:#5b21b6}.badge-mode--person{background:linear-gradient(135deg,#fed7aa,#fdba74);border:1px solid #fdba74;color:#c2410c}.description-mode{color:#64748b;font-size:12px;line-height:1.4;margin:0}.section-collapsible{border-bottom:1px solid #e0e7ff33}.section-collapsible__header-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:space-between;padding:20px 24px;text-align:left;transition:all .2s ease;width:100%}.section-collapsible__header-btn:hover{background:#3b82f60d}.section-collapsible__title-text{color:#1e293b;font-size:16px;font-weight:600;letter-spacing:-.025em}.section-collapsible__body-content{animation:slideDown .3s ease;padding:0 24px 20px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.section-category-group{border-bottom:1px solid #e0e7ff33}.section-category-group:last-child{border-bottom:none}.section-category-group__header-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:space-between;padding:16px 0;text-align:left;transition:all .2s ease;width:100%}.section-category-group__header-btn:hover{background:#3b82f60d;border-radius:8px;margin:0 -8px;padding-left:8px;padding-right:8px}.section-category-group__header-content{align-items:center;color:#1e293b;display:flex;font-size:14px;font-weight:500;gap:10px}.section-category-group__icon{color:#3b82f6;flex-shrink:0;height:16px;width:16px}.section-category-group__header-btn:hover .section-category-group__icon{color:#5c8efa}.section-category-group__header-btn[data-category=sofa] .section-category-group__icon{color:#8b5cf6}.section-category-group__header-btn[data-category=lighting] .section-category-group__icon{color:#f59e0b}.section-category-group__header-btn[data-category=electronics] .section-category-group__icon{color:#06b6d4}.section-category-group__header-btn[data-category=decoration] .section-category-group__icon{color:#ec4899}.section-category-group__count{background:#e2e8f0;border-radius:12px;color:#64748b;font-size:11px;font-weight:500;padding:2px 8px}.section-category-group__content-body{animation:slideDown .3s ease;padding:12px 0 0}.grid-models-list{display:flex;flex-direction:column;gap:8px}.item-model-card{align-items:center;background:#ffffff80;border:1px solid #e0e7ff4d;border-radius:10px;cursor:pointer;display:flex;gap:12px;overflow:hidden;padding:12px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.item-model-card:before{background:linear-gradient(135deg,#3b82f61a,#6366f11a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.item-model-card:hover{background:#fffc;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;transform:translateX(4px)}.item-model-card:hover:before{opacity:1}.item-model-card__image{border:1px solid #0000001a;border-radius:6px;box-shadow:0 2px 4px #0000001a;flex-shrink:0;height:48px;object-fit:cover;width:48px;z-index:2}.item-model-card__info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0;z-index:2}.item-model-card__name{color:#1e293b;font-size:13px;font-weight:500;line-height:1.2}.item-model-card__description{color:#64748b;font-size:11px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-placed-objects{display:flex;flex-direction:column;gap:6px}.item-placed-object{align-items:center;background:#ffffff80;border:1px solid #e0e7ff4d;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:10px 12px;transition:all .2s ease}.item-placed-object:hover{background:#fffc;border-color:#3b82f6;transform:translateX(2px)}.item-placed-object.selected{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#3b82f6;box-shadow:0 2px 8px #3b82f626}.item-placed-object__image{border:1px solid #0000001a;border-radius:4px;flex-shrink:0;height:32px;object-fit:cover;width:32px}.item-placed-object__name{color:#1e293b;font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-objects-browser__content-area::-webkit-scrollbar{width:4px}.panel-objects-browser__content-area::-webkit-scrollbar-track{background:#0000}.panel-objects-browser__content-area::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:2px}.panel-objects-browser__content-area::-webkit-scrollbar-thumb:hover{background:#94a3b880}@media (max-width:768px){.panel-objects-browser{left:70px;max-height:75vh;width:calc(100vw - 90px)}.grid-models-list{gap:6px}.item-model-card{padding:10px}.item-model-card__image{height:40px;width:40px}}.state-loading{align-items:center;color:#64748b;display:flex;font-size:14px;height:100px;justify-content:center}.state-error{background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;margin:16px 24px;padding:16px}.state-empty,.state-error{font-size:14px;text-align:center}.state-empty{color:#64748b;padding:40px 24px}.state-empty__icon{font-size:48px;margin-bottom:16px;opacity:.5}.item-model-card.placing{animation:pulse-blue 1s infinite;background-color:#3b82f61a;border-color:#3b82f6}@keyframes pulse-blue{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.panel-objects-browser:focus-within{outline:2px solid #3b82f6;outline-offset:-2px}.item-model-card:focus,.item-placed-object:focus,.section-category-group__header-btn:focus{background:#3b82f61a;outline:2px solid #3b82f6;outline-offset:-2px}.camera-toggle-group{cursor:pointer;left:15px;position:fixed;top:30px;z-index:999}.settings-button{background-color:#fff!important;bottom:20px;left:20px;position:fixed;z-index:999}.save-reset-controls{display:flex;gap:8px;left:40%;position:fixed;top:90%;z-index:1000}.save-button{align-items:center;background:#000;border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.save-button:hover{background:#333;box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.reset-button{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.reset-button:hover{background:#f9fafb;border-color:#9ca3af;box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}@media (max-width:768px){.save-reset-controls{gap:6px;left:10px;top:10px}.reset-button,.save-button{font-size:13px;padding:6px 12px}}.legal-page{background:#fff;color:#000;min-height:100vh}.legal-hero{background:linear-gradient(135deg,#f5f7fa,#e8ecf1);padding:5rem 5% 4rem;text-align:center}.legal-hero h1{color:#2d3e96;font-size:3rem;line-height:1.2;margin:0}.legal-content{background:#fff;margin:0 auto;max-width:900px;padding:1rem 5% 4rem}.last-updated{color:#666;font-size:.95rem;font-style:italic;margin-bottom:2rem;text-align:center}.legal-section{margin-bottom:3rem}.legal-section h2{border-top:2px solid #e8ecf1;color:#2d3e96;font-size:1.8rem;margin-bottom:3.5rem;padding-top:1rem}.legal-section:first-of-type h2{border-top:none;padding-top:0}.legal-section h3{color:#2d3e96;font-size:1.3rem;margin:1.5rem 0 1rem}.legal-section p{color:var(--sooru-blue);font-size:1rem;line-height:1.8;margin-bottom:.1rem}.legal-section ol,.legal-section ul{margin:1rem 0 1.5rem 1.5rem;padding-left:1rem}.legal-section li{color:var(--sooru-blue);font-size:1rem;line-height:1.8;margin-bottom:.1rem}.legal-section strong{color:#2d3e96;font-weight:600}.legal-section a{color:#2d3e96;font-weight:500;text-decoration:none;transition:opacity .3s}.legal-section a:hover{opacity:.7;text-decoration:underline}@media (max-width:768px){.legal-hero{padding:3rem 5% 2rem}.legal-hero h1{font-size:2rem}.legal-content{padding:2rem 5% 3rem}.legal-section h2{font-size:1.5rem}.legal-section h3{font-size:1.2rem}.legal-section ol,.legal-section ul{margin-left:1rem;padding-left:.5rem}}:root{--sooru-blue:#2d3e96;--sooru-light-blue:#dfe4ff;--sooru-orange:#c2540b;--sooru-light-orange:#ffede1;--bg-light:#fbfbff;--bg-dark:#2d3142;--card-light:#fff;--card-dark:#3d4451;--text-dark-primary:#fff;--text-dark-secondary:#d1d5db}.pricing-page{background-color:#fbfbff;background-color:var(--bg-light);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;min-height:100vh;overflow-x:hidden;transition:background-color .3s ease}.pricing-page.dark-mode{background-color:#2d3142;background-color:var(--bg-dark)}.pricing-breadcrumb{color:#2d3e96;color:var(--sooru-blue);font-size:.95rem;margin:0 auto;padding:1.5rem 5%;transition:color .3s ease}.pricing-page.dark-mode .pricing-breadcrumb{color:#b8c5d6}.pricing-breadcrumb a{color:#2d3e96;text-decoration:none;transition:color .3s ease}.pricing-page.dark-mode .pricing-breadcrumb a{color:#7c9dd1}.pricing-breadcrumb a:hover{text-decoration:underline}.pricing-hero{background:linear-gradient(180deg,#fff,#e6edf8);margin:0 auto;max-width:100%;padding:2rem 5% 3rem;text-align:center;transition:background .3s ease}.pricing-page.dark-mode .pricing-hero{background:linear-gradient(180deg,#2d3142,#3a3f52);background:linear-gradient(180deg,var(--bg-dark) 0,#3a3f52 100%)}.pricing-page-title{color:#2d3e96;font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem;transition:color .3s ease}.pricing-page.dark-mode .pricing-page-title{color:#fff}.pricing-hero .highlight{color:#c2540b;color:var(--sooru-orange)}.pricing-page.dark-mode .pricing-hero .highlight{color:#ff9356}.pricing-page-subtitle{color:#2d3e96;color:var(--sooru-blue);font-size:1.1rem;line-height:1.6;opacity:.9;padding-bottom:2rem;transition:color .3s ease}.pricing-page.dark-mode .pricing-page-subtitle{color:#b8c5d6;opacity:1}.pricing-page-billing-toggle-container{align-items:center;background:#fff;border-radius:50px;box-shadow:0 4px 15px #2d3e9614;display:flex;gap:1.5rem;justify-content:center;margin-left:auto;margin-right:auto;margin-top:1rem;padding:.5rem 1.5rem;width:-webkit-fit-content;width:fit-content}.pricing-page.dark-mode .pricing-page-billing-toggle-container{background:#363b4e;box-shadow:0 4px 15px #0003}.pricing-page-billing-label{align-items:center;color:#64748b;cursor:pointer;display:flex;font-size:1rem;font-weight:500;transition:all .3s ease}.pricing-page-billing-label.active{color:#2d3e96;color:var(--sooru-blue);font-weight:600}.pricing-page.dark-mode .pricing-page-billing-label.active{color:#7c9dd1}.pricing-page-billing-toggle{background:#e2e8f0;border:none;border-radius:20px;cursor:pointer;height:28px;position:relative;width:56px}.pricing-page.dark-mode .pricing-page-billing-toggle{background:#4b5563}.pricing-page-toggle-slider{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;height:20px;left:4px;position:absolute;top:4px;transition:all .3s cubic-bezier(.4,0,.2,1);width:20px}.pricing-page-toggle-slider.yearly{background:#2d3e96;background:var(--sooru-blue);transform:translateX(28px)}.pricing-page.dark-mode .pricing-page-toggle-slider.yearly{background:#7c9dd1}.pricing-page-discount-badge{background:#c2540b;background:var(--sooru-orange);border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;margin-left:.5rem;padding:4px 10px}.pricing-page-cards-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin:3rem auto 5rem;max-width:1200px;padding:0 20px}.pricing-page-card{background:#fff;background:var(--card-light);border:1px solid #0000;border-radius:16px;box-shadow:0 10px 30px #2d3e9614;display:flex;flex-direction:column;padding:2.5rem 2rem;position:relative;transition:all .3s ease}.pricing-page.dark-mode .pricing-page-card{background:#3d4451;background:var(--card-dark);box-shadow:0 10px 30px #0003}.pricing-page-card:hover{box-shadow:0 15px 40px #2d3e961f;transform:translateY(-8px)}.pricing-page.dark-mode .pricing-page-card:hover{box-shadow:0 15px 40px #0006}.pricing-page-card.pricing-page-starter-plan{border:2px solid #2d3e96;border:2px solid var(--sooru-blue);box-shadow:0 15px 40px #2d3e9626;top:-15px}.pricing-page.dark-mode .pricing-page-card.pricing-page-starter-plan{border-color:#7c9dd1;box-shadow:0 15px 40px #7c9dd11a}.pricing-page-plan-badge{background:#2d3e96;background:var(--sooru-blue);border-radius:20px;color:#fff;font-size:.85rem;font-weight:600;left:50%;letter-spacing:.5px;padding:6px 16px;position:absolute;text-transform:uppercase;top:-14px;transform:translateX(-50%)}.pricing-page-plan-badge.pricing-page-popular-badge{background:#c2540b;background:var(--sooru-orange)}.pricing-page-plan-badge.pricing-page-enterprise-badge{background:#10b981}.pricing-page-plan-name{color:#2d3e96;color:var(--sooru-blue);font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.pricing-page.dark-mode .pricing-page-plan-name{color:#fff}.pricing-page-plan-price{align-items:baseline;display:flex;margin-bottom:.5rem}.pricing-page-price{color:#2d3e96;color:var(--sooru-blue);font-size:3rem;font-weight:800}.pricing-page.dark-mode .pricing-page-price{color:#fff}.pricing-page-price-period{color:#64748b;font-size:1rem;font-weight:500;margin-left:5px}.pricing-page.dark-mode .pricing-page-price-period{color:#94a3b8}.pricing-page-billing-info{color:#2d3e96;color:var(--sooru-blue);font-size:.85rem;font-weight:600;margin-bottom:.5rem}.pricing-page.dark-mode .pricing-page-billing-info{color:#7c9dd1}.pricing-page-plan-description{color:#64748b;font-size:.95rem;line-height:1.5;margin-bottom:2rem}.pricing-page.dark-mode .pricing-page-plan-description{color:#94a3b8}.pricing-page-features-list{flex-grow:1;list-style:none;margin:0 0 2rem;padding:0}.pricing-page-feature-item{align-items:center;color:#334155;display:flex;font-size:.95rem;gap:12px;line-height:1.4;margin-bottom:1rem}.pricing-page.dark-mode .pricing-page-feature-item{color:#cbd5e1}.pricing-page-check-icon{align-items:center;background:#2d3e961a;border-radius:50%;color:#2d3e96;color:var(--sooru-blue);display:inline-flex;flex-shrink:0;font-size:12px;font-weight:700;height:20px;justify-content:center;width:20px}.pricing-page.dark-mode .pricing-page-check-icon{background:#7c9dd133;color:#7c9dd1}.pricing-page-plan-button{border:2px solid #0000;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem;transition:all .2s ease;width:100%}.pricing-page-plan-button.pricing-page-free-button{background:#0000;border-color:#2d3e96;border-color:var(--sooru-blue);color:#2d3e96;color:var(--sooru-blue)}.pricing-page-plan-button.pricing-page-free-button:hover{background:#2d3e960d}.pricing-page.dark-mode .pricing-page-plan-button.pricing-page-free-button{border-color:#7c9dd1;color:#7c9dd1}.pricing-page.dark-mode .pricing-page-plan-button.pricing-page-free-button:hover{background:#7c9dd11a}.pricing-page-plan-button.pricing-page-starter-button{background:#2d3e96;background:var(--sooru-blue);box-shadow:0 4px 12px #2d3e9640;color:#fff}.pricing-page-plan-button.pricing-page-starter-button:hover{background:#1d2d6e;transform:translateY(-2px)}.pricing-page.dark-mode .pricing-page-plan-button.pricing-page-starter-button{background:#7c9dd1;color:#1a1f2e}.pricing-page.dark-mode .pricing-page-plan-button.pricing-page-starter-button:hover{background:#a3c0e8}.pricing-page-plan-button.pricing-page-pro-button{background:#c2540b;background:var(--sooru-orange);box-shadow:0 4px 12px #c2540b40;color:#fff}.pricing-page-plan-button.pricing-page-pro-button:hover{background:#a04509;transform:translateY(-2px)}.pricing-page-savings-text{color:#10b981;font-size:.85rem;font-weight:600;margin-top:1rem;text-align:center}.pricing-page-comparison-section{margin:0 auto 5rem;max-width:1000px;padding:0 20px}.pricing-page-comparison-title{color:#2d3e96;color:var(--sooru-blue);font-size:2rem;font-weight:600;margin-bottom:3rem;text-align:center}.pricing-page.dark-mode .pricing-page-comparison-title{color:#fff}.pricing-page-comparison-table-wrapper{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000d;overflow-x:auto}.pricing-page.dark-mode .pricing-page-comparison-table-wrapper{background:#363b4e;box-shadow:0 4px 20px #0003}.pricing-page-comparison-table{border-collapse:collapse;width:100%}.pricing-page-comparison-table th{background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#2d3e96;color:var(--sooru-blue);font-weight:600;padding:1.5rem;text-align:left}.pricing-page.dark-mode .pricing-page-comparison-table th{background:#2d3142;border-bottom-color:#4b5563;color:#fff}.pricing-page-comparison-table td{border-bottom:1px solid #e2e8f0;color:#475569;padding:1.25rem 1.5rem}.pricing-page.dark-mode .pricing-page-comparison-table td{border-bottom-color:#4b5563;color:#d1d5db}.pricing-page-comparison-table td:first-child{color:#2d3e96;color:var(--sooru-blue);font-weight:500}.pricing-page.dark-mode .pricing-page-comparison-table td:first-child{color:#7c9dd1}.pricing-page-faq{margin:0 auto 6rem;max-width:900px;padding:0 20px}.pricing-page-faq-title{color:#2d3e96;color:var(--sooru-blue);font-size:2rem;font-weight:600;margin-bottom:3rem;text-align:center}.pricing-page.dark-mode .pricing-page-faq-title{color:#fff}.pricing-page-faq-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.pricing-page-faq-item{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;padding:2rem}.pricing-page.dark-mode .pricing-page-faq-item{background:#363b4e;box-shadow:0 2px 8px #0003}.pricing-page-faq-question{color:#2d3e96;color:var(--sooru-blue);font-size:1.1rem;font-weight:600;margin-bottom:.75rem}.pricing-page.dark-mode .pricing-page-faq-question{color:#fff}.pricing-page-faq-answer{color:#64748b;line-height:1.6}.pricing-page.dark-mode .pricing-page-faq-answer{color:#94a3b8}.pricing-page-cta{background:linear-gradient(135deg,#dfe4ff,#fff);border-radius:20px;margin:0 auto 4rem;max-width:1000px;padding:4rem 20px;text-align:center}.pricing-page.dark-mode .pricing-page-cta{background:linear-gradient(135deg,#374151,#2d3142)}.pricing-page-cta-title{color:#2d3e96;color:var(--sooru-blue);font-size:2.2rem;font-weight:700;margin-bottom:1rem}.pricing-page.dark-mode .pricing-page-cta-title{color:#fff}.pricing-page-cta-subtitle{color:#64748b;font-size:1.1rem;margin-bottom:2rem}.pricing-page.dark-mode .pricing-page-cta-subtitle{color:#cbd5e1}.pricing-page-cta-button{background:#c2540b;background:var(--sooru-orange);border:none;border-radius:50px;box-shadow:0 4px 15px #c2540b4d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 3rem}.pricing-page-cta-button:hover{background:#a04509;box-shadow:0 8px 20px #c2540b66;transform:translateY(-3px)}.pricing-page-loading-message{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffc;display:flex;inset:0;justify-content:center;position:fixed;z-index:50}.pricing-page.dark-mode .pricing-page-loading-message{background:#0009}.pricing-page-loading-content-box{align-items:center;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;display:flex;flex-direction:column;gap:1rem;padding:2rem}.pricing-page.dark-mode .pricing-page-loading-content-box{background:#374151;color:#fff}.pricing-page-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#2d3e96;border-top:4px solid var(--sooru-blue);height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pricing-page-error-message{background:#fee2e2;border-radius:6px;color:#b91c1c;display:flex;justify-content:space-between;margin:1rem auto;max-width:600px;padding:1rem}@media (max-width:1024px){.pricing-page-cards-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.pricing-page-cards-container{grid-template-columns:1fr;max-width:400px}.pricing-page-title{font-size:2.2rem}.pricing-page-comparison-table td,.pricing-page-comparison-table th{font-size:.85rem;padding:10px}}:root{--font-family:"Poppins",sans-serif}body{font-family:Poppins,sans-serif;font-family:var(--font-family)}body.dark{background-color:#2d3142}.sf-page{background-color:#fbfbff;min-height:100vh;transition:background-color .3s ease}.sf-page.dark-mode{background-color:#2d3142}.sf-hero{background:linear-gradient(180deg,#fff,#e6edf8);margin:0 auto;max-width:100%;padding:5rem 5% 4rem;text-align:center;transition:background .3s ease}.sf-page.dark-mode .sf-hero{background:linear-gradient(180deg,#2d3142,#3a3f52)}.sf-hero h1{color:#2d3e96;font-size:3.5rem;font-weight:600;line-height:1.2;margin-bottom:1.5rem;transition:color .3s ease}.sf-page.dark-mode .sf-hero h1{color:#fff}.sf-highlight{color:#c2540b}.sf-page.dark-mode .sf-highlight{color:#ff9356}.sf-hero-subtitle{color:#2d3e96;font-size:1.1rem;line-height:1.6;padding-bottom:40px;transition:color .3s ease}.sf-page.dark-mode .sf-hero-subtitle{color:#b8c5d6}.sf-breadcrumb{color:#2d3e96;font-size:.95rem;margin:0 auto;max-width:1200px;padding:1.5rem 5%;transition:color .3s ease}.sf-page.dark-mode .sf-breadcrumb{color:#b8c5d6}.sf-breadcrumb a{color:#2d3e96;text-decoration:none;transition:color .3s ease}.sf-page.dark-mode .sf-breadcrumb a{color:#7c9dd1}.sf-breadcrumb a:hover{text-decoration:underline}.sf-help-section{margin:0 auto;max-width:1200px;padding:2rem 5% 4rem}.sf-help-section h2{color:#2d3e96;font-size:2.5rem;font-weight:500;margin-bottom:3rem;text-align:center;transition:color .3s ease}.sf-page.dark-mode .sf-help-section h2{color:#fff}.sf-help-cards{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1000px}.sf-help-card{background:#fff;border:1px solid #0000;border-radius:15px;box-shadow:0 2px 8px #2d3e9614;cursor:pointer;padding:2rem;text-align:center;transition:all .3s ease}.sf-page.dark-mode .sf-help-card{background:#3d4451;box-shadow:0 2px 8px #0000004d}.sf-help-card:hover{border-color:#dfe4ff;box-shadow:0 8px 24px #2d3e9626;transform:translateY(-5px)}.sf-page.dark-mode .sf-help-card:hover{border-color:#4a5568;box-shadow:0 8px 24px #0006}.sf-help-icon{align-items:center;background:#dfe4ff;border-radius:50%;color:#2d3e96;display:flex;height:60px;justify-content:center;margin:0 auto 1rem;transition:all .3s ease;width:60px}.sf-page.dark-mode .sf-help-icon{background:#4a5568;color:#7c9dd1}.sf-help-card:hover .sf-help-icon{background:#2d3e96;color:#fff}.sf-page.dark-mode .sf-help-card:hover .sf-help-icon{background:#7c9dd1;color:#fff}.sf-help-card h3{color:#2d3e96;font-size:1.25rem;font-weight:600;margin-bottom:.75rem;transition:color .3s ease}.sf-page.dark-mode .sf-help-card h3{color:#fff}.sf-help-card p{color:#5a6a8a;font-size:.95rem;line-height:1.5;transition:color .3s ease}.sf-page.dark-mode .sf-help-card p{color:#b8c5d6}.sf-support-section{margin:0 auto;max-width:80%;padding:2rem 5% 4rem}.sf-feedback-section h2,.sf-support-section h2{color:#2d3e96;font-size:2rem;font-weight:500;margin-bottom:2rem;text-align:center;transition:color .3s ease}.sf-page.dark-mode .sf-feedback-section h2,.sf-page.dark-mode .sf-support-section h2{color:#fff}.sf-form-card{background:#fff;border-radius:20px;box-shadow:0 4px 20px #2d3e9614;padding:2.5rem;transition:all .3s ease}.sf-page.dark-mode .sf-form-card{background:#2d3142;border:1px solid #3d4451;box-shadow:0 4px 20px #0000004d}.sf-form-field{margin-bottom:1.75rem;position:relative}.sf-form-field:last-of-type{margin-bottom:1.5rem}.sf-form-field label{color:#2d3e96;display:block;font-size:.95rem;font-weight:600;margin-bottom:.5rem;transition:color .3s ease}.sf-page.dark-mode .sf-form-field label{color:#fff}.sf-form-field input,.sf-form-field select,.sf-form-field textarea{background:#fff;border:1px solid #dfe4ff;border-radius:10px;color:#2d3e96;font-size:1rem;padding:.875rem 1rem;transition:all .3s ease;width:100%}.sf-page.dark-mode .sf-form-field input,.sf-page.dark-mode .sf-form-field textarea{background-color:#4a5568!important;background-image:none!important;border-color:#5a6a8a;color:#fff}.sf-page.dark-mode .sf-form-field select{background-color:#4a5568!important;border-color:#5a6a8a;color:#fff}.sf-form-field input:focus,.sf-form-field select:focus,.sf-form-field textarea:focus{border-color:#2d3e96;box-shadow:0 0 0 3px #2d3e961a;outline:none}.sf-page.dark-mode .sf-form-field input:focus,.sf-page.dark-mode .sf-form-field select:focus,.sf-page.dark-mode .sf-form-field textarea:focus{border-color:#7c9dd1;box-shadow:0 0 0 3px #7c9dd133}.sf-form-field input::placeholder,.sf-form-field textarea::placeholder{color:#9aa5b9}.sf-page.dark-mode .sf-form-field input::placeholder,.sf-page.dark-mode .sf-form-field textarea::placeholder{color:#8a95a9}.sf-form-field select{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%232d3e96' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;cursor:pointer;padding-right:2.5rem}.sf-page.dark-mode .sf-form-field select{background-color:#4a5568;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23fff' d='M6 8 1 3h10z'/%3E%3C/svg%3E")}.sf-form-field select option{background-color:#fff;color:#2d3e96;padding:.5rem}.sf-page.dark-mode .sf-form-field select option{background-color:#4a5568;color:#fff}.sf-form-field textarea{min-height:120px;resize:vertical}.sf-char-count{bottom:.75rem;color:#9aa5b9;font-size:.8rem;position:absolute;right:1rem;transition:color .3s ease}.sf-page.dark-mode .sf-char-count{color:#8a95a9}.sf-upload-area{background:#0000;border:2px dashed #dfe4ff;border-radius:12px;cursor:pointer;padding:2rem;text-align:center;transition:all .3s ease}.sf-page.dark-mode .sf-upload-area{background:#0000;border-color:#5a6a8a}.sf-upload-area:hover{background:#f8f9ff;border-color:#2d3e96}.sf-page.dark-mode .sf-upload-area:hover{background:#4a5568;border-color:#7c9dd1}.sf-upload-label{align-items:center;color:#5a6a8a;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;transition:color .3s ease}.sf-page.dark-mode .sf-upload-label{color:#b8c5d6}.sf-upload-label strong{color:#2d3e96}.sf-page.dark-mode .sf-upload-label strong{color:#7c9dd1}.sf-upload-hint{color:#9aa5b9;font-size:.85rem}.sf-submit-btn{background:#2d3e96;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:.5rem;padding:1rem 2rem;transition:all .3s ease;width:100%}.sf-submit-btn:hover:not(:disabled){background:#1a2a6e;box-shadow:0 4px 12px #2d3e964d;transform:translateY(-2px)}.sf-submit-btn:disabled{cursor:not-allowed;opacity:.6}.sf-btn-loading{align-items:center;display:flex;gap:.5rem;justify-content:center}.sf-success-message{background:linear-gradient(135deg,#10b981,#059669);border-radius:10px;color:#fff;font-weight:500;margin-bottom:1.5rem;padding:1rem 1.5rem;text-align:center}.sf-faq-section{margin:0 auto;max-width:80%;padding:2rem 5% 4rem}.sf-faq-section h2{color:#2d3e96;font-size:2rem;font-weight:500;margin-bottom:2rem;text-align:center;transition:color .3s ease}.sf-page.dark-mode .sf-faq-section h2{color:#fff}.sf-faq-list{display:flex;flex-direction:column;gap:1rem}.sf-faq-item{background:#fff;border-radius:12px;box-shadow:0 2px 8px #2d3e960f;overflow:hidden;transition:all .3s ease}.sf-page.dark-mode .sf-faq-item{background:#3d4451;box-shadow:0 2px 8px #0003}.sf-faq-item.expanded{box-shadow:0 4px 16px #2d3e961f}.sf-page.dark-mode .sf-faq-item.expanded{box-shadow:0 4px 16px #0000004d}.sf-faq-question{align-items:center;background:#0000;border:none;color:#2d3e96;cursor:pointer;display:flex;font-size:1rem;font-weight:500;justify-content:space-between;padding:1.25rem 1.5rem;text-align:left;transition:all .3s ease;width:100%}.sf-page.dark-mode .sf-faq-question{color:#fff}.sf-faq-question:hover{background:#f8f9ff}.sf-page.dark-mode .sf-faq-question:hover{background:#4a5568}.sf-faq-item.expanded .sf-faq-question{background:#dfe4ff}.sf-page.dark-mode .sf-faq-item.expanded .sf-faq-question{background:#4a5568}.sf-faq-question span{flex:1 1;padding-right:1rem}.sf-faq-question svg{color:#2d3e96;flex-shrink:0;transition:color .3s ease}.sf-page.dark-mode .sf-faq-question svg{color:#7c9dd1}.sf-faq-answer{color:#5a6a8a;font-size:.95rem;line-height:1.7;padding:0 1.5rem 1.25rem;transition:color .3s ease}.sf-page.dark-mode .sf-faq-answer{color:#b8c5d6}.sf-feedback-section{margin:0 auto;max-width:80%;padding:2rem 5% 4rem}.sf-emoji-rating{display:flex;flex-wrap:wrap;gap:.75rem}.sf-emoji-btn{align-items:center;background:#fff;border:2px solid #dfe4ff;border-radius:50%;cursor:pointer;display:flex;font-size:1.5rem;height:50px;justify-content:center;transition:all .3s ease;width:50px}.sf-page.dark-mode .sf-emoji-btn{background:#4a5568;border-color:#5a6a8a}.sf-emoji-btn:hover{border-color:#2d3e96;transform:scale(1.1)}.sf-page.dark-mode .sf-emoji-btn:hover{border-color:#7c9dd1}.sf-emoji-btn.selected{background:#dfe4ff;border-color:#2d3e96;transform:scale(1.15)}.sf-page.dark-mode .sf-emoji-btn.selected{background:#2d3e96;border-color:#7c9dd1}@media (max-width:900px){.sf-help-cards{gap:1.5rem;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.sf-hero h1{font-size:2.5rem}.sf-hero-subtitle{font-size:1rem}.sf-faq-section,.sf-feedback-section,.sf-support-section{max-width:100%}.sf-faq-section h2,.sf-feedback-section h2,.sf-help-section h2,.sf-support-section h2{font-size:1.75rem}.sf-help-cards{grid-template-columns:1fr;margin:0 auto;max-width:400px}.sf-form-card{border-radius:15px;padding:1.5rem}.sf-faq-question{font-size:.95rem;padding:1rem 1.25rem}.sf-faq-answer{font-size:.9rem;padding:0 1.25rem 1rem}}@media (max-width:480px){.sf-hero{padding:3rem 5% 2.5rem}.sf-hero h1{font-size:2rem}.sf-faq-section,.sf-feedback-section,.sf-help-section,.sf-support-section{padding:1.5rem 4% 3rem}.sf-form-card{padding:1.25rem}.sf-emoji-btn{font-size:1.3rem;height:44px;width:44px}.sf-upload-area{padding:1.5rem}}
/*# sourceMappingURL=main.6ce876ae.css.map*/