*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}.segmented{display:inline-flex;align-items:center;gap:2px;flex:none;padding:2px;border-radius:8px;background:var(--raised)}.segmented button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;background:transparent;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);border-radius:6px;padding:4px 8px;min-width:26px;height:22px;transition:background-color .12s ease,color .12s ease}.segmented button:hover{color:var(--ink)}.segmented button[aria-checked=true]{background:light-dark(#ffffff,rgba(255,255,255,.14));color:var(--ink);box-shadow:0 1px 2px light-dark(rgba(0,0,0,.14),rgba(0,0,0,.4))}.segmented svg{width:13px;height:13px;display:block}.hidden-field{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}:root{color-scheme:light dark;--page: light-dark(#ffffff, #17181a);--raised: light-dark(#f3f4f6, #202124);--raised-2: light-dark(#e9ebef, #26282b);--ink: light-dark(#1c1d1f, #f4f5f6);--ink-2: light-dark(#2e3238, #d3d6da);--muted: light-dark(#6f7988, #8b94a1);--hairline: light-dark(#e4e7ec, #2a2c30);--border: light-dark(#cad0d9, #3a3d42);--blue: light-dark(#266df0, #5b91f5);--blue-hover: light-dark(#245bc2, #7aa6f7);--danger: light-dark(#c8332a, #ff6f66);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans", "Noto Sans JP", sans-serif}body{background:var(--page);color:var(--ink);font:500 15px/1.4667 var(--font);letter-spacing:-.01em}.topbar{position:sticky;top:0;z-index:20;height:48px;display:flex;align-items:center;background:var(--page);border-bottom:1px solid var(--hairline)}.topbar__inner{width:1080px;max-width:calc(100% - 40px);margin:0 auto;display:flex;align-items:center;gap:14px}.topbar__brand{font-size:15px;font-weight:600;letter-spacing:-.014em;margin-right:auto}.topbar__actions{display:flex;align-items:center;gap:8px}.app{width:1080px;max-width:calc(100% - 40px);margin:0 auto;padding:36px 0 88px}.pagehead{margin-bottom:24px}h1{margin:0;font-size:30px;line-height:1.13;font-weight:600;letter-spacing:-.02em}.app__subtitle{margin:7px 0 0;font-size:15px;color:var(--muted);letter-spacing:-.008em}h2{margin:0;font-size:14px;font-weight:600;letter-spacing:-.012em}.panel{border:1px solid var(--hairline);border-radius:8px;background:var(--page);overflow:hidden}.panel__head{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--hairline)}.badge{min-width:20px;padding:1px 7px;border-radius:5px;background:var(--raised);color:var(--muted);font-size:12px;font-weight:500;letter-spacing:0;text-align:center}.search{margin-left:auto;width:240px;max-width:100%;font:inherit;font-size:13.5px;font-weight:400;color:var(--ink);background:var(--page);border:1px solid var(--border);border-radius:6px;padding:6px 10px}.search::placeholder{color:var(--muted);font-weight:400}.search:focus-visible{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px light-dark(rgba(38,109,240,.16),rgba(91,145,245,.24))}.columns{display:grid;grid-template-columns:1.15fr 1.45fr auto auto;gap:16px;align-items:center;padding:7px 16px;background:var(--raised);border-bottom:1px solid var(--hairline);font-size:11px;font-weight:500;letter-spacing:.03em;text-transform:uppercase;color:var(--muted)}.columns span:last-child{justify-self:end}.list{list-style:none;margin:0;padding:0}.list__row{display:grid;grid-template-columns:1.15fr 1.45fr auto auto;gap:16px;align-items:center;padding:0 16px;height:46px;border-bottom:1px solid var(--hairline);transition:background-color 80ms ease}.list__row:last-child{border-bottom:0}.list__row:hover{background:var(--raised)}.list__cell{display:flex;align-items:center;gap:9px;min-width:0}.list__name{font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar{flex:none;width:22px;height:22px;border-radius:5px;display:grid;place-items:center;background:var(--raised-2);color:var(--muted);font-size:10.5px;font-weight:600;letter-spacing:.01em}.list__email{font-size:14px;font-weight:400;color:var(--ink-2)}.list__date{font-size:13px;font-weight:400;color:var(--muted);font-variant-numeric:tabular-nums}.empty{margin:0;padding:44px 16px;text-align:center;color:var(--muted);font-size:14px;font-weight:400}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:24px;background:light-dark(rgba(28,29,31,.35),rgba(0,0,0,.6))}.modal{width:min(440px,100%);background:var(--page);border:1px solid var(--hairline);border-radius:10px;padding:22px;box-shadow:0 16px 48px light-dark(rgba(28,29,31,.16),rgba(0,0,0,.55))}.modal h2{font-size:17px;margin-bottom:18px}.modal__actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.field{display:block;margin-bottom:14px}.field span{display:block;margin-bottom:5px;font-size:12px;font-weight:500;color:var(--muted)}.field input{width:100%;font:inherit;font-size:14px;font-weight:400;color:var(--ink);background:var(--page);border:1px solid var(--border);border-radius:6px;padding:8px 11px}.field input:focus-visible{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px light-dark(rgba(38,109,240,.16),rgba(91,145,245,.24))}.error{margin:0 0 12px;color:var(--danger);font-size:13.5px;font-weight:400}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--page);color:var(--ink-2);border-radius:6px;padding:6px 12px;font:inherit;font-size:13.5px;font-weight:500;cursor:pointer;height:32px;transition:background-color 80ms ease,border-color 80ms ease}.btn:hover{background:var(--raised);border-color:light-dark(#6f7988,#4a4d53)}.btn:focus-visible{outline:2px solid var(--blue);outline-offset:1px}.btn--primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn--primary:hover{background:var(--blue-hover);border-color:var(--blue-hover)}.btn--small{height:26px;padding:2px 10px;font-size:12.5px;border-color:transparent;background:transparent;color:var(--muted)}.btn--small:hover{background:var(--raised-2);border-color:transparent;color:var(--ink)}@media(max-width:760px){h1{font-size:24px}.columns{display:none}.list__row{grid-template-columns:1fr auto;height:auto;padding:12px 16px;row-gap:4px}.list__date{display:none}.panel__head{flex-wrap:wrap}.search{margin-left:0;width:100%}}