@charset "UTF-8";:root{--bg-page: #faf9f6;--bg-elevated: #ffffff;--bg-sunken: #f3f1ec;--bg-tinted: #f7f4ec;--bg-overlay: rgba(15, 23, 42, .55);--text-strong: #0f172a;--text-default: #1f2937;--text-muted: #6b7280;--text-faint: #94a3b8;--text-on-accent: #ffffff;--accent: #4f46e5;--accent-hover: #4338ca;--accent-soft: #eef2ff;--accent-ring: rgba(79, 70, 229, .35);--highlight: #d97706;--highlight-soft: #fef3c7;--success: #15803d;--success-soft: #dcfce7;--warning: #b45309;--warning-soft: #fef3c7;--danger: #b91c1c;--danger-hover: #991b1b;--danger-soft: #fee2e2;--border-subtle: #ece9e1;--border-default: #d1d5db;--border-strong: #9ca3af;--border-accent: var(--accent);--shadow-xs: 0 1px 2px rgba(15, 23, 42, .05);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 4px 12px rgba(15, 23, 42, .08), 0 2px 4px rgba(15, 23, 42, .04);--shadow-lg: 0 12px 32px rgba(15, 23, 42, .12), 0 4px 8px rgba(15, 23, 42, .06);--shadow-xl: 0 24px 48px rgba(15, 23, 42, .18), 0 8px 16px rgba(15, 23, 42, .08);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 9999px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", "Inter", "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "SFMono-Regular", "Menlo", "Cascadia Code", "Roboto Mono", Consolas, monospace;--fs-xs: 11px;--fs-sm: 12px;--fs-base: 14px;--fs-md: 15px;--fs-lg: 17px;--fs-xl: 20px;--fs-2xl: 24px;--fs-3xl: 30px;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--lh-tight: 1.2;--lh-snug: 1.35;--lh-normal: 1.5;--motion-fast: .12s;--motion-medium: .18s;--motion-slow: .26s;--ease-out: cubic-bezier(.16, 1, .3, 1);--content-max: 1200px;--content-narrow: 960px;--nav-height: 56px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:var(--font-sans);font-size:var(--fs-base);line-height:var(--lh-normal);color:var(--text-default);background-color:var(--bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{margin:0;color:var(--text-strong);font-weight:var(--fw-semibold);line-height:var(--lh-snug);letter-spacing:-.01em}h1{font-size:var(--fs-2xl);font-weight:var(--fw-bold);letter-spacing:-.02em}h2{font-size:var(--fs-xl)}h3{font-size:var(--fs-lg)}p{margin:0}a{color:var(--accent);text-decoration:none;transition:color var(--motion-fast) var(--ease-out)}a:hover{color:var(--accent-hover);text-decoration:underline}code,kbd,samp{font-family:var(--font-mono);font-size:.92em}button,input,select,textarea{font-family:inherit}::selection{background-color:var(--accent-soft);color:var(--text-strong)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-xs)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border:1px solid var(--border-default);border-radius:var(--radius-sm);background-color:var(--bg-elevated);color:var(--text-default);font-size:var(--fs-base);font-weight:var(--fw-medium);line-height:1.2;cursor:pointer;transition:background-color var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out);text-decoration:none}.btn:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--bg-sunken);border-color:var(--border-strong)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed}.btn--primary{background-color:var(--accent);border-color:var(--accent);color:var(--text-on-accent)}.btn--primary:hover:not(:disabled){background-color:var(--accent-hover);border-color:var(--accent-hover);box-shadow:var(--shadow-sm)}.btn--danger{background-color:var(--danger);border-color:var(--danger);color:var(--text-on-accent)}.btn--danger:hover:not(:disabled){background-color:var(--danger-hover);border-color:var(--danger-hover)}.btn--ghost{background-color:transparent;border-color:transparent;color:var(--text-muted)}.btn--ghost:hover:not(:disabled){background-color:var(--bg-sunken);color:var(--text-strong);border-color:transparent}.btn--secondary{background-color:var(--bg-elevated);border-color:var(--border-default);color:var(--text-default)}.btn--small{padding:var(--sp-1) var(--sp-3);font-size:var(--fs-sm)}.btn--icon{padding:var(--sp-1);width:28px;height:28px;border-color:transparent;background-color:transparent;color:var(--text-muted)}.btn--icon:hover:not(:disabled){background-color:var(--bg-sunken);color:var(--text-strong);border-color:transparent}.btn--icon-danger{padding:var(--sp-1);width:28px;height:28px;border-color:transparent;background-color:transparent;color:var(--danger)}.btn--icon-danger:hover:not(:disabled){background-color:var(--danger-soft);color:var(--danger-hover);border-color:transparent}.field{display:flex;flex-direction:column;gap:var(--sp-1)}.field__label{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-muted);letter-spacing:.01em}.field__input,.field__select,.field__textarea{width:100%;padding:var(--sp-2) var(--sp-3);border:1px solid var(--border-default);border-radius:var(--radius-sm);background-color:var(--bg-elevated);color:var(--text-default);font-size:var(--fs-base);line-height:1.4;transition:border-color var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out)}.field__input::placeholder,.field__select::placeholder,.field__textarea::placeholder{color:var(--text-faint)}.field__input:hover:not(:disabled):not(:focus),.field__select:hover:not(:disabled):not(:focus),.field__textarea:hover:not(:disabled):not(:focus){border-color:var(--border-strong)}.field__input:focus,.field__select:focus,.field__textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.field__input:disabled,.field__select:disabled,.field__textarea:disabled{background-color:var(--bg-sunken);color:var(--text-muted);cursor:not-allowed}.field__textarea{min-height:80px;resize:vertical}.field__hint{font-size:var(--fs-xs);color:var(--text-faint)}.field__error{font-size:var(--fs-xs);color:var(--danger)}.card{background-color:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.panel{background-color:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--sp-5)}.panel__header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-4)}.panel__header h3{margin:0;font-size:var(--fs-lg);color:var(--text-strong)}.empty-state{margin:0;padding:var(--sp-10) var(--sp-5);text-align:center;color:var(--text-muted);background-color:var(--bg-elevated);border:1px dashed var(--border-default);border-radius:var(--radius-md);font-size:var(--fs-md)}.loading-state{margin:0;padding:var(--sp-10) var(--sp-5);text-align:center;color:var(--text-muted);font-size:var(--fs-md)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px var(--sp-2);border-radius:var(--radius-pill);font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.05em;line-height:1.4}.badge--info{background-color:var(--accent-soft);color:var(--accent-hover)}.badge--warning{background-color:var(--warning-soft);color:var(--warning)}.badge--success{background-color:var(--success-soft);color:var(--success)}.badge--neutral{background-color:var(--bg-sunken);color:var(--text-muted)}.page{max-width:var(--content-max);margin:0 auto;padding:var(--sp-6) var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-5)}.page--narrow{max-width:var(--content-narrow)}.page__breadcrumb{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--text-muted);flex-wrap:wrap}.page__breadcrumb a{color:var(--text-muted);font-weight:var(--fw-medium)}.page__breadcrumb a:hover{color:var(--accent);text-decoration:none}.page__breadcrumb-sep{color:var(--text-faint)}.page__breadcrumb-current{color:var(--text-default);font-weight:var(--fw-medium)}.page__header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap}.page__header h1{margin:0}.page__title-meta{margin-top:var(--sp-1);color:var(--text-muted);font-size:var(--fs-sm)}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-muted{color:var(--text-muted)}.text-faint{color:var(--text-faint)}.text-strong{color:var(--text-strong)}.text-mono{font-family:var(--font-mono)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-color-scheme: dark){:root{--bg-page: #0f0e13;--bg-elevated: #1a1822;--bg-sunken: #0a090f;--bg-tinted: #1f1c2a;--bg-overlay: rgba(0, 0, 0, .7);--text-strong: #f1f5f9;--text-default: #cbd5e1;--text-muted: #94a3b8;--text-faint: #64748b;--text-on-accent: #ffffff;--accent: #6366f1;--accent-hover: #818cf8;--accent-soft: rgba(99, 102, 241, .18);--accent-ring: rgba(129, 140, 248, .45);--highlight: #fbbf24;--highlight-soft: rgba(251, 191, 36, .16);--success: #4ade80;--success-soft: rgba(74, 222, 128, .16);--warning: #fbbf24;--warning-soft: rgba(251, 191, 36, .16);--danger: #f87171;--danger-hover: #fca5a5;--danger-soft: rgba(248, 113, 113, .18);--border-subtle: rgba(255, 255, 255, .07);--border-default: rgba(255, 255, 255, .13);--border-strong: rgba(255, 255, 255, .24);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .45), 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .45), 0 2px 4px rgba(0, 0, 0, .3);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .55), 0 4px 8px rgba(0, 0, 0, .3);--shadow-xl: 0 24px 48px rgba(0, 0, 0, .65), 0 8px 16px rgba(0, 0, 0, .35)}img{filter:brightness(.92)}}