:root{--app-bg:#eef3fb;--app-surface:#fff;--app-secondary-bg:#f7f9fd;--app-text:#111827;--app-muted:#667085;--app-link:#2f6fed;--app-accent:#2f6fed;--app-accent-text:#fff;--app-danger:#b42318;--app-bottom-bar-bg:#fff;--app-border:#94a3b840;--app-safe-area-top:0px;--app-safe-area-right:0px;--app-safe-area-bottom:0px;--app-safe-area-left:0px;--app-content-safe-area-top:0px;--app-content-safe-area-right:0px;--app-content-safe-area-bottom:0px;--app-content-safe-area-left:0px;--app-viewport-stable-height:100vh;color:var(--app-text);background:var(--app-bg);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at top left, color-mix(in srgb, var(--app-accent) 20%, transparent), transparent 32%), var(--app-bg);min-width:320px;min-height:100vh;color:var(--app-text);margin:0}html,body,#root{min-height:100%;scroll-padding-bottom:calc(150px + var(--app-safe-area-bottom) + env(safe-area-inset-bottom))}button,input,select,textarea{font:inherit}button{background:var(--app-accent);color:var(--app-accent-text);cursor:pointer;border:0;border-radius:16px;padding:13px 16px;font-weight:800}button:disabled{cursor:wait;opacity:.62}button.secondary{background:var(--app-secondary-bg);color:var(--app-link)}button.danger{color:var(--app-danger);background:#ffe8e8}input,select,textarea{border:1px solid var(--app-border);background:var(--app-surface);width:100%;color:var(--app-text);scroll-margin-bottom:calc(132px + var(--app-safe-area-bottom) + env(safe-area-inset-bottom));border-radius:16px;outline:none;padding:13px}textarea{resize:vertical}.app-shell{max-width:480px;min-height:var(--app-viewport-stable-height,100vh);padding:calc(16px + var(--app-content-safe-area-top) + env(safe-area-inset-top)) calc(14px + var(--app-content-safe-area-right) + env(safe-area-inset-right)) calc(168px + var(--app-safe-area-bottom) + env(safe-area-inset-bottom)) calc(14px + var(--app-content-safe-area-left) + env(safe-area-inset-left));margin:0 auto}.app-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.app-header span{color:var(--app-link);letter-spacing:.02em;font-size:13px;font-weight:900;display:block}.app-header h1,.home-hero h2,.home-hero p,.panel h2,.panel p,.family-card h3,.family-card p,.empty-state p,.list-row p,.owner-details h4{margin:0}.app-header h1{letter-spacing:-.04em;font-size:24px;line-height:1.05}.avatar-card{background:color-mix(in srgb, var(--app-surface) 84%, transparent);border:1px solid var(--app-border);text-align:right;border-radius:20px;flex:0 0 132px;min-width:132px;max-width:132px;padding:12px}.avatar-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}.avatar-card small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.avatar-card small,.muted,.panel p,.family-card p,.empty-state p,.list-row p,.card-footer,.family-card small,.home-action small,.dev-user-switch span{color:var(--app-muted)}.dev-user-switch{background:color-mix(in srgb, var(--app-text) 92%, transparent);color:var(--app-bg);border-radius:18px;grid-template-columns:1fr;align-items:center;gap:8px;margin-bottom:12px;padding:10px;display:grid}.dev-user-switch strong,.dev-user-switch span{display:block}.dev-user-switch span{color:#c7d2e5;margin-top:2px;font-size:11px}.dev-user-switch select{background:var(--app-surface);border-radius:14px;padding:10px 12px}.screen-stack{gap:14px;display:grid}.home-hero,.panel,.notice,.family-workspace{background:color-mix(in srgb, var(--app-surface) 92%, transparent);border:1px solid var(--app-border);border-radius:28px;box-shadow:0 18px 60px #16223314}.home-hero{gap:18px;padding:24px;display:grid}.eyebrow{color:var(--app-link);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:900}.home-hero h2{letter-spacing:-.06em;font-size:36px;line-height:.98}.home-hero p{color:#596579;margin-top:12px;font-size:15px;line-height:1.55}.hero-actions{grid-template-columns:1fr;gap:10px;display:grid}.trust-strip{gap:10px;display:grid}.trust-step{background:color-mix(in srgb, var(--app-surface) 88%, transparent);border:1px solid #94a3b838;border-radius:20px;gap:4px;padding:14px;display:grid}.trust-step strong{font-size:14px}.trust-step span{color:var(--app-muted);font-size:13px;line-height:1.35}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.home-stat{background:color-mix(in srgb, var(--app-surface) 88%, transparent);border:1px solid #94a3b838;border-radius:22px;padding:16px}.home-stat strong{letter-spacing:-.04em;font-size:28px;display:block}.home-stat span{color:var(--app-muted);font-size:13px}.action-list{gap:10px;display:grid}.home-action{background:var(--app-surface);border:1px solid var(--app-border);color:var(--app-text);text-align:left;justify-content:space-between;align-items:center;padding:16px;display:flex}.home-action span{gap:4px;display:grid}.home-action b{color:var(--app-link);font-size:24px}.panel,.notice,.family-workspace{padding:18px}.panel-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.panel h2{letter-spacing:-.04em;font-size:24px}.notice{max-width:680px}.notice-error,.inline-error{border-color:#dc262647}.inline-error,.inline-success,.warning,.requisite-box{border-radius:16px;margin-bottom:12px;padding:13px 14px}.inline-error{color:#b42318;background:#fff1f1}.inline-success{color:#027a48;background:#ecfdf3}.warning{color:#8a5b00;background:#fff7df;margin:14px 0 0}.toolbar,.workspace-actions,.row-actions,.card-actions{flex-wrap:wrap;align-items:stretch;gap:10px;display:flex}.toolbar{margin-bottom:16px}.family-type-switch{background:var(--app-secondary-bg);border:1px solid var(--app-border);border-radius:18px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:14px;padding:6px;display:grid}.type-pill{color:var(--app-muted);background:0 0;padding:11px 10px}.type-pill-active{background:var(--app-text);color:var(--app-bg)}.toolbar select{flex:1;min-width:180px}.card-grid,.stack{gap:12px;display:grid}.family-card{background:var(--app-surface);border:1px solid var(--app-border);border-radius:24px;padding:16px}.card-topline,.card-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.card-topline{margin-bottom:12px}.card-topline-left{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.badge{color:var(--app-link);background:#eef4ff;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;display:inline-flex}.type-label{border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;display:inline-flex}.type-label-subscription{color:#027a48;background:#ecfdf3}.type-label-tariff{color:#8a5b00;background:#fff7df}.family-card h3{letter-spacing:-.03em;font-size:21px}.family-card p{margin-top:10px;line-height:1.5}.owner-rules-preview{background:var(--app-secondary-bg);border:1px solid var(--app-border);border-radius:16px;margin:12px 0;padding:10px}.owner-rules-preview span{color:var(--app-muted);margin-bottom:4px;font-size:11px;display:block}.owner-rules-preview p{margin:0}.metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0;display:grid}.metrics div{background:var(--app-secondary-bg);border-radius:16px;padding:10px}.metrics span{color:var(--app-muted);margin-bottom:4px;font-size:11px;display:block}.metrics strong{font-size:15px}.card-actions{margin-top:14px}.empty-state{background:linear-gradient(135deg, color-mix(in srgb, var(--app-link) 8%, transparent), transparent 58%), var(--app-surface);border:1px dashed #b8c2d6;border-radius:20px;gap:12px;padding:18px;display:grid}.empty-state strong{font-size:17px}.empty-state p,.empty-state-body,.empty-state span{color:var(--app-muted);margin-top:8px;line-height:1.5;display:block}.empty-state button{width:100%}.empty-state-points{gap:8px;margin:2px 0 4px;display:grid}.empty-state-points span{background:var(--app-secondary-bg);border:1px solid var(--app-border);border-radius:14px;align-items:center;gap:8px;margin:0;padding:9px 10px;font-size:12px;line-height:1.35;display:flex}.empty-state-points b{color:#027a48;background:#ecfdf3;border-radius:999px;flex:none;padding:3px 7px;font-size:11px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.form-grid label{color:#344054;grid-column:1/-1;gap:8px;font-weight:800;display:grid}.form-grid label.half{grid-column:span 1}.field-helper{color:var(--app-muted);margin-top:-2px;font-size:12px;font-weight:500;line-height:1.35}.wide{grid-column:1/-1}.summary{background:var(--app-secondary-bg);color:#344054;border-radius:16px;padding:14px;line-height:1.45}.create-preview{background:#eef4ff;border:1px solid #bfdbfe;border-radius:22px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px;padding:14px;display:grid}.create-preview div{background:var(--app-surface);border-radius:16px;padding:12px}.create-preview span{color:var(--app-muted);margin-bottom:4px;font-size:12px;display:block}.create-preview strong{letter-spacing:-.03em;font-size:20px}.create-preview p{color:#24406f;grid-column:1/-1;margin:0;line-height:1.45}.family-workspace{gap:12px;display:grid}.owner-work-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.owner-work-summary div,.owner-task-grid div{background:var(--app-secondary-bg);border:1px solid var(--app-border);border-radius:16px;padding:10px}.owner-work-summary span,.owner-task-grid span,.member-next-step span,.flow-step p,.list-row small{color:var(--app-muted)}.owner-work-summary span{margin-bottom:4px;font-size:11px;display:block}.owner-work-summary strong{font-size:18px}.owner-settings-card{background:var(--app-surface);border:1px solid var(--app-border);border-radius:20px;gap:10px;padding:14px;display:grid}.invite-code-card,.invite-owner-card{background:var(--app-secondary-bg);border:1px solid var(--app-border);border-radius:18px;gap:10px;margin-top:12px;padding:14px;display:grid}.invite-code-card p,.invite-owner-card p{margin:0}.invite-owner-card strong{letter-spacing:.12em;margin-top:4px;font-size:24px;display:block}.invite-code-card input{letter-spacing:.08em;flex:150px;min-width:0;font-size:18px}.owner-settings-card label{color:var(--app-muted);gap:6px;font-size:12px;display:grid}.owner-settings-card input,.owner-settings-card textarea{font-size:15px}.owner-settings-grid{grid-template-columns:minmax(0,1fr);align-items:end;gap:10px;display:grid}.owner-task-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.owner-task-grid span,.member-next-step span{margin-bottom:4px;font-size:11px;display:block}.owner-task-grid strong{font-size:20px}.owner-task-section,.owner-task-list{gap:10px;display:grid}.task-row{gap:10px}.member-next-step{border:1px solid var(--app-border);border-radius:18px;padding:14px}.member-next-step strong,.member-next-step p{margin:0}.member-next-step p{color:var(--app-muted);margin-top:5px;line-height:1.45}.member-next-step-info{background:#eef4ff}.member-next-step-warning{background:#fff7df}.member-next-step-danger{background:#fff1f1}.member-next-step-success{background:#ecfdf3}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0;display:grid}.detail-item,.detail-section,.status-block{background:var(--app-secondary-bg);border:1px solid var(--app-border);border-radius:18px;padding:14px}.detail-item span{color:var(--app-muted);margin-bottom:4px;font-size:12px;display:block}.detail-section{gap:8px;margin-top:12px;display:grid}.detail-section h3,.detail-section p,.status-block p{margin:0}.detail-section h3{letter-spacing:-.03em;font-size:18px}.status-block{background:var(--app-surface)}.flow-steps{gap:8px;display:grid}.flow-step{border:1px solid var(--app-border);border-radius:16px;padding:12px}.flow-step p{margin:4px 0 0}.flow-step-done{background:#ecfdf3;border-color:#bbf7d0}.flow-step-active{background:#eef4ff;border-color:#bfdbfe}.flow-step-pending{background:var(--app-surface)}.mini-timeline,.audit-timeline{gap:8px;margin-top:10px;display:grid}.mini-timeline-step{color:var(--app-muted);align-items:center;gap:8px;font-size:12px;line-height:1.35;display:flex}.mini-timeline-step b{background:var(--app-border);border-radius:999px;flex:none;width:8px;height:8px;display:inline-block}.mini-timeline-step.done{color:#027a48}.mini-timeline-step.done b{background:#12b76a}.mini-timeline-step.overdue{color:var(--app-danger)}.mini-timeline-step.overdue b{background:var(--app-danger)}.audit-event{background:var(--app-surface);border:1px solid var(--app-border);border-radius:16px;padding:12px}.audit-event span{color:var(--app-muted);margin-bottom:4px;font-size:12px;display:block}.audit-event p{color:var(--app-muted);margin:4px 0 0}.owner-details{border:1px solid var(--app-border);background:#f8faff;border-radius:20px;gap:10px;padding:14px;display:grid}.owner-details h4{margin-top:8px;font-size:18px}.owner-section-header{justify-content:space-between;align-items:center;display:flex}.owner-section-header span{color:var(--app-link);background:#eef4ff;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:900}.list-row{background:var(--app-surface);border:1px solid var(--app-border);border-radius:16px;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px;display:flex}.list-row.compact{padding:12px}.request-card{gap:14px}.request-card>div{width:100%}.request-card-heading{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:8px;display:flex}.request-card-heading>div{gap:8px;display:grid}.request-card-heading strong{font-size:17px}.member-block,.payment-list{gap:8px;display:grid}.owner-prepayment-control{background:var(--app-secondary-bg);border:1px solid var(--app-border);border-radius:16px;align-items:end;gap:8px;padding:12px;display:grid}.owner-prepayment-control label{color:var(--app-muted);gap:6px;font-size:12px;display:grid}.owner-prepayment-control small{color:var(--app-muted)}.payment-list{margin-top:8px}.requisite-box{color:#24406f;background:#eef4ff;margin-bottom:0}.bottom-nav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:color-mix(in srgb, var(--app-bottom-bar-bg) 92%, transparent);bottom:calc(10px + var(--app-safe-area-bottom) + env(safe-area-inset-bottom));z-index:20;border:1px solid #94a3b847;border-radius:26px;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;width:calc(100% - 20px);max-width:460px;padding:8px;display:grid;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 18px 50px #16223329}.nav-item{color:var(--app-muted);background:0 0;border-radius:18px;place-items:center;gap:2px;padding:8px 4px;display:grid}.nav-item span{font-size:18px;line-height:1}.nav-item small{font-size:11px;font-weight:900}.nav-item-active{background:var(--app-text);color:var(--app-bg)}@media (width>=720px){.app-shell{max-width:520px}}@media (width<=380px){.form-grid label.half{grid-column:1/-1}}