:root{--bg:#EEF0F3;--surface:#FFFFFF;--surface-2:#E3E7EC;--fg:#111418;--muted:#5B6470;--line:#D5DAE1;--good:#2F7A45;--warn:#B7790C;--bad:#B3261E;--brand:#D4372A;--brand-2:#E8A317;--brand-ink:#12161B;--on-brand:#FFFFFF;--petal:#D4372A;--stem:#2F7A45;--pollen:#E8A317;--display:"Archivo","Helvetica Neue",Arial,sans-serif;--body:"IBM Plex Sans","Segoe UI",Roboto,Helvetica,Arial,sans-serif;--r:12px;--pad:max(16px,env(safe-area-inset-left,0px));--padr:max(16px,env(safe-area-inset-right,0px));color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0D1014;--page-fg:#C9D0D8}}:root[data-theme=dark]{--bg:#0D1014;--page-fg:#C9D0D8}*{box-sizing:border-box}html,body,#root{height:100%}html{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--body);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:10;background:var(--brand-ink)}h1,h2,h3{font-family:var(--display);margin:0;text-wrap:balance;letter-spacing:-.01em}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit;color:var(--fg);background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:11px 12px;width:100%}input:focus,button:focus-visible,select:focus,a:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.num{font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.app{max-width:720px;margin:0 auto;min-height:100%;display:flex;flex-direction:column}.screen{display:flex;flex-direction:column;flex:1}.wrap{padding-left:var(--pad);padding-right:var(--padr);padding-block:16px 32px;display:flex;flex-direction:column;gap:18px}.center{flex:1;display:grid;place-items:center;color:var(--muted);padding:40px 16px;text-align:center}.topbar{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;background:var(--brand-ink);color:var(--on-brand);padding-left:var(--pad);padding-right:var(--padr);padding-block:12px;display:flex;align-items:center;gap:12px}.topbar .logo{width:34px;height:34px;border-radius:9px;background:var(--brand);display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:15px;color:var(--on-brand);flex:none}.topbar .who{min-width:0;flex:1;display:flex;flex-direction:column;line-height:1.2}.topbar .who b{font-family:var(--display);font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar .who span{font-size:12px;opacity:.75}.topbar .ib{background:transparent;border:1px solid rgba(255,255,255,.28);color:var(--on-brand);border-radius:9px;padding:7px 10px;font-size:13px;flex:none}.brandline{height:4px;background:linear-gradient(90deg,var(--petal) 0 55%,var(--pollen) 55% 80%,var(--stem) 80% 100%)}.poppy{background:radial-gradient(circle at 50% 50%,#1A1414 0 22%,#F0B429 23% 30%,var(--petal) 31% 100%)!important;color:transparent!important}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px}.card h2{font-size:15px;margin-bottom:10px}.card .sub{font-size:13px;color:var(--muted);margin:-6px 0 10px}.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:12px 13px;min-width:0}.tile .lab{font-size:12px;color:var(--muted)}.tile .val{font-family:var(--display);font-size:22px;font-weight:700;margin-top:3px;letter-spacing:-.01em}.tile .note{font-size:12px;color:var(--muted);margin-top:2px}.hero{background:var(--brand-ink);color:var(--on-brand);border-radius:16px;padding:18px 18px 16px;position:relative;overflow:hidden;border-bottom:4px solid var(--brand)}.hero .lab{font-size:13px;opacity:.78}.hero .big{font-family:var(--display);font-size:44px;font-weight:800;line-height:1;margin:6px 0 4px;letter-spacing:-.02em}.hero .fine{font-size:12.5px;opacity:.78}.hero .pct{position:absolute;right:16px;top:16px;background:var(--brand);color:var(--on-brand);font-family:var(--display);font-weight:800;border-radius:999px;padding:5px 11px;font-size:13px}.hero.poppyart{min-height:150px;padding-right:150px}.hero.poppyart:after{content:"";position:absolute;right:6px;bottom:-4px;width:150px;height:140px;background:url(/poppy-line.png) no-repeat right bottom/contain;opacity:.9;pointer-events:none}@media (max-width:420px){.hero.poppyart{padding-right:120px}.hero.poppyart:after{width:120px;height:112px}}.ladder .row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:9px 0;border-top:1px dashed var(--line);font-size:14px}.ladder .row:first-child{border-top:0}.ladder .op{color:var(--muted);width:16px;flex:none;font-family:var(--display);font-weight:700}.ladder .k{flex:1;min-width:0}.ladder .v{font-weight:600;white-space:nowrap}.ladder .row.total{border-top:2px solid var(--fg);font-family:var(--display);font-weight:800;font-size:16px}.ladder .row.total .v{color:var(--brand)}.rules{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:7px;font-size:14px}.rules li::marker{color:var(--brand)}.tscroll{overflow-x:auto;margin:0 -16px;padding:0 16px}table{border-collapse:collapse;width:100%;font-size:13px;min-width:560px}th,td{text-align:right;padding:8px;border-bottom:1px solid var(--line);white-space:nowrap;vertical-align:top}th{font-family:var(--display);font-size:11.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-weight:600}th:first-child,td:first-child{text-align:left;position:sticky;left:0;background:var(--surface);z-index:1}tr.tot td{font-weight:700;border-top:2px solid var(--fg);border-bottom:0}.pill{display:inline-block;font-size:11px;border-radius:999px;padding:2px 8px;font-weight:600;background:var(--surface-2);color:var(--muted)}.pill.active{background:color-mix(in srgb,var(--good) 16%,transparent);color:var(--good)}.pill.unpaid{background:color-mix(in srgb,var(--warn) 18%,transparent);color:var(--warn)}.pill.cancelled{background:color-mix(in srgb,var(--bad) 14%,transparent);color:var(--bad)}.pill.pending{background:var(--surface-2);color:var(--muted)}.chips{display:flex;gap:8px;overflow-x:auto;padding:2px 0 8px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{flex:none;border:1px solid var(--line);background:var(--surface);color:var(--fg);border-radius:999px;padding:6px 12px;font-size:13px}.chip[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}.acct details{border-top:1px solid var(--line)}.acct details:first-child{border-top:0}.acct summary{display:grid;grid-template-columns:8px 1fr auto;gap:12px;align-items:center;padding:9px 0;cursor:pointer;list-style:none}.acct summary::-webkit-details-marker{display:none}.dot{width:8px;height:8px;border-radius:50%;background:var(--good);display:inline-block}.dot.unpaid{background:var(--warn)}.dot.cancelled{background:var(--bad)}.dot.pending{background:transparent;border:1.5px solid var(--muted)}.acct .n{font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-direction:column;gap:1px;text-align:left}.acct .n small{font-weight:400;font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.acct .e{text-align:right;font-family:var(--display);font-weight:700;white-space:nowrap}.acct .e.zero{color:var(--muted);font-weight:500}.acct .x{padding:0 0 12px 20px;display:grid;grid-template-columns:auto 1fr;gap:4px 14px;font-size:13px;margin:0}.acct .x dt{color:var(--muted);margin:0}.acct .x dd{margin:0}.search{position:relative;margin-bottom:6px}.search input{padding-left:36px}.search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;stroke:var(--muted);fill:none;stroke-width:2;stroke-linecap:round;pointer-events:none}.legend{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:11.5px;color:var(--muted);margin:2px 0 8px}.legend span{display:inline-flex;align-items:center;gap:5px}.more{width:100%;border:1px dashed var(--line);background:transparent;color:var(--muted);border-radius:10px;padding:10px;margin-top:8px}.btn{border:0;background:var(--brand);color:var(--on-brand);border-radius:11px;padding:12px 16px;font-family:var(--display);font-weight:700;font-size:15px}.btn.ghost{background:transparent;color:var(--fg);border:1px solid var(--line);font-weight:600}.btn.wide{width:100%}.btn:disabled{opacity:.6;cursor:default}.pay{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid var(--line);font-size:13.5px}.pay:first-child{border-top:0}.toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translate(-50%);background:var(--fg);color:var(--bg);padding:10px 16px;border-radius:999px;font-size:13.5px;z-index:20;max-width:calc(100% - 32px);text-align:center}.err{color:var(--bad);font-size:13px}.login{flex:1;display:flex;flex-direction:column;justify-content:center;gap:22px;padding-left:var(--pad);padding-right:var(--padr);padding-block:40px;background:radial-gradient(ellipse 70% 45% at 85% -5%,color-mix(in srgb,var(--petal) 26%,transparent),transparent 70%),radial-gradient(ellipse 50% 30% at -10% 105%,color-mix(in srgb,var(--pollen) 22%,transparent),transparent 70%)}.login .mark{display:flex;align-items:center;gap:12px}.login .mark .logo{width:46px;height:46px;border-radius:12px;display:grid;place-items:center}.login h1{font-size:28px;color:var(--petal)}.login p{margin:0;color:var(--muted);max-width:40ch}.form{display:flex;flex-direction:column;gap:10px}.replist .rep{display:grid;grid-template-columns:40px 1fr auto;gap:4px 12px;align-items:center;padding:11px 0;border-top:1px solid var(--line);background:transparent;border-left:0;border-right:0;border-bottom:0;color:var(--fg);text-align:left;width:100%}.replist .rep:first-child{border-top:0}.rep .av{width:40px;height:40px;border-radius:50%;background:var(--brand);color:var(--on-brand);display:grid;place-items:center;font-family:var(--display);font-weight:700;font-size:14px}.rep .nm{font-weight:600}.rep .pl{font-size:12px;color:var(--muted)}.rep .ow{text-align:right;font-family:var(--display);font-weight:800;font-size:17px}.rep .ow small{display:block;font-family:var(--body);font-weight:400;font-size:11.5px;color:var(--muted)}.kv{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kv label{display:flex;flex-direction:column;gap:5px;font-size:12.5px;color:var(--muted);min-width:0}.kv label.full{grid-column:1/-1}.tenant{display:grid;grid-template-columns:44px 1fr auto;gap:4px 12px;align-items:center;padding:12px 0;border-top:1px solid var(--line);background:transparent;border-left:0;border-right:0;border-bottom:0;width:100%;text-align:left;color:var(--fg)}.tenant:first-child{border-top:0}.tenant .lg{width:44px;height:44px;border-radius:11px;display:grid;place-items:center;font-family:var(--display);font-weight:800;color:#fff;background:var(--brand-ink)}.tenant .st{text-align:right;font-size:12.5px;color:var(--muted)}.tenant .st b{display:block;color:var(--fg);font-family:var(--display);font-size:15px}.nav{position:sticky;bottom:0;background:var(--surface);border-top:1px solid var(--line);display:flex;padding-left:var(--pad);padding-right:var(--padr);padding-bottom:env(safe-area-inset-bottom,0px);z-index:5}.nav button{flex:1;background:transparent;border:0;padding:10px 4px 9px;font-size:12px;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:3px}.nav button[aria-current=page]{color:var(--brand);font-weight:600}.nav button[aria-current=page]:after{content:"";width:18px;height:3px;border-radius:2px;background:var(--brand);margin-top:1px}.nav svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}details.plain summary{cursor:pointer;font-weight:600;font-size:14px;list-style:none;display:flex;justify-content:space-between;align-items:center}details.plain summary:after{content:"+";font-family:var(--display);color:var(--muted);font-weight:700}details.plain[open] summary:after{content:"–"}@media (prefers-reduced-motion:no-preference){.screen{animation:in .18s ease-out}@keyframes in{0%{opacity:.6;transform:translateY(4px)}to{opacity:1;transform:none}}}.topbar .ib.theme{font-size:15px;line-height:1;padding:6px 9px}.lb .row{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:9px 0;border-top:1px solid var(--line)}.lb .row:first-child{border-top:0}.lb .rk{font-family:var(--display);font-weight:800;font-size:16px;color:var(--muted);text-align:center}.lb .row.top .rk{color:var(--brand)}.lb .row.me{background:var(--surface-2);border-radius:8px;padding-left:8px;padding-right:8px}.lb .nm{font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb .v{text-align:right;font-family:var(--display);font-weight:700;white-space:nowrap}.lb .v small{display:block;font-family:var(--body);font-weight:400;font-size:11.5px;color:var(--muted)}.lb .gap{text-align:center;color:var(--muted);font-size:12px;padding:4px 0}:root[data-theme=dark] .center,:root[data-theme=dark] .login p{color:var(--page-fg)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .center,:root:not([data-theme=light]) .login p{color:var(--page-fg)}}