@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--bg-main:#f4f6fb;--bg-secondary:#eef2f6;--primary:#0284c7;--primary-hover:#0369a1;--text-main:#1e293b;--text-color:#1e293b;--text-muted:#64748b;--text-light:#64748b;--card-bg:#ffffffbf;--border-color:#e2e8f0cc;--border-glass:#ffffffe6;--grad-blue:linear-gradient(135deg, #0284c7 0%, #38bdf8 100%);--grad-mint:linear-gradient(135deg, #10b981 0%, #34d399 100%);--grad-violet:linear-gradient(135deg, #8b5cf6 0%, #c084fc 100%);--grad-orange:linear-gradient(135deg, #f97316 0%, #fdba74 100%);--grad-red:linear-gradient(135deg, #ef4444 0%, #f87171 100%);--grad-dark:linear-gradient(135deg, #0f172a 0%, #334155 100%);--grad-glass:linear-gradient(135deg, #ffffffd9 0%, #ffffff8c 100%);--shadow-soft:0 16px 36px #12263f12;--shadow-inner:inset 0 2px 4px #ffffffe6, inset 0 -2px 4px #12263f0a;--shadow-3d-button:0 4px 14px #0284c747, inset 0 1px 0 #fff9, inset 0 -2px 0 #00000024;--shadow-3d-button-hover:0 8px 22px #0284c766, inset 0 1px 0 #fffc, inset 0 -2px 0 #00000024;--shadow-3d-card:0 20px 40px -10px #0f172a14, 0 1px 3px #0f172a0a, inset 0 1px 0 #ffffffe6;--shadow-float:0 24px 48px -12px #0f172a1f;--radius-lg:24px;--radius-md:16px;--radius-sm:10px;--radius-pill:9999px;--trans-bouncy:all .25s cubic-bezier(.175, .885, .32, 1.275);--trans-smooth:all .2s ease-in-out}*{box-sizing:border-box;margin:0;padding:0}body{zoom:.8;background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;background-image:radial-gradient(at 0 0,#38bdf817 0,#0000 55%),radial-gradient(at 100% 0,#8b5cf614 0,#0000 55%),radial-gradient(at 80% 80%,#34d39912 0,#0000 50%),radial-gradient(at 20% 90%,#f973160f 0,#0000 50%);background-attachment:fixed;min-height:100vh;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}.glass-card,.form-card,.table-container,.feature-card,.metric-card,.list-column{background:var(--card-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);box-shadow:var(--shadow-3d-card);border-radius:var(--radius-lg);transition:var(--trans-bouncy)}.glass-card:hover{box-shadow:var(--shadow-float), var(--shadow-inner);transform:translateY(-4px)scale(1.004)}.btn-primary,button.btn-primary{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(#38bdf8 0%,#0284c7 100%);border:1px solid #0284c7;border-bottom:4px solid #0369a1;border-radius:14px;justify-content:center;align-items:center;gap:.5rem;padding:11px 24px;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .12s ease-out;display:inline-flex;box-shadow:0 5px 12px #0284c759,inset 0 1px #fff9}.btn-primary:hover{color:#fff;background:linear-gradient(#60a5fa 0%,#0284c7 100%);border-bottom:5px solid #0369a1;transform:translateY(-2px);box-shadow:0 8px 18px #0284c773,inset 0 1px #fffc}.btn-primary:active{border-bottom:1px solid #0369a1;transform:translateY(3px);box-shadow:0 1px 3px #0284c733,inset 0 2px 3px #0003}.btn-secondary,button.btn-secondary{color:#1e293b;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(#fff 0%,#f1f5f9 100%);border:1px solid #cbd5e1;border-bottom:3.5px solid #94a3b8;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:9px 20px;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .12s ease-out;display:inline-flex;box-shadow:0 4px 8px #12263f0f,inset 0 1px #fff}.btn-secondary:hover{color:#0284c7;border-bottom:4.5px solid #64748b;transform:translateY(-2px);box-shadow:0 8px 16px #12263f1a,inset 0 1px #fff}.btn-secondary:active{border-bottom:1px solid #94a3b8;transform:translateY(2.5px);box-shadow:0 1px 2px #12263f0a,inset 0 2px 3px #00000014}.icon-btn{cursor:pointer;border-radius:var(--radius-sm);color:var(--text-muted);transition:var(--trans-bouncy);background:#fffc;border:1px solid #ffffffe6;justify-content:center;align-items:center;gap:4px;padding:8px;display:flex;box-shadow:0 2px 6px #0000000a,inset 0 1px #ffffffe6}.icon-btn:hover{color:var(--primary);background:#fff;transform:translateY(-2px);box-shadow:0 5px 12px #0284c726}.icon-btn:active{transform:translateY(1px)}.header-nav{z-index:100;-webkit-backdrop-filter:blur(18px);background:#ffffffc7;border-bottom:1px solid #ffffffd9;justify-content:space-between;align-items:center;width:100%;padding:.85rem 2.5rem;display:flex;position:fixed;top:0;left:0;box-shadow:0 10px 30px #0f172a0a}.logo{letter-spacing:-.03em;color:#000;background:0 0;-webkit-background-clip:unset;-webkit-text-fill-color:#000;transition:var(--trans-smooth);align-items:center;font-size:1.45rem;font-weight:800;text-decoration:none;display:flex}.logo span{color:#000;-webkit-text-fill-color:#000}.logo:hover{opacity:.9;transform:scale(1.02)}.logo-img{object-fit:contain;filter:drop-shadow(0 4px 10px #0284c747);-webkit-text-fill-color:initial;border-radius:8px;width:38px;height:38px;margin-right:10px;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.logo:hover .logo-img{transform:rotate(-4deg)scale(1.08)}.nav-links{align-items:center;gap:1.25rem;display:flex}.nav-links a{color:var(--text-main);border-radius:var(--radius-pill);transition:var(--trans-bouncy);margin-left:0;padding:.5rem 1rem;font-size:.92rem;font-weight:600;text-decoration:none}.nav-links a:hover{color:var(--primary);background:#0284c714;transform:translateY(-1px)}.hero-dark{background:#000;justify-content:center;align-items:center;width:100%;min-height:72vh;margin-top:60px;padding:5rem 1.5rem 6.5rem;display:flex;position:relative;overflow:hidden}.hero-radial-glow{pointer-events:none;z-index:1;filter:blur(50px);background:radial-gradient(circle,#0284c747 0%,#38bdf81a 45%,#0000 70%);width:750px;height:520px;position:absolute;top:35%;left:50%;transform:translate(-50%,-50%)}.hero-grid-pattern{display:none}.hero-content{z-index:2;text-align:center;flex-direction:column;align-items:center;max-width:860px;display:flex;position:relative}.hero-logo-box{justify-content:center;align-items:center;margin-bottom:1.75rem;display:inline-flex;position:relative}.hero-logo-halo{filter:blur(20px);pointer-events:none;background:radial-gradient(circle,#38bdf859 0%,#0000 70%);border-radius:40px;position:absolute;inset:-15px}.hero-logo-image{object-fit:contain;filter:drop-shadow(0 18px 40px #0284c780)drop-shadow(0 0 35px #fff3);z-index:2;border-radius:36px;width:180px;height:180px;transition:transform .4s cubic-bezier(.34,1.56,.64,1);position:relative}.hero-logo-box:hover .hero-logo-image{transform:scale(1.06)rotate(-2deg)}.hero-badge-pill{border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#94a3b8;letter-spacing:.08em;text-transform:uppercase;background:#ffffff14;border:1px solid #ffffff2e;align-items:center;gap:8px;margin-bottom:1.25rem;padding:6px 18px;font-size:.78rem;font-weight:700;display:inline-flex}.hero-badge-dot{background:#38bdf8;border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #38bdf8}.hero-headline{letter-spacing:-.035em;color:#fff;text-shadow:0 4px 24px #000000e6;margin-bottom:.85rem;font-size:3.6rem;font-weight:800;line-height:1.15}.hero-description{color:#94a3b8;max-width:680px;margin-bottom:2.25rem;font-size:1.15rem;line-height:1.65}.hero-quick-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.btn-hero-primary{border-radius:var(--radius-pill);color:#fff;background:linear-gradient(135deg,#0284c7 0%,#38bdf8 100%);align-items:center;gap:9px;padding:12px 30px;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:inline-flex;box-shadow:0 12px 28px #0284c766,inset 0 1px #fff6}.btn-hero-primary:hover{color:#fff;transform:translateY(-2px)scale(1.02);box-shadow:0 16px 36px #0284c780,inset 0 1px #fff9}.btn-hero-secondary{border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#f1f5f9;background:#ffffff14;border:1px solid #fff3;align-items:center;gap:9px;padding:12px 28px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.btn-hero-secondary:hover{color:#fff;background:#ffffff29;border-color:#ffffff59;transform:translateY(-2px)}.hero-bottom-gradient{pointer-events:none;z-index:2;background:linear-gradient(#0000 0%,#f4f6fb66 60%,#f4f6fb 100%);height:110px;position:absolute;bottom:0;left:0;right:0}.home-stats-wrapper{z-index:10;max-width:1180px;margin:-50px auto 3rem;padding:0 1.5rem;position:relative}.home-stats-ribbon{-webkit-backdrop-filter:blur(22px);background:#ffffffe0;border:1px solid #fffffff2;border-radius:24px;grid-template-columns:repeat(4,1fr);align-items:center;gap:1rem;padding:1.25rem 2.25rem;display:grid;box-shadow:0 20px 45px #0f172a14,inset 0 2px 4px #fff}.stat-pill-item{align-items:center;gap:14px;display:flex}.stat-pill-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex;box-shadow:0 6px 14px #0000001f,inset 0 1px 2px #fff6}.stat-pill-data{flex-direction:column;display:flex}.stat-pill-value{color:#0f172a;letter-spacing:-.02em;font-size:1.45rem;font-weight:800;line-height:1.2}.stat-pill-label{color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-size:.78rem;font-weight:600}.stat-pill-divider{background:linear-gradient(#0000 0%,#cbd5e1b3 50%,#0000 100%);width:1px;height:40px;margin:0 auto}@media (width<=900px){.home-stats-ribbon{grid-template-columns:repeat(2,1fr);gap:1.5rem}.stat-pill-divider{display:none}}.features-section{max-width:1280px;margin:0 auto;padding:1.5rem 1.5rem 6.5rem}.features-header{text-align:center;max-width:760px;margin-bottom:3.5rem;margin-left:auto;margin-right:auto}.features-badge{border-radius:var(--radius-pill);color:#0284c7;letter-spacing:.06em;background:#0284c71a;border:1px solid #0284c733;align-items:center;gap:7px;margin-bottom:1rem;padding:5px 15px;font-size:.8rem;font-weight:700;display:inline-flex}.section-title{text-align:center;letter-spacing:-.03em;background:linear-gradient(135deg,#0f172a 0%,#334155 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:.5rem 0 .85rem;font-size:2.5rem;font-weight:800;line-height:1.25}.features-subtext{color:var(--text-muted);max-width:680px;margin:0 auto;font-size:1.05rem;line-height:1.6}.features-cards-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:2.25rem;display:grid}.feature-card-link{color:inherit;height:100%;text-decoration:none;display:block}.feature-card-3d{-webkit-backdrop-filter:blur(20px);background:linear-gradient(150deg,#fffffff2 0%,#f8fafccc 100%);border:1px solid #fffffff2;border-radius:28px;flex-direction:column;height:100%;padding:2.5rem 2.25rem;transition:all .35s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden;box-shadow:0 20px 45px #0f172a0f,inset 0 2px 4px #ffffffe6}.feature-card-3d:hover{transform:translateY(-10px)scale(1.02);box-shadow:0 32px 64px #0f172a1f,inset 0 2px 4px #fff}.card-blue:hover{border-color:#38bdf88c}.card-violet:hover{border-color:#c084fc8c}.card-mint:hover{border-color:#34d3998c}.card-top-row{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.feature-icon-box{border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;width:66px;height:66px;transition:transform .3s;display:flex}.feature-card-3d:hover .feature-icon-box{transform:scale(1.08)rotate(-3deg)}.icon-blue{color:#fff;background:linear-gradient(135deg,#0284c7 0%,#38bdf8 100%);box-shadow:0 10px 24px #0284c759,inset 0 2px 4px #fff6}.icon-violet{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#c084fc 100%);box-shadow:0 10px 24px #8b5cf659,inset 0 2px 4px #fff6}.icon-mint{color:#fff;background:linear-gradient(135deg,#10b981 0%,#34d399 100%);box-shadow:0 10px 24px #10b98159,inset 0 2px 4px #fff6}.card-badge{border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.04em;padding:5px 13px;font-size:.76rem;font-weight:700}.badge-blue{color:#0284c7;background:#0284c71a;border:1px solid #0284c733}.badge-violet{color:#7c3aed;background:#8b5cf61a;border:1px solid #8b5cf633}.badge-mint{color:#059669;background:#10b9811a;border:1px solid #10b98133}.card-title{color:#0f172a;letter-spacing:-.02em;margin-bottom:.75rem;font-size:1.45rem;font-weight:800}.card-desc{color:#64748b;margin-bottom:1.75rem;font-size:.95rem;line-height:1.6}.card-checklist{flex-direction:column;gap:.75rem;margin-top:auto;margin-bottom:2rem;display:flex}.checklist-item{color:#334155;align-items:center;gap:10px;font-size:.88rem;font-weight:600;display:flex}.check-icon.blue{color:#0284c7}.check-icon.violet{color:#8b5cf6}.check-icon.mint{color:#10b981}.card-cta-btn{border-radius:18px;justify-content:space-between;align-items:center;padding:13px 22px;font-size:.92rem;font-weight:700;transition:all .25s;display:flex}.btn-blue{color:#0284c7;background:#0284c714;border:1px solid #0284c72e}.feature-card-3d:hover .btn-blue{color:#fff;background:linear-gradient(135deg,#0284c7 0%,#38bdf8 100%);border-color:#0000;box-shadow:0 10px 24px #0284c759}.btn-violet{color:#7c3aed;background:#8b5cf614;border:1px solid #8b5cf62e}.feature-card-3d:hover .btn-violet{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#c084fc 100%);border-color:#0000;box-shadow:0 10px 24px #8b5cf659}.btn-mint{color:#059669;background:#10b98114;border:1px solid #10b9812e}.feature-card-3d:hover .btn-mint{color:#fff;background:linear-gradient(135deg,#10b981 0%,#34d399 100%);border-color:#0000;box-shadow:0 10px 24px #10b98159}.cta-arrow{transition:transform .25s}.feature-card-3d:hover .cta-arrow{transform:translate(6px)}.crm-page-container{min-height:100vh;padding-top:90px}.crm-main{max-width:1320px;margin:0 auto;padding:2rem}.crm-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.crm-header h1{letter-spacing:-.02em;font-size:2.2rem;font-weight:800}.crm-actions{align-items:center;gap:1rem;display:flex}.search-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-glass);border-radius:var(--radius-pill);width:380px;transition:var(--trans-smooth);background:#ffffffd9;align-items:center;padding:.65rem 1.25rem;display:flex;box-shadow:inset 0 1px 3px #12263f0d,0 2px 6px #00000005}.search-bar:focus-within{background:#fff;border-color:#38bdf8;box-shadow:0 0 0 4px #38bdf82e,inset 0 1px 2px #00000008}.search-icon{color:var(--text-muted);margin-right:.6rem}.search-bar input{width:100%;color:var(--text-main);background:0 0;border:none;outline:none;font-family:inherit;font-size:.95rem}.table-container{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--radius-lg);border:1px solid var(--border-glass);box-shadow:var(--shadow-3d-card);background:#fffc;overflow:hidden}.crm-table{border-collapse:collapse;text-align:left;width:100%}.crm-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;background:#f1f5f9b3;border-bottom:1px solid #e2e8f0cc;padding:1.1rem 1.5rem;font-size:.8rem;font-weight:700}.crm-table td{border-bottom:1px solid #e2e8f080;padding:1.1rem 1.5rem;font-size:.95rem}.crm-table tr:hover{background-color:#f8fafccc}.crm-table tr:last-child td{border-bottom:none}.status-badge{border-radius:var(--radius-pill);letter-spacing:.02em;align-items:center;gap:6px;padding:.35rem .9rem;font-size:.82rem;font-weight:600;display:inline-flex;box-shadow:inset 0 1px #fffc}.status-active,.status-pill.rented{color:#dc2626;background:#ef44441f;border:1px solid #ef444433}.status-vacant,.status-pill.vacant{color:#059669;background:#10b9811f;border:1px solid #10b98133}.status-pending{color:#d97706;background:#f59e0b1f;border:1px solid #f59e0b33}.status-inactive,.status-pill.other{color:#475569;background:#64748b1f;border:1px solid #64748b33}.form-card{margin-bottom:2rem;padding:2.2rem}.form-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.5rem;font-size:.85rem;font-weight:700}.form-group input,.form-group select,.form-group textarea,.form-control{border-radius:var(--radius-sm);transition:var(--trans-smooth);background:#ffffffe6;border:1px solid #cbd5e1cc;outline:none;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;box-shadow:inset 0 1px 2px #0000000a}.form-group input:focus,.form-group select:focus,.form-control:focus{background:#fff;border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf840,inset 0 1px 2px #00000008}.login-page,.login-container{justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.login-card{-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-lg);box-shadow:0 25px 60px -15px #12263f26, var(--shadow-inner);background:#ffffffd9;border:1px solid #fffffff2;width:100%;max-width:440px;padding:3.5rem 3rem}.login-header h2{letter-spacing:-.03em;background:var(--grad-blue);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.4rem;font-size:1.85rem;font-weight:800}.builder-page{flex-direction:column;height:125vh;padding-top:75px;display:flex}.builder-layout{flex:none;height:calc(125vh - 75px);display:flex;overflow:hidden}.builder-sidebar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:5;background:#ffffffd1;border-right:1px solid #ffffffe6;flex-direction:column;width:255px;display:flex;overflow-y:auto;box-shadow:4px 0 20px #0f172a08}.sidebar-header{background:#f8fafc80;border-bottom:1px solid #e2e8f099;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.sidebar-header h3{color:var(--text-main);font-size:1.15rem;font-weight:800}.room-node{border-radius:var(--radius-sm);cursor:pointer;transition:var(--trans-bouncy);border:1px solid #0000;justify-content:space-between;align-items:center;margin-bottom:.35rem;padding:.65rem .9rem;display:flex}.room-node:hover{background:#fffffff2;border-color:#e2e8f0cc;transform:translate(3px);box-shadow:0 4px 10px #12263f0a}.room-node.active{color:var(--primary);background:#fff;border-color:#38bdf866;font-weight:700;box-shadow:0 4px 12px #0284c71f,inset 0 1px #fff}.builder-main{background:0 0;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.builder-content{flex:1;min-height:0;overflow:hidden}.builder-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:4;background:#ffffffb3;border-bottom:1px solid #ffffffd9;align-items:center;gap:1.25rem;padding:.85rem 2rem;display:flex}.active-room-badge{color:var(--primary);border-radius:var(--radius-pill);background:linear-gradient(135deg,#0284c71a 0%,#38bdf826 100%);border:1px solid #0284c740;padding:.35rem .95rem;font-size:.85rem;font-weight:600;box-shadow:inset 0 1px #fffc}.canvas-container{flex-direction:column;height:100%;min-height:0;display:flex;position:relative}.toolbar{-webkit-backdrop-filter:blur(20px);z-index:10;background:#ffffffd9;border-bottom:1px solid #ffffffe6;align-items:center;gap:1.5rem;padding:.65rem 1.25rem;display:flex;box-shadow:0 8px 24px #0f172a0d}.tool-group{align-items:center;gap:.5rem;display:flex}.tool-btn{cursor:pointer;color:#334155;-webkit-user-select:none;user-select:none;background:linear-gradient(#fff 0%,#f8fafc 100%);border:1px solid #cbd5e1;border-bottom:3.5px solid #94a3b8;border-radius:12px;align-items:center;gap:.5rem;padding:8px 16px;font-size:.88rem;font-weight:700;transition:all .12s ease-out;display:inline-flex;box-shadow:0 4px 8px #12263f0f,inset 0 1px #fff}.tool-btn:hover{color:#0284c7;border-color:#38bdf8 #38bdf8 #0284c7;border-bottom-style:solid;border-bottom-width:4.5px;transform:translateY(-2px);box-shadow:0 8px 16px #0284c72e,inset 0 1px #fff}.tool-btn:active{border-bottom:1px solid #0284c7;transform:translateY(2.5px);box-shadow:0 1px 3px #0000001a}.tool-btn.active{color:#fff;background:linear-gradient(#38bdf8 0%,#0284c7 100%);border:1px solid #0284c7;border-bottom:4px solid #0369a1;transform:translateY(-1px);box-shadow:0 6px 16px #0284c766,inset 0 1px #ffffff80}.tool-btn.delete{color:#ef4444;background:#fef2f2e6;border-color:#ef444440}.tool-btn.delete:hover{background:#fee2e2;box-shadow:0 6px 14px #ef444433}.canvas-wrapper{background:radial-gradient(#94a3b840 1px,#0000 1px) 0 0/20px 20px;flex:1;overflow:hidden}.payments-page{min-height:100vh;padding-top:90px}.payments-container{max-width:1320px;margin:0 auto;padding:2rem}.month-selector{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-pill);border:1px solid var(--border-glass);box-shadow:var(--shadow-3d-card);background:#ffffffd9;align-items:center;gap:1rem;padding:.5rem 1.25rem;display:flex}.month-selector h2{text-align:center;letter-spacing:-.02em;min-width:200px;font-size:1.35rem;font-weight:800}.metrics-cards{gap:1.5rem;margin-bottom:2rem;display:flex}.metric-card{border-top:4px solid var(--primary);flex:1;padding:1.75rem}.metric-card.success{border-top-color:#10b981}.metric-card.danger{border-top-color:#ef4444}.metric-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.8rem;font-weight:700}.metric-value{letter-spacing:-.03em;color:var(--text-main);font-size:2.1rem;font-weight:800}.payments-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:2rem;display:flex}.metrics-dashboard{flex-wrap:wrap;align-items:stretch;gap:2rem;margin-bottom:2.5rem;display:flex}.metrics-chart{background:var(--bg-glass-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);min-width:300px;box-shadow:var(--shadow-3d-card);flex:1;justify-content:center;align-items:center;padding:1.25rem;display:flex}.payments-lists{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:2rem;display:grid}.list-column{background:var(--bg-glass-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-3d-card);flex-direction:column;padding:1.5rem;display:flex}.list-header{border-bottom:1px solid #e2e8f0cc;margin-bottom:1.25rem;padding-bottom:.75rem}.list-header h3{margin:0;font-size:1.15rem;font-weight:700}.list-content{flex-direction:column;gap:.5rem;max-height:500px;padding-right:.25rem;display:flex;overflow-y:auto}.payment-item{border-radius:var(--radius-md);transition:var(--trans-bouncy);background:#ffffffe6;border:1px solid #e2e8f0cc;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:1.1rem 1.35rem;display:flex;box-shadow:0 4px 10px #12263f08,inset 0 1px #fff}.payment-item:hover{transform:translateY(-3px)scale(1.005);box-shadow:0 10px 20px #12263f12}.unpaid-item{border-left:5px solid #ef4444}.paid-item{border-left:5px solid #10b981}.debt-amount{color:#ef4444;margin-top:.25rem;font-size:.9rem;font-weight:600}.paid-amount{color:#10b981;margin-top:.25rem;font-size:.9rem;font-weight:600}.payment-date{color:var(--text-muted);font-size:.85rem}.btn-pay{background:var(--grad-red);color:#fff;border-radius:var(--radius-pill);cursor:pointer;transition:var(--trans-bouncy);border:none;align-items:center;gap:.5rem;padding:.55rem 1.15rem;font-weight:600;display:inline-flex;box-shadow:0 4px 12px #ef44444d,inset 0 1px #fff6,inset 0 -2px #00000026}.btn-pay:hover{transform:translateY(-2px);box-shadow:0 8px 18px #ef444466}.btn-pay:active{transform:translateY(1px)}.client-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;margin-top:1.5rem;display:grid}.client-card{background:var(--bg-glass-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:var(--radius-md);box-shadow:var(--shadow-3d-card);cursor:pointer;transition:var(--trans-bouncy);padding:1.25rem}.client-card:hover{box-shadow:var(--shadow-3d-hover);transform:translateY(-3px)}.client-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.history-modal{width:90%;max-width:600px}.transaction-cards{flex-direction:column;gap:.85rem;max-height:420px;padding:.5rem .25rem;display:flex;overflow-y:auto}.transaction-card{border-radius:var(--radius-md);background:#ffffffe6;border:1px solid #e2e8f0cc;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex;box-shadow:0 4px 10px #12263f08}.icon-circle{color:#10b981;background:#10b98126;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-weight:700;display:flex}.transaction-info{flex-direction:column;flex:1;gap:.2rem;display:flex}.transaction-amount{color:#10b981;font-size:1.15rem;font-weight:700}.viewer-page{flex-direction:column;height:100vh;display:flex;overflow:hidden}.viewer-layout{flex:1;margin-top:70px;display:flex;position:relative;overflow:hidden}.viewer-sidebar-premium{-webkit-backdrop-filter:blur(20px);z-index:5;background:#ffffffd9;border-right:1px solid #fffffff2;flex-direction:column;width:323px;display:flex;box-shadow:4px 0 25px #0f172a0a}.tree-floor-premium{border-radius:var(--radius-md);cursor:pointer;color:var(--text-main);transition:var(--trans-bouncy);background:#ffffffb3;border:1px solid #e2e8f0cc;align-items:center;gap:.75rem;padding:.85rem 1.15rem;font-size:.95rem;font-weight:600;display:flex;box-shadow:0 2px 6px #12263f08}.tree-floor-premium:hover{background:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #12263f12}.tree-floor-premium.active{background:var(--grad-blue);color:#fff;border-color:#0000;transform:translateY(-1px);box-shadow:0 6px 18px #0284c759,inset 0 1px #fff6,inset 0 -2px #00000026}.viewer-main-premium{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.viewer-top-bar{-webkit-backdrop-filter:blur(16px);z-index:10;background:#ffffffe6;border-bottom:1px solid #e2e8f0d9;flex-shrink:0;justify-content:space-between;align-items:center;gap:1.25rem;padding:.65rem 1.5rem;display:flex;box-shadow:0 4px 15px #12263f0a}.top-bar-left{flex-shrink:0;align-items:center;gap:.85rem;display:flex}.floor-badge-title{color:var(--text-main);align-items:center;font-size:.95rem;font-weight:700;display:flex}.building-tag{color:var(--text-muted);font-weight:600}.floor-tag{color:var(--primary);font-weight:800}.area-pill{color:#047857;border-radius:var(--radius-pill);white-space:nowrap;background:#10b9811f;border:1px solid #10b98140;padding:3px 10px;font-size:.8rem;font-weight:700}.area-pill.warning{color:#dc2626;background:#ef44441f;border-color:#ef444440}.top-bar-metrics{flex-wrap:nowrap;flex:1;justify-content:center;align-items:center;gap:1rem;display:flex}.mini-metric-pill{border-radius:var(--radius-md);white-space:nowrap;background:#f8fafcf2;border:1px solid #e2e8f0e6;align-items:baseline;gap:.45rem;padding:.4rem .9rem;display:flex;box-shadow:0 2px 5px #12263f05}.mini-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:.68rem;font-weight:700}.mini-value{color:var(--text-main);font-size:.95rem;font-weight:800}.mini-metric-pill.potential .mini-value{color:#0284c7}.mini-currency{color:var(--text-muted);font-size:.75rem;font-weight:600}.mini-stats-group{border-radius:var(--radius-md);white-space:nowrap;background:#f8fafcf2;border:1px solid #e2e8f0e6;align-items:center;gap:1rem;padding:.35rem .9rem;display:flex;box-shadow:0 2px 5px #12263f05}.mini-stat-item{align-items:center;gap:.35rem;display:flex}.mini-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.mini-dot.rented{background:#ef4444}.mini-dot.vacant{background:#10b981}.mini-dot.other{background:#94a3b8}.mini-stat-label{color:var(--text-muted);font-size:.72rem;font-weight:600}.mini-stat-pct{color:var(--text-main);font-size:.82rem;font-weight:800}.mini-donut-wrapper{justify-content:center;align-items:center;width:36px;height:36px;display:flex}.top-bar-zoom-controls{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.zoom-btn{white-space:nowrap;align-items:center;gap:.35rem;display:inline-flex;border-radius:var(--radius-sm)!important;padding:6px 13px!important;font-size:.82rem!important;font-weight:600!important}.premium-canvas-wrapper{cursor:grab;background:radial-gradient(#94a3b847 1.2px,#0000 1.2px) 0 0/24px 24px;flex:1;position:relative;overflow:hidden}.premium-canvas-wrapper:active{cursor:grabbing}.premium-popup{-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-lg);width:380px;box-shadow:0 25px 60px -10px #0f172a29, var(--shadow-inner);z-index:20;background:#ffffffe0;border:1px solid #fffffff2;animation:.3s cubic-bezier(.16,1,.3,1) slideIn;position:absolute;top:1.5rem;right:1.5rem;overflow:hidden}@keyframes slideIn{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.popup-header-p{justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;display:flex}.popup-header-p h3{letter-spacing:-.02em;margin:0;font-size:1.35rem;font-weight:800}.close-btn-p{cursor:pointer;width:34px;height:34px;color:var(--text-muted);transition:var(--trans-bouncy);background:#f1f5f9cc;border:1px solid #ffffffe6;border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;display:flex;box-shadow:0 2px 5px #0000000d}.close-btn-p:hover{color:var(--text-main);background:#fff;transform:rotate(90deg)scale(1.08)}.popup-body-p{padding:0 1.5rem 1.5rem}.p-client-card{border-radius:var(--radius-md);background:#fffc;border:1px solid #e2e8f0cc;padding:1.35rem;box-shadow:inset 0 1px #fff}.p-client-avatar{background:var(--grad-blue);color:#fff;border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:1rem;font-size:1.6rem;font-weight:800;display:flex;box-shadow:0 8px 18px #0284c74d,inset 0 1px #ffffff80}.footer{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffb3;border-top:1px solid #ffffffd9;margin-top:auto;padding:2rem}.footer-content{justify-content:space-between;align-items:center;max-width:1280px;margin:0 auto;display:flex}.header-top-row{justify-content:space-between;align-items:center;width:auto;display:flex}.mobile-menu-btn{cursor:pointer;color:var(--text-main);background:0 0;border:none;display:none}@media (width<=768px){.header-nav{flex-direction:column;align-items:flex-start;padding:1rem}.header-top-row{width:100%}.mobile-menu-btn{display:block}.nav-links{flex-direction:column;align-items:center;gap:.75rem;width:100%;margin-top:1rem;display:none}.nav-links.mobile-open{display:flex}.nav-links a,.nav-links button{text-align:center;justify-content:center;width:100%}body,#root,.app-container,.viewer-page{height:auto!important;min-height:100vh!important;overflow:visible!important}.crm-page-container,.viewer-layout,.builder-layout{flex-direction:column!important;height:auto!important;display:flex!important;overflow:visible!important}.viewer-sidebar-premium,.builder-sidebar{border-bottom:1px solid #e2e8f0cc;border-right:none!important;width:100%!important;height:auto!important;max-height:none!important}.premium-dashboard{flex-direction:column!important;gap:1rem!important}.dashboard-main-metrics{width:100%;flex-direction:column!important}.premium-canvas-wrapper,.builder-canvas{min-height:55vh;width:100%!important}}.hierarchy-tree{padding:1rem}.tree-node{margin-bottom:.6rem}.node-content{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd9;border:1px solid #e2e8f0e6;border-bottom:2.5px solid #cbd5e1e6;border-radius:12px;gap:.5rem;padding:.65rem .85rem;transition:all .2s;box-shadow:0 2px 5px #12263f0a;justify-content:space-between!important;align-items:center!important;display:flex!important}.node-content:hover{background:#fff;border-color:#38bdf8;box-shadow:0 4px 12px #0284c71f}.expand-btn{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.expand-btn:hover{color:#0284c7;background:#0284c71a}.node-label{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;font-size:.92rem;font-weight:700;overflow:hidden;flex:1!important;min-width:0!important}.node-actions{flex-shrink:0!important;align-items:center!important;gap:6px!important;display:flex!important}.children-nodes{border-left:2px solid #0284c740;flex-direction:column;gap:.4rem;margin-top:.5rem;margin-left:.85rem;padding-left:1.25rem;display:flex}.room-node{cursor:pointer;background:#ffffffb3;border:1px solid #e2e8f0cc;border-bottom:2.5px solid #cbd5e1b3;border-radius:10px;padding:.6rem .9rem;transition:all .2s;justify-content:space-between!important;align-items:center!important;display:flex!important}.room-node:hover{background:#fff;border-color:#38bdf8;transform:translate(3px)}.room-node.active{color:#fff!important;background:linear-gradient(#38bdf8 0%,#0284c7 100%)!important;border:1px solid #0284c7!important;border-bottom:3.5px solid #0369a1!important;box-shadow:0 4px 12px #0284c759!important}.room-node.active .node-label{color:#fff!important}.room-node.active .icon-btn{color:#fff!important;background:#ffffff40!important;border-color:#0000!important}.cad-modal{-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-lg);background:#fffffff2;border:1px solid #ffffffe6;box-shadow:0 25px 60px -15px #12263f40}.cad-dropzone{border-radius:var(--radius-md);text-align:center;background:#f0f9ff99;border:2px dashed #93c5fd;flex-direction:column;justify-content:center;align-items:center;padding:3rem 2rem;transition:all .2s;display:flex}.cad-dropzone.dragging{background:#e0f2fee6;border-color:#0284c7;transform:scale(1.01)}.cad-info-card{border-radius:var(--radius-md);background:#f8fafc;border:1px solid #e2e8f0;padding:1rem 1.25rem;box-shadow:inset 0 1px 2px #00000005}.cad-stats-grid{border-top:1px solid #e2e8f0;flex-wrap:wrap;gap:2rem;margin-top:.85rem;padding-top:.85rem;display:flex}.cad-stat{flex-direction:column;gap:.2rem;display:flex}.cad-stat-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.04em;font-size:.72rem;font-weight:700}.cad-stat-val{color:#0f172a;font-size:1.15rem;font-weight:800}.cad-section{flex-direction:column;gap:.5rem;display:flex}.cad-section-title{color:#334155;font-size:.88rem;font-weight:700}.cad-units-toggle{flex-wrap:wrap;gap:.5rem;display:flex}.unit-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:.45rem .9rem;font-size:.82rem;font-weight:600;transition:all .15s}.unit-btn:hover{background:#f1f5f9;border-color:#94a3b8}.unit-btn.active{color:#fff;background:linear-gradient(#38bdf8 0%,#0284c7 100%);border-color:#0284c7;box-shadow:0 2px 6px #0284c74d}.cad-layer-list{flex-direction:column;gap:.4rem;max-height:220px;padding-right:.25rem;display:flex;overflow-y:auto}.cad-layer-row{background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem .85rem;display:flex;box-shadow:0 1px 3px #00000005}.cad-layer-info{flex:1;align-items:center;gap:.65rem;min-width:0;display:flex}.cad-layer-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:700;overflow:hidden}.cad-layer-count{color:#64748b;background:#f1f5f9;border-radius:12px;flex-shrink:0;padding:2px 8px;font-size:.75rem;font-weight:600}.cad-layer-select{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;max-width:300px;padding:.35rem .65rem;font-size:.82rem;font-weight:600}.cad-options-grid{border-radius:var(--radius-md);background:#f8fafc;border:1px solid #e2e8f0;grid-template-columns:1fr 1fr;gap:1.25rem;padding:.85rem 1.15rem;display:grid}.cad-opt-label{text-transform:uppercase;color:#64748b;margin-bottom:.4rem;font-size:.78rem;font-weight:700;display:block}.cad-radio-group,.cad-checkbox-group{flex-direction:column;gap:.35rem;display:flex}.cad-radio-label,.cad-checkbox-label{color:#334155;cursor:pointer;align-items:center;gap:.5rem;font-size:.85rem;display:flex}