:root{--text:#707070;--text-h:#08060d;--bg:#fff;--border:#dad9db;--code-bg:#f4f3ec;--accent:#00845a;--accent-h:#009c6b;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--green-btn:#057815;--green-btn-h:#058a17;--red-btn:#e60000;--red-btn-h:#f93232;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--text:#707070;--text-h:#08060d;--bg:#fff;--border:#dad9db;--code-bg:#f4f3ec;--accent:#00845a;--accent-h:#009c6b;--green-btn-h:#058a17;--red-btn-h:#e60000;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:100%;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);margin:0}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}h4{color:#333;text-align:center;margin-top:0;margin-bottom:20px;font-size:1rem}p{margin:0}.buildings-page-container,.apartments-page-container,.progress-updates-page-container{box-sizing:border-box;width:100%;max-width:900px;margin:0 auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.page-header{border-bottom:2px solid #f0f0f0;justify-content:center;align-items:center;gap:30px;width:fit-content;margin:0 auto 30px;padding-bottom:15px;display:flex}.add-element-btn{font-family:var(--sans);background-color:var(--green-btn);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:10px;font-size:.8rem;box-shadow:0 2px 4px #0003}.add-element-btn:disabled{background-color:var(--green-btn);cursor:not-allowed;box-shadow:none;opacity:.8}.add-element-btn:not(:disabled):hover{background-color:var(--green-btn-h)}.add-element-btn-red{background-color:var(--red-btn)}.add-element-btn-red:not(:disabled):hover{background-color:var(--red-btn-h)}@media screen and (width<=600px){.page-header{flex-direction:column;align-items:center;gap:15px;width:100%}}.form-card{transform-origin:50%;background:#fff;border:1px solid #eaeaea;border-radius:12px;margin-bottom:30px;padding:25px;animation:.3s cubic-bezier(.16,1,.3,1) forwards scaleIn;box-shadow:0 8px 25px #0000001a}.add-entity-form{flex-direction:column;align-items:center;display:flex}.input-group{flex-direction:column;margin-bottom:15px;display:flex}.input-group label{color:#555;margin-bottom:5px;font-size:.9rem;font-weight:500}.input-group input{border:1px solid #ccc;border-radius:10px;outline:none;padding:7px 10px;font-size:.8rem;transition:border-color .2s}.input-group input:focus{border-color:var(--green-btn)}.input-group textarea{border:1px solid #ccc;border-radius:10px;outline:none;padding:7px 10px;font-size:.8rem;transition:border-color .2s}.input-group textarea:focus{border-color:var(--green-btn)}.upload-container{align-items:center;gap:10px;display:flex}.upload-btn{color:#333;cursor:pointer;white-space:nowrap;background-color:#f0f0f0;border:1px solid #ccc;border-radius:25px;padding:2px 10px;transition:background-color .2s;box-shadow:0 2px 4px #0000000d;font-size:.7rem!important}.upload-text{color:#777;margin-bottom:7px;font-size:.8rem;font-style:italic}.save-form-btn{font-family:var(--sans);background-color:var(--green-btn);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:8px 15px;font-size:1rem;box-shadow:0 2px 4px #0000001a}.save-form-btn:disabled{cursor:wait;box-shadow:none;opacity:.8;background-color:#8cc39a}.search-container{justify-content:center;margin-bottom:30px;animation:.4s forwards fadeIn;display:flex}.search-wrapper{width:100%;max-width:500px;position:relative}.search-icon{width:18px;height:18px;color:var(--text);pointer-events:none;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.search-input{box-sizing:border-box;border:1px solid var(--border);border-radius:30px;outline:none;width:100%;padding:8px 20px 8px 48px;font-size:.9rem;transition:all .3s;box-shadow:0 4px 10px #0000000d}.search-input:focus{border-color:var(--accent)}.entities-list{flex-direction:column;gap:15px;width:100%;max-width:600px;margin:0 auto;padding:0;list-style:none;display:flex}.entities-list-not-editable{max-width:600px}.entity-item-wrapper{background:#fff;border:1px solid #eee;border-radius:10px;transition:box-shadow .3s,border-color .3s;animation:1s cubic-bezier(.16,1,.3,1) forwards slideUp;overflow:hidden;box-shadow:0 2px 8px #00000005}.entity-item-wrapper:hover{border-color:#ddd;box-shadow:0 6px 15px #0000000d}.entity-info-not-editable{gap:4px}.building-info{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.building-name{color:#222;font-size:1.1rem;font-weight:700}.building-address{color:#666;font-size:.9rem}.select-arrow{color:#999;flex-shrink:0;margin-left:5px;transition:transform .3s;position:absolute;right:20px}.select-arrow.open{color:var(--accent);transform:rotate(180deg)}.entity-as-btn{cursor:pointer;background-color:#fcfcfc;justify-content:center;align-items:center;padding:15px 35px;transition:background-color .2s;display:flex;position:relative}.entity-as-btn:hover{background-color:#f5f5f5}.entity-as-btn.selected{border-left:4px solid var(--accent);background-color:#f0f7ff}.entity-as-btn:hover:not(.selected){background-color:#f5f5f5}.entity-as-btn-not-editable{padding:10px 15px}.expanded-panel{transform-origin:top;background-color:#fff;border-top:1px solid #eee;padding:20px;animation:.6s cubic-bezier(.16,1,.3,1) forwards slideDown}.action-buttons-container{justify-content:center;gap:30px;display:flex}.action-btn{cursor:pointer;border:none;border-radius:25px;align-items:center;gap:8px;padding:10px 25px;font-weight:700;transition:all .2s;display:flex}.action-btn:disabled{cursor:not-allowed;opacity:.6}.edit-btn{color:#333;background-color:#f0f0f0}.edit-btn:not(:disabled):hover{background-color:#e0e0e0}.delete-btn{color:#f93232;background-color:#ffeaea}.delete-btn:not(:disabled):hover{color:#fff;background-color:#f93232}.edit-card{box-shadow:none;border:1px dashed #ccc;margin-top:20px;margin-bottom:0}.pagination-container{justify-content:center;align-items:center;gap:20px;margin-top:40px;display:flex}.pagination-btn{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:20px;padding:8px 16px;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#f0f0f0}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{color:#555;font-weight:600}.modal-container{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9000;background-color:#0009;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s forwards fadeIn;display:flex;position:fixed;top:0;left:0}.modal-box{text-align:center;transform-origin:50%;background:#fff;border-radius:12px;max-width:400px;padding:30px;animation:.4s cubic-bezier(.16,1,.3,1) forwards scaleIn;box-shadow:0 10px 30px #0003}.warning-text{color:#f93232;margin-top:10px;margin-bottom:20px;font-weight:700;display:block}.error-card{text-align:center;color:#d63031;background-color:#fff0f0;border:1px solid #ffdbdb;border-radius:16px;margin-top:50px;padding:40px 20px;animation:.5s cubic-bezier(.16,1,.3,1) forwards scaleIn}.error-card svg{margin-bottom:15px}.error-card h4{color:#d63031;margin:0 0 10px}.loading-container{color:#888;flex-direction:column;justify-content:center;align-items:center;padding:80px 0;display:flex}.loading-spinner{border:4px solid #00845a33;border-left-color:var(--accent);border-radius:50%;width:40px;height:40px;margin-bottom:15px;animation:1s linear infinite spin}.footer{background-color:#f8f9fa;border-top:1px solid #eaeaea;justify-content:center;align-items:center;height:auto;min-height:40px;margin-top:auto;padding:20px;display:flex;position:relative}.footer small{color:#7f8c8d;text-align:center;font-size:.9rem}.login-btn{color:var(--accent,#00845a);border-radius:20px;padding:4px 10px;font-size:.9rem;text-decoration:none;transition:all .2s;display:inline-block;position:absolute;right:40px}.login-btn:hover{background-color:var(--accent,#00845a);color:#fff}.animate-up{animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeUpward}@keyframes fadeUpward{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:scaleY(.9)translateY(-10px)}to{opacity:1;transform:scaleY(1)translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media screen and (width<=768px){.footer{flex-direction:column;gap:5px;padding:25px 20px}.login-btn{width:auto;display:inline-block;position:relative!important;right:auto!important}}@media (hover:hover){.save-form-btn:not(:disabled):hover{background-color:var(--green-btn-h)}}.save-form-btn:not(:disabled):active{background-color:var(--green-btn-h);transform:scale(.98)}.select-bar{border:1px solid var(--border);border-radius:8px;outline:none;min-width:250px;max-width:400px;margin:0 auto;padding:10px 15px;box-shadow:0 2px 4px #0000001a}.user-option-btn{font-family:var(--sans);background-color:var(--green-btn);color:#fff;border-radius:12px;flex-direction:column;min-width:300px;max-width:500px;margin:20px auto 0;padding:10px;font-size:1rem;text-decoration:none;display:flex;box-shadow:0 2px 4px #0003}.user-option-btn:not(:disabled):hover{background-color:var(--green-btn-h)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.header-outer-wrapper{z-index:1000;pointer-events:none;justify-content:center;align-items:center;width:100%;transition:transform 2s cubic-bezier(.16,1,.3,1),opacity .4s,padding .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;left:0}.header-outer-wrapper.home-top{padding:0}.header-outer-wrapper.home-scrolled{padding:15px 0}.header-outer-wrapper.other-pages-sticky{background-color:var(--bg);border-bottom:1px solid var(--border,#eaeaea);position:relative!important}.header-outer-wrapper.header-hidden{opacity:0;transform:translateY(-120%)}.header-outer-wrapper.wrapper-menu-open{padding:15px 0!important}.header-inner-pill{border-bottom:1px solid var(--border);box-sizing:border-box;pointer-events:auto;background-color:#fff;justify-content:space-between;align-items:center;width:100%;padding:5px 25px;transition:all .8s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 2px 10px #0000000d}.header-inner-pill.floating-pill{-webkit-backdrop-filter:blur(10px);background-color:#ffffffd9;border:none;border-radius:50px;width:85%;max-width:1200px;padding:5px 30px;box-shadow:0 10px 30px #0000001a}.logo{object-fit:contain;cursor:pointer;width:80px;transition:all .3s}.floating-pill .logo{width:60px}.header-inner-pill.menu-is-open .logo{transform:translate(40%)}.desktop-nav{align-items:center;gap:30px;display:flex}.header-btn{color:var(--text-h);cursor:pointer;font-weight:650;text-decoration:none;transition:color .2s}.header-btn:hover{color:var(--accent)}.projects-dropdown-container{cursor:pointer;position:relative}.chevron-icon{transition:transform .4s}.chevron-icon.rotate{transform:rotate(180deg)}.projects-menu{z-index:100;transform-origin:top;background-color:#fff;border-radius:10px;min-width:220px;max-height:350px;padding:10px 0;animation:.8s cubic-bezier(.16,1,.3,1) forwards slideDownMenu;position:absolute;top:calc(100% + 18px);left:0;overflow-y:auto;box-shadow:0 10px 30px #0000001a}.floating-pill .projects-menu{background-color:#fffffff2}@keyframes slideDownMenu{0%{opacity:.4;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}.dropdown-item{color:#555;border-bottom:1px solid #f9f9f9;padding:10px 20px;font-size:.9rem;transition:background-color .2s}.dropdown-item:hover{color:var(--accent);background-color:#00000008}.username-btn{background-color:var(--accent);color:#fff;border-radius:20px;padding:6px 16px;font-weight:700;text-decoration:none}.username-btn:hover{background-color:var(--accent-h)}.hamburger{cursor:pointer;z-index:1100;flex-direction:column;gap:5px;padding:5px;display:none}.hamburger span{background-color:var(--text-h,#333);border-radius:3px;width:25px;height:3px;transition:all .3s ease-in-out}.mobile-nav-overlay{z-index:900;opacity:0;visibility:hidden;background-color:#00000080;width:100%;height:100vh;transition:opacity .4s,visibility .4s;position:fixed;top:0;left:0}.header-inner-pill.menu-is-open{box-shadow:none!important;-webkit-backdrop-filter:none!important;background-color:#0000!important;border:none!important;border-radius:50px!important;width:92%!important;padding:5px 20px!important}.header-inner-pill.menu-is-open .logo{width:60px!important}.mobile-nav-overlay.mobile-open{opacity:1;visibility:visible}.mobile-nav-content{background-color:#fff;flex-direction:column;align-items:flex-start;gap:35px;width:280px;height:100%;padding:100px 30px 30px;transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-5px 0 20px #0000001a}.mobile-nav-overlay.mobile-open .mobile-nav-content{transform:translate(0)}.mobile-projects-wrapper{width:100%}.mobile-projects-list{border-left:2px solid var(--border);flex-direction:column;gap:15px;margin-top:15px;margin-left:5px;padding-left:15px;display:flex}.mobile-dropdown-item{color:#555;font-size:.95rem}@media screen and (width<=768px){.desktop-nav{display:none}.hamburger{display:flex}.hamburger.open span:first-child{transform:translateY(8px)rotate(45deg)}.hamburger.open span:nth-child(2){transform:scaleX(0)}.hamburger.open span:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.header-inner-pill.floating-pill{width:92%;padding:5px 20px}}.home-container{padding-top:80px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden}.hero-section{justify-content:center;align-items:center;height:85vh;display:flex;position:relative;overflow:hidden}.hero-section:after{content:"";background:linear-gradient(to bottom, #fff0 0%, var(--bg) 100%);z-index:2;pointer-events:none;width:100%;height:5vh;position:absolute;bottom:0;left:0}.hero-animation-wrapper{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.hero-background{background-image:url(/assets/ConstructionSiteMain-CDLeIdmy.png);background-position:50%;background-size:cover;width:100%;height:130%;position:absolute;top:-15%;left:0}.hero-overlay{z-index:2;background:#00000080;width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{text-align:center;color:var(--text);z-index:3;max-width:800px;padding:20px;position:relative}.hero-content h1{color:#f7da68b3;text-shadow:2px 2px 10px #00000080;margin-bottom:20px;font-size:3.5rem;font-weight:800;line-height:1.1}.hero-content p{text-shadow:1px 1px 5px #00000080;margin-bottom:40px;font-size:1.3rem;line-height:1.6}.see-more-btn{color:#fff;cursor:pointer;background-color:#0000;border:2px solid #fff;border-radius:30px;padding:12px 30px;font-size:1.1rem;transition:all .3s}.see-more-btn:hover{color:#333;background-color:#fff}.mission-section{background-color:var(--bg);border:1px solid var(--border);border-radius:12px;justify-content:center;align-items:center;max-width:800px;min-height:auto;margin:40px auto;padding:40px;display:flex}.mission-content{opacity:0;text-align:left;border-left:5px solid #0056b3;max-width:700px;padding-left:16px;transition:opacity 1s ease-out,transform 1s cubic-bezier(.16,1,.3,1);transform:translate(-100px)}.mission-content h2{color:#333;margin-bottom:20px;font-size:2.5rem}.mission-content p{color:#555;font-size:1.2rem;line-height:1.8}.mission-divider{opacity:.3;background-color:#fff;width:100%;height:1px;margin:12px 0;display:block}.mission-content.is-visible{opacity:1;transform:translate(0)}.features-section{background-color:var(--bg);opacity:0;padding:40px 20px}.features-header{text-align:center;margin-bottom:60px}.features-header h2{color:#222;letter-spacing:-1px;margin-bottom:10px;font-size:3rem;font-weight:800}.features-header p{color:var(--accent);margin:0;font-size:1.5rem;font-weight:600}.bento-grid{grid-template-columns:repeat(3,1fr);gap:25px;max-width:1000px;margin:0 auto;display:grid}.bento-card{background:#fff;border:1px solid #f0f0f0;border-radius:20px;flex-direction:column;gap:15px;padding:35px 30px;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 10px 40px #00000008}.bento-card:hover{transform:translateY(-5px);box-shadow:0 15px 50px #0000000f}.highlight-card{background:linear-gradient(135deg,#f8faff 0%,#fff 100%);border:1px solid #e1ebfa;grid-column:span 2}.bento-icon{width:50px;height:50px;color:var(--accent,#0056b3);background-color:#f4f6f8;border-radius:12px;justify-content:center;align-items:center;margin-bottom:10px;display:flex}.highlight-card .bento-icon{background-color:#e6f0ff}.bento-card h3{color:#333;margin:0;font-size:1.3rem}.bento-card p{color:#666;margin:0;font-size:1.05rem;line-height:1.6}.showcase-section{background-color:var(--accent);text-align:center;opacity:0;padding:100px 20px 150px;position:relative;overflow:hidden}.showcase-content h2{color:#fff;margin-bottom:10px;font-size:3rem}.showcase-content p{color:#aaa;margin-bottom:50px;font-size:1.2rem}.showcase-bg-glow{z-index:1;pointer-events:none;background:radial-gradient(circle,#0056b366 0%,#0000 70%);width:600px;height:400px;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.screenshot-wrapper{z-index:2;border:1px solid #ffffff1a;border-radius:16px;max-width:600px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000080}.screenshot-image{background-image:url(/assets/ProgressUpdate-DYtYj-aF.png);background-position:top;background-repeat:no-repeat;background-size:100%;width:100%;height:650px;display:block}.problem-section{opacity:0;background-color:#fcfcfc;justify-content:center;align-items:center;padding:100px 20px;display:flex}.problem-container{text-align:center;max-width:800px}.problem-text-box p{color:#555;margin-top:20px;font-size:1.3rem;line-height:1.8}.gradient-text{background:linear-gradient(90deg,#f93232 0%,#ff7b7b 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;width:fit-content;margin:0;padding-top:5px;padding-bottom:10px;font-size:3rem;font-weight:800;line-height:1.2}@media screen and (width<=900px){.bento-grid{grid-template-columns:1fr}.highlight-card{grid-column:span 1}.features-header h2,.gradient-text,.showcase-content h2{font-size:2.2rem}}.animate-reveal-left-right{animation:1.5s cubic-bezier(.77,0,.175,1) forwards revealLeftToRight}@keyframes revealLeftToRight{0%{clip-path:inset(0 100% 0 0);transform:scale(1.05)}to{clip-path:inset(0);transform:scale(1)}}.animate-drop-down{opacity:0;animation:1s ease-out .5s forwards dropDown}.animate-drop-down-delayed{opacity:0;animation:1s ease-out .8s forwards dropDown}@keyframes dropDown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-delayed{opacity:0;animation:1s ease-out 1.2s forwards fadeIn}.footer{border-top:1px solid var(--border);justify-content:center;align-items:center;margin-top:auto;padding:15px;display:flex;position:relative}.login-btn{color:var(--text);font-size:15px;text-decoration:none;position:absolute;right:20px}.login-btn:hover{opacity:.7}.login-form{flex-direction:column;align-items:center;gap:10px;display:flex}.error-invalid-credentials{color:red;font-size:14px}.qr-page-container{max-width:800px;font-family:var(--sans);box-sizing:border-box;width:100%;margin:0 auto;padding:40px 20px}.qr-header-card{text-align:center;background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);border:1px solid #eee;border-radius:20px;margin-bottom:40px;padding:20px;animation:.6s cubic-bezier(.16,1,.3,1) forwards slideDown;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000000a}.qr-welcome-badge{background-color:var(--code-bg);color:var(--accent);letter-spacing:1px;text-transform:uppercase;border-radius:20px;margin-bottom:15px;padding:5px 15px;font-size:.85rem;font-weight:700;display:inline-block}.qr-apartment-title{color:var(--text-h);letter-spacing:-1px;margin:0 0 5px;font-size:2.5rem}.qr-apartment-floor{color:#7f8c8d;margin:0;font-size:1.1rem;font-weight:500}.qr-timeline-header{border-bottom:2px solid #f0f0f0;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px;display:flex}.qr-timeline-header h3{color:var(--text-h);margin:0;font-size:1.4rem}.qr-updates-count{background-color:var(--code-bg);color:#555;border-radius:20px;padding:4px 12px;font-size:.85rem;font-weight:700}.qr-timeline-wrapper{border-left:3px solid var(--accent);margin-left:20px;padding-left:30px}.qr-timeline-item{opacity:0;margin-bottom:40px;animation:.5s cubic-bezier(.16,1,.3,1) forwards slideLeft;position:relative}.qr-timeline-item:last-child{margin-bottom:0}.qr-timeline-dot{background-color:var(--accent);border:4px solid #fff;border-radius:50%;width:18px;height:18px;position:absolute;top:0;left:-44px;box-shadow:0 0 0 2px #00845a1a}.qr-progress-card{background-color:#fff;border:1px solid #f1f2f6;border-radius:12px;padding:25px;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 20px #0000000f}.qr-progress-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000001a}.qr-progress-header{flex-wrap:nowrap;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:15px;display:flex}.qr-progress-title-group{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.qr-progress-title-group h4{color:var(--text-h);margin:0;font-size:1.25rem}.qr-date{color:#95a5a6;align-items:center;gap:5px;font-size:.85rem;display:flex}.qr-stage-pill{color:var(--accent);border:1px solid var(--border);border-radius:20px;padding:6px 10px;font-size:.75rem;font-weight:600}.qr-progress-desc{color:#666;margin:0 0 20px;font-size:.95rem;line-height:1.6}.qr-image-gallery{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#ccc transparent;gap:15px;padding-bottom:10px;display:flex;overflow-x:auto}.qr-image-gallery::-webkit-scrollbar{height:6px}.qr-image-gallery::-webkit-scrollbar-track{background:0 0}.qr-image-gallery::-webkit-scrollbar-thumb{background-color:#ddd;border-radius:10px}.qr-image-gallery:before,.qr-image-gallery:after{content:"";margin:auto}.qr-image-wrapper{flex-direction:column;flex-shrink:0;gap:8px;width:180px;display:flex}.qr-image-wrapper img{object-fit:cover;border:1px solid #eaeaea;border-radius:8px;width:100%;height:130px}.qr-image-wrapper img.clickable-image{cursor:pointer;transition:opacity .2s}.qr-image-wrapper img.clickable-image:hover{opacity:.85}.qr-image-caption{color:#888;text-align:center;white-space:normal;word-wrap:break-word;padding:0 5px;font-size:.8rem;font-style:italic;line-height:1.3}.qr-fullscreen-modal{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10000;box-sizing:border-box;cursor:zoom-out;background-color:#000000d9;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;animation:.3s forwards fadeIn;display:flex;position:fixed;top:0;left:0}.qr-fullscreen-modal img{object-fit:contain;cursor:default;border-radius:8px;max-width:100%;max-height:100%;animation:.3s cubic-bezier(.16,1,.3,1) forwards scaleIn;transform:scale(.95);box-shadow:0 10px 40px #0000004d}.qr-modal-close{color:#fff;cursor:pointer;z-index:10001;font-size:40px;font-weight:700;transition:color .2s;position:absolute;top:20px;right:30px}.qr-modal-close:hover{color:#ccc}.qr-empty-state{text-align:center;color:#999;background-color:#fafafa;border:1px dashed #ddd;border-radius:12px;padding:40px;font-style:italic}@keyframes slideLeft{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media screen and (width<=600px){.qr-timeline-wrapper{margin-left:0;padding-left:20px}.qr-timeline-dot{left:-34px}.qr-progress-card{padding:15px}.qr-apartment-title{font-size:2rem}}