.insights{width:min(1120px,100%)}.bar{padding-inline:max(16px,50% - 544px)}#admin,#board{gap:20px;min-width:0;display:grid}#admin>*,#board>*,.lists>*{min-width:0}.tools{flex-wrap:wrap;gap:8px;margin:16px 0 0;display:flex}.tools a{border-radius:var(--radius);border:1px solid var(--control-line);background:var(--panel);min-height:44px;color:var(--ink);align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.tools a:hover{background:var(--fill)}.users input[type=search]{max-width:360px;margin-bottom:12px}.users .table{max-height:70vh}.users td,.users th{vertical-align:top;text-align:left}.users th[scope=row] .email{font-weight:600}.users td small,.users th small{color:var(--muted);font-size:12px;font-weight:400;display:block}.users tr.reset .email{color:var(--muted);text-decoration:line-through}.users td button{min-height:36px;padding:4px 12px}.users td.none{color:var(--muted)}.users>.hint{margin-top:12px}.device{gap:20px;display:grid}.device .card-head{margin-bottom:0}.setting h3{margin:0 0 4px;font-size:16px}.setting .choice,.setting .choice>div{background:0 0;border:0;flex-wrap:wrap;gap:6px;padding:0;display:flex}.setting .choice{margin-top:10px}.setting .note{margin-top:8px}.part{margin:12px 0 -12px;font-size:26px}.part-lead{margin:0}#board.busy .tiles,#board.busy .card{opacity:.6;transition:opacity .2s .15s}.filters{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.periods{flex-wrap:wrap;gap:6px;display:flex}.periods button[aria-pressed=true],.setting button[aria-pressed=true],.tile[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.periods button[aria-pressed=true],.setting button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.live{color:var(--muted);align-items:center;gap:8px;margin:0;font-size:14px;font-weight:600;display:flex}.live .dot{background:var(--line);border-radius:50%;width:10px;height:10px}.live.on .dot{background:var(--success)}.live.on{color:var(--ink)}.tiles{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;display:grid}.tile{border-color:var(--line);text-align:left;place-content:start stretch;justify-items:start;gap:2px;padding:14px 16px;font-weight:400;display:grid}.tile .label{color:var(--muted);font-size:14px}.tile .value{letter-spacing:-.01em;font-size:28px;font-weight:650;line-height:1.2}.tile .delta{color:var(--muted);font-variant-numeric:tabular-nums lining-nums;font-size:13px}.tile .delta.up{color:var(--success)}.tile .delta.down{color:var(--error)}.card-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;margin-bottom:12px;display:flex}.card-head h2{margin:0;font-size:20px}.card-head small{color:var(--muted);font-size:14px}.chart{border-radius:6px;min-height:240px;position:relative}.chart svg{display:block;position:absolute;inset:0 auto auto 0}.chart .grid{stroke:var(--fill);stroke-width:1px}.chart .base{stroke:var(--line);stroke-width:1px}.chart .tick{fill:var(--muted);font-variant-numeric:tabular-nums lining-nums;font-size:12px}.chart .bar{fill:var(--accent)}.chart .bar.on{fill:var(--accent-active)}.chart .tip{z-index:2;border:1px solid var(--line);background:var(--panel);min-width:200px;box-shadow:0 8px 24px var(--shadow);pointer-events:none;border-radius:8px;gap:2px;padding:10px 12px;font-size:13px;display:grid;position:absolute;top:4px}.chart .tip strong{margin-bottom:4px;font-size:14px}.chart .tip div{color:var(--muted);font-variant-numeric:tabular-nums lining-nums;justify-content:space-between;gap:16px;display:flex}.chart .tip div span:last-child{color:var(--ink)}.chart .tip .chosen{color:var(--ink);font-weight:650}details{margin-top:12px}summary{cursor:pointer;color:var(--accent);border-radius:4px;font-size:14px;font-weight:600}.table{max-height:360px;margin-top:8px;overflow:auto}table{border-collapse:collapse;font-variant-numeric:tabular-nums lining-nums;width:100%;font-size:14px}th,td{border-bottom:1px solid var(--line);text-align:right;white-space:nowrap;padding:6px 10px}th[scope=row],thead th:first-child{text-align:left;font-weight:400}thead th{background:var(--panel);color:var(--muted);font-weight:600;position:sticky;top:0}.lists{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:20px;display:grid}.lists .card{align-content:start;gap:8px;display:grid}.lists .card-head{margin-bottom:4px}.bars{gap:4px;margin:0;padding:0;list-style:none;display:grid}.bars li{border-radius:6px;align-items:center;gap:12px;min-height:34px;padding:4px 10px;font-size:14px;display:flex;position:relative}.bars .fill{background:color-mix(in srgb, var(--accent) 12%, transparent);border-radius:6px;position:absolute;inset:0 auto 0 0}.bars .name,.bars a{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;position:relative;overflow:hidden}.bars .num{font-variant-numeric:tabular-nums lining-nums;font-weight:600;position:relative}.bars li.none{color:var(--muted);padding-left:0}.foot{text-align:center}.day-nav{align-items:center;gap:6px;display:flex}.day-nav button{padding-inline:8px}.visits .hint{margin:0 0 8px}.visit-list,.visit-list ol{margin:0;padding:0;list-style:none}.visit-list>li{border-bottom:1px solid var(--line)}.visit-list details{margin:0}.visit-list summary{color:var(--ink);align-items:center;gap:12px;padding:8px 4px;font-weight:400;display:flex}.visit-list .time,.visit-list .num{font-variant-numeric:tabular-nums lining-nums;white-space:nowrap}.visit-list summary .time{font-weight:600}.visit-list summary svg.i{color:var(--muted);flex:none;transition:rotate .15s}.visit-list details[open] summary svg.i{rotate:180deg}.visit-list summary::-webkit-details-marker{display:none}.visit-list .what{flex:1;min-width:0;display:grid}.visit-list .what small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.visit-list .num{font-weight:600}.visit-list .dot{background:var(--success);border-radius:50%;flex:none;width:8px;height:8px}.visit-list ol{gap:2px;margin:0 0 10px;padding-left:22px;font-size:14px;display:grid}.visit-list ol li{align-items:baseline;gap:12px;display:flex}.visit-list ol .time{color:var(--muted)}.visit-list ol a,.visit-list ol .name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.visit-list ol a.rec{flex:none;align-items:center;gap:4px;font-weight:600;display:inline-flex}.visit-list ol a.rec svg.i{width:16px;height:16px}.visit-list ol .event .name{color:var(--muted);font-style:italic}.visits>.link{margin-top:10px}.recording form{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.recording label{flex:0 240px}.recording .hint,.recording .note{margin-top:12px}@media (max-width:520px){.tile .value{font-size:22px}}@media (forced-colors:active){.chart .bar{fill:canvastext}.chart .bar.on{fill:highlight}.bars .fill{background:0 0;border:1px solid canvastext}}