:root{--ink:#17233c;--midnight:#0d1424;--paper:#f7f4ed;--coral:#ff6b5e;--turquoise:#28c7b7;--sun:#ffc857;--line:#17233c1a}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink)}body{background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;min-height:100dvh;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Arial,sans-serif}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.join-shell{background:radial-gradient(circle at 80% 8%, #28c7b72b, transparent 30%), radial-gradient(circle at 10% 92%, #ff6b5e20, transparent 32%), var(--paper);place-items:center;min-height:100dvh;padding:24px 18px;display:grid}.join-card{border:1px solid var(--line);background:#fff;border-radius:30px;width:min(100%,460px);padding:24px;box-shadow:0 18px 50px #17233c12}.brand{align-items:center;gap:10px;font-weight:800;display:flex}.brand img{border-radius:12px;width:40px;height:40px}.join-copy{padding:36px 0 28px}.eyebrow,.team-title span,.section-heading span{letter-spacing:.12em;color:#687184;font-size:11px;font-weight:800;display:block}.join-copy h1{letter-spacing:-.045em;max-width:330px;margin:0 0 12px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,Arial,sans-serif;font-size:clamp(34px,10vw,48px);line-height:.98}.join-copy p{color:#667085;margin:0;line-height:1.55}form{gap:18px;display:grid}label,legend{font-size:13px;font-weight:750}label{gap:8px;display:grid}input{width:100%;min-height:52px;color:var(--ink);background:#fbfaf7;border:1px solid #cfd3da;border-radius:16px;outline:none;padding:0 16px}input:focus{border-color:var(--turquoise);box-shadow:0 0 0 4px #28c7b71f}fieldset{border:0;margin:0;padding:0}.avatar-picker{gap:10px;margin-top:10px;display:flex}.avatar-picker button{background:#f1eee8;border:2px solid #0000;border-radius:18px;width:56px;height:56px;padding:3px}.avatar-picker button.selected{border-color:var(--coral);box-shadow:0 0 0 3px #ff6b5e1d}.avatar-picker img{object-fit:cover;border-radius:13px;width:100%;height:100%}.primary{background:var(--coral);color:#fff;border:0;border-radius:17px;min-height:54px;font-weight:850;box-shadow:0 9px 22px #ff6b5e37}.primary:disabled{opacity:.65}.privacy{color:#7c8493;text-align:center;margin:20px 8px 0;font-size:12px;line-height:1.5}.error{color:#b42318;background:#fff0ef;border-radius:12px;margin:0;padding:12px 14px;font-size:13px}.app-shell{min-height:100dvh}.topbar{z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);background:#f7f4edeb;justify-content:space-between;align-items:center;gap:16px;padding:14px max(18px,50vw - 410px);display:flex;position:sticky;top:0}.team-title{align-items:center;gap:11px;min-width:0;display:flex}.team-title>img{border-radius:13px;width:42px;height:42px}.team-title h1{white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:18px;overflow:hidden}.top-actions{align-items:center;gap:8px;display:flex}.icon-button,.avatar-button{border:1px solid var(--line);width:44px;height:44px;color:var(--ink);background:#fff;border-radius:15px;place-items:center;font-size:23px;display:grid}.avatar-button{padding:3px}.avatar-button img{object-fit:cover;border-radius:11px;width:100%;height:100%}.content{width:min(100%,820px);margin:auto;padding:18px 18px 64px}.group-tabs{scrollbar-width:none;gap:10px;padding:2px 1px 16px;display:flex;overflow-x:auto}.group-tabs::-webkit-scrollbar{display:none}.group-tabs button{border:1px solid var(--line);color:#6c7484;background:#fff;border-radius:17px;flex:none;align-items:center;gap:9px;min-height:52px;padding:6px 14px 6px 7px;font-size:13px;font-weight:750;display:flex}.group-tabs button.active{color:var(--ink);border-color:#17233c55;box-shadow:0 6px 18px #17233c0d}.group-tabs img{object-fit:cover;border-radius:12px;width:38px;height:38px}.balance-card{color:#fff;background:var(--midnight);border-radius:26px;justify-content:space-between;align-items:flex-end;min-height:178px;padding:24px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 36px #0d142428}.balance-card:after{content:"";background:#28c7b726;border-radius:50%;width:150px;height:150px;position:absolute;top:-48px;right:-35px}.balance-card>div{z-index:1;position:relative}.balance-card span{color:#b9c1ce;font-size:13px}.balance-card strong{letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin:8px 0 2px;font-size:clamp(28px,8vw,42px);display:block}.balance-card strong.positive{color:#73e6d9}.balance-card strong.negative{color:#ff8b81}.balance-card small{color:#8f9aac}.members{text-align:right}.members>span{margin-top:8px;display:block}.avatar-stack{justify-content:flex-end;display:flex}.avatar-stack img{object-fit:cover;border:2px solid var(--midnight);background:#fff;border-radius:50%;width:35px;height:35px;margin-left:-9px}.summary-row{grid-template-columns:1.5fr 1fr;gap:10px;margin:12px 0 28px;display:grid}.summary-row div{border:1px solid var(--line);background:#fff;border-radius:19px;flex-direction:column;gap:6px;padding:17px 18px;display:flex}.summary-row span{color:#737b89;font-size:12px}.summary-row strong{font-variant-numeric:tabular-nums;font-size:17px}.section-heading{justify-content:space-between;align-items:flex-end;margin-bottom:12px;display:flex}.section-heading h2{letter-spacing:-.03em;margin:3px 0 0;font-size:23px}.section-heading .view-only{color:#788191;letter-spacing:0;text-transform:none;background:#ebe8e1;border-radius:999px;padding:6px 9px}.expense-list{gap:9px;display:grid}.expense-card{border:1px solid var(--line);background:#fff;border-radius:19px;overflow:hidden}.expense-card summary{cursor:pointer;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;min-height:76px;padding:11px 14px 11px 11px;list-style:none;display:grid}.expense-card summary::-webkit-details-marker{display:none}.category-icon{background:#f3f0e9;border-radius:15px;place-items:center;width:48px;height:48px;font-size:22px;display:grid}.expense-main{min-width:0}.expense-main strong,.expense-main small,.expense-amount strong,.expense-amount small{display:block}.expense-main strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.expense-main small,.expense-amount small{color:#858c99;margin-top:5px;font-size:11px}.expense-amount{text-align:right;font-variant-numeric:tabular-nums}.expense-amount small{color:#687184}.expense-detail{border-top:1px dashed #d8d5cf;padding:8px 15px 15px 71px}.expense-detail p{color:#697282;justify-content:space-between;gap:20px;margin:0;padding:8px 0;font-size:12px;display:flex}.expense-detail strong{color:var(--ink);text-align:right}.expense-detail .note{border-top:1px solid #f0ede7;align-items:flex-start;margin-top:4px}.state{color:#747d8b;text-align:center;padding:24px}.empty{text-align:center;background:#fff;border:1px dashed #c8c6c0;border-radius:22px;padding:48px 24px}.empty>span{font-size:34px}.empty h3{margin:12px 0 6px}.empty p{color:#737b89;margin:0;font-size:13px;line-height:1.5}@media (width>=700px){.content{padding-top:28px}.balance-card{min-height:205px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}