:root{--md-sys-color-primary: #0b57d0;--md-sys-color-on-primary: #ffffff;--md-sys-color-primary-container: #d3e3fd;--md-sys-color-surface: #fdf8f6;--md-sys-color-on-surface: #1a1c1e;--md-sys-color-surface-container: #f0f4f9;--md-sys-color-outline: #747775;--radius: 16px;color-scheme:light}[data-theme=dark]{--md-sys-color-primary: #a8c7fa;--md-sys-color-on-primary: #062e6f;--md-sys-color-primary-container: #004a77;--md-sys-color-surface: #131314;--md-sys-color-on-surface: #e3e3e3;--md-sys-color-surface-container: #1e1f20;--md-sys-color-outline: #8e918f;color-scheme:dark}*{box-sizing:border-box}body{margin:0;font-family:Google Sans Text,Roboto Flex,Roboto,system-ui,sans-serif;background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface)}header.top{display:flex;align-items:center;gap:12px;padding:12px 20px;position:sticky;top:0;z-index:10;background:var(--md-sys-color-surface-container);border-bottom:1px solid var(--md-sys-color-outline)}.card{background:var(--md-sys-color-surface-container);border-radius:var(--radius);padding:20px;border:1px solid color-mix(in srgb,var(--md-sys-color-outline) 30%,transparent)}.btn{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);border:0;border-radius:999px;padding:10px 24px;font-weight:500;cursor:pointer}.btn:active{transform:scale(.98)}input,select{border-radius:12px;padding:10px 14px;width:100%;border:1px solid var(--md-sys-color-outline);background:var(--md-sys-color-surface);color:inherit}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:8px;border-bottom:1px solid var(--md-sys-color-outline)}::view-transition-old(root),::view-transition-new(root){animation-duration:.22s}.page-enter{animation:pageIn .22s ease-out}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.material-symbols-outlined{vertical-align:middle}