@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";#app{min-height:100vh;display:flex;flex-direction:column}html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.6;color:#0a2540;background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}main{display:block}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;line-height:1.2}p{margin:0}a{color:inherit;text-decoration:none;background-color:transparent}a:hover{text-decoration:none}b,strong{font-weight:600}img{max-width:100%;height:auto;border-style:none;vertical-align:middle}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button;cursor:pointer}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}fieldset{padding:0;margin:0;border:0}textarea{overflow:auto;resize:vertical}ul,ol{list-style:none;margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}hr{box-sizing:content-box;height:0;overflow:visible;border:0;border-top:1px solid #e6e6e6}pre{font-family:monospace,monospace;font-size:1em}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}[hidden]{display:none!important}:focus{outline:none}:focus-visible{outline:2px solid #635bff;outline-offset:2px}:root{--rgb-ink: 23, 23, 23;--rgb-primary: 34, 197, 94;--color-white: #FFFFFF;--color-gray-50: #FAFAFA;--color-gray-100: #F5F5F5;--color-gray-200: #E5E5E5;--color-gray-300: #D4D4D4;--color-gray-400: #A3A3A3;--color-gray-500: #737373;--color-gray-600: #525252;--color-gray-700: #404040;--color-gray-800: #262626;--color-gray-900: #171717;--color-black: #0A0A0A;--color-primary: #16A34A;--color-primary-light: #4ADE80;--color-primary-lighter: #86EFAC;--color-primary-dark: #15803D;--color-primary-darker: #166534;--color-primary-subtle: rgba(22, 163, 74, .06);--color-primary-muted: rgba(22, 163, 74, .12);--color-primary-glow: rgba(22, 163, 74, .18);--color-snow: var(--color-gray-50);--color-ivory: var(--color-gray-100);--color-pearl: var(--color-gray-200);--color-silver: var(--color-gray-300);--color-slate: var(--color-gray-400);--color-ink-black: var(--color-gray-900);--color-ink-dark: var(--color-gray-800);--color-ink-medium: var(--color-gray-700);--color-ink-light: var(--color-gray-600);--color-ink-muted: var(--color-gray-500);--color-ink-faint: var(--color-gray-400);--color-accent: var(--color-primary);--color-accent-light: var(--color-primary-subtle);--color-accent-dark: var(--color-primary-dark);--color-cyan: var(--color-primary-light);--color-cyan-light: #DCFCE7;--color-cyan-dark: var(--color-primary-dark);--color-violet: #8B5CF6;--color-violet-light: #EDE9FE;--color-violet-dark: #6D28D9;--color-success: #10B981;--color-success-light: #D1FAE5;--color-success-dark: #059669;--color-success-muted: rgba(16, 185, 129, .12);--color-warning: #F59E0B;--color-warning-light: #FEF3C7;--color-warning-dark: #D97706;--color-warning-muted: rgba(245, 158, 11, .12);--color-error: #EF4444;--color-error-light: #FEE2E2;--color-error-dark: #DC2626;--color-error-muted: rgba(239, 68, 68, .12);--color-info: var(--color-primary);--color-info-light: #DCFCE7;--text-primary: var(--color-gray-900);--text-secondary: var(--color-gray-600);--text-tertiary: var(--color-gray-500);--text-muted: var(--color-gray-400);--text-inverse: var(--color-white);--text-link: var(--color-primary);--bg-primary: var(--color-white);--bg-secondary: var(--color-gray-50);--bg-tertiary: var(--color-gray-100);--bg-inverse: var(--color-gray-900);--bg-hover: var(--color-gray-50);--bg-active: var(--color-gray-100);--border-default: var(--color-gray-200);--border-light: var(--color-gray-100);--border-strong: var(--color-gray-300);--border-focus: var(--color-primary);--font-family-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace;--font-family-display: var(--font-family-sans);--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: .9375rem;--font-size-lg: 1.0625rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.2;--line-height-snug: 1.35;--line-height-normal: 1.5;--line-height-relaxed: 1.7;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-caps: .04em;--spacing-0: 0;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-14: 3.5rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--spacing-32: 8rem;--container-xs: 480px;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1200px;--container-2xl: 1400px;--page-margin: clamp(1rem, 4vw, 2rem);--header-height: 64px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px rgba(0, 0, 0, .05), 0 2px 4px rgba(0, 0, 0, .03);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .05), 0 4px 6px rgba(0, 0, 0, .03);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .06), 0 8px 10px rgba(0, 0, 0, .03);--z-dropdown: 50;--z-sticky: 100;--z-modal: 200;--z-overlay: 300;--z-toast: 400;--transition-fast: .1s ease;--transition-base: .15s ease;--transition-slow: .25s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-family-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--text-primary);background:var(--bg-primary)}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);letter-spacing:var(--tracking-tight)}h1{font-size:var(--font-size-5xl)}h2{font-size:var(--font-size-4xl)}h3{font-size:var(--font-size-3xl)}h4{font-size:var(--font-size-2xl)}h5{font-size:var(--font-size-xl)}h6{font-size:var(--font-size-lg)}p{line-height:var(--line-height-relaxed);color:var(--text-secondary)}::selection{background:var(--color-primary-muted);color:var(--color-primary-dark)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}th{font-weight:var(--font-weight-medium);color:var(--text-secondary);background:var(--bg-secondary)}:disabled{opacity:.5;cursor:not-allowed}.container{width:100%;max-width:var(--container-xl);margin:0 auto;padding:0 var(--page-margin)}.container-xs{max-width:var(--container-xs)}.container-sm{max-width:var(--container-sm)}.container-md{max-width:var(--container-md)}.container-lg{max-width:var(--container-lg)}.container-2xl{max-width:var(--container-2xl)}.section{padding:var(--spacing-20) 0}.section-sm{padding:var(--spacing-12) 0}.section-md{padding:var(--spacing-16) 0}.section-lg{padding:var(--spacing-24) 0}.section-bordered{border-top:1px solid var(--border-default)}.section-alt{background:var(--bg-secondary)}.section-header{margin-bottom:var(--spacing-12)}.section-header.centered{text-align:center}.section-header.centered .section-subtitle{margin-left:auto;margin-right:auto}.section-label{display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--text-muted);margin-bottom:var(--spacing-4)}.section-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:var(--line-height-tight);letter-spacing:var(--tracking-tight);margin:0 0 var(--spacing-4)}.section-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);line-height:var(--line-height-relaxed);max-width:600px;margin:0}.card{background-color:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--spacing-6);box-shadow:var(--shadow-xs)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);white-space:nowrap;text-decoration:none}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-gray-900);color:var(--color-white);border-color:var(--color-gray-900)}.btn-primary:hover:not(:disabled){background-color:var(--color-gray-800);border-color:var(--color-gray-800)}.btn-secondary{background-color:transparent;color:var(--text-primary);border-color:var(--border-strong)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-hover);border-color:var(--color-gray-400)}.btn-sm{padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-xs);border-radius:var(--radius-sm)}.btn-lg{padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-base);border-radius:var(--radius-lg)}.btn-icon{width:36px;height:36px;padding:0;border-radius:var(--radius-md)}.btn-icon.btn-sm{width:28px;height:28px}.btn-icon.btn-lg{width:44px;height:44px}.badge{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);border-radius:var(--radius-full);background-color:var(--bg-tertiary);color:var(--text-secondary)}.badge-success{background-color:var(--color-success-light);color:var(--color-success-dark)}.badge-warning{background-color:var(--color-warning-light);color:var(--color-warning-dark)}.badge-error{background-color:var(--color-error-light);color:var(--color-error-dark)}.grid{display:grid;gap:var(--spacing-6)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.items-center{align-items:center}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-5{gap:var(--spacing-5)}.gap-6{gap:var(--spacing-6)}.gap-8{gap:var(--spacing-8)}.text-center{text-align:center}.text-sm{font-size:var(--font-size-sm)}.text-muted{color:var(--text-muted)}.text-primary-color{color:var(--color-primary)}@media (max-width: 768px){.sm-hide{display:none!important}}@media (min-width: 769px){.sm-show{display:none!important}}@media (max-width: 1024px){.md-hide{display:none!important}}@media (min-width: 1025px){.md-show{display:none!important}}@media (max-width: 1024px){.section{padding:var(--spacing-16) 0}.card{padding:var(--spacing-5)}.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.section{padding:var(--spacing-12) 0}.section-title{font-size:var(--font-size-2xl)}.card{padding:var(--spacing-4)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}@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 print{body{background:#fff;color:#000;font-size:12pt}.card{box-shadow:none;border:1px solid #ccc}.no-print{display:none!important}}table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}th,td{padding:var(--spacing-3) var(--spacing-4);text-align:left;border-bottom:1px solid var(--border-light)}th{font-weight:var(--font-weight-medium);color:var(--text-secondary)}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}::placeholder{color:var(--text-muted);opacity:1}