@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap";:root{--color-primary: #9a0036;--color-primary-50: #ffeff1;--color-primary-100: #ffe0e4;--color-primary-200: #ffc5cf;--color-primary-300: #ff96a7;--color-primary-400: #ff5b7a;--color-primary-500: #ff2251;--color-primary-600: #ff0043;--color-primary-700: #da003f;--color-primary-800: #b6003a;--color-primary-900: #9a0036;--color-primary-hover: var(--color-primary-700);--color-primary-active: var(--color-primary-800);--color-primary-surface: var(--color-primary-50);--color-primary-surface-strong: var(--color-primary-100);--color-on-primary: #ffffff;--color-secondary: #009082;--color-secondary-50: #e6f5f3;--color-secondary-100: #cceae7;--color-secondary-200: #99d5cf;--color-secondary-300: #66c0b7;--color-secondary-400: #33ab9f;--color-secondary-500: #009082;--color-secondary-600: #00786c;--color-secondary-700: #005f56;--color-secondary-800: #004740;--color-secondary-900: #002f2a;--color-secondary-hover: var(--color-secondary-600);--color-secondary-active: var(--color-secondary-700);--color-secondary-surface: var(--color-secondary-50);--color-secondary-surface-strong: var(--color-secondary-100);--color-on-secondary: #ffffff;--color-tertiary: #1750b5;--color-tertiary-50: #eaf1fb;--color-tertiary-100: #d5e3f7;--color-tertiary-200: #abc7ef;--color-tertiary-300: #81abe7;--color-tertiary-400: #578fdf;--color-tertiary-500: #2d73d7;--color-tertiary-600: #1750b5;--color-tertiary-700: #124291;--color-tertiary-800: #0e336f;--color-tertiary-900: #09244e;--color-tertiary-hover: var(--color-tertiary-700);--color-tertiary-active: var(--color-tertiary-800);--color-tertiary-surface: var(--color-tertiary-50);--color-tertiary-surface-strong: var(--color-tertiary-100);--color-on-tertiary: #ffffff;--color-gold: #c49c57;--color-gold-50: #faf5ec;--color-gold-100: #f3e7d1;--color-gold-200: #e7cea3;--color-gold-300: #dbb675;--color-gold-400: #d0a565;--color-gold-500: #c49c57;--color-gold-600: #a67f42;--color-gold-700: #816332;--color-gold-800: #5c4724;--color-gold-900: #382b15;--color-gold-hover: var(--color-gold-600);--color-gold-active: var(--color-gold-700);--color-gold-surface: var(--color-gold-50);--color-gold-surface-strong: var(--color-gold-100);--color-on-gold: #ffffff;--color-umber: #725139;--color-umber-50: #f6f1ed;--color-umber-100: #ebe3db;--color-umber-200: #d6c6b5;--color-umber-300: #bba085;--color-umber-400: #96785a;--color-umber-500: #725139;--color-umber-600: #5f4330;--color-umber-700: #4c3626;--color-umber-800: #39291d;--color-umber-900: #261b13;--color-umber-hover: var(--color-umber-600);--color-umber-active: var(--color-umber-700);--color-umber-surface: var(--color-umber-50);--color-umber-surface-strong: var(--color-umber-100);--color-on-umber: #ffffff;--color-sidebar: var(--color-primary-900);--color-sidebar-active: color-mix(in srgb, var(--color-on-primary) 14%, var(--color-primary-900));--color-sidebar-hover: rgba(255, 255, 255, .08);--color-sidebar-well: rgba(255, 255, 255, .08);--color-sidebar-well-strong: rgba(255, 255, 255, .14);--color-sidebar-text: rgba(255, 255, 255, .82);--color-sidebar-text-muted: rgba(255, 255, 255, .56);--color-sidebar-divider: rgba(255, 255, 255, .1);--color-sidebar-accent: rgba(255, 255, 255, .72);--color-sidebar-ring: rgba(255, 255, 255, .16);--color-sidebar-sheen-top: rgba(255, 255, 255, .06);--color-sidebar-sheen-side: rgba(255, 255, 255, .03);--color-sidebar-sheen-bottom: rgba(0, 0, 0, .16);--color-sidebar-scroll-thumb: rgba(255, 255, 255, .22);--color-sidebar-scroll-thumb-hover: rgba(255, 255, 255, .32);--color-sidebar-focus: rgba(255, 255, 255, .45);--color-sidebar-flyout: var(--color-surface);--color-sidebar-overlay: color-mix(in srgb, #000000 55%, transparent);--color-sidebar-menu: var(--color-primary-800);--spacing-sidebar-rail: 4rem;--spacing-sidebar-expanded: 15.5rem;--spacing-sidebar-drawer: 17rem;--color-bg: #ffffff;--color-surface: #ffffff;--color-surface-muted: #f7f7f8;--color-text: #1a1a1a;--color-text-muted: #6b6b6f;--color-border: #e5e5e8;--color-border-strong: #bbbbbb;--color-success: #1a9c5c;--color-warning: #d98c00;--color-danger: var(--color-primary-600);--color-info: #2563eb;--color-success-tint-bg: #e9f7f0;--color-success-tint-fg: #146b40;--color-success-tint-border: #b7e6cd;--color-danger-tint-bg: #fdecec;--color-danger-tint-fg: #9a0036;--color-danger-tint-border: #f6c6cf;--color-warning-tint-bg: #fdf3e0;--color-warning-tint-fg: #8a5a00;--color-warning-tint-border: #f3ddab;--color-info-tint-bg: #e8f0fe;--color-info-tint-fg: #1d4ed8;--color-info-tint-border: #c3d7fb;--color-umber-tint-bg: var(--color-umber-50);--color-umber-tint-fg: var(--color-umber-700);--color-umber-tint-border: var(--color-umber-200);--font-family-base: "Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--text-h1: clamp(1.625rem, 1.4rem + .9vw, 2rem);--text-h1-line-height: 1.2;--text-h1-letter-spacing: -.02em;--text-h2: clamp(1.375rem, 1.25rem + .6vw, 1.625rem);--text-h2-line-height: 1.2;--text-h2-letter-spacing: -.01em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-8: 48px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .12);--bp-mobile: 480px;--bp-tablet: 768px;--bp-desktop: 1280px;--scrollbar-size: 6px;--scrollbar-thumb: rgba(0, 0, 0, .25);--scrollbar-thumb-hover: rgba(0, 0, 0, .4);--app-scale: .9;--cursor-grab: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="%23ffffff" stroke="%231a1a1a" stroke-width="1.5" stroke-linejoin="round" d="M8 12.5V5.5a1.5 1.5 0 0 1 3 0v5M11 10.5v-1a1.5 1.5 0 0 1 3 0v1.5M14 10.5a1.5 1.5 0 0 1 3 0v2M8 12.5V11a1.5 1.5 0 0 0-3 0c0 1 0 2.2.4 3.3.8 2.3 2.8 5.7 6.1 5.7h1c3 0 5-2 5-5v-2.5"/></svg>') 12 12, grab;--cursor-grabbing: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="%23ffffff" stroke="%231a1a1a" stroke-width="1.5" stroke-linejoin="round" d="M7 13V9a1.3 1.3 0 0 1 2.6 0M9.6 9V7.8a1.3 1.3 0 0 1 2.6 0V9M12.2 9V7.8a1.3 1.3 0 0 1 2.6 0V9M14.8 9.2a1.3 1.3 0 0 1 2.6 0v3.8c0 3-2 5.5-5.2 5.5h-.6c-2.6 0-4.2-1.6-5.3-3.6L4.9 12c-.4-.8-.1-1.6.6-2 .6-.3 1.4-.2 1.9.5l.9 1.2"/></svg>') 12 12, grabbing}*,*:before,*:after{box-sizing:border-box}html,body,#app{height:100%}html{color-scheme:light;zoom:var(--app-scale)}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-family-base);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}*::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:var(--radius-full)}*::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}.hide-scrollbar{scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}.hide-scrollbar.drag-scroll-active{cursor:var(--cursor-grab)}.hide-scrollbar.drag-scroll-active.drag-scrolling{cursor:var(--cursor-grabbing);-webkit-user-select:none;user-select:none}.app-shell{height:100%;overflow:hidden;display:flex;flex-direction:column}.app-shell__content{flex:1;min-height:0;overflow-y:auto}.sidebar-surface{background-color:var(--color-sidebar);background-image:linear-gradient(180deg,var(--color-sidebar-sheen-top) 0%,transparent 28%,var(--color-sidebar-sheen-bottom) 100%),linear-gradient(90deg,var(--color-sidebar-sheen-side) 0%,transparent 40%);color:var(--color-sidebar-text)}.sidebar-scroll{scrollbar-width:thin;scrollbar-color:var(--color-sidebar-scroll-thumb) transparent}.sidebar-scroll::-webkit-scrollbar{width:4px}.sidebar-scroll::-webkit-scrollbar-thumb{background-color:var(--color-sidebar-scroll-thumb);border-radius:var(--radius-full)}.sidebar-scroll::-webkit-scrollbar-thumb:hover{background-color:var(--color-sidebar-scroll-thumb-hover)}.sidebar-nav-item{transition:background-color .18s ease,color .18s ease,box-shadow .18s ease}.sidebar-nav-item:focus-visible{outline:2px solid var(--color-sidebar-focus);outline-offset:2px}.sidebar-nav-item--active{animation:sidebar-active-fade .22s ease-out}@keyframes sidebar-active-fade{0%{background-color:transparent}to{background-color:var(--color-sidebar-active)}}@keyframes drawer-in{0%{transform:translate(-100%);opacity:.85}to{transform:translate(0);opacity:1}}
