@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Sora:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";#app{min-height:100vh;display:flex;flex-direction:column}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}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{--color-primary: #F59E0B;--color-primary-light: #FBBF24;--color-primary-dark: #D97706;--color-primary-subtle: rgba(245, 158, 11, .04);--color-primary-muted: rgba(245, 158, 11, .08);--color-primary-glow: rgba(245, 158, 11, .15);--color-white: #FFFFFF;--color-paper: #FFFFFF;--color-paper-warm: #FAFBFC;--color-cream: #F8F9FB;--color-parchment: #F3F4F6;--color-linen: #EBEDF0;--color-ink: #0F172A;--color-ink-soft: #1E293B;--color-ink-light: #475569;--color-ink-muted: #64748B;--color-ink-faint: #94A3B8;--color-gray-50: #F8FAFC;--color-gray-100: #F1F5F9;--color-gray-200: #E2E8F0;--color-gray-300: #CBD5E1;--color-gray-400: #94A3B8;--color-gray-500: #64748B;--color-gray-600: #475569;--color-gray-700: #334155;--color-gray-800: #1E293B;--color-gray-900: #0F172A;--color-accent: var(--color-primary);--color-accent-light: #FFFBEB;--color-accent-dark: var(--color-primary-dark);--color-accent-glow: rgba(245, 158, 11, .1);--color-blue: #3B82F6;--color-blue-light: #EFF6FF;--color-blue-dark: #1D4ED8;--color-violet: #8B5CF6;--color-violet-light: #F5F3FF;--color-violet-dark: #6D28D9;--color-success: #10B981;--color-success-light: #ECFDF5;--color-success-muted: rgba(16, 185, 129, .12);--color-warning: #F59E0B;--color-warning-light: #FFFBEB;--color-warning-muted: rgba(245, 158, 11, .12);--color-error: #EF4444;--color-error-light: #FEF2F2;--color-error-muted: rgba(239, 68, 68, .12);--color-info: var(--color-blue);--color-info-light: var(--color-blue-light);--bg-primary: var(--color-white);--bg-secondary: var(--color-gray-50);--bg-tertiary: var(--color-gray-100);--bg-elevated: var(--color-white);--bg-card: var(--color-white);--bg-overlay: rgba(15, 23, 42, .6);--bg-glass: rgba(255, 255, 255, .9);--bg-glass-strong: rgba(255, 255, 255, .98);--bg-glass-border: rgba(15, 23, 42, .05);--gradient-subtle: linear-gradient(135deg, #FFFFFF 0%, #F8FAFC 100%);--gradient-soft-pink: linear-gradient(135deg, #FFFFFF 0%, #FEF2F2 50%, #FCE7F3 100%);--gradient-soft-blue: linear-gradient(135deg, #FFFFFF 0%, #EFF6FF 50%, #F0F9FF 100%);--gradient-soft-violet: linear-gradient(135deg, #FFFFFF 0%, #F5F3FF 50%, #FAF5FF 100%);--gradient-hero: linear-gradient(180deg, #FFFFFF 0%, #F8FAFC 50%, #F1F5F9 100%);--gradient-hero-radial: radial-gradient(ellipse 80% 50% at 50% -20%, rgba(230, 57, 70, .05) 0%, transparent 50%), radial-gradient(ellipse 60% 40% at 80% 100%, rgba(59, 130, 246, .04) 0%, transparent 50%);--gradient-card-hover: linear-gradient(135deg, #FFFFFF 0%, #FEFEFE 100%);--gradient-mesh: radial-gradient(at 40% 20%, rgba(230, 57, 70, .03) 0px, transparent 50%), radial-gradient(at 80% 0%, rgba(59, 130, 246, .03) 0px, transparent 50%), radial-gradient(at 0% 50%, rgba(139, 92, 246, .03) 0px, transparent 50%), radial-gradient(at 80% 50%, rgba(16, 185, 129, .02) 0px, transparent 50%), radial-gradient(at 0% 100%, rgba(245, 158, 11, .02) 0px, transparent 50%);--gradient-accent: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);--gradient-accent-hover: linear-gradient(135deg, var(--color-primary-light) 0%, var(--color-primary) 100%);--bg-dots: radial-gradient(circle, var(--color-gray-200) 1px, transparent 1px);--bg-grid: linear-gradient(var(--color-gray-100) 1px, transparent 1px), linear-gradient(90deg, var(--color-gray-100) 1px, transparent 1px);--text-primary: var(--color-ink);--text-secondary: var(--color-ink-light);--text-tertiary: var(--color-ink-muted);--text-muted: var(--color-ink-faint);--text-inverse: var(--color-white);--text-accent: var(--color-primary);--text-link: var(--color-blue);--border-hairline: var(--color-gray-100);--border-light: var(--color-gray-200);--border-medium: var(--color-gray-300);--border-strong: var(--color-gray-400);--border-accent: rgba(245, 158, 11, .2);--border-focus: var(--color-primary);--font-family-display: "Sora", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-base: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace;--font-size-2xs: .6875rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.375rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--font-size-7xl: 4.5rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-none: 1;--line-height-tight: 1.15;--line-height-snug: 1.3;--line-height-normal: 1.5;--line-height-relaxed: 1.65;--line-height-loose: 1.8;--tracking-tighter: -.03em;--tracking-tight: -.015em;--tracking-normal: 0;--tracking-wide: .015em;--tracking-wider: .03em;--tracking-widest: .06em;--tracking-caps: .1em;--spacing-px: 1px;--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-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--spacing-32: 8rem;--spacing-xs: var(--spacing-1);--spacing-sm: var(--spacing-2);--spacing-md: var(--spacing-4);--spacing-lg: var(--spacing-6);--spacing-xl: var(--spacing-8);--spacing-2xl: var(--spacing-12);--spacing-3xl: var(--spacing-16);--spacing-4xl: var(--spacing-24);--spacing-5xl: var(--spacing-32);--radius-none: 0;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-3xl: 24px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 4px 6px -1px rgba(15, 23, 42, .07), 0 2px 4px -2px rgba(15, 23, 42, .05);--shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, .08), 0 4px 6px -4px rgba(15, 23, 42, .05);--shadow-xl: 0 20px 25px -5px rgba(15, 23, 42, .1), 0 8px 10px -6px rgba(15, 23, 42, .05);--shadow-2xl: 0 25px 50px -12px rgba(15, 23, 42, .15);--shadow-paper: 0 1px 2px rgba(15, 23, 42, .04), 0 2px 4px rgba(15, 23, 42, .04), 0 4px 8px rgba(15, 23, 42, .04);--shadow-paper-hover: 0 4px 6px rgba(15, 23, 42, .05), 0 10px 20px rgba(15, 23, 42, .08), 0 20px 40px rgba(15, 23, 42, .06);--shadow-paper-lifted: 0 4px 8px rgba(15, 23, 42, .04), 0 12px 24px rgba(15, 23, 42, .08), 0 24px 48px rgba(15, 23, 42, .06);--shadow-glow-primary: 0 4px 14px rgba(245, 158, 11, .25);--shadow-glow-blue: 0 4px 14px rgba(59, 130, 246, .25);--shadow-glow-success: 0 4px 14px rgba(16, 185, 129, .25);--shadow-accent: 0 4px 14px rgba(245, 158, 11, .2);--shadow-accent-lg: 0 8px 24px rgba(245, 158, 11, .25);--shadow-glow-accent: 0 0 40px rgba(245, 158, 11, .12);--shadow-inset: inset 0 1px 2px rgba(15, 23, 42, .05);--shadow-inset-deep: inset 0 2px 4px rgba(15, 23, 42, .08);--transition-fast: .12s ease-out;--transition-normal: .2s ease-out;--transition-slow: .35s ease-out;--transition-bounce: .4s cubic-bezier(.34, 1.4, .64, 1);--transition-spring: .5s cubic-bezier(.175, .885, .32, 1.1);--anim-duration-enter: .22s;--anim-duration-leave: .18s;--anim-easing: cubic-bezier(.22, .68, .35, 1);--anim-easing-reverse: cubic-bezier(.65, 0, .78, .32);--anim-overlay-enter: opacity var(--anim-duration-enter) var(--anim-easing);--anim-overlay-leave: opacity var(--anim-duration-leave) var(--anim-easing-reverse);--anim-modal-scale-from: .97;--anim-modal-translate-from: 8px;--anim-dropdown-translate-from: -6px;--anim-sidebar-translate: -100%;--z-base: 0;--z-above: 1;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--z-max: 9999;--container-xs: 480px;--container-sm: 720px;--container-md: 900px;--container-lg: 1024px;--container-xl: 1200px;--container-2xl: 1400px;--header-height: 68px;--sidebar-width: 280px;--page-margin: clamp(1rem, 5vw, 3rem);--page-fold-size: 20px;--margin-line-color: rgba(245, 158, 11, .08);--margin-line-width: 1px;--ruling-line-height: 28px;--gradient-task-badge: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);--gradient-page: linear-gradient(180deg, var(--color-white) 0%, var(--color-gray-50) 100%);--gradient-header-accent: linear-gradient(90deg, transparent 0%, var(--color-primary-subtle) 20%, var(--color-primary-muted) 50%, var(--color-primary-subtle) 80%, transparent 100% );--orb-amber: radial-gradient(circle at center, rgba(245, 158, 11, .08) 0%, transparent 70%);--orb-blue: radial-gradient(circle at center, rgba(59, 130, 246, .08) 0%, transparent 70%);--orb-violet: radial-gradient(circle at center, rgba(139, 92, 246, .08) 0%, transparent 70%)}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%}body{margin:0;padding:0;font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-relaxed);color:var(--text-primary);background-color:var(--color-white);min-height:100vh}::selection{background-color:#f59e0b26;color:var(--text-primary)}::-moz-selection{background-color:#f59e0b26;color:var(--text-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-full);transition:background var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}::-webkit-scrollbar-corner{background:transparent}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-xs)}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}ul,ol{list-style:none;padding:0;margin:0}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;padding:0;color:inherit}img{max-width:100%;height:auto;display:block}hr{border:none;height:1px;background:var(--border-light);margin:var(--spacing-8) 0}strong,b{font-weight:var(--font-weight-semibold);color:var(--color-ink)}em,i{font-style:italic}code,kbd,samp{font-family:var(--font-family-mono);font-size:.9em;background:var(--color-gray-100);padding:.15em .4em;border-radius:var(--radius-sm);border:1px solid var(--border-hairline)}pre{font-family:var(--font-family-mono);font-size:var(--font-size-sm);background:var(--color-gray-50);padding:var(--spacing-4);border-radius:var(--radius-md);border:1px solid var(--border-light);overflow-x:auto}pre code{background:none;padding:0;border:none;font-size:inherit}small{font-size:var(--font-size-sm);color:var(--text-tertiary)}mark{background:linear-gradient(120deg,#f59e0b1a,#f59e0b26);padding:.1em .3em;border-radius:var(--radius-xs);color:inherit}blockquote{margin:var(--spacing-6) 0;padding:var(--spacing-4) var(--spacing-6);border-left:3px solid var(--color-primary);background:var(--color-gray-50);font-style:italic;color:var(--text-secondary)}blockquote p:last-child{margin-bottom:0}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-semibold);color:var(--text-primary);background:var(--color-gray-50);border-bottom-width:2px}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}::placeholder{color:var(--text-muted);opacity:1}: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-24) 0;position:relative}.section-sm{padding:var(--spacing-12) 0}.section-md{padding:var(--spacing-16) 0}.section-lg{padding:var(--spacing-32) 0}.section-bordered{border-top:1px solid var(--border-light)}.section-alt{background:var(--bg-secondary)}.section-title{font-family:var(--font-family-display);font-size:var(--font-size-4xl);font-weight:var(--font-weight-medium);color:var(--text-primary);line-height:var(--line-height-tight);letter-spacing:var(--tracking-tight);margin-bottom:var(--spacing-4)}.section-title-sm{font-size:var(--font-size-3xl)}.section-title-lg{font-size:var(--font-size-5xl)}.section-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);line-height:var(--line-height-relaxed);max-width:580px;margin-bottom:var(--spacing-12)}.section-title.text-center,.section-subtitle.text-center{margin-left:auto;margin-right:auto}.section-label{display:inline-block;font-family:var(--font-family-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--color-primary);margin-bottom:var(--spacing-4);padding:var(--spacing-1) var(--spacing-3);background:var(--color-primary-subtle);border-radius:var(--radius-sm)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--color-accent)}.text-link{color:var(--text-link)}.heading-1{font-family:var(--font-family-display);font-size:var(--font-size-5xl);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);letter-spacing:var(--tracking-tight);color:var(--text-primary)}.heading-2{font-family:var(--font-family-display);font-size:var(--font-size-4xl);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);letter-spacing:var(--tracking-tight)}.heading-3{font-family:var(--font-family-display);font-size:var(--font-size-3xl);font-weight:var(--font-weight-medium);line-height:var(--line-height-snug)}.heading-4{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug)}.heading-5{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal)}.heading-6{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal)}.body-lg{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed)}.body-base{font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}.body-sm{font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.body-xs{font-size:var(--font-size-xs);line-height:var(--line-height-normal)}.label{font-family:var(--font-family-mono);font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--color-primary)}.caption{font-size:var(--font-size-sm);color:var(--text-tertiary);line-height:var(--line-height-normal)}.lead{font-size:var(--font-size-xl);line-height:var(--line-height-relaxed);color:var(--text-secondary)}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mt-2xl{margin-top:var(--spacing-2xl)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mb-2xl{margin-bottom:var(--spacing-2xl)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.card{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-8);box-shadow:var(--shadow-paper);position:relative}.card-sm{padding:var(--spacing-5)}.card-lg{padding:var(--spacing-10)}.card-hover{transition:transform var(--anim-duration-enter) var(--anim-easing),box-shadow var(--anim-duration-enter) var(--anim-easing),border-color var(--anim-duration-enter) var(--anim-easing)}.card-hover:hover{transform:translateY(-3px);box-shadow:var(--shadow-paper-hover);border-color:var(--border-medium)}.card-document{position:relative;background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);border-top-right-radius:0;padding:var(--spacing-8);box-shadow:var(--shadow-paper);overflow:visible}.card-document:before{content:"";position:absolute;top:-1px;right:-1px;width:var(--page-fold-size);height:var(--page-fold-size);background:linear-gradient(135deg,var(--color-gray-200) 0%,var(--color-gray-200) 50%,var(--bg-card) 50%,var(--bg-card) 100%);border-bottom-left-radius:var(--radius-sm);box-shadow:-1px 1px 2px #0000000a}.card-accent{border-left:3px solid var(--color-primary);border-radius:0 var(--radius-lg) var(--radius-lg) 0}.card-ruled{position:relative}.card-ruled:after{content:"";position:absolute;top:48px;left:var(--spacing-6);right:var(--spacing-6);height:1px;background:var(--border-light)}.card-elevated{box-shadow:var(--shadow-paper-lifted);border-color:var(--border-hairline)}.link{color:var(--text-link);text-decoration:none;transition:color var(--anim-duration-enter) var(--anim-easing),border-color var(--anim-duration-enter) var(--anim-easing);border-bottom:1px solid transparent}.link:hover{color:var(--color-blue-dark);border-bottom-color:currentColor}.link-accent{color:var(--color-primary)}.link-accent:hover{color:var(--color-primary-dark)}.link-underline{text-decoration:underline;text-decoration-color:var(--border-medium);text-underline-offset:3px;text-decoration-thickness:1px}.link-underline:hover{text-decoration-color:currentColor}.divider{height:1px;background-color:var(--border-light);border:none;margin:var(--spacing-8) 0}.divider-sm{margin:var(--spacing-4) 0}.divider-lg{margin:var(--spacing-12) 0}.divider-ornament{display:flex;align-items:center;gap:var(--spacing-4);margin:var(--spacing-10) 0}.divider-ornament:before,.divider-ornament:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--border-light) 20%,var(--border-light) 80%,transparent)}.divider-ornament:after{background:linear-gradient(90deg,transparent,var(--border-light) 20%,var(--border-light) 80%,transparent)}.badge{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3);font-family:var(--font-family-mono);font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--tracking-wider);background-color:var(--color-gray-100);color:var(--text-secondary);border:1px solid var(--border-light);border-radius:var(--radius-sm);white-space:nowrap}.badge-primary{background-color:var(--color-primary-subtle);color:var(--color-primary);border-color:var(--border-accent)}.badge-success{background-color:var(--color-success-light);color:var(--color-success);border-color:var(--color-success-muted)}.badge-warning{background-color:var(--color-warning-light);color:var(--color-warning);border-color:var(--color-warning-muted)}.badge-error{background-color:var(--color-error-light);color:var(--color-error);border-color:var(--color-error-muted)}.badge-stamp{padding:var(--spacing-2) var(--spacing-4);border:2px solid currentColor;border-radius:var(--radius-sm);background:transparent;transform:rotate(-2deg);font-weight:var(--font-weight-bold)}.page-number{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--text-muted);letter-spacing:var(--tracking-wide)}.margin-line{position:relative}.margin-line:before{content:"";position:absolute;top:0;bottom:0;left:60px;width:var(--margin-line-width);background:var(--margin-line-color)}.ruled-bg{background-image:var(--bg-ruled);background-size:100% var(--ruling-line-height)}.grid-bg{background-image:var(--bg-grid);background-size:20px 20px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes overlayFadeOut{0%{opacity:1}to{opacity:0}}@keyframes overlaySlideUp{0%{opacity:0;transform:translateY(var(--anim-modal-translate-from, 8px)) scale(var(--anim-modal-scale-from, .97))}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes overlaySlideDown{0%{opacity:0;transform:translateY(var(--anim-dropdown-translate-from, -6px))}to{opacity:1;transform:translateY(0)}}@keyframes overlaySlideLeft{0%{transform:translate(var(--anim-sidebar-translate, -100%))}to{transform:translate(0)}}@keyframes overlaySlideRight{0%{transform:translate(calc(var(--anim-sidebar-translate, -100%) * -1))}to{transform:translate(0)}}.anim-overlay-enter{animation:overlayFadeIn var(--anim-duration-enter) var(--anim-easing) forwards}.anim-overlay-leave{animation:overlayFadeOut var(--anim-duration-leave) var(--anim-easing-reverse) forwards}.anim-modal-enter{animation:overlaySlideUp var(--anim-duration-enter) var(--anim-easing) forwards}.anim-dropdown-enter{animation:overlaySlideDown var(--anim-duration-enter) var(--anim-easing) forwards}.anim-sidebar-enter{animation:overlaySlideLeft var(--anim-duration-enter) var(--anim-easing) forwards}.anim-sidebar-right-enter{animation:overlaySlideRight var(--anim-duration-enter) var(--anim-easing) forwards}.transition-unified{transition:opacity var(--anim-duration-enter) var(--anim-easing),transform var(--anim-duration-enter) var(--anim-easing),background-color var(--anim-duration-enter) var(--anim-easing),border-color var(--anim-duration-enter) var(--anim-easing),color var(--anim-duration-enter) var(--anim-easing),box-shadow var(--anim-duration-enter) var(--anim-easing)}.transition-colors{transition:background-color var(--anim-duration-enter) var(--anim-easing),border-color var(--anim-duration-enter) var(--anim-easing),color var(--anim-duration-enter) var(--anim-easing)}.transition-transform{transition:transform var(--anim-duration-enter) var(--anim-easing)}.transition-opacity{transition:opacity var(--anim-duration-enter) var(--anim-easing)}@keyframes pageTurn{0%{transform:rotateY(0)}to{transform:rotateY(-12deg)}}@keyframes subtleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.float{animation:subtleFloat 5s ease-in-out infinite}@keyframes stampPress{0%{transform:scale(1.3) rotate(-8deg);opacity:0}60%{transform:scale(.92) rotate(-1deg)}to{transform:scale(1) rotate(-2deg);opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .35s var(--anim-easing) forwards}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--color-gray-100) 25%,var(--color-gray-50) 50%,var(--color-gray-100) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}@media (max-width: 1024px){.heading-1{font-size:var(--font-size-4xl)}.heading-2,.section-title{font-size:var(--font-size-3xl)}.section{padding:var(--spacing-16) 0}.grid-cols-4{grid-template-columns:repeat(2,1fr)}.lg-hide{display:none}}@media (max-width: 768px){:root{--page-margin: 1rem}.heading-1{font-size:var(--font-size-3xl)}.heading-2,.section-title{font-size:var(--font-size-2xl)}.section{padding:var(--spacing-12) 0}.section-subtitle{font-size:var(--font-size-base);margin-bottom:var(--spacing-8)}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.card{padding:var(--spacing-6)}.md-hide{display:none}.md-show{display:block}}@media (max-width: 480px){.heading-1{font-size:var(--font-size-2xl)}.heading-2,.section-title{font-size:var(--font-size-xl)}.section{padding:var(--spacing-10) 0}.card{padding:var(--spacing-5);border-radius:var(--radius-md)}.sm-hide{display:none}.sm-show{display:block}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{body{background:#fff;color:#000;font-size:12pt}body:before{display:none}.card{box-shadow:none;border:1px solid #ccc}.no-print{display:none!important}}