:root{--bg:#f5f6f8;--card:#fff;--text:#1b1f24;--muted:#667085;--line:#d9dde3;--danger:#b42318;--radius:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#14171b;--card:#1e2329;--text:#eef1f4;--muted:#98a2b3;--line:#343b44;--danger:#f97066}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-size:16px;line-height:1.5}h1{margin:0 0 .5rem;font-size:1.4rem;font-weight:600}h2{color:var(--muted);margin:0 0 1rem;font-size:1.1rem;font-weight:500}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);width:calc(100% - 2rem);max-width:720px;margin:1rem auto;padding:1.25rem}.card.narrow{max-width:440px}.muted{color:var(--muted)}.error{color:var(--danger)}.label{color:var(--muted);margin:1rem 0 .4rem;font-size:.85rem}label{color:var(--muted);margin-bottom:1rem;font-size:.9rem;display:block}input{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);width:100%;color:var(--text);margin-top:.3rem;padding:.7rem .8rem;font-size:1rem;display:block}button{font:inherit;cursor:pointer;border-radius:var(--radius);border:1px solid var(--line);background:var(--card);color:var(--text);padding:.7rem 1rem}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:500}button.wide{width:100%;margin-top:1.25rem}button.link{color:var(--accent);background:0 0;border:none;padding:.3rem .5rem}.options{flex-wrap:wrap;gap:.5rem;display:flex}.option{min-width:7rem}.option.selected{border:2px solid var(--accent);padding:calc(.7rem - 1px) calc(1rem - 1px)}.topbar{border-top:3px solid var(--secondary);background:var(--card);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem 1rem;display:flex}.topbar-actions{gap:.25rem;display:flex}code{background:var(--bg);border-radius:4px;padding:.1rem .35rem}.list{margin:0 0 1rem;padding:0;list-style:none}.row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:.75rem;padding:.6rem 0;display:flex}.row .actions{flex-shrink:0;gap:.25rem;display:flex}.badge{color:var(--accent);white-space:nowrap;font-weight:500}h2.section{margin-top:1.5rem}input[type=search]{appearance:none}@media (width<=480px){.card{padding:1rem}.row{flex-wrap:wrap}}select{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);width:100%;color:var(--text);margin-top:.3rem;padding:.7rem .8rem;font-size:1rem;display:block}label.check{color:var(--text);align-items:flex-start;gap:.6rem;margin-bottom:.75rem;display:flex}label.check input{flex-shrink:0;width:1.25rem;height:1.25rem;margin:.15rem 0 0}h3.group{border-top:1px solid var(--line);margin:1.5rem 0 .6rem;padding-top:1rem;font-size:.95rem;font-weight:600}h3.group:first-of-type{border-top:none;margin-top:0;padding-top:0}.small{font-size:.85rem}textarea{width:100%;font:inherit;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);color:var(--text);resize:vertical;margin-top:.3rem;padding:.7rem .8rem;display:block}.tabs{flex-wrap:wrap;gap:.5rem;width:calc(100% - 2rem);max-width:720px;margin:1rem auto 0;display:flex}.tab{flex:1}.tab.active{border:2px solid var(--accent);padding:calc(.7rem - 1px) calc(1rem - 1px);font-weight:600}.stats{grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));gap:.75rem;margin:1rem 0;display:grid}.stats div{background:var(--bg);border-radius:var(--radius);flex-direction:column;padding:.6rem .8rem;display:flex}.stats strong{font-size:1.25rem}.stats span{color:var(--muted);font-size:.8rem}dl.facts{grid-template-columns:max-content 1fr;gap:.35rem 1rem;margin:0 0 1rem;display:grid}dl.facts dt{color:var(--muted)}dl.facts dd{margin:0}.row.archived{opacity:.55}.tabs .tab{padding:.7rem .5rem;font-size:.95rem}input.invalid{border-color:var(--danger)}span.error.small{margin-top:.25rem;display:block}a.phone{color:var(--accent);margin-right:1rem;padding:.35rem 0;font-weight:500;text-decoration:none;display:inline-block}.phones{flex-wrap:wrap;align-items:baseline;margin:.15rem 0 .35rem;display:flex}.phones.inline{margin-top:.25rem;display:block}li.invite{border-bottom:1px solid var(--line);padding:.85rem 0}.invite-head{font-size:1.05rem}.invite .last{background:var(--bg);border-radius:var(--radius);margin:.25rem 0 .5rem;padding:.4rem .6rem}.outcomes{flex-wrap:wrap;gap:.4rem;margin-top:.4rem;display:flex}button.small-btn{padding:.5rem .75rem;font-size:.9rem}button.small-btn.danger{color:var(--danger);border-color:var(--danger)}.log-form{background:var(--bg);border-radius:var(--radius);margin-top:.5rem;padding:.75rem}.chips{flex-wrap:wrap;gap:.4rem;margin:.25rem 0 .75rem;display:flex}button.chip{border-radius:999px;padding:.4rem .7rem;font-size:.85rem}button.chip.active{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.pw{align-items:center;gap:.5rem;display:flex}.pw input{flex:1}.install{color:var(--muted);margin-top:1.25rem;font-size:.9rem}.notice{background:var(--bg);border:2px solid var(--accent);border-radius:var(--radius);margin:1rem 0;padding:.8rem 1rem}.mono{letter-spacing:.05em;font-family:ui-monospace,monospace;font-size:1.15rem}.actions{flex-wrap:wrap;gap:.25rem 1rem;margin-top:.25rem;display:flex}button.link.danger{color:var(--danger)}.tabs .tab{min-width:6rem}.table-wrap{margin:1rem 0;overflow-x:auto}.stats-table{border-collapse:collapse;width:100%;font-size:.9rem}.stats-table th,.stats-table td{text-align:right;border-bottom:1px solid var(--line);white-space:nowrap;padding:.45rem .5rem}.stats-table th:first-child,.stats-table td:first-child{text-align:left;white-space:normal}.stats-table tr.current td{background:var(--bg);font-weight:600}ul.bars{margin:.5rem 0 1rem;padding:0;list-style:none}ul.bars li{grid-template-columns:5.5rem 1fr 6.5rem;align-items:center;gap:.5rem;padding:.15rem 0;font-size:.85rem;display:grid}.bar{background:var(--bg);border-radius:4px;height:.9rem;overflow:hidden}.bar>span{background:var(--accent);height:100%;display:block}.avatar{object-fit:cover;background:var(--bg);border-radius:50%;flex:none}.avatar.placeholder{color:var(--muted);border:1px solid var(--line);justify-content:center;align-items:center;display:inline-flex}.who{align-items:center;gap:.75rem;min-width:0;display:flex}.photo-box{flex-direction:column;flex:none;align-items:center;gap:.15rem;display:inline-flex}.photo-actions{flex-wrap:wrap;justify-content:center;gap:0 .5rem;font-size:.75rem;display:flex}.card-head{align-items:center;gap:1rem;margin:.5rem 0;display:flex}.card-head h1{margin:0}.toolbar{flex-wrap:wrap;gap:.5rem;margin:.5rem 0 1rem;display:flex}.print-table{border-collapse:collapse;width:100%;margin-top:1rem}.print-table th,.print-table td{text-align:left;border:1px solid #444;padding:.45rem .6rem}.print-table td:last-child{width:7rem}@media print{body *{visibility:hidden}.print-sheet,.print-sheet *{visibility:visible}.print-sheet{width:100%;box-shadow:none;color:#000;background:#fff;border:0;position:absolute;top:0;left:0}.no-print{display:none!important}}[hidden],input[type=file]{display:none!important}.who{flex:10rem;min-width:10rem}.who>span:last-child{overflow-wrap:break-word;flex:1;min-width:0}.row.stack{flex-wrap:wrap}.row.stack .who{flex-basis:100%}.row.stack>button.link{margin-left:3.5rem}.photo-actions button.link{padding:.15rem .25rem}@media (width<=480px){.row .actions{justify-content:flex-end;width:100%}.card-head{flex-wrap:wrap}}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}img,table,video{max-width:100%}button,a.phone{min-height:44px}button.link,a.phone{align-items:center;display:inline-flex}.topbar{padding-top:max(.5rem, env(safe-area-inset-top));padding-left:max(1rem, env(safe-area-inset-left));padding-right:max(1rem, env(safe-area-inset-right))}body{padding-bottom:env(safe-area-inset-bottom)}.card,.tabs{width:calc(100% - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right))}@media (width<=360px){.card{padding:.85rem}.tabs .tab{flex:40%;min-width:0}.row .actions{flex-wrap:wrap}}@media (width>=900px){.card,.tabs{max-width:860px}}.photo-box{position:relative}button.avatar-btn{background:0 0;border:0;border-radius:50%;min-height:0;padding:0;line-height:0;position:relative}.avatar-badge{background:var(--card);border:1px solid var(--line);border-radius:50%;padding:2px;font-size:.75rem;line-height:1;position:absolute;bottom:-4px;right:-4px}.card-head .photo-box{align-items:flex-start}.row button.primary{padding:.7rem .8rem}.row .date{display:block}.brand-logo{height:auto;display:block}.brand-logo.login{width:min(260px,70%);margin:0 0 1rem}.brand-logo.top{width:auto;height:28px}.topbar-club{align-items:center;gap:.75rem;min-width:0;display:flex}.tabs-grid{flex-direction:column;gap:.5rem;width:calc(100% - 2rem);max-width:720px;margin:1rem auto 0;display:flex}.tabs-row{flex-wrap:wrap;gap:.5rem;display:flex}.tabs-row .tab{flex:auto}@media (width>=640px){.tabs-row{grid-template-columns:repeat(var(--cols,6), minmax(0, 1fr));display:grid}.tabs-row .tab{overflow-wrap:anywhere;min-width:0;padding:.7rem .25rem;font-size:.85rem}}
