@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@600;700;800&display=swap";@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.relative{position:relative}.flex{display:flex}.hidden{display:none}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#101817;font-synthesis:none;text-rendering:optimizelegibility;--accent:#ff6f59;--accent-deep:#bd3f32;--primary:#27b19f;--primary-deep:#0f6158;--ink:#101817;--ink-soft:#1f2b29;--muted:#687470;--paper:#fff;--canvas:#f4f7f2;--wash:#eaf1e9;--line:#dfe7df;--line-strong:#ccd8ce;--radius:8px;--shadow:0 18px 54px #10181717;--shadow-soft:0 8px 24px #1018170f;background:#f4f7f2;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--canvas);scroll-behavior:smooth}body{background:var(--canvas);min-width:320px;min-height:100dvh;margin:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand{font-family:Plus Jakarta Sans,Inter,sans-serif}h1{letter-spacing:0;font-size:clamp(2rem,4vw,3.45rem);line-height:1.05}h2{letter-spacing:0}:focus-visible{outline-offset:3px;outline:3px solid #27b19f57}.brand-symbol{border-radius:var(--radius);background:var(--ink);flex:none;width:40px;height:40px;display:inline-block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14,0 10px 26px #10181733}.brand-symbol:before{content:"";background:var(--paper);border-radius:6px;width:20px;height:20px;position:absolute;top:10px;left:10px}.brand-symbol:after{content:"";background:var(--accent);transform-origin:0;border-radius:999px;width:31px;height:5px;position:absolute;top:29px;left:12px;transform:rotate(-45deg)}.brand-symbol i:first-child{background:var(--primary);border-radius:5px;width:14px;height:14px;position:absolute;top:10px;right:10px}.brand-symbol i:last-child{background:var(--ink);width:12px;height:2px;box-shadow:0 6px 0 var(--ink);border-radius:999px;position:absolute;top:18px;left:14px}.brand-symbol-sm{width:38px;height:38px}.brand-symbol-lg{border-radius:var(--radius);width:58px;height:58px}.brand-symbol-lg:before{border-radius:var(--radius);width:29px;height:29px;top:14px;left:14px}.brand-symbol-lg:after{width:44px;height:7px;top:42px;left:17px}.brand-symbol-lg i:first-child{border-radius:6px;width:20px;height:20px;top:14px;right:14px}.brand-symbol-lg i:last-child{width:17px;height:3px;box-shadow:0 8px 0 var(--ink);top:26px;left:20px}.app-frame{min-height:100dvh}.app-stage{min-height:100dvh;padding-bottom:84px}.page{width:min(100% - 40px,1120px);margin:0 auto;padding:36px 0 90px}.narrow-page,.detail-page{width:min(100% - 40px,700px)}.page-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-top:18px;padding-bottom:4px;display:flex}.page-header h1{margin:0}.page-intro{max-width:620px;color:var(--muted);margin:12px 0 32px;font-size:1.02rem;line-height:1.7}.eyebrow{color:var(--primary-deep);letter-spacing:0;text-transform:uppercase;margin-bottom:8px;font-size:.7rem;font-weight:800}.text-link{color:var(--primary-deep);margin-bottom:14px;font-weight:700;display:inline-flex}.muted{color:var(--muted)}.desktop-rail{display:none}.mobile-nav{z-index:30;height:70px;padding:8px 8px env(safe-area-inset-bottom);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);bottom:0;background:#fffffff2;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;inset-inline:0;box-shadow:0 -12px 30px #1018170f}.mobile-nav a{color:#8a8d8d;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:.65rem;font-weight:600;display:flex}.mobile-nav svg{width:21px}.mobile-nav a.active{color:var(--primary-deep)}.floating-action{z-index:35;color:#fff;background:var(--ink);border:0;border-radius:50%;place-items:center;width:54px;height:54px;display:grid;position:fixed;bottom:86px;right:20px;box-shadow:0 14px 30px #10181747}.button{border-radius:var(--radius);border:1px solid #0000;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:0 18px;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s;display:inline-flex}.button svg{width:18px}.button:hover{transform:translateY(-1px)}.button-primary{color:#fff;background:var(--ink);box-shadow:0 10px 24px #1018172e}.button-primary:hover{background:var(--ink-soft)}.button-secondary{border-color:var(--line-strong);box-shadow:var(--shadow-soft);background:#fff}.button-secondary:hover{border-color:#b9c9bd}.button-google{border-color:var(--line-strong);color:#101817;background:#fff;box-shadow:0 4px 14px #10181714}.button-google:hover{background:#fafcfa;border-color:#b9c9bd;box-shadow:0 6px 20px #10181724}.button-ghost{color:var(--primary-deep);background:0 0}.button-danger{color:#a9362d;background:#fff1ee;border-color:#ffd9d3}.button-wide{width:100%}.button-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.icon-button{border:1px solid var(--line-strong);width:44px;height:44px;box-shadow:var(--shadow-soft);background:#fff;border-radius:50%;place-items:center;display:inline-grid}.icon-button svg{width:18px}.icon-button.danger{color:var(--accent-deep)}.group-grid{gap:18px;display:grid}.group-card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);background:#fff;transition:transform .2s,box-shadow .2s,border-color .2s;overflow:hidden}.group-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow);transform:translateY(-2px)}.group-cover{background:linear-gradient(135deg,#183936,#27b19f 58%,#ffb19f) 50%/cover;height:255px;display:block;position:relative}.cover-shade,.hero-shade,.login-shade{background:linear-gradient(#1018170d 20%,#101817c7);position:absolute;inset:0}.cover-copy{color:#fff;position:absolute;inset:auto 22px 20px}.cover-copy h2{margin:5px 0;font-size:1.55rem}.cover-copy small{letter-spacing:0;font-weight:800}.cover-copy p{align-items:center;gap:6px;margin:0;font-size:.78rem;display:flex}.cover-copy svg{width:15px}.group-card-bottom{justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.group-card-bottom div{flex-direction:column;gap:3px;display:flex}.group-card-bottom small{color:var(--muted);text-transform:uppercase;letter-spacing:0;font-size:.67rem;font-weight:800}.group-card-bottom strong{font-size:1.05rem}.positive{color:var(--primary-deep)!important}.negative{color:var(--accent-deep)!important}.group-page{min-height:100dvh;padding-bottom:100px}.group-hero{color:#fff;background:linear-gradient(135deg,#173533,#587a72 60%,#ff9c84) 50%/cover;height:340px;position:relative}.group-topbar{z-index:2;top:0;justify-content:space-between;padding:22px max(20px,50vw - 560px);display:flex;position:absolute;inset-inline:0}.group-topbar a{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#10181775;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.hero-copy{z-index:2;width:min(100% - 40px,1120px);position:absolute;bottom:58px;left:50%;transform:translate(-50%)}.hero-copy h1{margin:4px 0 6px;font-size:clamp(2rem,5vw,4rem)}.hero-copy p{margin:0}.group-content{width:min(100% - 40px,1120px);margin:0 auto}.balance-panel{z-index:4;border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff5;border:1px solid #ffffffbd;grid-template-columns:1fr auto;gap:8px 20px;margin:-34px 0 34px;padding:20px;display:grid;position:relative}.balance-panel>small{color:var(--muted);text-transform:uppercase;letter-spacing:0;font-weight:800}.balance-panel>strong{grid-column:1;font-family:Plus Jakarta Sans;font-size:2rem}.avatar-stack{grid-area:1/2/span 2;align-items:center;display:flex}.avatar-stack .avatar+.avatar{margin-left:-9px}.balance-actions{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;display:grid}.group-columns{gap:32px;display:grid}.section-heading{justify-content:space-between;align-items:center;display:flex}.section-heading h2{font-size:1.25rem}.section-heading svg{width:18px;color:var(--muted)}.transaction-list{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);background:#fff;overflow:hidden}.transaction-row{border-bottom:1px solid var(--line);grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding:15px;transition:background .2s;display:grid}.transaction-row:hover{background:#f8fbf7}.transaction-row:last-child{border-bottom:0}.transaction-row div{flex-direction:column;gap:4px;min-width:0;display:flex}.transaction-row div strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.transaction-row small{color:var(--muted);font-size:.72rem}.transaction-icon{border-radius:var(--radius);width:40px;height:40px;color:var(--accent-deep);background:#fff1ee;place-items:center;font-weight:800;display:grid}.transaction-icon.payment{color:var(--primary-deep);background:#e5f6f2}.member-balance-card,.form-card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);background:#fff;padding:20px}.member-balance-card h2,.form-card h2{margin-bottom:18px;font-size:1.05rem}.member-balance{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:12px 0;display:grid}.member-balance:last-child{border-bottom:0}.member-balance div{flex-direction:column;display:flex}.member-balance small{color:var(--muted);font-size:.7rem}.avatar{color:#29413d;background:#dcebe5;border:2px solid #fff;border-radius:50%;flex:none;place-items:center;font-size:.68rem;font-weight:800;display:inline-grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar-sm{width:34px;height:34px}.avatar-md{width:44px;height:44px}.avatar-lg{width:76px;height:76px;font-size:1rem}.state,.empty-state{text-align:center;min-height:280px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.state svg{color:var(--primary)}.state-error svg{color:var(--accent-deep)}.empty-state{border:1px dashed var(--line-strong);border-radius:var(--radius);background:#ffffff9e;padding:50px 25px}.empty-state h2{color:var(--ink);margin:6px 0 0}.empty-state p{max-width:420px}.empty-mark{color:#fff;background:var(--ink);border-radius:50%;place-items:center;width:54px;height:54px;font-size:1.4rem;display:grid}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.form-card{gap:18px;margin-bottom:18px;display:grid}.field{gap:7px;display:grid}.field>span{color:#66726e;letter-spacing:0;text-transform:uppercase;font-size:.71rem;font-weight:800}.field small{color:var(--muted)}input,select,textarea{border:1px solid var(--line-strong);border-radius:var(--radius);width:100%;min-height:48px;color:var(--ink);background:#fbfdfb;padding:0 13px}input:focus,select:focus,textarea:focus{border-color:var(--primary);outline:2px solid #27b19f24}.form-grid{gap:14px;display:grid}.expense-form{gap:18px;margin-top:24px;display:grid}.amount-input{justify-content:center;align-items:center;gap:12px;padding:28px 0;display:flex}.amount-input span{color:var(--primary-deep);font-family:Plus Jakarta Sans;font-size:1.8rem;font-weight:800}.amount-input input{width:min(78%,420px);height:auto;color:var(--ink);letter-spacing:0;text-align:center;background:0 0;border:0;outline:0;padding:0;font-family:Plus Jakarta Sans;font-size:clamp(2.8rem,10vw,5rem);font-weight:800}.segmented{border-radius:var(--radius);background:var(--wash);grid-template-columns:repeat(4,1fr);gap:4px;padding:4px;display:grid}.segmented button{min-height:38px;color:var(--muted);background:0 0;border:0;border-radius:6px;padding:4px;font-size:.72rem;font-weight:800}.segmented button.active{color:var(--ink);background:#fff;box-shadow:0 2px 8px #00000012}.participant-list{display:grid}.participant-list label{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr 90px;align-items:center;gap:10px;min-height:52px;display:grid}.participant-list input[type=checkbox]{width:20px;min-height:20px;accent-color:var(--primary)}.participant-list input:last-child{grid-column:3;min-height:38px}.detail-amount{flex-direction:column;align-items:center;gap:8px;padding:42px 0;display:flex}.detail-amount>strong{letter-spacing:0;font-family:Plus Jakarta Sans;font-size:3.2rem}.detail-amount small,.detail-amount p{color:var(--muted)}.split-row{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-height:50px;display:grid}.split-row:last-child{border-bottom:0}.comments{margin-top:32px}.comments h2{align-items:center;gap:8px;font-size:1.1rem;display:flex}.comments h2 svg{width:20px;color:var(--primary)}.comment{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr;gap:10px;padding:14px 0;display:grid}.comment p{margin:5px 0}.comment small{color:var(--muted)}.comment-actions,.row-actions{gap:4px;margin-top:7px;flex-direction:row!important;display:inline-flex!important}.comment-actions button{width:30px;height:30px;color:var(--muted);background:var(--wash);border:0;border-radius:6px;place-items:center;display:inline-grid}.comment-actions svg{width:14px}.comment-form,.inline-form{gap:8px;margin-top:16px;display:flex}.activity-feed{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);background:#fff;overflow:hidden}.activity-item{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr;gap:12px;padding:17px;transition:background .2s;display:grid}.activity-item:hover{background:#f8fbf7}.activity-item:last-child{border-bottom:0}.activity-item p{margin-bottom:4px}.activity-item small{color:var(--muted)}.contact-grid{gap:16px;display:grid}.contact-card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);background:#fff;padding:24px}.contact-card h2{margin:12px 0 3px}.contact-card>p{color:var(--muted)}.contact-groups,.contact-balances{flex-wrap:wrap;gap:7px;margin-top:15px;display:flex}.contact-groups small{width:100%;color:var(--muted)}.contact-groups a,.contact-balances span{background:var(--wash);border-radius:999px;padding:7px 10px;font-size:.76rem}.settings-grid{gap:18px;display:grid}.cover-preview{border-radius:var(--radius);background:linear-gradient(135deg,#173533,#27b19f 60%,#ff9c84) 50%/cover;height:190px}.file-button{position:relative;overflow:hidden}.file-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.simple-list{display:grid}.simple-list>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;min-height:48px;display:flex}.simple-list span{flex-direction:column;display:flex}.simple-list small{color:var(--muted)}.simple-list button{color:var(--accent-deep);background:0 0;border:0}.simple-list svg{width:17px}.found-user{border-radius:var(--radius);background:#e5f6f2;align-items:center;gap:8px;padding:10px;display:flex}.copy-link{border-radius:var(--radius);color:var(--primary-deep);text-overflow:ellipsis;background:#e5f6f2;border:0;align-items:center;gap:8px;padding:10px;font-size:.75rem;display:flex;overflow:hidden}.copy-link svg{flex:none;width:16px}.danger-zone{border-color:#f2d6d8}.profile-card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);background:#fff;flex-wrap:wrap;align-items:center;gap:16px;margin:30px 0 18px;padding:24px;display:flex}.profile-card div{flex:1;min-width:180px}.profile-card h2{margin:0 0 5px}.profile-card p{color:var(--muted);margin:0}.language-options{grid-template-columns:1fr 1fr;gap:8px;display:grid}.language-options button{border:1px solid var(--line);border-radius:var(--radius);background:#fff;min-height:48px}.language-options button.active{color:#fff;border-color:var(--primary-deep);background:var(--primary-deep)}.login-page{background:var(--ink);min-height:100dvh;display:grid}.login-photo{color:#fff;background:#101817;min-height:100dvh;position:relative;overflow:hidden}.login-photo:before{content:"";opacity:.34;background-image:linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000 0%,#000000b3 55%,#0000 92%);mask-image:linear-gradient(90deg,#000 0%,#000000b3 55%,#0000 92%)}.login-photo:after{content:"";border-radius:var(--radius);background:linear-gradient(#ffffff24,#ffffff0d);border:1px solid #ffffff29;width:min(560px,52vw);height:70%;position:absolute;top:13%;right:max(-140px,-12vw);transform:rotate(-7deg);box-shadow:0 34px 90px #00000047}.login-shade{background:linear-gradient(90deg,#101817f5,#101817c7 58%,#10181757)}.login-brand{z-index:2;align-items:center;gap:12px;font-family:Plus Jakarta Sans;font-weight:800;display:flex;position:absolute;top:28px;left:24px}.login-copy{z-index:2;max-width:660px;position:absolute;inset:auto 24px 52px}.login-copy h1{max-width:620px;font-size:clamp(2.75rem,7.2vw,5.35rem)}.login-copy>p:not(.eyebrow){color:#ffffffd1;max-width:545px;font-size:1.05rem;line-height:1.7}.login-copy .button{margin-top:15px}.login-actions{width:min(100%,470px)}.login-actions>.button{justify-content:center;width:100%}.login-divider{color:#ffffffa6;align-items:center;gap:12px;margin:15px 0 10px;font-size:.75rem;display:flex}.login-divider:before,.login-divider:after{content:"";background:#ffffff40;flex:1;height:1px}.magic-link-form{gap:7px;display:grid}.magic-link-form label{font-size:.78rem;font-weight:800}.magic-link-form>div{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.magic-link-form input{border-radius:var(--radius);color:#172121;background:#fffffff5;border:1px solid #ffffff5c;min-width:0;min-height:46px;padding:0 13px}.magic-link-form .button{color:#fff;min-height:46px;box-shadow:none;background:#ffffff1f;border-color:#ffffff73;margin:0}.login-notice,.login-error{margin:3px 0 0!important;font-size:.78rem!important;line-height:1.35!important}.login-error{color:#ffd6d8!important}.dev-magic-link{color:#fff;font-size:.78rem;text-decoration:underline}.login-collage{display:none}.boot-screen{align-content:center;place-items:center;gap:5px;min-height:100dvh;display:grid}.desktop-only{display:none}@media (width<=560px){.page{width:min(100% - 30px,1120px)}.page-header{flex-direction:column;align-items:flex-start}.login-copy{inset:auto 18px 38px}.login-copy h1{font-size:clamp(2.35rem,13vw,3.6rem)}.magic-link-form>div{grid-template-columns:1fr}.magic-link-form .button{width:100%}}@media (width>=720px){.group-grid,.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid{grid-template-columns:1fr 1fr}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.desktop-only{display:inline-flex}}@media (width>=1000px){.app-frame{grid-template-columns:264px 1fr;display:grid}.app-stage{grid-column:2;padding-bottom:0}.desktop-rail{z-index:25;border-right:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffd1;flex-direction:column;height:100dvh;padding:28px 20px 20px;display:flex;position:sticky;top:0}.brand{color:var(--ink);background:0 0;border:0;align-items:center;gap:12px;padding:0 10px 30px;font-size:1.12rem;display:flex}.desktop-rail nav{gap:6px;display:grid}.desktop-rail nav a{border-radius:var(--radius);min-height:50px;color:var(--muted);align-items:center;gap:12px;padding:0 13px;font-weight:700;transition:background .2s,color .2s;display:flex}.desktop-rail nav a.active{color:var(--ink);background:var(--wash)}.desktop-rail nav a:hover{color:var(--ink);background:#f7faf6}.desktop-rail nav svg{width:20px}.rail-account{border-top:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:9px;margin-top:auto;padding-top:18px;display:grid}.rail-account div{flex-direction:column;min-width:0;display:flex}.rail-account strong,.rail-account small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rail-account small{color:var(--muted);font-size:.67rem}.rail-account button{color:var(--muted);background:0 0;border:0}.rail-account svg{width:18px}.mobile-nav{display:none}.floating-action{bottom:30px;right:30px}.page{padding-top:46px}.group-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.group-cover{height:285px}.group-columns{grid-template-columns:minmax(0,1.7fr) minmax(300px,.8fr);align-items:start}.balance-panel{grid-template-columns:1fr auto auto;padding:22px 28px}.balance-actions{grid-area:1/3/span 2;align-items:center;margin:0;display:flex}.avatar-stack{grid-column:2}.contact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.login-page{grid-template-columns:minmax(0,1.25fr) minmax(390px,.62fr)}.login-collage{background:#e9f0e8;border-left:1px solid #ffffff1a;align-content:center;gap:14px;padding:48px;display:grid}.login-collage span{border-radius:var(--radius);height:124px;box-shadow:var(--shadow-soft);background:#fff;border:1px solid #d6e1d6;display:block;position:relative}.login-collage span:before,.login-collage span:after{content:"";background:#dbe5dc;border-radius:999px;height:10px;position:absolute;left:24px;right:24px}.login-collage span:before{top:28px}.login-collage span:after{width:46%;top:58px;right:auto}.login-collage span:first-child{transform:translate(8px)}.login-collage span:nth-child(2){transform:translate(-14px)}.login-collage span:nth-child(2):after{background:var(--primary);width:62%}.login-collage span:nth-child(3){transform:translate(20px)}.login-collage span:nth-child(3):after{background:var(--accent);width:38%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
