:root{--navy:#111c39;--blue:#2862f6;--ink:#202c49;--muted:#9299ac;--line:#edf0f7;--lime:#d8f8a0;--bg:#f3f5fc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}a:hover{color:var(--blue)}button:focus-visible,a:focus-visible{outline:2px solid #8db2ff;outline-offset:4px}h1,h2,h3,p{margin:0}p{line-height:1.65}input,textarea,select{padding:12px 14px;border:1px solid #dce2f1;border-radius:10px;color:var(--ink);background:#fff;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--blue)}textarea{resize:vertical;line-height:1.6}select{appearance:none}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.app-shell{display:grid;grid-template-columns:226px minmax(0,1fr);max-width:1700px;margin:auto;min-height:100vh}.sidebar{background:var(--navy);color:#fff;padding:32px 23px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.brand{display:flex;gap:9px;align-items:center;font-size:29px;font-weight:760;letter-spacing:-1.1px}.brand-point{color:#d8f8a0}.menu-label{font-size:8px;letter-spacing:1.8px;color:#6c7b9e;margin:47px 15px 21px}.sidebar nav{display:grid;gap:8px}.nav{display:flex;align-items:center;gap:13px;padding:14px 16px;background:none;color:#9daac8;border-radius:10px;text-align:left;font-size:12px;font-weight:500}.nav.active{background:#2862f6;color:#fff;box-shadow:0 5px 18px #0001}.nav-shape{width:16px;height:16px;display:block;position:relative;flex-shrink:0;border:1.5px solid currentColor;border-radius:4px}.nav-shape.four{border:0;background:linear-gradient(currentColor,currentColor) 0 0/6px 6px no-repeat,linear-gradient(currentColor,currentColor) 10px 0/6px 6px no-repeat,linear-gradient(currentColor,currentColor) 0 10px/6px 6px no-repeat,linear-gradient(currentColor,currentColor) 10px 10px/6px 6px no-repeat}.nav-shape.receipt:after{content:'';display:block;width:8px;height:5px;margin:4px 2px;border-top:1px solid;border-bottom:1px solid}.nav-shape.wallet:after{content:'';display:block;width:6px;height:5px;position:absolute;right:-2px;top:4px;border:1px solid;border-radius:2px;background:#111c39}.nav.active .nav-shape.wallet:after{background:#2862f6}.nav-shape.circle{border-radius:50%}.group-menu{margin-top:31px}.group-menu-title{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.5px;color:#6c7b9e;padding:0 15px 14px}.group-menu-title button{background:#243452;color:#adbbd8;border-radius:6px;padding:4px 7px;font-size:8px;letter-spacing:0}.saved-group{background:none;color:#a8b6d4;font-size:11px;display:flex;gap:11px;align-items:center;padding:10px 15px;text-align:left;width:100%;border-radius:7px}.saved-group span{width:8px;height:8px;background:#b3a6f5;border-radius:3px}.saved-group:hover{background:#1d2b4c}.sidebar-card{margin-top:auto;background:#1a294b;border:1px solid #2a3d63;border-radius:14px;padding:19px;position:relative;overflow:hidden}.mini-label{font-size:7px;letter-spacing:1.2px;color:#a1b2d3}.sidebar-card h3{font-size:19px;letter-spacing:-.5px;line-height:1.25;font-weight:550;margin:14px 0 10px}.sidebar-card p{font-size:10px;color:#7f93ba}.stack-art{height:46px;width:45px;position:absolute;right:10px;bottom:12px;transform:rotate(-12deg)}.stack-art span{display:block;width:36px;height:9px;border-radius:5px;background:#d8f8a0;margin-top:6px;box-shadow:0 4px 0 #85a75b}.stack-art span:nth-child(2){width:30px;margin-left:6px;background:#719cfb;box-shadow:0 4px 0 #4363aa}.stack-art span:nth-child(3){width:24px;margin-left:12px;background:#b5a2ff;box-shadow:0 4px 0 #7465b1}.sidebar-bottom{display:flex;align-items:center;gap:6px;margin:21px 6px 0;color:#6c7b9e;font-size:8px}.tiny-dot{width:5px;height:5px;border-radius:50%;background:#80bd73;display:inline-block;flex-shrink:0}.topbar{height:86px;background:#fff;border-bottom:1px solid #e8edf7;display:flex;align-items:center;justify-content:space-between;padding:0 37px;gap:15px}.breadcrumb{font-size:11px;color:#9ba3b5;display:flex;gap:13px;align-items:center}.breadcrumb b{font-size:11px;color:#56627d;font-weight:500}.topbar-actions{display:flex;gap:10px;align-items:center}.topbar select{font-size:10px;padding:10px 13px;background:#f5f7fc;min-width:105px}.wallet-button{background:var(--navy);color:#fff;border-radius:9px;padding:11px 16px;font-size:10px;font-weight:600}main{padding:34px 37px 0}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:27px}.eyebrow{font-size:8px;letter-spacing:1.6px;color:#9da6ba;display:block;font-weight:650;margin-bottom:11px}.page-heading h1{font-size:43px;letter-spacing:-1.9px;line-height:1.12;font-weight:650}.page-heading h1 span{color:#8293b2}.page-heading p{color:#929cb1;font-size:11px;margin-top:12px}.heading-action{display:flex;flex-direction:column;gap:15px;align-items:flex-end}.mode-badge{font-size:7px;letter-spacing:1.3px;color:#8c78bc;background:#ece6fc;border:1px solid #e2d8f8;border-radius:25px;padding:7px 11px}.primary{background:var(--blue);color:#fff;border-radius:9px;padding:12px 18px;font-size:11px;font-weight:600;white-space:nowrap}.primary:hover{background:#1d51db}.notice{padding:12px 15px;display:flex;align-items:center;gap:9px;background:#eaf0ff;border:1px solid #dce6ff;border-radius:11px;margin-bottom:23px;color:#6b81b5}.notice-dot{display:block;width:6px;height:6px;background:#8aa9ee;border-radius:50%;flex-shrink:0}.notice p{font-size:10px;flex:1}.notice button{background:none;color:#3565c6;font-size:10px;white-space:nowrap;font-weight:600}.dashboard{display:grid;grid-template-columns:minmax(0,1fr) 287px;gap:23px;align-items:start}.primary-column{min-width:0}.metrics{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:14px;margin-bottom:23px}.metric{background:#fff;border:1px solid #e9edf8;border-radius:15px;padding:20px 17px;min-height:145px;position:relative;overflow:hidden}.metric>span{font-size:7px;letter-spacing:1.1px;color:#8a96b0;display:block}.metric>div:not(.metric-art){display:flex;align-items:baseline;gap:6px;margin-top:18px}.metric b{font-size:30px;font-weight:600;letter-spacing:-1.3px}.metric small{font-size:9px;font-weight:500;color:#929cb2}.metric p{font-size:8px;color:#9aa3b7;margin-top:8px;position:relative;z-index:1}.metric p.positive{color:#78a47b}.main-metric{background:var(--blue);border-color:var(--blue);color:#fff}.main-metric>span,.main-metric small{color:#b6cdfd}.main-metric p{color:#bfd3fc}.main-metric b{font-size:35px}.metric-art{position:absolute;bottom:-6px;right:-4px;display:flex;align-items:flex-end;gap:5px;transform:rotate(-15deg);opacity:.4}.metric-art span{width:26px;height:68px;background:#7facff;border-radius:9px}.metric-art span:nth-child(2){height:98px;background:#bdd1ff}.metric-art span:nth-child(3){height:125px;background:#d3f5aa}.panel{background:#fff;border:1px solid #e9edf8;border-radius:16px}.panel-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.panel-head h2{font-size:16px;letter-spacing:-.4px;font-weight:620}.panel-head .eyebrow{font-size:7px;margin-bottom:8px;letter-spacing:1.4px}.plain{background:none;padding:0;color:#8b99b5;font-size:9px;white-space:nowrap}.plain:hover{color:var(--blue)}.group-panel{padding:24px 22px;margin-bottom:23px}.group-description{display:flex;align-items:center;gap:11px;margin-top:25px}.group-symbol{width:43px;height:43px;display:flex;align-items:center;justify-content:center;gap:3px;background:#eaf0ff;border:1px solid #d9e4fd;border-radius:12px;flex-shrink:0}.group-symbol i{width:5px;height:17px;border-radius:4px;background:#96b9f8;transform:rotate(15deg)}.group-symbol i:nth-child(2){height:25px;background:#4179e8}.group-description b{font-size:11px;font-weight:550}.group-description p{font-size:9px;color:#a0a9bb;line-height:1.5;max-width:260px;margin-top:5px}.group-description>.primary{margin-left:auto;font-size:9px;padding:11px 13px}.members{display:flex;gap:12px;margin-top:23px;flex-wrap:wrap}.member-pill{padding:10px 11px;border:1px solid #edf0f7;border-radius:10px;display:flex;align-items:center;gap:8px;flex:1;min-width:130px}.avatar{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;font-weight:650;font-size:9px;background:#e4ddfb;color:#7d62b6;flex-shrink:0}.member-pill>div>b{display:block;font-size:9px;font-weight:550}.member-pill small{display:block;font-size:8px;margin-top:4px;color:#95a2b9}.member-pill small.credit{color:#6b9a75}.member-pill small.debt{color:#dc9a85}.group-foot{display:flex;justify-content:space-between;align-items:center;padding-top:19px;margin-top:20px;border-top:1px solid var(--line);font-size:8px;color:#9da7bc;gap:15px}.activity-panel{padding:24px 22px 8px;scroll-margin-top:25px}.panel-controls{display:flex;align-items:center;gap:14px}.soft-button{background:#f2f5fc;border:1px solid #e7edf8;color:#7d90b4;font-size:8px;border-radius:7px;padding:8px 11px}.activity-caption{font-size:8px;color:#a0a9bb;margin:14px 0 8px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:10px;white-space:nowrap;text-align:left}th{font-size:8px;font-weight:500;color:#a6aebf;border-bottom:1px solid #eff2f8;padding:14px 5px 12px}td{padding:15px 5px;border-bottom:1px solid #f1f3f9;color:#7c89a3}td:first-child{color:#4f5c78;font-weight:500;max-width:180px;overflow:hidden;text-overflow:ellipsis}tbody tr:last-child td{border:0}.expense-cell{display:flex;gap:9px;align-items:center}.expense-icon{height:28px;width:28px;border-radius:8px;display:grid;place-items:center;background:#edf0fd;color:#8898d1;font-size:8px;flex-shrink:0}.expense-icon.payment{background:#eaf5e2;color:#83a772}.expense-cell small{display:block;font-size:7px;color:#a7b0c3;margin-top:4px;font-weight:400}.split-tag{background:#f3f5fb;color:#98a4bb;padding:4px 7px;font-size:7px;border-radius:5px}.principles{display:flex;gap:20px;padding:26px 9px}.principles>div{position:relative;padding-left:25px;flex:1}.principles h3{font-size:9px;font-weight:600;color:#8b98b1}.principles p{font-size:8px;color:#b1b9ca;margin-top:5px}.pill-icon{position:absolute;left:0;top:0;width:13px;height:17px;border:1px solid #a8b8d8;border-radius:5px}.pill-icon:after{content:'';position:absolute;width:5px;height:2px;border-radius:2px;background:#a8b8d8;left:3px;top:5px}.pill-icon.second{border-radius:50%;width:16px;height:16px}.pill-icon.second:after{height:5px;width:5px;border-radius:50%;left:4px;top:4px}.secondary-column{display:grid;gap:23px}.settle-card{padding:23px 20px;border:1px solid #e1e6f3;border-radius:16px;background:#fff}.settle-card .eyebrow{font-size:7px}.count-bubble{background:#edf2fe;color:#829cda;font-size:9px;width:25px;height:25px;display:grid;place-items:center;border-radius:8px}.card-caption{font-size:9px;color:#a0a9be;margin-top:12px}.settlement{padding:17px 0;border-bottom:1px solid #f0f2f8}.settlement-top{display:flex;align-items:center;gap:8px}.settlement .avatar{width:29px;height:29px}.settlement h3{font-size:9px;font-weight:500;line-height:1.5}.settlement .payer{font-size:8px;color:#9faabd;display:block;margin-top:3px}.settlement-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:12px 0 0 37px}.settlement-bottom b{font-size:12px;font-weight:600;color:#65799d}.settlement button{font-size:8px;background:#e9f3dd;color:#7c9b52;padding:7px 12px;border-radius:7px;font-weight:600}.settle-note{display:flex;gap:7px;margin-top:16px;align-items:flex-start}.settle-note .tiny-dot{margin-top:5px;background:#a1b990}.settle-note p{font-size:8px;color:#a4afc2;line-height:1.6}.spending-card{padding:23px 20px}.spending-card>.eyebrow{font-size:7px}.spending-card h2{font-size:15px;letter-spacing:-.3px;font-weight:600}.chart{display:flex;gap:13px;align-items:flex-end;padding-top:25px;height:137px;border-bottom:1px solid #edf0f7}.bar-column{flex:1;display:flex;height:100%;align-items:center;justify-content:flex-end;flex-direction:column;gap:8px;min-width:0}.bar-column .bar{width:100%;max-width:42px;min-height:3px;background:#dce7ff;border-radius:6px 6px 0 0}.bar-column:nth-child(2n) .bar{background:#e7dffa}.bar-column:nth-child(3n) .bar{background:#daf0c4}.bar-column small{font-size:7px;color:#a7b0c3;white-space:nowrap}.chart-legend{font-size:8px;color:#a6b0c1;display:flex;align-items:center;gap:6px;margin-top:15px}.chart-legend .tiny-dot{background:#8cacf5}.invite-card{position:relative;overflow:hidden;background:#e3edda;border:1px solid #d9e4cf;padding:23px 20px 25px;border-radius:16px}.invite-card .eyebrow{font-size:6px;letter-spacing:1.1px;color:#9eac91}.invite-card h3{font-size:22px;line-height:1.2;letter-spacing:-.7px;color:#4b6045;font-weight:600;margin:17px 0 10px}.invite-card p{font-size:9px;color:#96a58a;max-width:180px}.navy-button{background:#334a34;color:#edf8e7;padding:10px 13px;font-size:8px;border-radius:7px;margin-top:18px}.invite-art{position:absolute;right:13px;bottom:17px;display:flex;transform:rotate(-10deg)}.invite-art span{width:27px;height:27px;border-radius:50%;border:2px solid #e5efde;background:#bccbc8;color:#6b8073;font-size:7px;display:grid;place-items:center;margin-left:-8px}.invite-art span:nth-child(2){background:#d5cbdf;color:#8c809e}.invite-art span:nth-child(3){background:#f2dcbb;color:#ad9470}.contract-state{display:flex;align-items:center;gap:6px;font-size:8px;color:#a7b1c5;padding:0 8px;line-height:1.6}.contract-state .tiny-dot{background:#9aa9c3}footer{border-top:1px solid #e4e9f4;display:flex;justify-content:space-between;padding:22px 0;margin-top:8px;gap:20px;align-items:center}footer>div{display:flex;align-items:center;gap:20px;font-size:9px;color:#97a4bd}.mini-brand{color:#7e8ba7;font-size:15px;letter-spacing:-.5px;font-weight:650}footer button{font-size:9px;color:#97a4bd;background:none;padding:0}footer span{font-size:8px;color:#aeb8cc}.status{font-size:11px;line-height:1.6;overflow-wrap:anywhere;color:#6d83ae;padding-bottom:20px}.empty{font-size:10px;color:#a5afc3;padding:25px 0;line-height:1.7}dialog{background:#fff;color:var(--ink);border:1px solid #e7eaf4;border-radius:20px;width:min(470px,calc(100% - 32px));padding:32px;max-height:90vh;overflow:auto}dialog::backdrop{background:#17254677;backdrop-filter:blur(5px)}.close{position:absolute;top:15px;right:18px;background:none;color:#9ca8bf;font-size:23px;padding:0}dialog h2{font-size:30px;letter-spacing:-1px;font-weight:600;margin:18px 0 14px}dialog>p{font-size:12px;color:#8f9bb1;margin:14px 0}dialog label{display:block;font-size:11px;color:#8e9bb3;margin:21px 0 9px}dialog input,dialog textarea{width:100%;font-size:12px}dialog .form-note{font-size:10px;line-height:1.7;color:#9aa6bb;margin:14px 0}.wide{width:100%;margin-top:12px;padding:14px}.form-status{font-size:11px;line-height:1.7;color:#6d86b7;margin:13px 0 0;overflow-wrap:anywhere}.address-box{border:1px solid #e7ecf5;padding:13px;border-radius:9px;font-size:11px;overflow-wrap:anywhere}.split-preview{background:#f2f6ff;padding:13px;border-radius:9px;font-size:10px;color:#8399c4;margin-top:15px}dialog>a{display:inline-block;font-size:11px;color:#6f8fcb;margin:15px 20px 0 0;text-decoration:underline}.admin{max-width:700px;margin:50px auto;padding:30px;background:#fff;border-radius:20px;border:1px solid #e5eaf5}.admin h1{font-size:36px;letter-spacing:-1px;margin:22px 0}.admin p{font-size:12px;color:#8d9ab2;margin:14px 0}.admin label{font-size:12px;display:block;margin:22px 0 9px;color:#7d8da9}.admin input,.admin select{width:100%}.admin-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:22px 0}.outline{border:1px solid #dfe7f6;border-radius:9px;padding:11px 15px;background:#fff;color:#8799bb;font-size:11px}.admin #status{color:#6b86b7}.admin a{text-decoration:underline;font-size:12px;color:#6b86b7}#toast{display:none;position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:90vw;background:#182747;color:#e5edff;padding:14px 21px;border-radius:11px;font-size:11px;line-height:1.6;z-index:20;box-shadow:0 7px 25px #13254b22}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}@media(min-width:1500px){.app-shell{grid-template-columns:244px minmax(0,1fr)}main{padding:44px 48px 0}.topbar{padding:0 48px}.sidebar{padding:36px 28px}.dashboard{grid-template-columns:minmax(0,1fr) 319px;gap:27px}.metrics{gap:18px}.metric{padding:25px 22px}.metric b{font-size:36px}.metric>span{font-size:8px}.metric p{font-size:9px}.panel-head h2{font-size:18px}.group-panel,.activity-panel{padding:27px}.group-description b{font-size:12px}.group-description p{font-size:10px}.settle-card,.spending-card,.invite-card{padding:26px}.settlement h3{font-size:10px}.settlement-bottom b{font-size:14px}.page-heading h1{font-size:51px}}@media(max-width:1200px){.app-shell{grid-template-columns:185px 1fr}.sidebar{padding:28px 17px}.brand{font-size:26px;gap:7px}.brand img{width:32px;height:32px}.menu-label{margin-left:12px}.nav{padding:13px 12px;font-size:11px}.sidebar-card{padding:16px}.sidebar-card h3{font-size:17px}.sidebar-card .mini-label{font-size:6px}.stack-art{opacity:.6;right:0}.sidebar-bottom{font-size:7px}.topbar{padding:0 25px}main{padding:29px 25px 0}.dashboard{grid-template-columns:minmax(0,1fr) 252px;gap:18px}.metrics{gap:10px}.metric{padding:17px 12px;min-height:138px}.metric b{font-size:25px}.metric small{font-size:8px}.metric>span{font-size:6px}.metric p{font-size:7px}.main-metric b{font-size:30px}.metric-art{opacity:.25}.group-panel,.activity-panel{padding-left:18px;padding-right:18px}.member-pill{min-width:110px}.group-description p{max-width:190px;font-size:8px}.group-description .primary{font-size:8px;padding:10px}.group-description{gap:8px}.group-symbol{width:36px;height:36px}.settle-card,.spending-card,.invite-card{padding:20px 17px}.page-heading h1{font-size:40px}.group-description b{font-size:10px}.group-panel .plain{font-size:8px}.table-wrap table{font-size:9px}}@media(max-width:1020px){.app-shell{grid-template-columns:74px 1fr}.sidebar{padding:25px 17px}.brand>span,.menu-label,.nav>span,.group-menu,.sidebar-card,.sidebar-bottom{display:none}.brand img{width:38px;height:38px}.sidebar nav{margin-top:45px;gap:18px}.nav{padding:12px 10px}.nav-shape{width:16px;height:16px}.dashboard{grid-template-columns:minmax(0,1fr) 265px}.breadcrumb{font-size:10px;gap:8px}.topbar{height:77px}.page-heading{margin-bottom:25px}.page-heading h1{font-size:39px}.member-pill{min-width:95px;padding:8px}.member-pill .avatar{width:25px;height:25px;font-size:8px}.group-description>div>p{max-width:180px}.metric-art span{width:17px}}@media(max-width:830px){.dashboard{grid-template-columns:1fr}.secondary-column{grid-template-columns:1fr 1fr}.settle-card{grid-row:span 2}.invite-card{grid-column:2}.contract-state{grid-column:1/-1}.metrics{grid-template-columns:1.25fr 1fr 1fr}.metric{padding:20px 18px;min-height:145px}.metric b{font-size:32px}.main-metric b{font-size:35px}.metric>span{font-size:7px}.metric small{font-size:9px}.metric p{font-size:8px}.page-heading h1{font-size:43px}.notice p{font-size:9px}.member-pill{min-width:120px}.group-description>div>p{max-width:270px;font-size:9px}.group-description b{font-size:11px}.group-description .primary{font-size:10px;padding:11px 15px}.group-panel .plain{font-size:9px}.table-wrap table{font-size:10px}.settle-card .card-caption{font-size:10px}.settlement h3{font-size:10px}.settlement .payer{font-size:9px}.settlement-bottom b{font-size:13px}.settlement button{font-size:9px}.secondary-column{gap:18px}.breadcrumb{display:none}}@media(max-width:560px){html{scroll-padding-top:20px}.app-shell{display:block;padding-bottom:69px}.sidebar{height:auto;position:fixed;bottom:0;top:auto;left:0;right:0;z-index:10;padding:8px 16px;border-radius:0}.sidebar .brand{display:none}.sidebar nav{display:flex;justify-content:space-around;margin:0;gap:10px}.nav{display:flex;flex-direction:column;padding:7px 10px;gap:5px;border-radius:7px;flex:1;align-items:center;font-size:8px}.nav>span{display:block}.nav-shape{width:14px;height:14px}.nav-shape.four{background-size:5px 5px;background-position:0 0,9px 0,0 9px,9px 9px}.nav-shape.receipt:after{width:7px;margin:3px 2px}.topbar{height:70px;padding:0 18px;justify-content:space-between}.topbar:before{content:'tablane.';font-size:24px;font-weight:750;letter-spacing:-1px;color:#1c2c4f}.topbar-actions{gap:6px}.topbar select{font-size:9px;min-width:90px;padding:10px}.wallet-button{font-size:9px;padding:11px}.page-heading{gap:14px;align-items:flex-end;margin-bottom:21px}.page-heading h1{font-size:37px;letter-spacing:-1.6px}.page-heading .eyebrow{font-size:6px;letter-spacing:1.3px}.page-heading p{font-size:9px;max-width:160px}.heading-action{gap:12px}.heading-action .primary{font-size:9px;padding:11px 12px}.mode-badge{font-size:6px;letter-spacing:.6px;padding:6px 8px}.notice{padding:10px 11px;gap:7px}.notice p{font-size:8px;line-height:1.6}.notice button{font-size:8px}.notice-dot{width:4px;height:4px}main{padding:27px 18px 0}.metrics{gap:8px;margin-bottom:18px;grid-template-columns:1.25fr 1fr 1fr}.metric{padding:16px 10px;min-height:126px;border-radius:12px}.metric>span{font-size:6px;letter-spacing:.5px}.metric>div:not(.metric-art){margin-top:16px;flex-wrap:wrap;gap:3px}.metric b{font-size:24px;letter-spacing:-1px}.main-metric b{font-size:28px}.metric small{font-size:7px}.metric p{font-size:6px;line-height:1.5;margin-top:7px}.metric-art{opacity:.15}.group-panel,.activity-panel{padding:20px 15px;margin-bottom:18px;border-radius:13px}.panel-head h2{font-size:16px}.panel-head .eyebrow{font-size:6px;letter-spacing:1px}.group-panel .plain{font-size:8px}.group-description{margin-top:20px;flex-wrap:wrap}.group-description>div{flex:1}.group-description>div>p{font-size:8px;max-width:230px}.group-description b{font-size:10px}.group-description .primary{font-size:9px;padding:10px 12px;margin-top:3px}.members{gap:8px;margin-top:17px}.member-pill{min-width:100px;padding:8px 7px;gap:6px}.member-pill .avatar{width:24px;height:24px}.member-pill>div>b{font-size:8px}.member-pill small{font-size:7px}.group-foot{font-size:7px;margin-top:17px;padding-top:15px}.panel-controls{gap:11px}.panel-controls .plain{font-size:8px}.soft-button{font-size:7px;padding:7px 9px}.activity-caption{font-size:7px;line-height:1.6}th{font-size:7px;padding-left:3px;padding-right:3px}td{font-size:8px;padding-left:3px;padding-right:3px}.expense-cell{gap:6px}.expense-icon{height:24px;width:24px;font-size:7px}.expense-cell small{font-size:6px}.split-tag{font-size:6px;padding:4px}.principles{padding:5px 0 23px;gap:15px}.principles h3{font-size:8px}.principles p{font-size:7px}.principles>div{padding-left:21px}.secondary-column{display:block}.settle-card,.spending-card,.invite-card{margin-bottom:18px;border-radius:13px;padding:23px 20px}.settlement h3{font-size:11px}.settlement .payer{font-size:10px}.settlement-bottom b{font-size:14px}.settlement button{font-size:10px;padding:8px 15px}.card-caption{font-size:10px}.settle-note p{font-size:9px}.chart{height:155px;gap:20px}.bar-column .bar{max-width:50px}.bar-column small{font-size:8px}.chart-legend{font-size:9px}.invite-card h3{font-size:26px}.invite-card p{font-size:11px;max-width:260px}.invite-card .eyebrow{font-size:7px}.navy-button{font-size:10px;padding:12px 15px}.invite-art{right:30px;bottom:27px}.invite-art span{width:34px;height:34px;font-size:9px}.contract-state{font-size:8px;margin:0 0 22px}footer{flex-wrap:wrap;padding:18px 0;gap:13px}footer>div{font-size:8px;gap:17px}.mini-brand{font-size:14px}footer span{font-size:7px}footer button{font-size:8px}dialog{padding:28px 23px}.admin{margin:25px 16px;padding:23px}.admin h1{font-size:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Readable finance detail text. */
@media(min-width:1021px){table{font-size:11px}.table-wrap table{font-size:11px}th{font-size:9px}.notice p{font-size:11px}.card-caption{font-size:10px}.member-pill>div>b{font-size:10px}.member-pill small{font-size:9px}.settlement h3{font-size:11px}.settlement .payer{font-size:9px}.settle-note p{font-size:9px}.activity-caption{font-size:9px}}