:root{--bg:#f6f5f1;--bg-soft:#faf9f6;--surface:#fff;--surface-2:#fbfaf7;--surface-3:#f1efe9;--border:#e5e2da;--border-strong:#cfcabd;--text:#23211d;--text-soft:#6e6a61;--text-faint:#9a958a;--accent:#0f766e;--accent-soft:#e3f2f0;--accent-line:#a8d5d0;--green:#157f5f;--green-soft:#e4f4ed;--green-line:#a3d9c5;--red:#c0392f;--red-soft:#fbeae8;--red-line:#eeb5b0;--amber:#a26a12;--amber-soft:#fdf2df;--amber-line:#e8c98d;--violet:#6b4ea8;--violet-soft:#efeaf9;--radius:12px;--radius-sm:8px;--shadow-sm:0 1px 2px #23211d0d;--shadow-md:0 4px 14px #23211d14;--shadow-lg:0 10px 30px #23211d1a;--ease:cubic-bezier(.32, .72, 0, 1);--fast:.13s var(--ease);--med:.22s var(--ease)}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overscroll-behavior-y:none;min-height:100%;margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:inherit}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-strong);border:3px solid var(--bg);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}::selection{background:var(--accent-soft);color:var(--accent)}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes spin{to{transform:rotate(360deg)}}main>*{animation:fadeUp .3s var(--ease)}.topbar{z-index:30;-webkit-backdrop-filter:saturate(160%)blur(14px);border-bottom:1px solid var(--border);background:#ffffffe0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;min-height:56px;padding:0 20px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.02em;white-space:nowrap;color:var(--text);transition:opacity var(--fast);font-size:15px;font-weight:700;text-decoration:none}.brand:hover{opacity:.7}.brand span{color:var(--accent)}.nav{flex-wrap:wrap;align-items:center;gap:2px;display:flex}.nav a{color:var(--text-soft);border-radius:var(--radius-sm);transition:color var(--fast), background var(--fast);padding:7px 12px;font-size:13.5px;font-weight:500;text-decoration:none}.nav a:hover{color:var(--accent);background:var(--accent-soft)}.nav a:active{transform:scale(.97)}.container{max-width:1080px;margin:0 auto;padding:26px 20px 70px}.container-narrow{max-width:720px;margin:0 auto;padding:26px 20px 70px}.page-title{letter-spacing:-.032em;margin:0 0 5px;font-size:25px;font-weight:700}.page-sub{color:var(--text-soft);margin:0 0 22px;font-size:13.5px}.back-link{color:var(--text-soft);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);transition:border-color var(--fast), color var(--fast), transform var(--fast), box-shadow var(--fast);border-radius:30px;align-items:center;gap:7px;margin-bottom:16px;padding:7px 14px 7px 11px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.back-link:hover{border-color:var(--accent-line);color:var(--accent);box-shadow:var(--shadow-md);transform:translate(-2px)}.back-link:active{transform:translate(-2px)scale(.97)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:box-shadow var(--med), border-color var(--med);margin-bottom:14px;padding:18px}.card h2{letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);margin:0 0 12px;font-size:11.5px;font-weight:700}.card-danger{border-color:var(--red-line);background:var(--red-soft)}.hint{color:var(--text-faint);margin:-6px 0 14px;font-size:12.5px;line-height:1.6}.empty{color:var(--text-soft);font-size:14px}.hero{background:linear-gradient(135deg, #fff, var(--accent-soft));border:1px solid var(--accent-line);box-shadow:var(--shadow-md);border-radius:16px;margin-bottom:14px;padding:24px}.hero-label{letter-spacing:.11em;text-transform:uppercase;color:var(--text-soft);font-size:11px;font-weight:700}.hero-num{letter-spacing:-.04em;color:var(--green);font-variant-numeric:tabular-nums;margin:7px 0 3px;font-size:40px;font-weight:800;line-height:1.03}.hero-sub{color:var(--text-soft);font-size:13.5px}.bar{background:var(--surface-3);border-radius:10px;height:9px;margin-top:18px;overflow:hidden}.bar i{background:linear-gradient(90deg, var(--green), var(--accent));height:100%;transition:width .7s var(--ease);border-radius:10px;display:block}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:11px;margin-bottom:14px;display:grid}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:box-shadow var(--med), transform var(--med);padding:16px;text-decoration:none;display:block}.stat:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-top{letter-spacing:.07em;text-transform:uppercase;color:var(--text-faint);font-size:11px;font-weight:700}.stat-val{letter-spacing:-.035em;font-variant-numeric:tabular-nums;margin:8px 0 2px;font-size:26px;font-weight:800}.stat-note{color:var(--text-soft);font-size:12.5px}.v-green{color:var(--green)}.v-red{color:var(--red)}.v-neon{color:var(--accent)}.v-violet{color:var(--violet)}.v-amber{color:var(--amber)}.prop-grid{grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:11px;display:grid}.prop-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:box-shadow var(--med), transform var(--med), border-color var(--med);padding:16px;text-decoration:none;display:block;position:relative;overflow:hidden}.prop-card:hover{box-shadow:var(--shadow-lg);border-color:var(--border-strong);transform:translateY(-3px)}.prop-card:active{transform:translateY(-1px)scale(.99)}.prop-card:before{content:"";background:var(--border-strong);width:4px;position:absolute;top:0;bottom:0;left:0}.prop-card.ok:before{background:var(--green)}.prop-card.due:before{background:var(--red)}.prop-icon{margin-bottom:9px;font-size:21px;display:block}.prop-name{letter-spacing:-.015em;font-size:15px;font-weight:700}.prop-meta{color:var(--text-soft);margin-top:3px;font-size:12.5px}.prop-foot{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;margin-top:13px;padding-top:12px;display:flex}.prop-amt{font-variant-numeric:tabular-nums;font-size:13.5px;font-weight:700}.floor-label{color:var(--text-faint);letter-spacing:.1em;text-transform:uppercase;margin:26px 0 10px;font-size:11px;font-weight:700}.unit-grid{grid-template-columns:repeat(auto-fill,minmax(152px,1fr));gap:10px;display:grid}.tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:box-shadow var(--med), transform var(--med), border-color var(--med);flex-direction:column;display:flex;overflow:hidden}.tile:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong);transform:translateY(-2px)}.tile-main{padding:13px 13px 10px;text-decoration:none;display:block}.tile-top{justify-content:space-between;align-items:center;gap:6px;display:flex}.tile-num{letter-spacing:-.015em;font-size:15px;font-weight:700}.tile-tenant{color:var(--text-soft);white-space:nowrap;text-overflow:ellipsis;margin:5px 0 0;font-size:11.5px;line-height:1.4;overflow:hidden}.tile-tenant.vacant{color:var(--text-faint);font-style:italic}.dot{border-radius:50%;flex:none;width:9px;height:9px}.dot-green{background:var(--green);box-shadow:0 0 0 3px var(--green-soft)}.dot-red{background:var(--red);box-shadow:0 0 0 3px var(--red-soft)}.dot-grey{background:var(--border-strong)}.pill{border:none;border-top:1px solid var(--border);cursor:pointer;letter-spacing:.06em;background:var(--surface-3);width:100%;color:var(--text-soft);transition:filter var(--fast), transform var(--fast), opacity var(--fast);padding:10px;font-family:inherit;font-size:11px;font-weight:800}.pill-paid{background:var(--green-soft);color:var(--green)}.pill-due{background:var(--red-soft);color:var(--red)}.pill:hover{filter:brightness(.96)}.pill:active{transform:scale(.97)}.pill:disabled{opacity:.6;cursor:wait}.pill-off{background:var(--surface-3);color:var(--text-faint);cursor:default}.btn{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);cursor:pointer;box-shadow:var(--shadow-sm);transition:border-color var(--fast), color var(--fast), transform var(--fast), box-shadow var(--fast), background var(--fast);align-items:center;gap:7px;padding:9px 16px;font-family:inherit;font-size:13.5px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{border-color:var(--accent-line);color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn:active{transform:translateY(0)scale(.97)}.btn:disabled{opacity:.6;cursor:wait;transform:none}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{color:#fff;background:#0d635c;border-color:#0d635c}.btn-call{background:var(--green-soft);border-color:var(--green-line);color:var(--green)}.btn-call:hover{border-color:var(--green);color:var(--green);background:#d7efe4}.btn-danger{color:var(--red);border-color:var(--red-line);background:var(--surface)}.btn-danger:hover{background:var(--red-soft);border-color:var(--red);color:var(--red)}.btn-link{color:var(--red);cursor:pointer;box-shadow:none;transition:opacity var(--fast);background:0 0;border:none;padding:0;font-family:inherit;font-size:12px}.btn-link:hover{opacity:.65;box-shadow:none;transform:none}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:13px;height:13px;animation:.6s linear infinite spin;display:inline-block}.field{width:100%;margin-bottom:10px;display:block}input,select,textarea{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-soft);width:100%;color:var(--text);transition:border-color var(--fast), box-shadow var(--fast), background var(--fast);padding:10px 12px;font-family:inherit;font-size:14px}input::placeholder,textarea::placeholder{color:var(--text-faint)}input:hover,select:hover,textarea:hover{border-color:var(--border-strong)}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);background:var(--surface);outline:none}textarea{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.6}.form-label{color:var(--text-soft);margin-bottom:5px;font-size:12.5px;display:block}.form-row{grid-template-columns:1fr 1fr;gap:0 10px;display:grid}input[type=file]{cursor:pointer;padding:9px}.kv{border-top:1px solid var(--border);justify-content:space-between;gap:12px;padding:9px 0;font-size:14px;display:flex}.kv:first-of-type{border-top:none}.kv-label{color:var(--text-soft)}.kv-val{text-align:right;font-variant-numeric:tabular-nums;font-weight:500}.badge{letter-spacing:.05em;white-space:nowrap;border-radius:20px;padding:4px 10px;font-size:10.5px;font-weight:800}.badge-green{background:var(--green-soft);color:var(--green)}.badge-red{background:var(--red-soft);color:var(--red)}.badge-grey{background:var(--surface-3);color:var(--text-faint)}.badge-violet{background:var(--violet-soft);color:var(--violet)}.month-nav{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.month-nav a{color:var(--text-soft);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);transition:border-color var(--fast), color var(--fast), transform var(--fast);border-radius:30px;padding:7px 14px;font-size:13px;font-weight:500;text-decoration:none}.month-nav a:hover{border-color:var(--accent-line);color:var(--accent);transform:translateY(-1px)}.month-current{letter-spacing:-.015em;padding:0 4px;font-size:15px;font-weight:700}.stats{flex-wrap:wrap;gap:26px;display:flex}.att-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:12px 0;display:flex}.att-row:first-of-type{border-top:none}.att-name{transition:color var(--fast);font-size:14px;font-weight:600;text-decoration:none}.att-name:hover{color:var(--accent)}.att-meta{color:var(--text-soft);margin-top:3px;font-size:12.5px}.att-actions{flex-shrink:0;align-items:center;gap:7px;display:flex}.hist-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:10px 0;font-size:13px;display:flex}.hist-row:first-of-type{border-top:none}.hist-month{font-weight:600}.hist-amt{color:var(--text-faint);margin-top:2px;font-size:12px}.hist-btn{cursor:pointer;letter-spacing:.05em;transition:filter var(--fast), transform var(--fast);border:none;border-radius:20px;padding:6px 14px;font-family:inherit;font-size:10.5px;font-weight:800}.hist-btn:hover{filter:brightness(.95)}.hist-btn:active{transform:scale(.95)}.hist-btn:disabled{opacity:.6;cursor:wait}.fy-head{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:18px 0 4px;font-size:11px;font-weight:700}.fy-head:first-child{margin-top:0}.collapse-btn{cursor:pointer;width:100%;color:inherit;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:10px;padding:0;font-family:inherit;display:flex}.collapse-chev{color:var(--accent);transition:transform var(--med);flex-shrink:0;font-size:12px}.collapse-chev.open{transform:rotate(180deg)}.collapse-body{transition:grid-template-rows var(--med);grid-template-rows:0fr;display:grid}.collapse-body.open{grid-template-rows:1fr}.collapse-inner{overflow:hidden}.collapse-body.open .collapse-inner{padding-top:14px}.skeleton{background:linear-gradient(90deg, var(--surface-3) 0px, var(--surface) 200px, var(--surface-3) 400px);border-radius:var(--radius);background-size:800px 100%;animation:1.3s linear infinite shimmer}@media (max-width:620px){.container,.container-narrow{padding:16px 12px 60px}.unit-grid{grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:8px}.prop-grid{grid-template-columns:1fr}.topbar{padding:0 12px}.form-row{grid-template-columns:1fr}.hero-num{font-size:34px}.page-title{font-size:21px}.card{padding:15px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}