:root{--color-primary:#1a56db;--color-secondary:#64748b;--color-bg:#f8fafc;--color-surface:#fff;--color-border:#e2e8f0;--color-text:#0f172a;--color-text-muted:#64748b;--color-error:#dc2626;--color-error-subtle:#fee2e2;--color-success:#16a34a;--color-success-subtle:#dcfce7;--color-warning:#d97706;--color-warning-subtle:#fef3c7;--color-info:#1d4ed8;--color-info-subtle:#dbeafe;--radius:8px;--radius-lg:12px;--shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 24px -3px rgba(0,0,0,.12),0 4px 8px -2px rgba(0,0,0,.08);--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:16px;line-height:1.5;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.portal-shell{min-height:100dvh;display:flex;flex-direction:column}.portal-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:0 1rem;box-shadow:var(--shadow);position:-webkit-sticky;position:sticky;top:0;z-index:20}.portal-header-inner{max-width:1024px;margin:0 auto;display:flex;align-items:center;gap:var(--sp-3);height:56px}.portal-logo{display:flex;align-items:center;gap:var(--sp-2);font-weight:700;font-size:1.125rem;color:var(--color-primary);text-decoration:none;flex-shrink:0}.portal-logo img{height:32px;width:auto;border-radius:4px}.portal-logo:hover{text-decoration:none}.portal-nav{display:flex;align-items:center;gap:.125rem;margin-left:auto}.portal-nav a{padding:.375rem .75rem;border-radius:var(--radius);font-size:.875rem;font-weight:500;color:var(--color-text-muted);text-decoration:none;transition:background .15s,color .15s;white-space:nowrap}.portal-nav a.active,.portal-nav a:hover{background:color-mix(in srgb,var(--color-primary) 10%,transparent);color:var(--color-primary);text-decoration:none}.nav-hamburger{display:none;background:transparent;border:none;cursor:pointer;padding:var(--sp-2);color:var(--color-text);margin-left:auto;border-radius:var(--radius);transition:background .15s}.nav-hamburger:hover{background:var(--color-bg)}.nav-hamburger svg{display:block;width:22px;height:22px}.nav-drawer{display:none;position:fixed;inset:0;z-index:30}.nav-drawer-overlay{position:absolute;inset:0;background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.nav-drawer-panel{position:absolute;top:0;right:0;bottom:0;width:260px;background:var(--color-surface);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;padding:var(--sp-4);gap:var(--sp-1);overflow-y:auto}.nav-drawer-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--sp-4);margin-bottom:var(--sp-2);border-bottom:1px solid var(--color-border)}.nav-drawer-close{background:transparent;border:none;cursor:pointer;padding:var(--sp-1);color:var(--color-text-muted);border-radius:var(--radius)}.nav-drawer-close:hover{background:var(--color-bg);color:var(--color-text)}.nav-drawer-close svg{display:block;width:20px;height:20px}.nav-drawer.open{display:block}.nav-drawer-panel a{display:block;padding:.625rem .75rem;border-radius:var(--radius);font-size:.9375rem;font-weight:500;color:var(--color-text);text-decoration:none;transition:background .15s,color .15s}.nav-drawer-panel a.active,.nav-drawer-panel a:hover{background:color-mix(in srgb,var(--color-primary) 10%,transparent);color:var(--color-primary);text-decoration:none}.nav-drawer-signout{margin-top:auto;padding-top:var(--sp-4);border-top:1px solid var(--color-border)}.logout-btn{margin-left:var(--sp-2);padding:.375rem .75rem;border-radius:var(--radius);font-size:.875rem;font-weight:500;background:transparent;border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;transition:background .15s,color .15s,border-color .15s;white-space:nowrap}.logout-btn:hover{background:var(--color-error-subtle);color:var(--color-error);border-color:#fca5a5}.portal-main{flex:1 1;padding:1.5rem 1rem 3rem}.portal-content{max-width:1024px;margin:0 auto}.page-header{margin-bottom:1.75rem}.page-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap}.page-title{font-size:1.5rem;font-weight:700;line-height:1.25}.page-subtitle{margin-top:.25rem;font-size:.9375rem;color:var(--color-text-muted)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.25rem 1.5rem;transition:box-shadow .15s}.card+.card{margin-top:1rem}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.card-title{font-size:1rem;font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem 1rem;border-radius:var(--radius);font-size:.875rem;font-weight:500;border:1px solid transparent;cursor:pointer;transition:background .15s,box-shadow .15s,border-color .15s,opacity .15s;white-space:nowrap;font-family:inherit}.btn,.btn:hover{text-decoration:none}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:var(--shadow)}.btn-primary:hover:not(:disabled){background:color-mix(in srgb,var(--color-primary) 88%,#000);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border);box-shadow:var(--shadow)}.btn-secondary:hover:not(:disabled){background:var(--color-bg);border-color:#cbd5e1}.btn-danger{background:var(--color-error);color:#fff;box-shadow:var(--shadow)}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-ghost{background:transparent;color:var(--color-text-muted);border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--color-bg);color:var(--color-text)}.btn-sm{padding:.3125rem .625rem;font-size:.8125rem}.btn-lg{padding:.625rem 1.25rem;font-size:1rem}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-grid-2+.form-group,.form-group+.form-group{margin-top:1rem}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}.autocomplete-wrap{position:relative}.autocomplete-wrap input{width:100%}.autocomplete-spinner{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);width:14px;height:14px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:ac-spin .7s linear infinite;pointer-events:none}@keyframes ac-spin{to{transform:translateY(-50%) rotate(1turn)}}.autocomplete-list{position:absolute;z-index:100;top:calc(100% + 4px);left:0;right:0;margin:0;padding:.25rem 0;list-style:none;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-md);max-height:260px;overflow-y:auto}.autocomplete-item{display:flex;flex-direction:column;gap:2px;padding:.5rem .75rem;cursor:pointer;transition:background .1s}.autocomplete-item--active,.autocomplete-item:hover{background:color-mix(in srgb,var(--color-primary) 8%,transparent)}.autocomplete-item-line1{font-size:.875rem;font-weight:500;color:var(--color-text)}.autocomplete-item-line2{font-size:.75rem;color:var(--color-text-muted)}.field-hint{display:block;margin-top:.25rem;font-size:.75rem}.field-hint--warn{color:var(--color-warning)}.field-hint--ok{color:var(--color-success)}label{font-size:.875rem;font-weight:500;color:var(--color-text)}input[type=date],input[type=email],input[type=password],input[type=tel],input[type=text],select,textarea{width:100%;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius);font-size:.9375rem;font-family:inherit;background:var(--color-surface);color:var(--color-text);transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 20%,transparent)}input:disabled,select:disabled,textarea:disabled{opacity:.6;cursor:not-allowed;background:var(--color-bg)}.form-error{font-size:.8125rem;color:var(--color-error)}.form-success{font-size:.8125rem;color:var(--color-success)}.badge{display:inline-flex;align-items:center;padding:.1875rem .5625rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:capitalize;white-space:nowrap;letter-spacing:.01em}.badge-scheduled{background:var(--color-info-subtle);color:var(--color-info)}.badge-in_progress{background:var(--color-warning-subtle);color:var(--color-warning)}.badge-completed{background:var(--color-success-subtle);color:var(--color-success)}.badge-skipped{background:#f1f5f9;color:#475569}.badge-cancelled{background:#f1f5f9;color:#64748b}.badge-draft{background:#f1f5f9;color:#475569}.badge-sent{background:var(--color-info-subtle);color:var(--color-info)}.badge-paid{background:var(--color-success-subtle);color:var(--color-success)}.badge-partially_paid{background:var(--color-warning-subtle);color:var(--color-warning)}.badge-overdue{background:var(--color-error-subtle);color:var(--color-error)}.badge-void{background:#f1f5f9;color:#94a3b8}.badge-accepted{background:var(--color-success-subtle);color:var(--color-success)}.badge-declined{background:var(--color-error-subtle);color:var(--color-error)}.badge-expired{background:#f1f5f9;color:#94a3b8}.badge-pending{background:var(--color-warning-subtle);color:var(--color-warning)}.badge-active{background:var(--color-success-subtle);color:var(--color-success)}.badge-failed{background:var(--color-error-subtle);color:var(--color-error)}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;font-size:.9375rem}thead th{text-align:left;padding:.625rem .75rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);background:var(--color-bg);white-space:nowrap}tbody td,thead th{border-bottom:1px solid var(--color-border)}tbody td{padding:.875rem .75rem;vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:#f8fafc}.filter-tabs{display:flex;gap:.25rem;margin-bottom:1.25rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:.25rem;width:-moz-fit-content;width:fit-content;box-shadow:var(--shadow)}.filter-tab{padding:.375rem .875rem;border-radius:calc(var(--radius) - 2px);font-size:.875rem;font-weight:500;cursor:pointer;border:none;background:transparent;color:var(--color-text-muted);transition:background .15s,color .15s;font-family:inherit}.filter-tab:hover{background:var(--color-bg);color:var(--color-text)}.filter-tab.active{background:var(--color-primary);color:#fff;box-shadow:var(--shadow)}.login-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:1rem;background:var(--color-bg)}.login-card{width:100%;max-width:400px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:2rem}.login-heading{font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.login-subheading{font-size:.9375rem;color:var(--color-text-muted);margin-bottom:1.5rem}.login-actions{margin-top:1.5rem}.login-actions .btn{width:100%}.social-buttons{flex-direction:column;margin-bottom:var(--sp-4)}.btn-social,.social-buttons{display:flex;gap:var(--sp-3)}.btn-social{align-items:center;justify-content:center;width:100%;padding:var(--sp-3) var(--sp-4);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);font-size:.9375rem;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s}.btn-social:hover:not(:disabled){background:var(--color-bg-subtle);border-color:var(--color-border-strong)}.btn-social:disabled{opacity:.6;cursor:not-allowed}.btn-social svg{flex-shrink:0}.auth-divider{display:flex;align-items:center;gap:var(--sp-3);color:var(--color-text-muted);font-size:.75rem;margin-bottom:var(--sp-4)}.auth-divider:after,.auth-divider:before{content:"";flex:1 1;height:1px;background:var(--color-border)}.alert{display:flex;align-items:flex-start;gap:var(--sp-3);padding:.75rem 1rem;border-radius:var(--radius);font-size:.875rem;margin-bottom:1rem;line-height:1.4}.alert-error{background:var(--color-error-subtle);color:#991b1b;border:1px solid #fca5a5}.alert-success{background:var(--color-success-subtle);color:#166534;border:1px solid #86efac}.alert-info{background:var(--color-info-subtle);color:#1e40af;border:1px solid #93c5fd}.alert-warning{background:var(--color-warning-subtle);color:#92400e;border:1px solid #fcd34d}.empty-state{flex-direction:column;text-align:center;padding:3rem 1rem;color:var(--color-text-muted);gap:.5rem}.empty-state,.empty-state-icon{display:flex;align-items:center}.empty-state-icon{width:48px;height:48px;background:var(--color-bg);border-radius:9999px;justify-content:center;margin-bottom:var(--sp-2);color:#cbd5e1}.empty-state-title{font-size:1rem;font-weight:600;color:var(--color-text)}.empty-state-desc{font-size:.9375rem;max-width:320px}.skeleton{display:inline-block;background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%);background-size:200% 100%;border-radius:4px;animation:skeleton-shimmer 1.5s infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:.875rem;border-radius:4px}.skeleton-title{height:1.5rem;border-radius:6px}.detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:1rem;gap:1rem}.detail-field label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);display:block;margin-bottom:.25rem}.detail-field p{font-size:.9375rem;color:var(--color-text)}.section-title{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:1rem;padding-bottom:.625rem;border-bottom:1px solid var(--color-border)}.property-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1rem 1.25rem;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4);box-shadow:var(--shadow);transition:box-shadow .15s}.property-card:hover{box-shadow:var(--shadow-md)}.property-card+.property-card{margin-top:.75rem}.property-address-line1{font-weight:600;font-size:.9375rem;margin-bottom:.125rem}.property-address-rest{font-size:.875rem;color:var(--color-text-muted);line-height:1.4}.property-access-notes{font-size:.8125rem;color:var(--color-text-muted);margin-top:.375rem;font-style:italic}.property-actions{display:flex;gap:var(--sp-2);flex-shrink:0}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:1.75rem;width:100%;max-width:480px;max-height:90dvh;overflow-y:auto;animation:modal-in .18s ease-out}@keyframes modal-in{0%{opacity:0;transform:scale(.97) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4);margin-bottom:1.25rem}.modal-title{font-size:1.125rem;font-weight:700}.modal-close{background:transparent;border:none;cursor:pointer;padding:var(--sp-1);color:var(--color-text-muted);border-radius:var(--radius);flex-shrink:0;margin-top:2px}.modal-close:hover{background:var(--color-bg);color:var(--color-text)}.modal-close svg{display:block;width:18px;height:18px}.modal-footer{display:flex;gap:.75rem;margin-top:1.5rem}@media (max-width:768px){.logout-btn,.portal-nav{display:none}.nav-hamburger{display:flex}.form-grid-2{grid-template-columns:1fr}.page-header-row{flex-direction:column;align-items:flex-start}}@media (max-width:640px){.portal-main{padding:1rem .875rem 2rem}.card{padding:1rem}.modal{padding:1.25rem}.detail-grid{grid-template-columns:1fr 1fr}}