:root{--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-surface: #f8fafc;--bg-card: #ffffff;--bg-dark: #0f172a;--bg-dark-elevated: #1e293b;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--text-on-dark: #f8fafc;--brand-primary: #0284c7;--brand-primary-hover: #0369a1;--brand-accent: #38bdf8;--brand-soft: #e0f2fe;--border-subtle: #e2e8f0;--border-focus: #0284c7;--danger-bg: #fef2f2;--danger-border: #fecaca;--danger-text: #dc2626;--success-bg: #f0fdf4;--success-border: #bbf7d0;--success-text: #16a34a;--shadow-sm: 0 1px 2px 0 rgba(15, 23, 42, .05);--shadow-md: 0 10px 25px -5px rgba(15, 23, 42, .08), 0 8px 10px -6px rgba(15, 23, 42, .04);--shadow-lg: 0 20px 40px -12px rgba(15, 23, 42, .14)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-sans);background-color:var(--bg-surface);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{font-family:inherit}a{color:var(--brand-primary);text-decoration:none}.feature-page{display:flex;flex-direction:column;gap:1.35rem}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap}.page-header .unit-badge{display:inline-block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--brand-primary);background:var(--brand-soft);padding:.22rem .65rem;border-radius:999px;margin-bottom:.35rem}.page-header h1{font-size:clamp(1.3rem,2.2vw,1.75rem);font-weight:800;letter-spacing:-.02em;color:var(--text-primary)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:1.25rem}.two-col-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.25rem}.dash-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-card, 1rem);padding:1.4rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:1.1rem}.dash-card .card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.dash-card .card-eyebrow{display:block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:.2rem}.dash-card h2{font-size:1.15rem;font-weight:700;color:var(--text-primary)}.dash-card .rent-amount{font-size:2.1rem;font-weight:800;letter-spacing:-.03em}.dash-card .card-detail{font-size:.88rem;color:var(--text-secondary);line-height:1.5}.due-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:.75rem;background:#f8fafc;border:1px solid var(--border-subtle);border-radius:.75rem;padding:.85rem}.due-meta-grid .meta-label{display:block;font-size:.72rem;color:var(--text-muted);margin-bottom:.15rem}.due-meta-grid strong{font-size:.88rem;color:var(--text-primary)}.due-meta-grid .text-success{color:var(--success-text)}.status-pill{font-size:.74rem;font-weight:700;padding:.25rem .65rem;border-radius:999px;white-space:nowrap}.status-pill.status-paid{background:var(--success-bg);color:var(--success-text);border:1px solid var(--success-border)}.status-pill.status-scheduled,.status-pill.status-countdown{background:var(--brand-soft);color:var(--brand-primary);border:1px solid #bae6fd}.status-pill.status-submitted{background:#fef3c7;color:#b45309;border:1px solid #fde68a}.card-actions{display:flex;gap:.65rem;margin-top:auto;flex-wrap:wrap}.btn-card-primary{background:var(--brand-primary);color:#fff;border:none;padding:.62rem 1.05rem;border-radius:.6rem;font-weight:600;font-size:.85rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.btn-card-primary:hover:not(:disabled){background:var(--brand-primary-hover)}.btn-card-primary:disabled{opacity:.55;cursor:not-allowed}.btn-card-ghost{background:#f1f5f9;color:var(--text-primary);border:1px solid var(--border-subtle);padding:.62rem 1.05rem;border-radius:.6rem;font-weight:600;font-size:.85rem;cursor:pointer}.btn-card-ghost.btn-sm{padding:.4rem .75rem;font-size:.78rem}.btn-card-ghost:hover{background:#e2e8f0}.btn-card-small{background:var(--bg-dark);color:#fff;border:none;padding:.42rem .8rem;border-radius:.5rem;font-size:.78rem;font-weight:600;cursor:pointer}.btn-copy-inline,.btn-copy{background:var(--bg-dark);color:#fff;border:none;padding:.42rem .75rem;border-radius:.45rem;font-size:.76rem;font-weight:700;cursor:pointer;white-space:nowrap}.btn-copy-inline:hover,.btn-copy:hover{background:var(--brand-primary)}.statutory-tag{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:#38bdf82e;color:#0284c7;padding:.2rem .55rem;border-radius:999px}.essentials-mini-list{display:flex;flex-direction:column;gap:.6rem}.essential-row{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.55rem .75rem;background:#f8fafc;border-radius:.55rem;font-size:.83rem}.essential-row span{color:var(--text-secondary)}@media screen and (max-width:767.98px){:root{--container-padding: 1rem;--input-height: 3.25rem;--btn-height: 3.25rem;--radius-card: 1.25rem}body{font-size:15px;overscroll-behavior-y:none}.desktop-only{display:none!important}.mobile-only{display:initial}}@media screen and (min-width:768px){:root{--container-padding: 2.5rem;--input-height: 2.875rem;--btn-height: 2.875rem;--radius-card: 1rem}body{font-size:16px}.mobile-only{display:none!important}.desktop-only{display:initial}}