:root{--font-sans: ui-sans-serif, system-ui, -apple-system, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans JP", "Yu Gothic UI", Meiryo, sans-serif;--font-mono: ui-monospace, "SF Mono", "JetBrains Mono", "Roboto Mono", "Noto Sans Mono", monospace;--fs-xs: 11.5px;--fs-sm: 12.5px;--fs-base: 13.5px;--fs-md: 15px;--fs-lg: 17px;--fs-xl: 21px;--fs-2xl: 27px;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 20px;--s6: 24px;--s8: 32px;--s10: 40px;--r-sm: 6px;--r-md: 8px;--r-lg: 12px;--r-xl: 16px;--r-pill: 999px;--control-h: 36px;--control-px: 12px;--ring: 0 0 0 3px var(--accent-ring);--shadow-1: 0 1px 2px rgba(0,0,0,.18), 0 1px 1px rgba(0,0,0,.1);--shadow-2: 0 6px 16px -4px rgba(0,0,0,.3), 0 2px 6px -2px rgba(0,0,0,.2);--shadow-3: 0 24px 60px -12px rgba(0,0,0,.45), 0 8px 24px -8px rgba(0,0,0,.3);--sidebar-w: 232px;--maxw: 1180px}:root,[data-theme=dark]{--bg: oklch(.175 .012 256);--bg-grad: oklch(.205 .014 256);--surface: oklch(.218 .013 256);--surface-2: oklch(.252 .014 256);--surface-3: oklch(.285 .015 256);--inset: oklch(.158 .012 256);--border: oklch(.315 .015 256);--border-2: oklch(.4 .018 256);--text: oklch(.965 .004 256);--text-muted: oklch(.74 .012 256);--text-faint: oklch(.575 .013 256);--accent: oklch(.645 .155 255);--accent-hover:oklch(.685 .155 255);--accent-fg: oklch(.99 0 0);--accent-soft: oklch(.4 .09 255 / .3);--accent-ring: oklch(.645 .155 255 / .35);--c-image: oklch(.66 .145 255);--c-video: oklch(.78 .14 72);--c-other: oklch(.55 .02 256);--success: oklch(.74 .135 158);--success-soft:oklch(.45 .09 158 / .22);--warn: oklch(.8 .13 80);--danger: oklch(.68 .175 22);--danger-soft: oklch(.45 .12 22 / .2);color-scheme:dark}[data-theme=light]{--bg: oklch(.975 .004 256);--bg-grad: oklch(.992 .003 256);--surface: oklch(1 0 0);--surface-2: oklch(.978 .004 256);--surface-3: oklch(.958 .005 256);--inset: oklch(.965 .005 256);--border: oklch(.912 .005 256);--border-2: oklch(.855 .007 256);--text: oklch(.255 .015 256);--text-muted: oklch(.475 .013 256);--text-faint: oklch(.62 .012 256);--accent: oklch(.545 .175 255);--accent-hover:oklch(.495 .175 255);--accent-fg: oklch(.99 0 0);--accent-soft: oklch(.92 .045 255);--accent-ring: oklch(.545 .175 255 / .25);--c-image: oklch(.55 .165 255);--c-video: oklch(.66 .145 62);--c-other: oklch(.74 .018 256);--success: oklch(.52 .13 158);--success-soft:oklch(.93 .055 158);--warn: oklch(.62 .13 70);--danger: oklch(.55 .2 25);--danger-soft: oklch(.94 .04 25);--shadow-1: 0 1px 2px rgba(16,24,40,.06), 0 1px 1px rgba(16,24,40,.04);--shadow-2: 0 6px 16px -6px rgba(16,24,40,.12), 0 2px 6px -3px rgba(16,24,40,.08);--shadow-3: 0 24px 60px -16px rgba(16,24,40,.2), 0 8px 24px -10px rgba(16,24,40,.12);color-scheme:light}[data-density=compact]{--control-h: 32px;--control-px: 10px}[data-density=regular]{--control-h: 36px;--control-px: 12px}[data-density=comfy]{--control-h: 42px;--control-px: 14px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);font-size:var(--fs-base);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:var(--accent-soft)}*::-webkit-scrollbar{width:11px;height:11px}*::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:99px;border:3px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}*::-webkit-scrollbar-track{background:transparent}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh;background:radial-gradient(120% 80% at 100% 0%,var(--bg-grad),transparent 55%),var(--bg)}.sidebar{border-right:1px solid var(--border);background:var(--surface);padding:var(--s5) var(--s3);display:flex;flex-direction:column;gap:var(--s2);position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:var(--s3);padding:var(--s2) var(--s3) var(--s5)}.brand-mark{width:30px;height:30px;border-radius:9px;background:linear-gradient(150deg,var(--accent),oklch(.55 .17 290));display:grid;place-items:center;color:var(--accent-fg);font-weight:700;font-size:15px;box-shadow:var(--shadow-1)}.brand-name{font-weight:650;font-size:var(--fs-md);letter-spacing:.01em}.brand-sub{font-size:var(--fs-xs);color:var(--text-faint);margin-top:1px}.nav-label{font-size:var(--fs-xs);color:var(--text-faint);text-transform:uppercase;letter-spacing:.08em;padding:var(--s4) var(--s3) var(--s2);font-weight:600}.nav-item{display:flex;align-items:center;gap:var(--s3);padding:0 var(--s3);height:38px;border-radius:var(--r-md);color:var(--text-muted);font-size:var(--fs-base);font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .12s,color .12s}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item.active{background:var(--accent-soft);color:var(--text);font-weight:600}[data-theme=light] .nav-item.active{color:var(--accent-hover)}.nav-item .ic{color:currentColor;opacity:.9;flex:none}.nav-spacer{flex:1}.user-chip{display:flex;align-items:center;gap:var(--s3);padding:var(--s2) var(--s3);border-radius:var(--r-md);border:1px solid var(--border)}.user-chip .avatar{flex:none}.user-chip-name{font-size:var(--fs-sm);font-weight:600}.user-chip-mail{font-size:var(--fs-xs);color:var(--text-faint)}.main{min-width:0;display:flex;flex-direction:column}.topbar{height:60px;flex:none;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:var(--s4);padding:0 var(--s8);background:color-mix(in oklab,var(--bg) 70%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:20}.crumb{display:flex;align-items:center;gap:var(--s2);font-size:var(--fs-base);color:var(--text-faint)}.crumb b{color:var(--text);font-weight:600}.topbar-spacer{flex:1}.content{padding:var(--s8);max-width:var(--maxw);width:100%;margin:0 auto}.page-head{margin-bottom:var(--s6)}.page-title{font-size:var(--fs-2xl);font-weight:700;letter-spacing:-.01em;margin:0}.page-desc{color:var(--text-muted);font-size:var(--fs-md);margin-top:var(--s2)}.tabs{display:flex;gap:var(--s1);border-bottom:1px solid var(--border);margin-bottom:var(--s6)}.tab{position:relative;padding:var(--s3) var(--s4);font-size:var(--fs-base);font-weight:600;color:var(--text-faint);cursor:pointer;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;display:flex;align-items:center;gap:var(--s2);transition:color .12s}.tab:hover{color:var(--text)}.tab.active{color:var(--text);border-bottom-color:var(--accent)}.tab .count{font-size:var(--fs-xs);padding:1px 7px;border-radius:var(--r-pill);background:var(--surface-2);color:var(--text-muted);font-weight:600}.tab.active .count{background:var(--accent-soft);color:var(--text)}.input,.select,.btn{height:var(--control-h);font-family:inherit;font-size:var(--fs-base);border-radius:var(--r-md);transition:border-color .12s,background .12s,box-shadow .12s,color .12s}.input,.select{width:100%;padding:0 var(--control-px);background:var(--inset);color:var(--text);border:1px solid var(--border);outline:none}.input::placeholder{color:var(--text-faint)}.input:hover,.select:hover{border-color:var(--border-2)}.input:focus,.select:focus{border-color:var(--accent);box-shadow:var(--ring)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2399a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 10px center;padding-right:32px;cursor:pointer}.input-sm,.select-sm{--control-h: 30px;font-size:var(--fs-sm)}.field{display:flex;flex-direction:column;gap:var(--s2)}.field>label{font-size:var(--fs-sm);font-weight:600;color:var(--text-muted)}.field .hint{font-size:var(--fs-xs);color:var(--text-faint)}.input-wrap{position:relative;display:flex;align-items:center}.input-wrap .ic{position:absolute;left:10px;color:var(--text-faint);pointer-events:none}.input-wrap .input{padding-left:34px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);padding:0 var(--s4);white-space:nowrap;font-weight:600;cursor:pointer;border:1px solid transparent;-webkit-user-select:none;user-select:none}.btn:focus-visible{box-shadow:var(--ring);outline:none}.btn-primary{background:var(--accent);color:var(--accent-fg);box-shadow:var(--shadow-1)}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--surface-2);color:var(--text);border-color:var(--border)}.btn-secondary:hover{background:var(--surface-3);border-color:var(--border-2)}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover{background:var(--surface-2);color:var(--text)}.btn-danger{background:transparent;color:var(--danger);border-color:color-mix(in oklab,var(--danger) 40%,transparent)}.btn-danger:hover{background:var(--danger-soft)}.btn-sm{--control-h: 30px;padding:0 var(--s3);font-size:var(--fs-sm)}.btn-icon{padding:0;width:var(--control-h)}.btn-icon.btn-sm{width:30px}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-block{width:100%}.badge{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px;border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:600;white-space:nowrap;border:1px solid transparent}.badge .dot{width:6px;height:6px;border-radius:99px;background:currentColor}.badge-success{color:var(--success);background:var(--success-soft)}.badge-muted{color:var(--text-muted);background:var(--surface-2);border-color:var(--border)}.badge-accent{color:var(--accent);background:var(--accent-soft)}[data-theme=dark] .badge-accent{color:#9cc7ff;color:oklch(.82 .1 255)}.role-pill{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:var(--r-sm);font-size:var(--fs-xs);font-weight:600;font-family:var(--font-mono);border:1px solid var(--border);background:var(--surface-2);color:var(--text-muted)}.role-pill.admin{color:var(--warn);border-color:color-mix(in oklab,var(--warn) 35%,transparent);background:color-mix(in oklab,var(--warn) 12%,transparent)}.role-tag{display:inline-flex;align-items:center;gap:5px;height:23px;padding:0 9px;border-radius:var(--r-sm);font-size:var(--fs-xs);font-weight:600;white-space:nowrap;border:1px solid transparent}.role-tag.admin{color:var(--warn);background:color-mix(in oklab,var(--warn) 14%,transparent);border-color:color-mix(in oklab,var(--warn) 30%,transparent)}.role-tag.editor{color:var(--accent);background:var(--accent-soft)}.role-tag.viewer{color:var(--text-muted);background:var(--surface-2);border-color:var(--border)}[data-theme=dark] .role-tag.editor{color:#9cc7ff;color:oklch(.82 .1 255)}.role-tag-sm{height:20px;padding:0 7px}.gchips{display:flex;flex-wrap:wrap;gap:6px;align-items:center;max-width:360px}.gchip{display:inline-flex;align-items:center;gap:7px;height:25px;padding:0 9px 0 8px;border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface-2);font-size:var(--fs-xs);font-weight:600;color:var(--text);white-space:nowrap}.gchip .gdot{width:8px;height:8px;border-radius:99px;flex:none}.gchip .grole{font-size:10.5px;font-weight:700;padding-left:6px;margin-left:1px;border-left:1px solid var(--border)}.gchip .grole.admin{color:var(--warn)}.gchip .grole.editor{color:var(--accent)}.gchip .grole.viewer{color:var(--text-faint)}[data-theme=dark] .gchip .grole.editor{color:#92c1fd}.gchip-more{color:var(--text-muted);background:var(--surface)}.gchip-empty{font-size:var(--fs-sm);color:var(--text-faint)}.admin-flag{color:var(--warn);flex:none}.mrow{display:flex;align-items:center;gap:11px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface)}.mrow .grow{flex:1;min-width:0}.mrow .gname{font-weight:600;font-size:var(--fs-sm)}.mrow .gsub{font-size:var(--fs-xs);color:var(--text-faint)}.role-select{width:104px;flex:none}.mrow-empty{display:flex;align-items:center;gap:10px;padding:14px;border:1px dashed var(--border-2);border-radius:var(--r-md);color:var(--text-faint);font-size:var(--fs-sm);justify-content:center}.avatar{width:32px;height:32px;border-radius:99px;display:grid;place-items:center;flex:none;font-size:var(--fs-sm);font-weight:700;color:#fff;letter-spacing:.02em}.avatar-lg{width:44px;height:44px;font-size:var(--fs-md)}.toolbar{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s4);flex-wrap:wrap}.toolbar .search{width:280px}.toolbar-spacer{flex:1}.seg{display:inline-flex;padding:3px;gap:2px;background:var(--inset);border:1px solid var(--border);border-radius:var(--r-md)}.seg button{height:calc(var(--control-h) - 8px);padding:0 var(--s3);border:none;background:transparent;color:var(--text-muted);font:inherit;font-size:var(--fs-sm);font-weight:600;cursor:pointer;border-radius:calc(var(--r-md) - 3px);display:inline-flex;align-items:center;gap:6px}.seg button:hover{color:var(--text)}.seg button.on{background:var(--surface-2);color:var(--text);box-shadow:var(--shadow-1)}.filter-bar{display:flex;align-items:center;gap:var(--s2);margin-bottom:var(--s4);flex-wrap:wrap}.chip-filter{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 var(--s3);border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface);font-size:var(--fs-sm);font-weight:500;color:var(--text-muted);cursor:pointer}.chip-filter:hover{border-color:var(--border-2);color:var(--text)}.chip-filter.on{background:var(--accent-soft);border-color:transparent;color:var(--text);font-weight:600}.result-count{font-size:var(--fs-sm);color:var(--text-faint);margin-left:auto}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-1);overflow:hidden}.table-scroll{overflow-x:auto}.table{width:100%;border-collapse:collapse;min-width:720px}.table thead th{text-align:left;font-size:var(--fs-xs);font-weight:600;color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em;padding:var(--s3) var(--s3);border-bottom:1px solid var(--border);background:var(--surface-2);white-space:nowrap}.table tbody td{padding:var(--s3) var(--s3);border-bottom:1px solid var(--border);vertical-align:middle}.table tbody tr:last-child td{border-bottom:none}.table tbody tr{transition:background .1s}.table tbody tr:hover{background:var(--surface-2)}.table tbody tr.selected{background:var(--accent-soft)}.cell-user{display:flex;align-items:center;gap:var(--s3);min-width:0}.cell-user .meta{min-width:0}.cell-name{font-weight:600;font-size:var(--fs-base);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cell-mail{font-size:var(--fs-sm);color:var(--text-faint);font-family:var(--font-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cell-mono{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--text-muted)}.col-actions{width:1%;white-space:nowrap;text-align:right}.row-actions{display:flex;align-items:center;gap:var(--s2);justify-content:flex-end}.checkbox{width:17px;height:17px;border-radius:5px;border:1.5px solid var(--border-2);background:var(--inset);cursor:pointer;flex:none;display:grid;place-items:center;transition:background .1s,border-color .1s}.checkbox.on{background:var(--accent);border-color:var(--accent)}.checkbox.on svg{color:var(--accent-fg)}.inline-controls{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap;justify-content:flex-end}.inline-controls .input,.inline-controls .select{width:auto}.tdivider{width:1px;align-self:stretch;background:var(--border);margin:0 var(--s1)}.selbar{display:flex;align-items:center;gap:var(--s3);padding:var(--s2) var(--s4);margin-bottom:var(--s3);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md)}.selbar .count{font-weight:600;font-size:var(--fs-base)}.empty{padding:var(--s10) var(--s6);text-align:center;color:var(--text-faint)}.empty .ic{margin-bottom:var(--s3);opacity:.5}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#080a1080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fade .15s ease}[data-theme=light] .scrim{background:#10182852}.drawer{position:fixed;top:0;right:0;bottom:0;z-index:51;width:min(460px,94vw);background:var(--surface);border-left:1px solid var(--border);box-shadow:var(--shadow-3);display:flex;flex-direction:column;animation:slidein .22s cubic-bezier(.22,.61,.36,1)}@keyframes slidein{0%{transform:translate(24px)}to{transform:none}}@keyframes fade{0%{transform:scale(1)}to{transform:none}}.drawer-head{padding:var(--s5) var(--s6);border-bottom:1px solid var(--border);display:flex;align-items:flex-start;gap:var(--s3)}.drawer-title{font-size:var(--fs-lg);font-weight:700}.drawer-sub{font-size:var(--fs-sm);color:var(--text-faint);margin-top:2px}.drawer-body{padding:var(--s6);overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:var(--s5)}.drawer-foot{padding:var(--s4) var(--s6);border-top:1px solid var(--border);display:flex;gap:var(--s3);justify-content:flex-end;background:var(--surface-2)}.drawer-section-label{font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint)}.drawer hr{border:none;border-top:1px solid var(--border);margin:0}.form-grid{display:grid;gap:var(--s4)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3)}.kv{display:flex;align-items:center;justify-content:space-between;padding:var(--s2) 0;font-size:var(--fs-base)}.kv .k{color:var(--text-faint)}.kv .v{font-weight:600}.toast-wrap{position:fixed;bottom:var(--s6);left:50%;transform:translate(-50%);z-index:80;display:flex;flex-direction:column;gap:var(--s2);align-items:center}.toast{display:flex;align-items:center;gap:var(--s3);background:var(--surface-3);color:var(--text);border:1px solid var(--border-2);border-radius:var(--r-md);padding:var(--s3) var(--s4);box-shadow:var(--shadow-2);font-size:var(--fs-base);font-weight:500;animation:toastin .25s cubic-bezier(.22,.61,.36,1) both}.toast .ic{color:var(--success)}@keyframes toastin{0%{transform:translateY(12px)}to{transform:none}}.field-attached{display:flex;gap:var(--s2)}.field-attached .input{flex:1}.group-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--s4)}.group-card{display:flex;flex-direction:column;gap:var(--s3);padding:var(--s5);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);transition:border-color .12s,box-shadow .12s}.group-card:hover{border-color:var(--border-2);box-shadow:var(--shadow-1)}.group-card .gc-head{display:flex;align-items:center;gap:var(--s3)}.group-icon{width:38px;height:38px;border-radius:var(--r-md);display:grid;place-items:center;flex:none;color:#fff}.group-card .gc-name{font-weight:650;font-size:var(--fs-md)}.group-card .gc-meta{font-size:var(--fs-sm);color:var(--text-faint)}.avatars{display:flex}.avatars .avatar{width:26px;height:26px;font-size:10px;box-shadow:0 0 0 2px var(--surface)}.avatars .avatar+.avatar{margin-left:-8px}.avatars .more{width:26px;height:26px;border-radius:99px;display:grid;place-items:center;font-size:10px;font-weight:600;background:var(--surface-3);color:var(--text-muted);box-shadow:0 0 0 2px var(--surface);margin-left:-8px}.gc-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:var(--s3);border-top:1px solid var(--border)}.fadein{animation:fadein .22s ease both}@keyframes fadein{0%{transform:translateY(4px)}to{transform:none}}.est-pill{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:600;color:var(--warn);background:color-mix(in oklab,var(--warn) 13%,transparent);border:1px solid color-mix(in oklab,var(--warn) 30%,transparent)}.usage-toolbar{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap;margin-bottom:var(--s5)}.daterange{display:inline-flex;align-items:center;gap:var(--s2)}.daterange .input{width:150px}.daterange .dash{color:var(--text-faint)}.stat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--s3);margin-bottom:var(--s5)}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s4) var(--s4) var(--s4);display:flex;flex-direction:column;gap:var(--s2)}.stat-card .sc-head{display:flex;align-items:center;gap:8px;color:var(--text-muted)}.stat-card .sc-ic{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;flex:none}.stat-label{font-size:var(--fs-xs);font-weight:600;color:var(--text-muted)}.stat-value{font-size:var(--fs-2xl);font-weight:700;letter-spacing:-.01em;line-height:1;font-variant-numeric:tabular-nums}.stat-value .unit{font-size:var(--fs-md);font-weight:600;color:var(--text-muted);margin-left:2px}.stat-sub{font-size:var(--fs-xs);color:var(--text-faint)}.delta{display:inline-flex;align-items:center;gap:3px;font-weight:700}.delta.up{color:var(--success)}.delta.down{color:var(--danger)}.delta.flat{color:var(--text-faint)}.chart-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s4);margin-bottom:var(--s5)}.chart-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s5);display:flex;flex-direction:column;gap:var(--s4)}.chart-card.span2{grid-column:span 2}.chart-card.span3{grid-column:span 3}.card-title{display:flex;align-items:center;justify-content:space-between;gap:var(--s2)}.card-title h3{margin:0;font-size:var(--fs-md);font-weight:650}.card-title .hint{font-size:var(--fs-xs);color:var(--text-faint)}.legend{display:flex;gap:var(--s4);flex-wrap:wrap}.legend span{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-xs);color:var(--text-muted);font-weight:500}.legend i{width:10px;height:10px;border-radius:3px}.ntag{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:var(--r-sm);font-size:var(--fs-xs);font-weight:600;white-space:nowrap;border:1px solid transparent}.ntag.image{color:var(--c-image);background:color-mix(in oklab,var(--c-image) 14%,transparent)}.ntag.edit{color:var(--c-image);background:color-mix(in oklab,var(--c-image) 9%,transparent);border-color:color-mix(in oklab,var(--c-image) 28%,transparent)}.ntag.video{color:var(--c-video);background:color-mix(in oklab,var(--c-video) 16%,transparent)}.ntag.isolate,.ntag.process{color:var(--text-muted);background:var(--surface-2);border-color:var(--border)}.utable{width:100%;border-collapse:collapse}.utable thead th{text-align:right;font-size:var(--fs-xs);font-weight:600;color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em;padding:var(--s3) var(--s3);border-bottom:1px solid var(--border);background:var(--surface-2);white-space:nowrap}.utable thead th.l{text-align:left}.utable tbody td{padding:var(--s3) var(--s3);border-bottom:1px solid var(--border);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.utable tbody td.l{text-align:left}.utable tbody tr.parent{cursor:pointer;transition:background .1s}.utable tbody tr.parent:hover,.utable tbody tr.parent.open{background:var(--surface-2)}.utable tbody tr.sub td{background:var(--inset);border-bottom:1px solid var(--border);color:var(--text-muted);font-size:var(--fs-sm)}.utable tbody tr.sub td.l{padding-left:46px}.u-axis{display:flex;align-items:center;gap:10px}.u-caret{transition:transform .15s;color:var(--text-faint);display:inline-flex}.u-caret.open{transform:rotate(90deg)}.muted-zero{color:var(--text-faint)}.retired-tag{font-size:10.5px;font-weight:700;color:var(--text-faint);border:1px solid var(--border);border-radius:var(--r-sm);padding:1px 5px}@media (max-width: 1100px){.stat-grid{grid-template-columns:repeat(2,1fr)}.chart-grid{grid-template-columns:1fr}.chart-card.span2,.chart-card.span3{grid-column:span 1}}@media (max-width: 920px){.app{grid-template-columns:1fr}.sidebar{display:none}.content{padding:var(--s5)}}.login-wrap{min-height:100vh;display:grid;place-items:center;background:radial-gradient(90% 60% at 50% 0%,var(--bg-grad),transparent 60%),var(--bg);padding:var(--s6)}.login-card{width:360px;max-width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-2);padding:var(--s8) var(--s8) var(--s6);display:flex;flex-direction:column;gap:var(--s4)}.login-head{display:flex;flex-direction:column;align-items:center;gap:var(--s3);margin-bottom:var(--s2)}.login-head .brand-mark{width:44px;height:44px;border-radius:13px;font-size:21px}.login-title{font-size:var(--fs-xl);font-weight:700;letter-spacing:-.01em}.login-sub{font-size:var(--fs-sm);color:var(--text-faint);margin-top:-6px}.login-alert{color:var(--danger);font-size:var(--fs-sm)}.login-ok{color:var(--success);font-size:var(--fs-sm)}.login-link{background:none;border:none;cursor:pointer;align-self:center;color:var(--accent);font:inherit;font-size:var(--fs-sm)}[data-theme=dark] .login-link{color:#87bafd}.wf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--s4)}.wfg-card{display:flex;flex-direction:column;text-align:left;min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;cursor:pointer;font:inherit;color:var(--text);box-shadow:var(--shadow-1);transition:border-color .12s,box-shadow .12s,transform .12s}.wfg-card:hover{border-color:var(--border-2);box-shadow:var(--shadow-2);transform:translateY(-2px)}.wfg-card:focus-visible{outline:none;border-color:var(--accent);box-shadow:var(--ring)}.wfg-thumb{position:relative;width:100%;aspect-ratio:16 / 9;background:var(--inset);border-bottom:1px solid var(--border);overflow:hidden}.wfg-thumb img{width:100%;height:100%;object-fit:cover;display:block}.wfg-thumb-fallback{width:100%;height:100%;display:grid;place-items:center;color:var(--text-faint)}.wfg-lock{position:absolute;left:8px;top:8px;max-width:calc(100% - 48px);overflow:hidden}.wfg-menu{position:absolute;right:8px;top:8px}.wfg-menu-btn{display:grid;place-items:center;width:28px;height:28px;border-radius:var(--r-md);border:1px solid var(--border);background:color-mix(in oklab,var(--surface) 82%,transparent);color:var(--text-muted);cursor:pointer;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.wfg-menu-btn:hover{color:var(--text);border-color:var(--border-2)}.wfg-body{display:flex;flex-direction:column;gap:6px;padding:var(--s3) var(--s4) var(--s4);min-width:0}.wfg-name{font-weight:650;font-size:var(--fs-md);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wfg-sub{font-size:var(--fs-xs);color:var(--text-faint);display:flex;align-items:center;gap:5px;min-width:0;white-space:nowrap}.wfg-group{overflow:hidden;text-overflow:ellipsis}.wfg-badges{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.wfg-match{display:flex;flex-direction:column;gap:2px;font-size:var(--fs-xs)}.wfg-match-tags{color:var(--accent);font-weight:600}.wfg-match-nodes,.wfg-snippet{color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.share-pill{display:inline-flex;align-items:center;font-size:11px;font-weight:400;border:1px solid var(--border-2);border-radius:4px;padding:1px 6px;color:var(--text-faint);background:var(--surface-2);cursor:pointer}.share-pill.on{color:var(--success);background:color-mix(in oklab,var(--success) 14%,transparent);border-color:color-mix(in oklab,var(--success) 30%,transparent)}.folder-pill{display:inline-flex;align-items:center;gap:4px;font-size:11px;border:1px solid var(--border);border-radius:var(--r-pill);padding:1px 8px;color:var(--text-muted);max-width:160px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.folder-bar{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap;margin:0 0 var(--s4)}.folder-chip{position:relative;display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font:inherit;font-size:var(--fs-sm);cursor:pointer;transition:border-color .12s,background .12s,color .12s}.folder-chip:hover{border-color:var(--border-2);color:var(--text)}.folder-chip.active{color:var(--text);border-color:var(--accent);background:color-mix(in oklab,var(--accent) 10%,transparent)}.folder-chip .count{font-size:var(--fs-xs);color:var(--text-faint)}.folder-chip .chip-group{font-size:var(--fs-xs);color:var(--text-faint);border-left:1px solid var(--border);padding-left:6px}.folder-chip .chip-menu-btn{display:inline-flex;align-items:center;border:none;background:none;padding:2px;margin-right:-4px;color:var(--text-faint);cursor:pointer}.folder-chip .chip-menu-btn:hover{color:var(--text)}.folder-chip-add{border-style:dashed}.folder-form{margin-top:calc(-1 * var(--s2))}.lock-badge{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px;border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:600;white-space:nowrap;color:var(--warn);background:color-mix(in oklab,var(--warn) 13%,transparent);border:1px solid color-mix(in oklab,var(--warn) 30%,transparent)}.version-badge{position:fixed;right:var(--s3);bottom:var(--s3);z-index:40;font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-faint);background:color-mix(in oklab,var(--surface) 88%,transparent);border:1px solid var(--border);border-radius:var(--r-sm);padding:3px 8px;cursor:pointer;transition:color .12s,border-color .12s}.version-badge:hover{color:var(--text-muted);border-color:var(--border-2)}.modal-card{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:60;width:min(440px,92vw);max-height:70vh;overflow-y:auto;background:var(--surface);border:1px solid var(--border-2);border-radius:var(--r-lg);box-shadow:var(--shadow-3);padding:var(--s6)}.modal-card h3{margin:0 0 var(--s4);font-size:var(--fs-lg)}.relnote{padding:var(--s3) 0;border-top:1px solid var(--border)}.relnote .rn-head{display:flex;align-items:baseline;gap:var(--s3);margin-bottom:var(--s2)}.relnote .rn-ver{font-family:var(--font-mono);font-weight:700;font-size:var(--fs-base)}.relnote .rn-date{font-size:var(--fs-xs);color:var(--text-faint)}.relnote ul{margin:0;padding-left:18px;color:var(--text-muted);font-size:var(--fs-sm);line-height:1.7}.user-chip{position:relative;cursor:pointer;transition:border-color .12s,background .12s}.user-chip:hover{background:var(--surface-2);border-color:var(--border-2)}.viewing-pill{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:600;color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border)}.viewing-pill .dot{width:6px;height:6px;border-radius:99px;background:var(--accent)}.menu-pop{position:absolute;top:calc(100% + 6px);z-index:30;min-width:200px;background:var(--surface-3);border:1px solid var(--border-2);border-radius:var(--r-md);box-shadow:var(--shadow-2);padding:6px}.menu-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:8px 10px;border:none;background:transparent;cursor:pointer;border-radius:var(--r-sm);color:var(--text);font:inherit;font-size:var(--fs-sm);font-weight:500}.menu-item:hover{background:var(--surface)}.menu-item .ic{color:var(--text-faint)}.menu-item.danger,.menu-item.danger .ic{color:var(--danger)}.menu-sep{border:none;border-top:1px solid var(--border);margin:5px 0}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:var(--s4)}.gallery-card{display:flex;flex-direction:column;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;cursor:pointer;padding:0;font:inherit;color:var(--text);box-shadow:var(--shadow-1);transition:border-color .12s,box-shadow .12s,transform .12s}.gallery-card:hover{border-color:var(--border-2);box-shadow:var(--shadow-2);transform:translateY(-2px)}.gallery-card:focus-visible{outline:none;border-color:var(--accent);box-shadow:var(--ring)}.gallery-media{position:relative;display:block;width:100%;aspect-ratio:1 / 1;background:var(--inset);overflow:hidden}.gallery-media img,.gallery-media video{width:100%;height:100%;object-fit:cover;display:block}.gallery-kind{position:absolute;left:8px;top:8px;display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:600;color:#fff;background:#080a109e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.gallery-kind.video{color:var(--c-video)}.gallery-kind.image{color:var(--c-image)}.gallery-origin{position:absolute;right:8px;top:8px;padding:3px 7px;border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:600;color:#fff;background:#080a109e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.gallery-origin.upload{color:#9be39d}.gallery-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:#080a108c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none}.gallery-play:after{content:"";position:absolute;left:52%;top:50%;transform:translate(-50%,-50%);border-style:solid;border-width:9px 0 9px 15px;border-color:transparent transparent transparent #fff}.gallery-meta{padding:var(--s2) var(--s3) var(--s3);min-width:0}.gallery-model{display:block;font-family:var(--font-mono);font-size:var(--fs-sm);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gallery-sub{display:block;font-size:var(--fs-xs);color:var(--text-faint);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:var(--s6);pointer-events:none}.lb-head{position:absolute;top:var(--s4);left:var(--s6);right:var(--s6);z-index:1;display:flex;align-items:center;justify-content:space-between;pointer-events:auto;color:#fff}.lb-title{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:var(--fs-md)}.lb-body{display:flex;gap:var(--s5);max-width:min(1200px,92vw);max-height:84vh;pointer-events:auto;align-items:stretch}.lb-stage{flex:1;min-width:0;display:grid;place-items:center;background:#0006;border-radius:var(--r-lg);overflow:hidden}.lb-stage img,.lb-stage video{max-width:100%;max-height:84vh;object-fit:contain;display:block}.lb-side{width:280px;flex:none;display:flex;flex-direction:column;gap:var(--s4);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s5);box-shadow:var(--shadow-3);align-self:center}.lb-meta{display:flex;flex-direction:column;gap:var(--s3)}.lb-meta-row{display:flex;flex-direction:column;gap:2px}.lb-meta-k{font-size:var(--fs-xs);color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em}.lb-meta-v{font-size:var(--fs-base);color:var(--text);word-break:break-word}.lb-assetid{display:inline-flex;align-items:center;gap:4px;max-width:100%}.lb-assetid code{font-family:var(--font-mono);font-size:var(--fs-sm);word-break:break-all;-webkit-user-select:all;user-select:all}.gpicker{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:60;width:min(900px,92vw);max-height:84vh;display:flex;flex-direction:column;background:var(--bg);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-3);animation:fade .15s ease}.gpicker-head{display:flex;align-items:center;justify-content:space-between;padding:var(--s4) var(--s5);border-bottom:1px solid var(--border)}.gpicker-title{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:var(--fs-md)}.gpicker-body{padding:var(--s5);overflow-y:auto;min-height:120px}@media (max-width: 760px){.lb-body{flex-direction:column;max-height:88vh;overflow:auto}.lb-side{width:auto}}