:root{--bg:#f4f7fb;--bg-accent:radial-gradient(circle at 10% 10%, #dce9ff 0%, transparent 40%), radial-gradient(circle at 85% 15%, #d9f1ff 0%, transparent 45%);--surface:#fff;--surface-soft:#f7f9ff;--text:#162031;--text-muted:#5f6c80;--primary:#2563eb;--primary-hover:#1d4ed8;--primary-active:#1e40af;--primary-soft:#eff6ff;--secondary-hover:#f8fafc;--secondary-active:#eef2f7;--nav-active:#2563eb;--nav-active-bg:#eff6ff;--nav-hover-bg:#f8fafc;--border:#dde4f0;--shadow:0 8px 30px #1c2d5414;--button-shadow:0 1px 2px #0f172a14;--button-shadow-hover:0 6px 14px #2563eb29;--danger:#dc2626;--danger-hover:#b91c1c;--danger-active:#991b1b;--danger-soft:#fef2f2;--success:#047857;--success-soft:#ecfdf5;--auth-input-bg:#f7f9ff}html[data-theme=dark]{--bg:#0b1220;--bg-accent:radial-gradient(circle at 10% 10%, #1e293b 0%, transparent 40%), radial-gradient(circle at 85% 15%, #102238 0%, transparent 45%);--surface:#121b2d;--surface-soft:#17243b;--text:#e7edf8;--text-muted:#9cabbe;--primary:#60a5fa;--primary-hover:#3b82f6;--primary-active:#2563eb;--primary-soft:#10233f;--secondary-hover:#17243b;--secondary-active:#1e2f4c;--nav-active:#60a5fa;--nav-active-bg:#10233f;--nav-hover-bg:#17243b;--border:#283852;--shadow:0 10px 35px #00000059;--button-shadow:0 1px 2px #0000004d;--button-shadow-hover:0 8px 18px #60a5fa2e;--danger:#ef4444;--danger-hover:#dc2626;--danger-active:#b91c1c;--danger-soft:#3a1820;--success:#34d399;--success-soft:#0b2f25;--auth-input-bg:#17243b}html{box-sizing:border-box}*,:before,:after{box-sizing:inherit}html,body{min-height:100%;color:var(--text);margin:0;line-height:1.5}body{background:var(--bg-accent), var(--bg);align-items:stretch;width:100%;height:auto;min-height:100vh;font-family:Segoe UI,Inter,Helvetica Neue,Arial,sans-serif;transition:background-color .2s,color .2s;display:flex}code{font-family:Cascadia Code,Consolas,monospace}textarea,input,select,button{border:1px solid var(--border);background-color:var(--surface);color:var(--text);border-radius:999px;margin:0;padding:.55rem .75rem;font-family:inherit;font-size:.98rem;line-height:1.5;transition:border-color .18s,box-shadow .18s,transform .18s}textarea:hover,input:hover,select:hover,button:hover{border-color:color-mix(in srgb, var(--primary) 45%, var(--border))}textarea:focus,input:focus,select:focus,button:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 28%, transparent);outline:none}button{background:var(--primary);border-color:var(--primary);color:#fff;cursor:pointer;min-height:2.45rem;box-shadow:var(--button-shadow);border-radius:10px;justify-content:center;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}button:hover{background:var(--primary-hover);border-color:var(--primary-hover);box-shadow:var(--button-shadow-hover)}button[type=button]:not(.add-button):not(.danger-button):not(.delete-group-member-button):not(.add-group-member-button):not(.share-stepper-btn):not(.cost-stepper-btn):not(.auth-password-toggle){background:var(--surface);border-color:var(--border);color:var(--text)}button[type=button]:not(.add-button):not(.danger-button):not(.delete-group-member-button):not(.add-group-member-button):not(.share-stepper-btn):not(.cost-stepper-btn):not(.auth-password-toggle):hover{background:var(--secondary-hover);border-color:color-mix(in srgb, var(--text-muted) 28%, var(--border));color:var(--text);box-shadow:var(--button-shadow)}button:active{transform:translateY(1px)}button:not(:disabled):active{background:var(--primary-active);border-color:var(--primary-active)}form[action$=destroy] button{background:var(--danger);border-color:var(--danger)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#sidebar{background:var(--surface);border-right:1px solid var(--border);width:21rem;min-height:100vh;box-shadow:1px 0 0 color-mix(in srgb, var(--border) 60%, transparent);z-index:5;flex-direction:column;align-self:stretch;display:flex}#sidebar>*{padding-left:1.25rem;padding-right:1.25rem}.sidebar-brand{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:.85rem;padding:1rem 1.25rem;display:flex}.brand-title{border-top:none;align-items:center;min-width:0;margin:0;padding:0;font-size:.98rem;font-weight:700;line-height:1;display:flex}.brand-title a{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:.75rem;text-decoration:none;display:inline-flex;overflow:hidden}.brand-title a:hover{color:var(--primary)}.brand-icon{width:1.9rem;height:1.9rem;box-shadow:var(--button-shadow);border-radius:10px;flex-shrink:0;display:block}.theme-toggle{background:var(--surface);border-color:var(--border);min-width:auto;min-height:2.1rem;color:var(--text);box-shadow:none;justify-content:space-between;align-items:center;gap:.45rem;padding:.3rem .55rem;font-size:.78rem;display:inline-flex}.theme-toggle:hover{background:var(--secondary-hover);border-color:color-mix(in srgb, var(--text-muted) 25%, var(--border));color:var(--text)}.theme-toggle-track{background:color-mix(in srgb, var(--surface) 24%, #000);border:1px solid color-mix(in srgb, var(--surface) 15%, #000);border-radius:999px;flex-shrink:0;width:2rem;height:1.1rem;position:relative}.theme-toggle-thumb{background:#fff;border-radius:50%;width:.78rem;height:.78rem;transition:left .18s,background-color .18s;position:absolute;top:50%;left:.12rem;transform:translateY(-50%)}.theme-toggle[aria-pressed=true] .theme-toggle-track{background:color-mix(in srgb, var(--primary) 65%, #000)}.theme-toggle[aria-pressed=true] .theme-toggle-thumb{left:1rem}.theme-toggle-label{text-align:left;min-width:2.4rem}.nav-section-title{align-items:center;gap:.5rem;padding-top:1.1rem;padding-bottom:.45rem;display:flex}.nav-section-toggle{width:100%;box-shadow:none;min-height:2rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;background:0 0;border:none;justify-content:space-between;align-items:center;padding:0;font-size:.76rem;font-weight:700;display:flex}.nav-section-toggle:hover{color:var(--text);background:0 0;border:none}.nav-section-toggle:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 28%, transparent);border-radius:8px}.nav-section-label{align-items:center;gap:.4rem;margin:0;display:inline-flex}.nav-section-icon{opacity:.78;flex-shrink:0;width:1rem;height:1rem;display:block}.nav-section-chevron{justify-content:center;align-items:center;line-height:1;display:inline-flex}.nav-section-chevron-icon{color:currentColor;transition:transform .16s;display:block;transform:rotate(0)}.nav-section-chevron-icon-open{transform:rotate(90deg)}.nav-cta{padding-bottom:.65rem}.nav-cta form{width:100%}.nav-cta-button{background:var(--primary-soft);border-color:color-mix(in srgb, var(--primary) 24%, var(--border));width:100%;min-height:2.35rem;color:var(--primary);box-shadow:none;justify-content:center;padding:.5rem .85rem}.nav-cta-button:hover{background:color-mix(in srgb, var(--primary) 14%, var(--surface));border-color:color-mix(in srgb, var(--primary) 34%, var(--border));color:var(--primary-hover);box-shadow:var(--button-shadow)}#sidebar nav{flex:1;padding-top:.25rem;padding-bottom:1rem;overflow:auto}.sidebar-footer{border-top:1px solid var(--border);padding-top:.85rem;padding-bottom:1rem}#sidebar nav a span{float:right;color:#f59e0b}#sidebar nav a .nav-item-label,#sidebar nav a .nav-count-badge{float:none}#sidebar nav a .nav-item-label{text-overflow:ellipsis;min-width:0;color:inherit;overflow:hidden}.nav-count-badge{background:var(--primary);border-radius:999px;justify-content:center;align-items:center;min-width:1.35rem;height:1.35rem;padding:0 .35rem;font-size:.75rem;font-weight:800;display:inline-flex;color:#fff!important}#sidebar nav a.nav-invite-link{color:var(--text-muted)}#sidebar nav a.nav-invite-link-has-count{background:color-mix(in srgb, var(--primary) 8%, var(--surface));border-color:color-mix(in srgb, var(--primary) 18%, var(--border));color:var(--text);font-weight:700}#sidebar nav a.nav-invite-link-has-count:hover{background:color-mix(in srgb, var(--primary) 12%, var(--surface));border-color:color-mix(in srgb, var(--primary) 28%, var(--border))}.sidebar-footer a{min-height:2.35rem;color:var(--text-muted);border:1px solid #0000;border-radius:10px;align-items:center;gap:.55rem;padding:.58rem .75rem .58rem .95rem;font-weight:600;text-decoration:none;display:flex;position:relative}.sidebar-footer a:hover{background:var(--nav-hover-bg);border-color:var(--border);color:var(--text)}.sidebar-footer a.active{background:var(--nav-active-bg);border-color:color-mix(in srgb, var(--nav-active) 22%, var(--border));color:var(--text)}.sidebar-footer a.active:before{content:"";background:var(--nav-active);border-radius:999px;width:3px;height:1.2rem;position:absolute;top:50%;left:.35rem;transform:translateY(-50%)}.sidebar-user{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:.75rem;margin-top:.85rem;padding-top:.85rem;display:flex}.sidebar-user span{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-muted);font-size:.85rem;font-weight:600;overflow:hidden}.sidebar-user button{background:var(--surface);border-color:var(--border);min-height:2rem;color:var(--text);box-shadow:none;padding:.3rem .65rem;font-size:.82rem}.sidebar-user button:hover{background:var(--secondary-hover);border-color:color-mix(in srgb, var(--text-muted) 28%, var(--border));color:var(--text);box-shadow:var(--button-shadow)}i{color:var(--text-muted)}#sidebar ul{margin:0;padding:0;list-style:none}.nav-list{box-shadow:none;background:0 0;border:none;border-radius:0;padding:0!important}#sidebar li{margin:.15rem 0}#sidebar nav a{white-space:pre;min-height:2.3rem;color:var(--text);border:1px solid #0000;border-radius:10px;justify-content:space-between;align-items:center;gap:1rem;padding:.58rem .75rem .58rem .95rem;font-weight:500;text-decoration:none;transition:background-color .12s,border-color .12s,color .12s;display:flex;position:relative;overflow:hidden}#sidebar nav a:before{content:"";background:0 0;border-radius:999px;width:3px;height:1.2rem;transition:background-color .12s;position:absolute;top:50%;left:.35rem;transform:translateY(-50%)}#sidebar nav a:hover{background:var(--nav-hover-bg);border-color:var(--border)}#sidebar nav a.active{background:var(--nav-active-bg);color:var(--text);border-color:color-mix(in srgb, var(--nav-active) 22%, var(--border));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--nav-active) 8%, transparent);font-weight:700}#sidebar nav a.active:before{background:var(--nav-active)}#sidebar nav a.active:hover{background:var(--nav-active-bg);border-color:color-mix(in srgb, var(--nav-active) 30%, var(--border))}#sidebar nav a.pending{background:var(--secondary-hover);color:var(--text-muted)}@keyframes progress{0%{background:color-mix(in srgb, var(--primary) 10%, var(--surface))}50%{background:color-mix(in srgb, var(--primary) 30%, var(--surface))}to{background:color-mix(in srgb, var(--primary) 10%, var(--surface))}}#detail{flex:1;width:100%;padding:2rem 2.5rem}#friend,.group-form{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;padding:1.25rem 1.35rem}#group h1,#friend h1{margin-top:.2rem;margin-bottom:.35rem;font-size:1.8rem}#group .group-edit{margin:.8rem 0 1.15rem}.friend-shell{max-width:58rem;margin:0 auto;padding:0;overflow:hidden}.friend-hero{border-bottom:1px solid var(--border);background:linear-gradient(135deg, var(--surface), var(--surface-soft));justify-content:space-between;align-items:flex-start;gap:1.25rem;padding:1.25rem 1.35rem;display:flex}.friend-eyebrow{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .25rem;font-size:.78rem;font-weight:700}.friend-subtitle{max-width:42rem;color:var(--text-muted);margin:.45rem 0 0}.friend-usage-metrics{flex-shrink:0;gap:.65rem;display:flex}.friend-metric{border:1px solid var(--border);background:var(--surface);min-width:6.5rem;box-shadow:var(--button-shadow);border-radius:12px;padding:.7rem .8rem}.friend-metric span{color:var(--text-muted);font-size:.78rem;font-weight:600;display:block}.friend-metric strong{color:var(--text);margin-top:.15rem;font-size:1.35rem;line-height:1.1;display:block}.friend-balance-metric{min-width:7.75rem}.friend-balance-metric strong{color:var(--success)}.friend-balance-metric .friend-balance-negative{color:var(--danger)}.friend-balance-section{border:1px solid color-mix(in srgb, var(--primary) 16%, var(--border));background:color-mix(in srgb, var(--primary-soft) 48%, var(--surface));border-radius:14px;grid-template-columns:minmax(0,1fr) minmax(14rem,.48fr);align-items:center;gap:1.25rem;margin:1rem 1.35rem 0;padding:1rem;display:grid}.friend-balance-section h2{margin:.1rem 0 0;font-size:1.25rem}.friend-balance-section p{color:var(--text-muted);margin:.35rem 0 0}.friend-balance-breakdown{gap:.55rem;display:grid}.friend-balance-breakdown div{border:1px solid var(--border);background:var(--surface);border-radius:12px;justify-content:space-between;gap:.85rem;padding:.65rem .75rem;display:flex}.friend-balance-breakdown span{min-width:0;color:var(--text-muted);font-size:.88rem;font-weight:600}.friend-balance-breakdown strong{color:var(--text);white-space:nowrap}.friend-settings-form{gap:1rem;display:grid}.friend-section{grid-template-columns:minmax(12rem,.48fr) minmax(0,1fr);gap:1.5rem;padding:1.1rem 1.35rem 0;display:grid}.friend-section-copy h2{margin:0;font-size:1rem}.friend-section-copy p{color:var(--text-muted);margin:.35rem 0 0;font-size:.9rem}.friend-field{gap:.35rem;display:grid}.friend-field span{color:var(--text);font-size:.9rem;font-weight:600}.friend-field input{background:color-mix(in srgb, var(--surface) 82%, var(--surface-soft));border-radius:10px;width:100%}.friend-warning{border:1px solid color-mix(in srgb, var(--danger) 18%, var(--border));background:var(--danger-soft);border-radius:12px;margin:0 1.35rem;padding:.85rem .95rem}.friend-warning strong{color:var(--danger)}.friend-warning p{color:var(--text-muted);margin:.2rem 0 0}.friend-invite-section{gap:.75rem;padding:1.1rem 1.35rem 1.35rem;display:grid}.friend-invite-card{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 86%, var(--surface-soft));border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;padding:.9rem 1rem;display:grid}.friend-invite-card strong,.friend-invite-card span{display:block}.friend-invite-card span{color:var(--text-muted);margin-top:.15rem;font-size:.9rem}.friend-invite-actions{gap:.55rem;display:flex}.friend-invite-actions form{margin:0}.friend-empty-state{border:1px dashed var(--border);background:color-mix(in srgb, var(--surface-soft) 70%, var(--surface));border-radius:12px;padding:1rem}.friend-empty-state p{color:var(--text-muted);margin:.25rem 0 0}.friend-actions{border-top:1px solid var(--border);background:color-mix(in srgb, var(--surface-soft) 58%, var(--surface));justify-content:flex-end;gap:.75rem;padding:1rem 1.35rem 1.25rem;display:flex}.friend-actions button{min-width:7rem}.danger-button{background:var(--danger);border-color:var(--danger);color:#fff}.danger-button:hover{background:var(--danger-hover);border-color:var(--danger-hover);box-shadow:0 6px 14px color-mix(in srgb, var(--danger) 18%, transparent)}button:disabled,button:disabled:hover{background:color-mix(in srgb, var(--text-muted) 18%, var(--surface));border-color:var(--border);color:var(--text-muted);cursor:not-allowed;box-shadow:none;transform:none}.nav-empty{margin:.25rem 0 .9rem;padding:.25rem .1rem}#detail.loading{opacity:.35;transition:opacity .18s}#index-page,#about{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;margin:0 auto;padding:1.5rem 1.75rem}#index-page{text-align:left;width:100%;max-width:72rem;color:var(--text)}#index-page a,#about a{color:var(--primary);text-decoration:none}#index-page a:hover,#about a:hover{text-decoration:underline}#about{width:100%;max-width:72ch}.home-dashboard{gap:1rem;display:grid}.home-hero{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:1.25rem;padding-bottom:1rem;display:flex}.home-hero h1{margin:0;font-size:1.85rem;line-height:1.2}.home-hero p{color:var(--text-muted);margin:.45rem 0 0}.home-eyebrow{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:700;margin:0 0 .25rem!important}.home-icon{width:4.5rem;height:4.5rem;box-shadow:var(--button-shadow);border-radius:18px;display:block}.home-stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem;display:grid}.home-stat-card{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 84%, var(--surface-soft));border-radius:14px;padding:.9rem 1rem}.home-stat-card span{color:var(--text-muted);font-size:.82rem;font-weight:600;display:block}.home-stat-card strong{color:var(--text);overflow-wrap:anywhere;margin-top:.25rem;font-size:1.45rem;line-height:1.1;display:block}.home-stat-link{transition:background-color .14s,border-color .14s,transform .14s;color:var(--text)!important;text-decoration:none!important}.home-stat-link:hover{border-color:color-mix(in srgb, var(--primary) 24%, var(--border));background:var(--secondary-hover);transform:translateY(-1px);text-decoration:none!important}.home-invite-alert{border:1px solid color-mix(in srgb, var(--primary) 24%, var(--border));background:color-mix(in srgb, var(--primary-soft) 64%, var(--surface));border-radius:14px;justify-content:space-between;align-items:center;gap:1rem;padding:.95rem 1rem;display:flex}.home-invite-alert>div{align-items:center;gap:.85rem;min-width:0;display:flex}.home-invite-alert>div>span{background:var(--primary);color:#fff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-weight:800;display:inline-flex}.home-invite-alert strong{color:var(--text);display:block}.home-invite-alert p{color:var(--text-muted);margin:.15rem 0 0}.home-invite-alert a{white-space:nowrap;border:1px solid var(--primary);background:var(--primary);border-radius:10px;justify-content:center;align-items:center;min-height:2.35rem;padding:.5rem .85rem;font-weight:700;display:inline-flex;color:#fff!important;text-decoration:none!important}.home-invite-alert a:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.home-actions{flex-wrap:wrap;gap:.75rem;display:flex}.home-action-primary,.home-action-secondary{border:1px solid var(--border);border-radius:10px;justify-content:center;align-items:center;min-height:2.45rem;padding:.55rem .9rem;font-weight:600;text-decoration:none;display:inline-flex}.home-action-primary{background:var(--primary);border-color:var(--primary);box-shadow:var(--button-shadow);color:#fff!important}.home-action-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover);text-decoration:none!important}.home-action-secondary{background:var(--surface);color:var(--text)!important}.home-action-secondary:hover{background:var(--secondary-hover);text-decoration:none!important}.home-section{gap:.85rem;display:grid}.home-section-header{justify-content:space-between;gap:1rem;display:flex}.home-section-header h2{margin:0;font-size:1.1rem}.home-section-header p{color:var(--text-muted);margin:.25rem 0 0}.home-group-list{gap:.65rem;display:grid}.home-group-card{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 88%, var(--surface-soft));border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;padding:.85rem .95rem;text-decoration:none;display:grid;color:var(--text)!important}.home-group-card:hover{border-color:color-mix(in srgb, var(--primary) 24%, var(--border));background:var(--secondary-hover);text-decoration:none!important}.home-group-card strong,.home-group-card span{display:block}.home-group-card strong{font-size:1rem}.home-group-card span{color:var(--text-muted);font-size:.9rem}.home-group-meta{flex-wrap:wrap;justify-content:flex-end;gap:.45rem;display:flex}.home-group-meta span{background:var(--secondary-hover);border-radius:999px;padding:.22rem .55rem;font-size:.8rem;font-weight:600}.home-empty-state{border:1px dashed var(--border);background:color-mix(in srgb, var(--surface-soft) 70%, var(--surface));color:var(--text-muted);border-radius:12px;padding:1.25rem}.home-empty-state strong{color:var(--text)}.about-header{border-bottom:1px solid var(--border);align-items:center;gap:.9rem;margin-bottom:1rem;padding-bottom:1rem;display:flex}.about-icon{width:3rem;height:3rem;box-shadow:var(--button-shadow);border-radius:14px;flex-shrink:0}.about-eyebrow{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .2rem;font-size:.78rem;font-weight:700}#about .about-header h1{margin:0}.about-feature-list{gap:.7rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.about-feature-list li{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 85%, var(--surface-soft));color:var(--text-muted);border-radius:12px;gap:.15rem;padding:.8rem .9rem;display:grid}.about-feature-list span{color:var(--text);font-weight:700}#error-page{flex-direction:column;justify-content:center;align-items:center;width:100%;padding:2rem;display:flex}#loading-splash{flex-direction:column;align-items:center;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#loading-splash-spinner{border:.45rem solid color-mix(in srgb, var(--primary) 15%, var(--surface));border-top:.45rem solid var(--primary);border-radius:50%;width:3rem;height:3rem;margin-bottom:1rem;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}p span{margin-right:.5rem}.field-error{color:var(--danger);margin:.25rem 0 .5rem;font-size:.85rem}.share-units-list{flex-direction:column;gap:.35rem;margin:.4rem 0 .6rem;display:flex}.share-units-list p{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.6rem;margin:0;display:grid}.auth-page{background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 8%, transparent), transparent 42%), var(--bg-accent), var(--bg);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:clamp(1rem,3vw,2.5rem);display:flex}.auth-shell{border:1px solid var(--border);background:var(--surface);width:min(100%,64rem);min-height:min(42rem,100vh - 3rem);box-shadow:0 24px 70px color-mix(in srgb, var(--text) 13%, transparent);border-radius:24px;grid-template-columns:minmax(0,1fr) minmax(22rem,.82fr);display:grid;overflow:hidden}.auth-showcase{background:linear-gradient(145deg, color-mix(in srgb, var(--primary) 18%, var(--surface-soft)), var(--surface)), var(--surface-soft);border-right:1px solid var(--border);flex-direction:column;justify-content:space-between;padding:clamp(1.4rem,3vw,2rem);display:flex;position:relative;overflow:hidden}.auth-showcase-brand,.auth-preview{z-index:1;position:relative}.auth-showcase-brand{align-items:center;gap:.85rem;display:flex}.auth-showcase-icon{width:3.25rem;height:3.25rem;box-shadow:var(--button-shadow);border-radius:16px}.auth-showcase-brand p{margin:0;font-size:1rem;font-weight:800}.auth-showcase-brand span{color:var(--text-muted);margin-top:.15rem;font-size:.9rem;display:block}.auth-preview{border:1px solid color-mix(in srgb, var(--primary) 22%, var(--border));background:color-mix(in srgb, var(--surface) 86%, transparent);width:min(100%,22rem);box-shadow:0 18px 44px color-mix(in srgb, var(--text) 12%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:18px;align-self:center;gap:.65rem;margin-top:2rem;padding:1rem;display:grid}.auth-preview-header,.auth-preview-row{justify-content:space-between;gap:1rem;display:flex}.auth-preview-header{border-bottom:1px solid var(--border);align-items:flex-start;padding-bottom:.75rem}.auth-preview-header span,.auth-preview-row span{color:var(--text-muted);font-weight:600}.auth-preview-header strong{color:var(--text);font-size:1.45rem;line-height:1.1}.auth-preview-row{background:color-mix(in srgb, var(--surface-soft) 76%, transparent);border-radius:12px;align-items:center;padding:.75rem .85rem}.auth-preview-row strong{color:var(--primary)}.auth-panel{place-items:center;padding:clamp(1.25rem,3vw,2rem);display:grid}.auth-card{width:min(100%,27rem);box-shadow:none;background:0 0;border:none;border-radius:0;gap:1rem;padding:0;display:grid}.auth-header{align-items:center;gap:.85rem;padding-bottom:.45rem;display:flex}.auth-icon{width:3.2rem;height:3.2rem;box-shadow:var(--button-shadow);border-radius:16px}.auth-eyebrow{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .15rem;font-size:.78rem;font-weight:700}.auth-header h1{margin:0;font-size:1.75rem;line-height:1.15}.auth-field{gap:.35rem;display:grid}.auth-field span{font-size:.9rem;font-weight:600}.auth-field input{background:var(--auth-input-bg);border-radius:10px;width:100%}.auth-field input:-webkit-autofill{-webkit-text-fill-color:var(--text);caret-color:var(--text);box-shadow:0 0 0 1000px var(--auth-input-bg) inset!important}.auth-field input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text);caret-color:var(--text);box-shadow:0 0 0 1000px var(--auth-input-bg) inset!important}.auth-field input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text);caret-color:var(--text);box-shadow:0 0 0 1000px var(--auth-input-bg) inset!important}.auth-password-control{border:1px solid var(--border);background:var(--auth-input-bg);border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;transition:border-color .18s,box-shadow .18s;display:grid}.auth-password-control:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 28%, transparent)}.auth-password-control input{box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important}.auth-password-toggle{min-width:2.8rem;min-height:100%;color:var(--text-muted);box-shadow:none;background:0 0;border:none;border-radius:8px;margin-right:.2rem;padding:0}.auth-password-toggle:hover{background:var(--primary-soft);color:var(--primary);box-shadow:none}.auth-password-toggle:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 24%, transparent)}.auth-password-icon{flex-shrink:0;display:block}.auth-alert{border:1px solid color-mix(in srgb, var(--danger) 22%, var(--border));background:var(--danger-soft);color:var(--danger);border-radius:12px;padding:.75rem .85rem;font-size:.9rem;font-weight:600}.form-success{border:1px solid color-mix(in srgb, var(--success) 22%, var(--border));background:var(--success-soft);color:var(--success);border-radius:12px;padding:.75rem .85rem;font-size:.9rem;font-weight:600}.invite-list{gap:.55rem;display:grid}.invite-row{border:1px solid var(--border);background:var(--surface);border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem .8rem;display:flex}.invite-row strong,.invite-row span{display:block}.invite-row div span{color:var(--text-muted);font-size:.88rem}.invite-status{text-transform:capitalize;border-radius:999px;padding:.22rem .55rem;font-size:.78rem;font-weight:800}.invite-status-pending{background:var(--primary-soft);color:var(--primary)}.invite-status-accepted{background:var(--success-soft);color:var(--success)}.invite-status-declined{background:var(--danger-soft);color:var(--danger)}.auth-card button{width:100%;min-height:2.75rem}.auth-switch{color:var(--text-muted);text-align:center;margin:0;font-size:.9rem}.auth-switch a{color:var(--primary);font-weight:600;text-decoration:none}.auth-switch a:hover{text-decoration:underline}.share-units-list p span{min-width:0}.share-units-list p input[type=number]{width:3.2rem}.share-stepper{background:color-mix(in srgb, var(--primary) 8%, var(--surface));border:1px solid color-mix(in srgb, var(--primary) 28%, var(--border));border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .3rem;display:inline-flex}.share-stepper-btn{border-radius:999px;justify-content:center;align-items:center;width:1.9rem;min-width:1.9rem;height:1.9rem;padding:0;font-size:1rem;line-height:1;display:inline-flex}.share-stepper-value{text-align:center;font-weight:700;width:3.2rem!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;padding:.1rem 0!important}.cost-stepper{background:color-mix(in srgb, var(--primary) 8%, var(--surface));border:1px solid color-mix(in srgb, var(--primary) 28%, var(--border));border-radius:999px;grid-template-columns:minmax(0,1fr) 2.15rem;align-items:stretch;width:min(13rem,100%);min-height:2.75rem;transition:border-color .18s,box-shadow .18s;display:inline-grid;overflow:hidden}.cost-stepper:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 28%, transparent)}.cost-stepper-value{width:100%;min-width:0;font-weight:700;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:999px 0 0 999px!important;padding:.55rem .9rem!important}.cost-stepper-value::placeholder{color:var(--text-muted);font-weight:500}.cost-stepper-controls{border-left:1px solid color-mix(in srgb, var(--primary) 22%, var(--border));grid-template-rows:1fr 1fr;display:grid}.cost-stepper-btn{width:100%;min-width:0;height:100%;min-height:0;color:var(--primary);box-shadow:none;background:0 0;border:none;border-radius:0;padding:0;font-size:.9rem;line-height:1}.cost-stepper-btn:hover{background:color-mix(in srgb, var(--primary) 14%, var(--surface));color:var(--primary-hover);box-shadow:none;border:none}.cost-stepper-btn-up{border-bottom:1px solid color-mix(in srgb, var(--primary) 22%, var(--border))}.share-estimate{text-align:right;min-width:4.75rem;color:var(--primary);font-weight:700}@media (width<=560px){.home-hero,.home-group-card{grid-template-columns:1fr}.home-hero{flex-direction:column-reverse}.home-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.home-actions,.home-action-primary,.home-action-secondary{width:100%}.home-invite-alert{flex-direction:column;align-items:stretch}.home-invite-alert a{width:100%}.home-group-meta{justify-content:flex-start}.friend-hero,.friend-section,.friend-balance-section{flex-direction:column;grid-template-columns:1fr}.friend-usage-metrics{width:100%}.friend-metric{flex:1;min-width:0}.friend-actions{flex-direction:column}.friend-invite-card{grid-template-columns:1fr}.friend-invite-actions,.friend-invite-actions form,.friend-invite-actions button,.friend-actions button{width:100%}.share-units-list p{grid-template-columns:minmax(0,1fr) auto}.share-estimate{grid-column:1/-1;justify-self:end}}@media (width<=760px){.auth-page{align-items:stretch;padding:0}.auth-shell{border:none;border-radius:0;grid-template-columns:1fr;min-height:100vh}.auth-showcase{border-right:none;border-bottom:1px solid var(--border);min-height:14rem}.auth-preview{align-self:stretch;width:100%;margin-top:1.5rem}.auth-panel{align-items:start}}.rs__control{box-shadow:none!important;cursor:pointer!important;background-color:#0000!important;border:none!important;border-radius:12px!important;min-height:2.6rem!important;transition:box-shadow .15s,background-color .15s!important}.rs__control:hover{background-color:var(--secondary-hover)!important;box-shadow:var(--button-shadow)!important;border:none!important}.rs__control--menu-is-open,.rs__control--is-focused{background-color:var(--secondary-hover)!important;box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 24%, transparent)!important}.rs__single-value,.rs__input-container,.rs__placeholder,.rs__menu,.rs__option,.rs__multi-value__label{color:var(--text)!important}.rs__placeholder{color:var(--text-muted)!important}.rs__value-container{padding:.25rem .1rem!important}.rs__input-container{caret-color:#0000!important}.rs__input-container input{box-shadow:none!important;caret-color:#0000!important;background:0 0!important;border:none!important;border-radius:0!important;margin:0!important;padding:0!important}.rs__indicator-separator{display:none!important}.rs__dropdown-indicator{background:var(--primary-soft)!important;border:1px solid color-mix(in srgb, var(--primary) 24%, var(--border))!important;color:var(--primary)!important;box-shadow:0 1px 2px color-mix(in srgb, var(--primary) 18%, transparent)!important;border-radius:999px!important;margin-left:.35rem!important;padding:.2rem .45rem!important;transition:box-shadow .14s,background-color .14s,border-color .14s!important}.rs__control:hover .rs__dropdown-indicator{background:var(--primary-soft)!important;border-color:color-mix(in srgb, var(--primary) 38%, var(--border))!important;box-shadow:var(--button-shadow)!important}.rs__dropdown-indicator svg{width:18px;height:18px}.rs__menu{background-color:var(--surface)!important;border:1px solid var(--border)!important;box-shadow:0 14px 30px color-mix(in srgb, var(--text) 16%, transparent)!important;border-radius:14px!important;overflow:hidden!important}.rs__menu-list{padding:.4rem!important}.rs__option{background-color:var(--surface)!important;border:1px solid #0000!important;border-radius:10px!important;margin-bottom:.2rem!important;padding:.5rem .65rem!important;transition:background-color .14s,border-color .14s,transform .14s!important}.rs__option--is-focused{background-color:var(--primary-soft)!important;border-color:color-mix(in srgb, var(--primary) 24%, var(--border))!important;transform:translate(1px)!important}.rs__option--is-selected{background-color:var(--primary)!important;color:#fff!important;border-color:var(--primary-hover)!important;box-shadow:0 6px 14px color-mix(in srgb, var(--primary) 35%, transparent)!important}.rs__multi-value{background-color:var(--primary-soft)!important}.rs__multi-value__remove{color:var(--text-muted)!important}.rs__multi-value__remove:hover{background-color:color-mix(in srgb, var(--danger) 20%, var(--surface))!important;color:var(--danger)!important}@media (width<=980px){body{flex-direction:column}#sidebar{width:100%;min-height:auto}#detail{padding:1.2rem}}