:root{--ink:#172c36;--muted:#62717a;--navy:#12333c;--teal:#087b69;--mint:#d8f5e8;--line:#dee6e8;--paper:#f5f8f9;--white:#fff;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input,select{font:inherit}button,a.button{cursor:pointer}button{color:inherit;background:0 0;border:0}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #159f89}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-1.5px;margin-bottom:12px;font-size:2.65rem;line-height:1.12}h2{letter-spacing:-.3px;font-size:1.15rem}h3{font-size:1.15rem}p{line-height:1.6}.brand{letter-spacing:-1px;align-items:center;gap:10px;font-size:1.85rem;font-weight:800;text-decoration:none;display:flex}.brand span{color:#64d6ad;font-size:2.2rem}.muted{color:var(--muted)}.eyebrow{letter-spacing:2px;color:var(--teal);margin-bottom:12px;font-size:.75rem;font-weight:700}.primary,.secondary,.button{border-radius:9px;justify-content:center;align-items:center;gap:16px;min-height:46px;padding:13px 20px;font-weight:700;text-decoration:none;display:inline-flex}.primary,.button{background:var(--teal);color:#fff}.primary:hover{background:#066451}.secondary{border:1px solid var(--line);background:#fff;font-size:.875rem}.secondary:hover{background:#edf7f3}.text-button{text-underline-offset:4px;color:var(--teal);padding:6px 0;font-size:.875rem;text-decoration:underline}.pill{border:1px solid var(--line);white-space:nowrap;color:var(--muted);border-radius:100px;padding:6px 10px;font-size:.75rem;display:inline-flex}.fine{color:var(--muted);margin:16px 0;font-size:.875rem;line-height:1.5}.green{color:var(--teal)}.quiet{opacity:.65;font-size:.875rem}.login{grid-template-columns:1fr 1fr;min-height:100dvh;display:grid}.login-story{background:var(--navy);color:#fff;flex-direction:column;justify-content:space-between;gap:60px;padding:48px 10%;display:flex}.login-story h1{letter-spacing:-4px;font-size:clamp(3rem,5.5vw,5.6rem);line-height:1.03}.login-story .eyebrow{color:#8fe4c6}.login-story p:not(.eyebrow){color:#bdcfd2;max-width:380px;font-size:1.1rem}.login-form{justify-content:center;align-items:center;padding:40px;display:flex}.login-card{width:100%;max-width:400px}.login-card h2{letter-spacing:-1px;margin-top:26px;font-size:2rem}.login-card>p{color:var(--muted)}.login-card .primary{justify-content:space-between;width:100%;margin-top:8px}.login-card .pill{background:#fff}.message{background:var(--mint);border-radius:8px;padding:12px;font-size:.875rem}.setup{max-width:620px;margin:10vh auto;padding:40px 24px}.setup .brand{margin-bottom:70px}label{margin-bottom:18px;font-size:.875rem;font-weight:600;display:block}input:not([type=checkbox]),select{width:100%;color:var(--ink);background:#fff;border:1px solid #c6d2d6;border-radius:8px;min-height:46px;margin-top:8px;padding:12px;display:block}input::placeholder{color:#819096}input[type=checkbox]{width:18px;height:18px;accent-color:var(--teal);flex-shrink:0}fieldset{border:0;min-width:0;margin:0;padding:0}.app{grid-template-columns:230px 1fr;min-height:100dvh;display:grid}.sidebar{background:var(--navy);color:#fff;flex-direction:column;width:230px;padding:30px 24px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar nav{flex-direction:column;gap:8px;margin-top:64px;display:flex}.sidebar nav button{text-align:left;color:#bed2d5;border-radius:8px;align-items:center;gap:15px;padding:14px;font-size:.95rem;display:flex}.sidebar nav button span{width:24px;font-size:1.3rem}.sidebar nav button.active{color:#fff;background:#25505a}.sidebar nav button:hover{background:#214550}.sidebar-bottom{border-top:1px solid #31515a;align-items:center;gap:12px;min-width:0;margin-top:auto;padding-top:22px;display:flex}.sidebar-bottom>div{min-width:0}.sidebar-bottom strong{text-overflow:ellipsis;display:block;overflow:hidden}.sidebar-bottom .text-button{color:#aec6cb;display:block}.avatar{color:var(--teal);background:#e0eeeb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-weight:700;display:inline-flex}.workspace{grid-column:2;width:100%;max-width:1400px;margin:auto;padding:0 5%}.topbar{border-bottom:1px solid var(--line);height:88px;color:var(--muted);letter-spacing:1.5px;justify-content:space-between;align-items:center;font-size:.7rem;display:flex}.topbar .pill{letter-spacing:0}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin:38px 0 28px;display:flex}.page-heading p:last-child{margin-bottom:0}.page-heading .primary{white-space:nowrap}.summary{grid-template-columns:1.2fr 1fr 1fr;gap:16px;margin-bottom:32px;display:grid}.summary article{border:1px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;gap:14px;padding:26px 24px;display:flex}.summary article>span{color:var(--muted);letter-spacing:1px;font-size:.7rem;font-weight:700}.summary strong{letter-spacing:-1px;font-size:2rem}.summary small{color:var(--muted);font-size:.8rem;line-height:1.5}.summary .summary-net{background:var(--mint);border-color:#b8dfcd}.summary-net>span{color:#265e4c!important}.panel{border:1px solid var(--line);background:#fff;border-radius:12px;margin-bottom:24px;overflow:hidden}.section-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:23px 25px;display:flex}.section-heading h2{margin:0}.section-heading>span{font-size:.8rem}.empty{text-align:center;padding:52px 24px}.empty p{color:var(--muted);font-size:.95rem}.empty-icon{width:54px;height:54px;color:var(--teal);background:#eaf7f2;border-radius:16px;justify-content:center;align-items:center;margin-bottom:22px;font-size:1.7rem;display:inline-flex}.empty h3{margin-bottom:10px}.expense-row{border-bottom:1px solid var(--line)}.expense-row:last-child{border:0}.expense-row summary{cursor:pointer;align-items:center;gap:16px;padding:22px 25px;list-style:none;display:flex}.expense-row summary::-webkit-details-marker{display:none}.expense-row summary:hover{background:#f8fbfa}.expense-icon{color:#536e78;background:#edf3f4;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.5rem;display:flex}.row-main{flex:1;min-width:0}.row-main strong{overflow-wrap:anywhere;font-size:.95rem;display:block}.row-main span{color:var(--muted);overflow-wrap:anywhere;margin-top:7px;font-size:.8rem;display:block}.row-amount{text-align:right;flex-shrink:0}.row-amount strong{font-size:1rem}.row-amount span{color:var(--muted);margin-top:7px;font-size:.8rem;display:block}.split-details{padding:0 26px 20px 85px;font-size:.875rem}.split-details p{overflow-wrap:anywhere;color:var(--muted)}.split-details>div{justify-content:space-between;gap:15px;padding:9px 0;display:flex}.split-details>div span{overflow-wrap:anywhere}.friend-row{border-bottom:1px solid var(--line);align-items:center;gap:16px;padding:22px 25px;display:flex}.friend-row:last-child{border:0}.friend-row>strong{white-space:nowrap}.payment-row{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding:22px 25px;display:flex}.payment-row span{color:var(--muted);margin-top:7px;font-size:.8rem;display:block}.panel-note{color:var(--muted);margin:0;padding:24px;font-size:.95rem}.footer{color:var(--muted);justify-content:space-between;gap:16px;padding:12px 0 32px;font-size:.75rem;display:flex}.notice{border-radius:9px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:22px;padding:14px 18px;font-size:.95rem;display:flex}.success{background:#dcf6e9}.error{background:#ffebe8}.error-text{color:#a32d26;font-size:.9rem}.email-status{background:#fff4d9;border-radius:9px;margin-bottom:22px;padding:15px 18px;font-size:.875rem;line-height:1.5}.email-status .text-button{margin-top:5px}.icon-button{border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:1.6rem;display:flex}.icon-button:hover{background:#0000000b}dialog{width:min(560px,100vw - 24px);max-height:90dvh;color:var(--ink);border:0;border-radius:16px;padding:28px;overflow:auto;box-shadow:0 20px 90px #08242c33}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#061c29a6}.modal-heading{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.modal-heading h2{margin:0;font-size:1.5rem}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-section{justify-content:space-between;align-items:center;gap:10px;margin:10px 0 16px;font-size:.875rem;display:flex}.segmented{border:1px solid var(--line);border-radius:8px;padding:3px;display:flex}.segmented button{border-radius:5px;padding:8px;font-size:.8rem}.segmented button[aria-pressed=true]{background:var(--mint);color:#0d5f4b}.share-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding:12px 0;font-size:.875rem;display:flex}.check-label{align-items:center;gap:10px;min-width:0;margin:0;display:flex}.check-label span{overflow-wrap:anywhere}.share-row .share-input{flex-shrink:0;width:95px;margin:0}.share-row strong{white-space:nowrap}dialog .primary{width:100%;margin-top:5px}@media (min-width:1450px){.workspace{padding:0 65px}}@media (max-width:1000px){.app{grid-template-columns:185px 1fr}.sidebar{width:185px;padding:25px 16px}.sidebar .brand{font-size:1.6rem}.workspace{padding:0 24px}.summary{gap:10px}.summary article{padding:20px 16px}.summary strong{font-size:1.7rem}.page-heading{align-items:flex-start}.page-heading h1{font-size:2.2rem}.friend-row{flex-wrap:wrap}.friend-row .secondary{margin-left:58px}.login-story{padding:35px}.login-story h1{letter-spacing:-2px}}@media (max-width:700px){.login{grid-template-columns:1fr}.login-story{gap:32px;padding:24px}.login-story h1{letter-spacing:-1.5px;margin-bottom:14px;font-size:2.7rem}.login-story .quiet,.login-story div>p:last-child{display:none}.login-story .eyebrow{margin-bottom:10px}.login-form{align-items:flex-start;padding:30px 24px 45px}.login-card h2{font-size:1.75rem}.app{display:block}.sidebar{z-index:5;grid-template-columns:1fr auto;width:100%;padding:13px 20px 0;display:grid;position:sticky;top:0}.sidebar .brand{font-size:1.5rem}.sidebar .brand span{font-size:1.8rem}.sidebar nav{flex-direction:row;grid-area:2/1/auto/-1;justify-content:space-between;gap:0;margin-top:13px}.sidebar nav button{border-radius:7px 7px 0 0;gap:8px;padding:11px 14px;font-size:.85rem}.sidebar nav button span{width:auto;font-size:1rem}.sidebar-bottom{border:0;grid-area:1/2;margin:0;padding:0}.sidebar-bottom .avatar,.sidebar-bottom strong{display:none}.sidebar-bottom .text-button{font-size:.8rem}.workspace{padding:0 18px}.topbar{letter-spacing:.8px;height:55px;font-size:.6rem}.topbar .pill{font-size:.65rem}.page-heading{flex-direction:column;gap:18px;margin:26px 0 22px}.page-heading h1{font-size:2.15rem}.page-heading .eyebrow{font-size:.65rem}.page-heading p.muted{font-size:.9rem}.page-heading .primary{width:100%}.summary{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:22px}.summary article{gap:10px;padding:17px}.summary .summary-net{grid-column:1/-1;grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.summary-net strong{grid-area:1/2/3}.summary-net small{grid-column:1}.summary article>span{font-size:.65rem}.summary strong{font-size:1.7rem}.summary small{font-size:.75rem}.section-heading{padding:18px 16px}.section-heading h2{font-size:1rem}.section-heading>span{text-align:right;max-width:130px;font-size:.7rem}.empty{padding:34px 20px}.expense-row summary{gap:10px;padding:18px 15px}.expense-icon{border-radius:9px;width:34px;height:34px;font-size:1.15rem}.row-main strong{font-size:.875rem}.row-main span,.row-amount span{font-size:.75rem;line-height:1.5}.row-amount strong{font-size:.9rem}.row-amount{max-width:115px}.split-details{padding:0 16px 16px}.friend-row,.payment-row{gap:12px;padding:18px 16px}.friend-row .secondary{margin-left:54px}.friend-row .row-main{min-width:125px}.footer{font-size:.7rem;line-height:1.5}.footer>span{white-space:nowrap}.form-section{flex-direction:column;align-items:flex-start}.segmented{width:100%}.segmented button{flex:1}dialog{padding:22px}.form-grid{gap:10px}.login-card .pill{font-size:.7rem}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}input:not([type=checkbox]),select{min-width:0}@media (max-width:700px){input:not([type=checkbox]),select{font-size:16px}.sidebar nav button{flex:1;justify-content:center;min-width:0;padding-left:8px;padding-right:8px}.icon-button{width:44px;height:44px}}@media (max-width:360px){.form-grid{grid-template-columns:1fr}.sidebar{padding-left:12px;padding-right:12px}.sidebar nav button{gap:5px;padding-left:6px;padding-right:6px}.summary article{padding:14px}}