:root{--as-palette-gray-0: #ffffff;--as-palette-gray-50: #fafafa;--as-palette-gray-100: #f4f4f5;--as-palette-gray-200: #e4e4e7;--as-palette-gray-300: #d4d4d8;--as-palette-gray-400: #a1a1aa;--as-palette-gray-500: #71717a;--as-palette-gray-600: #52525b;--as-palette-gray-700: #3f3f46;--as-palette-gray-800: #27272a;--as-palette-gray-900: #18181b;--as-palette-gray-950: #0c0c0e;--as-palette-red-100: #fee2e2;--as-palette-red-500: #dc2626;--as-palette-red-600: #b91c1c;--as-palette-red-300: #fca5a5;--as-palette-amber-100: #fef3c7;--as-palette-amber-500: #b45309;--as-palette-amber-300: #fcd34d;--as-color-bg-canvas: var(--as-palette-gray-50);--as-color-bg-surface: var(--as-palette-gray-0);--as-color-bg-surface-hover: var(--as-palette-gray-100);--as-color-bg-inset: var(--as-palette-gray-100);--as-color-fg-primary: var(--as-palette-gray-900);--as-color-fg-secondary: var(--as-palette-gray-600);--as-color-fg-muted: var(--as-palette-gray-500);--as-color-fg-inverse: var(--as-palette-gray-0);--as-color-border-default: var(--as-palette-gray-200);--as-color-border-strong: var(--as-palette-gray-300);--as-color-border-focus: var(--as-palette-gray-900);--as-color-fg-danger: var(--as-palette-red-600);--as-color-bg-danger-subtle: var(--as-palette-red-100);--as-color-border-danger: var(--as-palette-red-500);--as-color-fg-warn: var(--as-palette-amber-500);--as-color-bg-warn-subtle: var(--as-palette-amber-100);--as-color-border-warn: var(--as-palette-amber-500);--as-color-bg-action: var(--as-palette-gray-900);--as-color-bg-action-hover: var(--as-palette-gray-700);--as-color-fg-action: var(--as-palette-gray-0);--as-space-1: 4px;--as-space-2: 8px;--as-space-3: 12px;--as-space-4: 16px;--as-space-5: 20px;--as-space-6: 24px;--as-space-8: 32px;--as-text-family-ui: system-ui, -apple-system, "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;--as-text-family-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--as-text-size-xs: 11px;--as-text-size-sm: 12px;--as-text-size-body: 14px;--as-text-size-lg: 16px;--as-text-size-title: 20px;--as-text-weight-normal: 400;--as-text-weight-medium: 500;--as-text-weight-bold: 600;--as-text-leading-tight: 1.35;--as-text-leading-normal: 1.6;--as-radius-sm: 3px;--as-radius-md: 4px;--as-border-width: 1px;--as-shadow-none: none;--as-motion-fast: .12s;--as-table-row-height: 40px;--as-tap-target-min: 44px;--as-marker-width: 3px}@media(prefers-color-scheme:dark){:root{--as-color-bg-canvas: var(--as-palette-gray-950);--as-color-bg-surface: var(--as-palette-gray-900);--as-color-bg-surface-hover: var(--as-palette-gray-800);--as-color-bg-inset: var(--as-palette-gray-800);--as-color-fg-primary: var(--as-palette-gray-100);--as-color-fg-secondary: var(--as-palette-gray-300);--as-color-fg-muted: var(--as-palette-gray-400);--as-color-fg-inverse: var(--as-palette-gray-900);--as-color-border-default: var(--as-palette-gray-700);--as-color-border-strong: var(--as-palette-gray-600);--as-color-border-focus: var(--as-palette-gray-200);--as-color-fg-danger: var(--as-palette-red-300);--as-color-bg-danger-subtle: var(--as-palette-red-600);--as-color-border-danger: var(--as-palette-red-300);--as-color-fg-warn: var(--as-palette-amber-300);--as-color-bg-warn-subtle: var(--as-palette-amber-500);--as-color-border-warn: var(--as-palette-amber-300);--as-color-bg-action: var(--as-palette-gray-100);--as-color-bg-action-hover: var(--as-palette-gray-0);--as-color-fg-action: var(--as-palette-gray-900)}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--as-color-bg-canvas);color:var(--as-color-fg-primary);font-family:var(--as-text-family-ui);font-size:var(--as-text-size-body);line-height:var(--as-text-leading-normal);-webkit-text-size-adjust:100%}:focus-visible{outline:2px solid var(--as-color-border-focus);outline-offset:2px}.as-app{min-height:100vh;display:flex;flex-direction:column}.as-header{display:flex;flex-wrap:wrap;align-items:center;gap:var(--as-space-3);padding:var(--as-space-3) var(--as-space-4);border-bottom:var(--as-border-width) solid var(--as-color-border-default);background:var(--as-color-bg-surface)}.as-header__title{margin:0;font-size:var(--as-text-size-lg);font-weight:var(--as-text-weight-bold);letter-spacing:.01em}.as-header__spacer{flex:1 1 auto}.as-header__meta{font-family:var(--as-text-family-mono);font-size:var(--as-text-size-xs);color:var(--as-color-fg-muted)}.as-nav{display:flex;flex-wrap:wrap;gap:var(--as-space-1);padding:var(--as-space-2) var(--as-space-4);border-bottom:var(--as-border-width) solid var(--as-color-border-default);background:var(--as-color-bg-surface)}.as-nav__item{min-height:var(--as-tap-target-min);display:inline-flex;align-items:center;padding:0 var(--as-space-3);border:var(--as-border-width) solid transparent;border-radius:var(--as-radius-md);background:none;color:var(--as-color-fg-secondary);font:inherit;cursor:pointer;transition:background var(--as-motion-fast) linear,color var(--as-motion-fast) linear}.as-nav__item:hover{background:var(--as-color-bg-surface-hover);color:var(--as-color-fg-primary)}.as-nav__item[aria-current=page]{border-color:var(--as-color-border-strong);color:var(--as-color-fg-primary);font-weight:var(--as-text-weight-medium)}.as-main{flex:1 1 auto;padding:var(--as-space-4);display:flex;flex-direction:column;gap:var(--as-space-4)}.as-panel{border:var(--as-border-width) solid var(--as-color-border-default);border-radius:var(--as-radius-md);background:var(--as-color-bg-surface);box-shadow:var(--as-shadow-none)}.as-panel__head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--as-space-2);padding:var(--as-space-3);border-bottom:var(--as-border-width) solid var(--as-color-border-default)}.as-panel__title{margin:0;font-size:var(--as-text-size-body);font-weight:var(--as-text-weight-bold)}.as-panel__hint{margin:0;color:var(--as-color-fg-muted);font-size:var(--as-text-size-sm)}.as-panel__body{padding:var(--as-space-3);display:flex;flex-direction:column;gap:var(--as-space-3)}.as-table-scroll{overflow-x:auto}.as-table{width:100%;min-width:720px;border-collapse:collapse;font-size:var(--as-text-size-sm)}.as-table th,.as-table td{padding:var(--as-space-2) var(--as-space-3);text-align:left;border-bottom:var(--as-border-width) solid var(--as-color-border-default);vertical-align:top;white-space:nowrap}.as-table th{color:var(--as-color-fg-muted);font-weight:var(--as-text-weight-medium);font-size:var(--as-text-size-xs);text-transform:uppercase;letter-spacing:.04em}.as-table tbody tr:hover{background:var(--as-color-bg-surface-hover)}.as-table__mono{font-family:var(--as-text-family-mono);font-size:var(--as-text-size-xs);color:var(--as-color-fg-secondary)}.as-row--danger td:first-child{box-shadow:inset var(--as-marker-width) 0 0 0 var(--as-color-border-danger)}.as-row--warn td:first-child{box-shadow:inset var(--as-marker-width) 0 0 0 var(--as-color-border-warn)}.as-row--danger{background:var(--as-color-bg-canvas)}.as-badge{display:inline-block;padding:1px var(--as-space-2);border:var(--as-border-width) solid var(--as-color-border-default);border-radius:var(--as-radius-sm);font-size:var(--as-text-size-xs);font-family:var(--as-text-family-mono);line-height:var(--as-text-leading-tight);white-space:nowrap}.as-badge--danger{border-color:var(--as-color-border-danger);color:var(--as-color-fg-danger)}.as-badge--warn{border-color:var(--as-color-border-warn);color:var(--as-color-fg-warn)}.as-form{display:flex;flex-direction:column;gap:var(--as-space-3);max-width:420px}.as-field{display:flex;flex-direction:column;gap:var(--as-space-1)}.as-label{font-size:var(--as-text-size-sm);color:var(--as-color-fg-secondary)}.as-input,.as-select{min-height:var(--as-tap-target-min);padding:0 var(--as-space-3);border:var(--as-border-width) solid var(--as-color-border-strong);border-radius:var(--as-radius-md);background:var(--as-color-bg-surface);color:var(--as-color-fg-primary);font:inherit}.as-input:disabled,.as-select:disabled,.as-button:disabled{background:var(--as-color-bg-inset);color:var(--as-color-fg-muted);cursor:not-allowed}.as-filters{display:flex;flex-wrap:wrap;gap:var(--as-space-3);align-items:flex-end}.as-button{min-height:var(--as-tap-target-min);padding:0 var(--as-space-4);border:var(--as-border-width) solid var(--as-color-border-strong);border-radius:var(--as-radius-md);background:var(--as-color-bg-surface);color:var(--as-color-fg-primary);font:inherit;cursor:pointer;transition:background var(--as-motion-fast) linear}.as-button:hover:not(:disabled){background:var(--as-color-bg-surface-hover)}.as-button--primary{border-color:var(--as-color-bg-action);background:var(--as-color-bg-action);color:var(--as-color-fg-action)}.as-button--primary:hover:not(:disabled){background:var(--as-color-bg-action-hover)}.as-message{margin:0;padding:var(--as-space-2) var(--as-space-3);border:var(--as-border-width) solid var(--as-color-border-default);border-radius:var(--as-radius-md);font-size:var(--as-text-size-sm)}.as-message--error{border-color:var(--as-color-border-danger);color:var(--as-color-fg-danger)}.as-empty{margin:0;padding:var(--as-space-6) var(--as-space-3);text-align:center;color:var(--as-color-fg-muted);font-size:var(--as-text-size-sm)}.as-login{min-height:100vh;display:grid;place-items:center;padding:var(--as-space-4)}.as-login__card{width:100%;max-width:360px}@media(max-width:480px){.as-main{padding:var(--as-space-3)}.as-header,.as-nav{padding-left:var(--as-space-3);padding-right:var(--as-space-3)}}