:root{--color-blue-50: #e8f1fb;--color-blue-100: #c5d9f5;--color-blue-200: #9dbfed;--color-blue-300: #72a4e4;--color-blue-400: #5090dc;--color-blue-500: #1a6bc4;--color-blue-600: #1560b2;--color-blue-700: #0f50a0;--color-blue-800: #0a3f8e;--color-blue-900: #062870;--color-gray-0: #ffffff;--color-gray-50: #f8f9fb;--color-gray-100: #f0f2f5;--color-gray-200: #e2e6ec;--color-gray-300: #cdd3dc;--color-gray-400: #9ca5b3;--color-gray-500: #6b7585;--color-gray-600: #4b5666;--color-gray-700: #343f50;--color-gray-800: #1e2738;--color-gray-900: #0d1420;--color-teal-400: #38c4c4;--color-teal-500: #20a8a8;--color-teal-600: #1a8c8c;--color-green-500: #22c55e;--color-green-600: #16a34a;--color-amber-400: #fbbf24;--color-amber-500: #f59e0b;--color-red-400: #f87171;--color-red-500: #ef4444;--color-red-600: #dc2626;--color-primary: var(--color-blue-500);--color-primary-hover: var(--color-blue-600);--color-primary-active: var(--color-blue-700);--color-primary-subtle: var(--color-blue-50);--color-primary-text: var(--color-gray-0);--color-secondary: var(--color-teal-500);--color-secondary-hover: var(--color-teal-600);--color-secondary-subtle: color-mix(in srgb, var(--color-teal-500) 10%, transparent);--color-bg: var(--color-gray-0);--color-bg-subtle: var(--color-gray-50);--color-surface: var(--color-gray-0);--color-surface-raised: var(--color-gray-50);--color-surface-overlay: var(--color-gray-100);--color-border: var(--color-gray-200);--color-border-strong: var(--color-gray-300);--color-border-focus: var(--color-primary);--color-text: var(--color-gray-800);--color-text-subtle: var(--color-gray-500);--color-text-muted: var(--color-gray-400);--color-text-inverse: var(--color-gray-0);--color-text-link: var(--color-primary);--color-text-link-hover: var(--color-primary-hover);--color-success: var(--color-green-500);--color-success-bg: #f0fdf4;--color-warning: var(--color-amber-500);--color-warning-bg: #fffbeb;--color-danger: var(--color-red-500);--color-danger-hover: var(--color-red-600);--color-danger-bg: #fef2f2;--color-info: var(--color-blue-500);--color-info-bg: var(--color-blue-50);--space-0: 0px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--space-page-x: var(--space-6);--space-page-y: var(--space-8);--space-section: var(--space-16);--space-component: var(--space-6);--font-sans: 'Plus Jakarta Sans', 'Segoe UI', system-ui, sans-serif;--font-mono: 'JetBrains Mono', 'Fira Code', monospace;--text-xs: 11px;--text-sm: 13px;--text-base: 15px;--text-md: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 30px;--text-4xl: 36px;--text-5xl: 48px;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.2;--leading-snug: 1.35;--leading-normal: 1.5;--leading-relaxed: 1.7;--radius-none: 0;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 20px;--radius-full: 9999px;--radius-button: var(--radius-md);--radius-input: var(--radius-md);--radius-card: var(--radius-lg);--radius-badge: var(--radius-sm);--radius-modal: var(--radius-xl);--shadow-sm: 0 1px 3px rgba(13, 20, 32, 0.08);--shadow-md: 0 4px 12px rgba(13, 20, 32, 0.10);--shadow-lg: 0 8px 24px rgba(13, 20, 32, 0.12);--shadow-xl: 0 16px 48px rgba(13, 20, 32, 0.16);--shadow-focus: 0 0 0 3px color-mix(in srgb, var(--color-primary) 25%, transparent);--transition-fast: all 0.12s ease;--transition-base: all 0.20s ease;--transition-slow: all 0.35s ease;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1440px;--container-max: var(--container-xl);--z-below: -1;--z-base: 0;--z-raised: 10;--z-dropdown: 100;--z-sticky: 200;--z-modal: 300;--z-toast: 400;--btn-padding-x: var(--space-4);--btn-padding-y: var(--space-2);--btn-font-size: var(--text-sm);--btn-font-weight: var(--font-medium);--btn-height: 36px;--btn-height-sm: 28px;--btn-height-lg: 44px;--btn-height-touch: 48px;--input-padding-x: var(--space-3);--input-padding-y: var(--space-2);--input-height: 36px;--input-height-sm: 28px;--input-height-lg: 44px;--input-height-touch: 48px;--input-font-size: var(--text-sm);--input-bg: var(--color-surface);--input-border: var(--color-border);--input-text: var(--color-text);--input-placeholder: var(--color-text-muted);--card-padding: var(--space-6);--card-padding-sm: var(--space-4);--card-bg: var(--color-surface);--card-border: var(--color-border);--nav-height: 56px;--nav-bg: var(--color-surface);--nav-border: var(--color-border);--nav-link-color: var(--color-text-subtle);--nav-link-active: var(--color-primary);--tap-min: 44px;--tab-bar-height: 56px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}@media(pointer: coarse){:root{--btn-height: var(--tap-min);--input-height: var(--tap-min);--input-font-size: var(--text-md);--space-page-x: var(--space-4)}}@font-face{font-family:"Plus Jakarta Sans";src:url("../fonts/PlusJakartaSans-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Plus Jakarta Sans";src:url("../fonts/PlusJakartaSans-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Plus Jakarta Sans";src:url("../fonts/PlusJakartaSans-SemiBold.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:"Plus Jakarta Sans";src:url("../fonts/PlusJakartaSans-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"JetBrains Mono";src:url("../fonts/JetBrainsMono-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"JetBrains Mono";src:url("../fonts/JetBrainsMono-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}*,*::before,*::after{box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%;tab-size:4;scroll-behavior:smooth}body{margin:0;padding:0;font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{margin:0 0 var(--space-4);font-family:var(--font-sans);font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--color-text)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl);font-weight:var(--font-medium)}h5{font-size:var(--text-lg);font-weight:var(--font-medium)}h6{font-size:var(--text-md);font-weight:var(--font-medium)}p{margin:0 0 var(--space-4);line-height:var(--leading-relaxed)}a{color:var(--color-text-link);text-decoration:none;transition:var(--transition-fast)}a:hover{color:var(--color-text-link-hover);text-decoration:underline}small{font-size:var(--text-sm);color:var(--color-text-subtle)}strong,b{font-weight:var(--font-semibold)}code{font-family:var(--font-mono);font-size:.875em;padding:2px 6px;background:var(--color-surface-overlay);border-radius:var(--radius-sm);color:var(--color-primary)}pre{font-family:var(--font-mono);font-size:var(--text-sm);padding:var(--space-4);background:var(--color-surface-overlay);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow-x:auto;margin:0 0 var(--space-4)}pre code{padding:0;background:none;font-size:inherit;color:inherit}blockquote{margin:0 0 var(--space-4);padding:var(--space-3) var(--space-6);border-left:3px solid var(--color-primary);background:var(--color-primary-subtle);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--color-text-subtle);font-style:italic}ul,ol{margin:0 0 var(--space-4);padding-left:var(--space-6);line-height:var(--leading-relaxed)}li+li{margin-top:var(--space-1)}table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}thead{background:var(--color-surface-raised)}th{text-align:left;font-weight:var(--font-semibold);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-subtle);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);vertical-align:middle}tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--color-surface-raised)}hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-8) 0}img,svg,video{max-width:100%;display:block}input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select{display:block;width:100%;height:var(--input-height);padding:0 var(--input-padding-x);font-family:var(--font-sans);font-size:var(--input-font-size);color:var(--input-text);background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-input);transition:var(--transition-base);appearance:none;-webkit-appearance:none}input:not([type=checkbox]):not([type=radio]):not([type=range])::placeholder,textarea::placeholder,select::placeholder{color:var(--input-placeholder)}input:not([type=checkbox]):not([type=radio]):not([type=range]):focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px;box-shadow:var(--shadow-focus)}input:not([type=checkbox]):not([type=radio]):not([type=range]):focus,textarea:focus,select:focus{border-color:var(--color-border-focus);outline:none;box-shadow:var(--shadow-focus)}input:not([type=checkbox]):not([type=radio]):not([type=range]):disabled,textarea:disabled,select:disabled{opacity:.5;cursor:not-allowed;background:var(--color-surface-overlay)}textarea{height:auto;min-height:80px;padding:var(--input-padding-y) var(--input-padding-x);resize:vertical}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7585' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-8);cursor:pointer}label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text);margin-bottom:var(--space-1)}button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--btn-padding-x);height:var(--btn-height);font-family:var(--font-sans);font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);line-height:1;border-radius:var(--radius-button);border:1px solid rgba(0,0,0,0);text-decoration:none;white-space:nowrap;cursor:pointer;user-select:none;transition:var(--transition-base)}button:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px;box-shadow:var(--shadow-focus)}button:disabled,button[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}button{background:var(--color-surface-overlay);color:var(--color-text);border-color:var(--color-border)}button:hover{background:var(--color-surface-raised);border-color:var(--color-border-strong)}fieldset{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);margin:0}fieldset legend{font-size:var(--text-sm);font-weight:var(--font-semibold);padding:0 var(--space-2);color:var(--color-text-subtle)}details{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}summary{padding:var(--space-3) var(--space-4);cursor:pointer;font-weight:var(--font-medium);list-style:none;display:flex;align-items:center;gap:var(--space-2);transition:var(--transition-fast);user-select:none}summary:hover{background:var(--color-surface-raised)}summary::after{content:"";display:inline-block;margin-left:auto;width:0;height:0;border-left:5px solid rgba(0,0,0,0);border-right:5px solid rgba(0,0,0,0);border-top:5px solid var(--color-text-muted);transition:transform .2s ease}details[open] summary::after{transform:rotate(180deg)}details>*:not(summary){padding:var(--space-4);border-top:1px solid var(--color-border)}.container,.main-container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--space-page-x)}.container[data-size=sm],[data-size=sm].main-container{--container-max: var(--container-sm)}.container[data-size=md],[data-size=md].main-container{--container-max: var(--container-md)}.container[data-size=lg],[data-size=lg].main-container{--container-max: var(--container-lg)}.container[data-size=xl],[data-size=xl].main-container{--container-max: var(--container-xl)}.container[data-size=full],[data-size=full].main-container{max-width:none}.flex-grid{display:flex;flex-wrap:wrap;gap:var(--space-6)}.flex-grid[data-gap=none]{gap:0}.flex-grid[data-gap=sm]{gap:var(--space-3)}.flex-grid[data-gap=md]{gap:var(--space-6)}.flex-grid[data-gap=lg]{gap:var(--space-8)}.flex-grid[data-gap=xl]{gap:var(--space-12)}.flex-grid[data-align=center]{align-items:center}.flex-grid[data-align=end]{align-items:flex-end}.flex-grid[data-align=start]{align-items:flex-start}.flex-grid[data-align=stretch]{align-items:stretch}.flex-grid[data-justify=center]{justify-content:center}.flex-grid[data-justify=end]{justify-content:flex-end}.flex-grid[data-justify=between]{justify-content:space-between}.flex-grid[data-justify=around]{justify-content:space-around}.flex-grid[data-wrap=no]{flex-wrap:nowrap}.flex-grid[data-dir=col]{flex-direction:column}.col-1{flex:0 0 calc(8.3333333333% - var(--space-6) + 0.0833333333*var(--space-6));min-width:0}@media(max-width: 767px){.col-1{flex:0 0 100%}}.col-2{flex:0 0 calc(16.6666666667% - var(--space-6) + 0.1666666667*var(--space-6));min-width:0}@media(max-width: 767px){.col-2{flex:0 0 100%}}.col-3{flex:0 0 calc(25% - var(--space-6) + 0.25*var(--space-6));min-width:0}@media(max-width: 767px){.col-3{flex:0 0 100%}}.col-4{flex:0 0 calc(33.3333333333% - var(--space-6) + 0.3333333333*var(--space-6));min-width:0}@media(max-width: 767px){.col-4{flex:0 0 100%}}.col-5{flex:0 0 calc(41.6666666667% - var(--space-6) + 0.4166666667*var(--space-6));min-width:0}@media(max-width: 767px){.col-5{flex:0 0 100%}}.col-6{flex:0 0 calc(50% - var(--space-6) + 0.5*var(--space-6));min-width:0}@media(max-width: 767px){.col-6{flex:0 0 100%}}.col-7{flex:0 0 calc(58.3333333333% - var(--space-6) + 0.5833333333*var(--space-6));min-width:0}@media(max-width: 767px){.col-7{flex:0 0 100%}}.col-8{flex:0 0 calc(66.6666666667% - var(--space-6) + 0.6666666667*var(--space-6));min-width:0}@media(max-width: 767px){.col-8{flex:0 0 100%}}.col-9{flex:0 0 calc(75% - var(--space-6) + 0.75*var(--space-6));min-width:0}@media(max-width: 767px){.col-9{flex:0 0 100%}}.col-10{flex:0 0 calc(83.3333333333% - var(--space-6) + 0.8333333333*var(--space-6));min-width:0}@media(max-width: 767px){.col-10{flex:0 0 100%}}.col-11{flex:0 0 calc(91.6666666667% - var(--space-6) + 0.9166666667*var(--space-6));min-width:0}@media(max-width: 767px){.col-11{flex:0 0 100%}}.col-12{flex:0 0 calc(100% - var(--space-6) + 1*var(--space-6));min-width:0}@media(max-width: 767px){.col-12{flex:0 0 100%}}.col{flex:1 1 0;min-width:0}.col-auto{flex:0 0 auto}.col-base{flex:0 0 100%;min-width:0}@media(min-width: 768px){.col-md-1{flex:0 0 calc(8.3333333333% - var(--space-6) + 0.0833333333*var(--space-6))}.col-md-2{flex:0 0 calc(16.6666666667% - var(--space-6) + 0.1666666667*var(--space-6))}.col-md-3{flex:0 0 calc(25% - var(--space-6) + 0.25*var(--space-6))}.col-md-4{flex:0 0 calc(33.3333333333% - var(--space-6) + 0.3333333333*var(--space-6))}.col-md-5{flex:0 0 calc(41.6666666667% - var(--space-6) + 0.4166666667*var(--space-6))}.col-md-6{flex:0 0 calc(50% - var(--space-6) + 0.5*var(--space-6))}.col-md-7{flex:0 0 calc(58.3333333333% - var(--space-6) + 0.5833333333*var(--space-6))}.col-md-8{flex:0 0 calc(66.6666666667% - var(--space-6) + 0.6666666667*var(--space-6))}.col-md-9{flex:0 0 calc(75% - var(--space-6) + 0.75*var(--space-6))}.col-md-10{flex:0 0 calc(83.3333333333% - var(--space-6) + 0.8333333333*var(--space-6))}.col-md-11{flex:0 0 calc(91.6666666667% - var(--space-6) + 0.9166666667*var(--space-6))}.col-md-12{flex:0 0 calc(100% - var(--space-6) + 1*var(--space-6))}}@media(min-width: 1024px){.col-lg-1{flex:0 0 calc(8.3333333333% - var(--space-6) + 0.0833333333*var(--space-6))}.col-lg-2{flex:0 0 calc(16.6666666667% - var(--space-6) + 0.1666666667*var(--space-6))}.col-lg-3{flex:0 0 calc(25% - var(--space-6) + 0.25*var(--space-6))}.col-lg-4{flex:0 0 calc(33.3333333333% - var(--space-6) + 0.3333333333*var(--space-6))}.col-lg-5{flex:0 0 calc(41.6666666667% - var(--space-6) + 0.4166666667*var(--space-6))}.col-lg-6{flex:0 0 calc(50% - var(--space-6) + 0.5*var(--space-6))}.col-lg-7{flex:0 0 calc(58.3333333333% - var(--space-6) + 0.5833333333*var(--space-6))}.col-lg-8{flex:0 0 calc(66.6666666667% - var(--space-6) + 0.6666666667*var(--space-6))}.col-lg-9{flex:0 0 calc(75% - var(--space-6) + 0.75*var(--space-6))}.col-lg-10{flex:0 0 calc(83.3333333333% - var(--space-6) + 0.8333333333*var(--space-6))}.col-lg-11{flex:0 0 calc(91.6666666667% - var(--space-6) + 0.9166666667*var(--space-6))}.col-lg-12{flex:0 0 calc(100% - var(--space-6) + 1*var(--space-6))}}.grid{display:grid;gap:var(--space-6)}.grid[data-cols="2"]{grid-template-columns:repeat(2, 1fr)}.grid[data-cols="3"]{grid-template-columns:repeat(3, 1fr)}.grid[data-cols="4"]{grid-template-columns:repeat(4, 1fr)}.grid[data-cols=auto]{grid-template-columns:repeat(auto-fill, minmax(280px, 1fr))}@media(max-width: 767px){.grid[data-cols="2"],.grid[data-cols="3"],.grid[data-cols="4"]{grid-template-columns:1fr}}section{padding-block:var(--space-section)}.hero-area{background:linear-gradient(135deg, var(--color-primary) 0%, color-mix(in srgb, var(--color-primary) 70%, var(--color-secondary)) 100%);color:var(--color-text-inverse);padding-block:var(--space-20)}.hero-area h1,.hero-area h2,.hero-area h3,.hero-area h4{color:inherit}.hero-area p{color:hsla(0,0%,100%,.85)}.spacer-xs{height:var(--space-3)}.spacer-sm{height:var(--space-6)}.spacer-md{height:var(--space-12)}.spacer-lg{height:var(--space-20)}.spacer-xl{height:var(--space-24)}.stack>*+*{margin-top:var(--space-4)}.stack[data-gap=sm]>*+*{margin-top:var(--space-2)}.stack[data-gap=lg]>*+*{margin-top:var(--space-8)}.snap-x{display:flex;gap:var(--space-3);overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;padding-inline:var(--space-page-x);margin-inline:calc(-1*var(--space-page-x))}.snap-x::-webkit-scrollbar{display:none}.snap-x[data-snap=mandatory]{scroll-snap-type:x mandatory}.snap-item{scroll-snap-align:start;flex:0 0 auto}.cluster{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.cluster[data-gap=sm]{gap:var(--space-2)}.cluster[data-gap=lg]{gap:var(--space-6)}.fixed-nav-space{height:var(--nav-height)}.line{border:none;border-top:1px solid var(--color-border);margin-block:var(--space-6)}header{background:var(--nav-bg);border-bottom:1px solid var(--nav-border);height:var(--nav-height);display:flex;align-items:center}header.fixed,header[data-position=fixed]{position:fixed;top:0;left:0;right:0;z-index:var(--z-sticky);backdrop-filter:blur(8px)}header[data-shadow]{box-shadow:var(--shadow-sm)}.app-bar{position:sticky;top:0;z-index:var(--z-sticky);display:flex;align-items:center;gap:var(--space-2);height:var(--nav-height);padding:0 var(--space-page-x);padding-top:var(--safe-top);background:var(--nav-bg);border-bottom:1px solid var(--nav-border)}.app-bar .app-bar-title{flex:1;min-width:0;font-size:var(--text-md);font-weight:var(--font-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-bar .app-bar-action{display:flex;align-items:center;justify-content:center;min-width:var(--tap-min);min-height:var(--tap-min);flex-shrink:0;border-radius:var(--radius-md);background:none;border:none;color:var(--color-text);cursor:pointer}@media(hover: hover)and (pointer: fine){.app-bar .app-bar-action:hover{background:var(--color-surface-overlay)}}.app-bar[data-collapse]{transition:transform .25s ease;will-change:transform}.app-bar[data-collapse][data-collapsed]{transform:translateY(-100%)}@media(prefers-reduced-motion: reduce){.app-bar[data-collapse]{transition:none}}.navbar{width:100%;display:flex;align-items:center;gap:var(--space-4);padding-inline:var(--space-page-x);height:100%}.logo{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-primary);text-decoration:none;white-space:nowrap;flex-shrink:0}.logo img{height:32px;width:auto;display:block}nav{display:flex;align-items:center;gap:var(--space-1);flex:1}.navbar-links{display:flex;align-items:center;gap:var(--space-1);flex:1}.navbar-links a{display:inline-flex;align-items:center;height:var(--nav-height);padding-inline:var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--nav-link-color);text-decoration:none;border-bottom:2px solid rgba(0,0,0,0);transition:var(--transition-fast);white-space:nowrap}.navbar-links a:hover{color:var(--color-text);text-decoration:none;background:var(--color-surface-raised)}.navbar-links a[aria-current=page],.navbar-links a.active{color:var(--nav-link-active);border-bottom-color:var(--nav-link-active)}.has-drop-menu{position:relative}.has-drop-menu .drop-menu{position:absolute;top:calc(100% + 4px);left:0;min-width:200px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);list-style:none;padding:var(--space-2);margin:0;z-index:var(--z-dropdown);opacity:0;visibility:hidden;transform:translateY(-4px);transition:var(--transition-base)}.has-drop-menu .drop-menu li a{display:flex;align-items:center;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text);height:auto;border-bottom:none}.has-drop-menu .drop-menu li a:hover{background:var(--color-surface-raised)}.has-drop-menu .drop-menu-input:checked~.drop-menu{opacity:1;visibility:visible;transform:translateY(0)}@media(hover: hover)and (pointer: fine){.has-drop-menu.hover-menu:hover .drop-menu{opacity:1;visibility:visible;transform:translateY(0)}}#mobileMenu{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}#mobileMenuLabel,.mobile-menu{display:none;cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:var(--transition-fast)}#mobileMenuLabel:hover,.mobile-menu:hover{background:var(--color-surface-overlay)}@media(max-width: 767px){#mobileMenuLabel,.mobile-menu{display:flex;align-items:center;justify-content:center}}.hamburger{display:block;width:20px;height:2px;background:var(--color-text);border-radius:2px;position:relative;transition:var(--transition-base)}.hamburger::before,.hamburger::after{content:"";display:block;width:100%;height:2px;background:var(--color-text);border-radius:2px;position:absolute;transition:var(--transition-base)}.hamburger::before{top:-6px}.hamburger::after{top:6px}#mobileMenu:checked~header .hamburger,#mobileMenu:checked+label .hamburger{background:rgba(0,0,0,0)}#mobileMenu:checked~header .hamburger::before,#mobileMenu:checked+label .hamburger::before{top:0;transform:rotate(45deg)}#mobileMenu:checked~header .hamburger::after,#mobileMenu:checked+label .hamburger::after{top:0;transform:rotate(-45deg)}@media(max-width: 767px){#topMenuNav,nav{display:none;position:fixed;top:var(--nav-height);left:0;right:0;background:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--space-4);box-shadow:var(--shadow-lg);z-index:var(--z-sticky);flex-direction:column;align-items:stretch}#mobileMenu:checked~#topMenuNav,#mobileMenu:checked~nav{display:flex}.navbar-links{flex-direction:column;align-items:stretch;gap:var(--space-1)}.navbar-links a{height:auto;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border-bottom:none}.has-drop-menu .drop-menu{position:static;box-shadow:none;border:none;background:var(--color-surface-raised);border-radius:var(--radius-md);opacity:1;visibility:visible;transform:none;margin-top:var(--space-1);display:none}.has-drop-menu .drop-menu-input:checked~.drop-menu{display:block}}.full-screen{display:none}#mobileMenu:checked~.full-screen{display:block;position:fixed;inset:var(--nav-height) 0 0;z-index:calc(var(--z-sticky) - 1)}footer{background:var(--color-surface-raised);border-top:1px solid var(--color-border);padding-block:var(--space-8);font-size:var(--text-sm);color:var(--color-text-subtle)}footer.text-center{text-align:center}footer a{color:var(--color-text-subtle)}footer a:hover{color:var(--color-text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--btn-padding-x);height:var(--btn-height);font-family:var(--font-sans);font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);line-height:1;border-radius:var(--radius-button);border:1px solid rgba(0,0,0,0);text-decoration:none;white-space:nowrap;cursor:pointer;user-select:none;transition:var(--transition-base)}.btn:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px;box-shadow:var(--shadow-focus)}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.btn{background:rgba(0,0,0,0);color:var(--color-text);border-color:var(--color-border)}.btn:hover{background:var(--color-surface-raised);border-color:var(--color-border-strong)}.btn[data-variant=primary],.btn.primary{background:var(--color-primary);color:var(--color-primary-text);border-color:var(--color-primary)}.btn[data-variant=primary]:hover,.btn.primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn[data-variant=primary]:active,.btn.primary:active{background:var(--color-primary-active)}.btn[data-variant=secondary],.btn.secondary{background:var(--color-secondary);color:#fff;border-color:var(--color-secondary)}.btn[data-variant=secondary]:hover,.btn.secondary:hover{background:var(--color-secondary-hover);border-color:var(--color-secondary-hover)}.btn[data-variant=outline],.btn.outline{background:rgba(0,0,0,0);color:var(--color-primary);border-color:var(--color-primary)}.btn[data-variant=outline]:hover,.btn.outline:hover{background:var(--color-primary-subtle)}.btn[data-variant=ghost],.btn.ghost{background:rgba(0,0,0,0);color:var(--color-text);border-color:rgba(0,0,0,0)}.btn[data-variant=ghost]:hover,.btn.ghost:hover{background:var(--color-surface-overlay)}.btn[data-variant=danger],.btn.danger{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.btn[data-variant=danger]:hover,.btn.danger:hover{background:var(--color-danger-hover);border-color:var(--color-danger-hover)}.btn[data-variant=success],.btn.success{background:var(--color-success);color:#fff;border-color:var(--color-success)}.btn[data-size=sm],.btn.btn-sm{--btn-height: var(--btn-height-sm);--btn-font-size: var(--text-xs);--btn-padding-x: var(--space-3)}.btn[data-size=lg],.btn.btn-lg{--btn-height: var(--btn-height-lg);--btn-font-size: var(--text-md);--btn-padding-x: var(--space-6)}.btn[data-size=touch],.btn.btn-touch{--btn-height: var(--btn-height-touch);--btn-font-size: var(--text-md);--btn-padding-x: var(--space-5)}.btn[data-full],.btn.btn-full{width:100%}.btn[data-loading]{position:relative;color:rgba(0,0,0,0);pointer-events:none}.btn[data-loading]::after{content:"";position:absolute;width:14px;height:14px;border:2px solid currentColor;border-top-color:rgba(0,0,0,0);border-radius:var(--radius-full);animation:spin .6s linear infinite;color:inherit}.btn-group{display:inline-flex}.btn-group .btn{border-radius:0}.btn-group .btn:first-child{border-radius:var(--radius-button) 0 0 var(--radius-button)}.btn-group .btn:last-child{border-radius:0 var(--radius-button) var(--radius-button) 0}.btn-group .btn:not(:first-child){margin-left:-1px}@keyframes spin{to{transform:rotate(360deg)}}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);overflow:hidden}.card[data-padding=none]>:not(img):not(.card-img){padding:0}.card[data-padding=sm]{--card-padding: var(--space-4)}.card[data-padding=lg]{--card-padding: var(--space-8)}.card[data-hover]:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);transition:var(--transition-base)}.card>*:not(img):not(.card-img){padding:var(--card-padding)}.card>*+*:not(img):not(.card-img){border-top:1px solid var(--color-border);padding-top:var(--card-padding)}.card img,.card .card-img{width:100%;object-fit:cover;display:block}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);line-height:1.6;border-radius:var(--radius-badge);white-space:nowrap;background:var(--color-surface-overlay);color:var(--color-text-subtle);border:1px solid var(--color-border)}.badge[data-variant=primary]{background:var(--color-primary-subtle);color:var(--color-primary);border-color:color-mix(in srgb, var(--color-primary) 30%, transparent)}.badge[data-variant=success]{background:var(--color-success-bg);color:var(--color-success);border-color:color-mix(in srgb, var(--color-success) 30%, transparent)}.badge[data-variant=warning]{background:var(--color-warning-bg);color:var(--color-warning);border-color:color-mix(in srgb, var(--color-warning) 30%, transparent)}.badge[data-variant=danger]{background:var(--color-danger-bg);color:var(--color-danger);border-color:color-mix(in srgb, var(--color-danger) 30%, transparent)}.badge[data-variant=solid]{background:var(--color-primary);color:var(--color-primary-text);border-color:rgba(0,0,0,0)}.badge[data-size=md]{padding:var(--space-1) var(--space-3);font-size:var(--text-sm)}.alert{display:flex;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface-raised);font-size:var(--text-sm);margin-bottom:var(--space-4)}.alert[data-variant=info]{background:var(--color-info-bg);border-color:color-mix(in srgb, var(--color-info) 30%, transparent);color:var(--color-info)}.alert[data-variant=success]{background:var(--color-success-bg);border-color:color-mix(in srgb, var(--color-success) 30%, transparent);color:var(--color-success)}.alert[data-variant=warning]{background:var(--color-warning-bg);border-color:color-mix(in srgb, var(--color-warning) 30%, transparent);color:var(--color-warning)}.alert[data-variant=danger]{background:var(--color-danger-bg);border-color:color-mix(in srgb, var(--color-danger) 30%, transparent);color:var(--color-danger)}.avatar{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);background:var(--color-primary-subtle);color:var(--color-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);overflow:hidden;flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover}.avatar[data-size=sm]{width:28px;height:28px;font-size:var(--text-xs)}.avatar[data-size=lg]{width:48px;height:48px;font-size:var(--text-lg)}.avatar[data-size=xl]{width:64px;height:64px;font-size:var(--text-xl)}.progress{width:100%;height:6px;background:var(--color-surface-overlay);border-radius:var(--radius-full);overflow:hidden}.progress[data-size=sm]{height:3px}.progress[data-size=lg]{height:10px}.progress [role=progressbar],.progress>span{display:block;height:100%;background:var(--color-primary);border-radius:inherit;transition:width .4s ease}.progress[data-variant=success] [role=progressbar]{background:var(--color-success)}.progress[data-variant=warning] [role=progressbar]{background:var(--color-warning)}.progress[data-variant=danger] [role=progressbar]{background:var(--color-danger)}[data-tooltip]{position:relative}[data-tooltip]::before{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);background:var(--color-gray-800);color:var(--color-gray-0);padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);white-space:nowrap;opacity:0;pointer-events:none;transition:var(--transition-fast);z-index:var(--z-dropdown)}[data-tooltip]:hover::before{opacity:1}.form-group{margin-bottom:var(--space-4)}.form-group label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text);margin-bottom:var(--space-1)}.form-group .form-hint{margin-top:var(--space-1);font-size:var(--text-xs);color:var(--color-text-muted)}.form-group .form-error{margin-top:var(--space-1);font-size:var(--text-xs);color:var(--color-danger);display:flex;align-items:center;gap:var(--space-1)}.form-group[data-invalid] input,.form-group[data-invalid] textarea,.form-group[data-invalid] select{border-color:var(--color-danger)}.form-group[data-invalid] input:focus,.form-group[data-invalid] textarea:focus,.form-group[data-invalid] select:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-danger) 20%, transparent)}.form-group[data-valid] input,.form-group[data-valid] textarea,.form-group[data-valid] select{border-color:var(--color-success)}.form-group :is(input,textarea,select){scroll-margin-block:var(--nav-height) var(--space-12)}.action-bar{position:sticky;bottom:0;z-index:var(--z-sticky);display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-page-x);padding-bottom:calc(var(--space-3) + var(--safe-bottom));background:var(--color-surface);border-top:1px solid var(--color-border);box-shadow:var(--shadow-md)}.action-bar>.btn{flex:1}.action-bar>.btn[data-variant=ghost],.action-bar>.btn[data-grow=no]{flex:0 0 auto}.action-bar[data-align=end]{justify-content:flex-end}.action-bar[data-align=end]>.btn{flex:0 0 auto}.input-group{position:relative;display:flex;align-items:stretch}.input-group input{flex:1;border-radius:0}.input-group input:first-child{border-radius:var(--radius-input) 0 0 var(--radius-input)}.input-group input:last-child{border-radius:0 var(--radius-input) var(--radius-input) 0}.input-group input:only-child{border-radius:var(--radius-input)}.input-group>span{display:inline-flex;align-items:center;padding:0 var(--space-3);background:var(--color-surface-raised);border:1px solid var(--color-border);color:var(--color-text-subtle);font-size:var(--text-sm);white-space:nowrap}.input-group>span:first-child{border-right:none;border-radius:var(--radius-input) 0 0 var(--radius-input)}.input-group>span:last-child{border-left:none;border-radius:0 var(--radius-input) var(--radius-input) 0}.input-group[data-icon-left] input{padding-left:var(--space-10)}.input-group[data-icon-right] input{padding-right:var(--space-10)}.input-group>svg,.input-group>i{position:absolute;top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.input-group>svg:first-child,.input-group>i:first-child{left:var(--space-3)}.input-group>svg:last-child,.input-group>i:last-child{right:var(--space-3)}input[data-size=sm],.input-sm{--input-height: var(--input-height-sm);--input-font-size: var(--text-xs)}input[data-size=lg],.input-lg{--input-height: var(--input-height-lg);--input-font-size: var(--text-md)}input[data-size=touch],.input-touch,select[data-size=touch],textarea[data-size=touch]{--input-height: var(--input-height-touch);--input-font-size: var(--text-md)}input[type=checkbox],input[type=radio]{appearance:none;-webkit-appearance:none;width:16px;height:16px;border:1.5px solid var(--color-border-strong);background:var(--color-surface);cursor:pointer;flex-shrink:0;transition:var(--transition-fast);vertical-align:middle;position:relative}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--color-primary);border-color:var(--color-primary)}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}input[type=checkbox]:disabled,input[type=radio]:disabled{opacity:.5;cursor:not-allowed}input[type=checkbox]{border-radius:var(--radius-sm)}input[type=checkbox]:checked::after{content:"";position:absolute;inset:2px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 8'%3E%3Cpath d='M1 4l3 3 5-6' stroke='white' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain}input[type=checkbox]:indeterminate{background:var(--color-primary);border-color:var(--color-primary)}input[type=checkbox]:indeterminate::after{content:"";position:absolute;top:50%;left:2px;right:2px;height:1.5px;background:#fff;transform:translateY(-50%)}input[type=radio]{border-radius:var(--radius-full)}input[type=radio]:checked::after{content:"";position:absolute;inset:3px;background:#fff;border-radius:var(--radius-full)}.checkbox-label,.radio-label{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--text-sm);line-height:1.5;user-select:none}.toggle{position:relative;display:inline-block;width:36px;height:20px}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle .track{position:absolute;inset:0;background:var(--color-border-strong);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-base)}.toggle .track::after{content:"";position:absolute;width:14px;height:14px;border-radius:var(--radius-full);background:#fff;top:3px;left:3px;transition:var(--transition-base);box-shadow:var(--shadow-sm)}.toggle input:checked+.track{background:var(--color-primary)}.toggle input:checked+.track::after{transform:translateX(16px)}.toggle input:focus-visible+.track{outline:2px solid var(--color-primary);outline-offset:2px}input[type=range]{appearance:none;width:100%;height:4px;background:var(--color-surface-overlay);border-radius:var(--radius-full);cursor:pointer;border:none;padding:0;outline:none}input[type=range]::-webkit-slider-thumb{appearance:none;width:16px;height:16px;background:var(--color-primary);border-radius:var(--radius-full);cursor:pointer;box-shadow:var(--shadow-sm);transition:var(--transition-fast)}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}input[type=range]:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px}.tabs{display:flex;flex-direction:column}.tabs input[type=radio]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.tabs .tab-list{display:flex;border-bottom:1px solid var(--color-border);gap:0;overflow-x:auto;scrollbar-width:none}.tabs .tab-list::-webkit-scrollbar{display:none}.tabs .tab-label{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-subtle);cursor:pointer;border-bottom:2px solid rgba(0,0,0,0);margin-bottom:-1px;white-space:nowrap;transition:var(--transition-fast);user-select:none}.tabs .tab-label:hover{color:var(--color-text)}.tabs .tab-panel{display:none;padding-top:var(--space-6);animation:fadeIn .15s ease}.tabs #tab-1:checked~.tab-list .tab-label[for=tab-1]{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tabs #tab-1:checked~.tab-panels #panel-1{display:block}.tabs #tab-2:checked~.tab-list .tab-label[for=tab-2]{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tabs #tab-2:checked~.tab-panels #panel-2{display:block}.tabs #tab-3:checked~.tab-list .tab-label[for=tab-3]{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tabs #tab-3:checked~.tab-panels #panel-3{display:block}.tabs #tab-4:checked~.tab-list .tab-label[for=tab-4]{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tabs #tab-4:checked~.tab-panels #panel-4{display:block}.tabs #tab-5:checked~.tab-list .tab-label[for=tab-5]{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tabs #tab-5:checked~.tab-panels #panel-5{display:block}.tabs #tab-6:checked~.tab-list .tab-label[for=tab-6]{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tabs #tab-6:checked~.tab-panels #panel-6{display:block}.tabs #tab-7:checked~.tab-list .tab-label[for=tab-7]{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tabs #tab-7:checked~.tab-panels #panel-7{display:block}.tabs #tab-8:checked~.tab-list .tab-label[for=tab-8]{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tabs #tab-8:checked~.tab-panels #panel-8{display:block}.tabs[data-variant=pills] .tab-list{border-bottom:none;gap:var(--space-1);padding:var(--space-1);background:var(--color-surface-raised);border-radius:var(--radius-lg);display:inline-flex}.tabs[data-variant=pills] .tab-label{border-bottom:none;border-radius:var(--radius-md);margin-bottom:0}.tabs[data-variant=pills] #tab-1:checked~.tab-list .tab-label[for=tab-1]{background:var(--color-surface);color:var(--color-text);border-bottom-color:rgba(0,0,0,0);box-shadow:var(--shadow-sm)}.tabs[data-variant=pills] #tab-2:checked~.tab-list .tab-label[for=tab-2]{background:var(--color-surface);color:var(--color-text);border-bottom-color:rgba(0,0,0,0);box-shadow:var(--shadow-sm)}.tabs[data-variant=pills] #tab-3:checked~.tab-list .tab-label[for=tab-3]{background:var(--color-surface);color:var(--color-text);border-bottom-color:rgba(0,0,0,0);box-shadow:var(--shadow-sm)}.tabs[data-variant=pills] #tab-4:checked~.tab-list .tab-label[for=tab-4]{background:var(--color-surface);color:var(--color-text);border-bottom-color:rgba(0,0,0,0);box-shadow:var(--shadow-sm)}.tabs[data-variant=pills] #tab-5:checked~.tab-list .tab-label[for=tab-5]{background:var(--color-surface);color:var(--color-text);border-bottom-color:rgba(0,0,0,0);box-shadow:var(--shadow-sm)}.tabs[data-variant=pills] #tab-6:checked~.tab-list .tab-label[for=tab-6]{background:var(--color-surface);color:var(--color-text);border-bottom-color:rgba(0,0,0,0);box-shadow:var(--shadow-sm)}.tabs[data-variant=pills] #tab-7:checked~.tab-list .tab-label[for=tab-7]{background:var(--color-surface);color:var(--color-text);border-bottom-color:rgba(0,0,0,0);box-shadow:var(--shadow-sm)}.tabs[data-variant=pills] #tab-8:checked~.tab-list .tab-label[for=tab-8]{background:var(--color-surface);color:var(--color-text);border-bottom-color:rgba(0,0,0,0);box-shadow:var(--shadow-sm)}.accordion{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.accordion-item{border-bottom:1px solid var(--color-border)}.accordion-item:last-child{border-bottom:none}.accordion-item input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.accordion-item label{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);font-weight:var(--font-medium);cursor:pointer;user-select:none;transition:var(--transition-fast);margin-bottom:0}.accordion-item label:hover{background:var(--color-surface-raised)}.accordion-item label::after{content:"";width:0;height:0;border-left:5px solid rgba(0,0,0,0);border-right:5px solid rgba(0,0,0,0);border-top:5px solid var(--color-text-muted);flex-shrink:0;transition:transform .2s ease}.accordion-item .accordion-body{max-height:0;overflow:hidden;transition:max-height .3s ease;padding:0 var(--space-5)}.accordion-item .accordion-body>*{padding-bottom:var(--space-4)}.accordion-item input:checked+label{color:var(--color-primary)}.accordion-item input:checked+label::after{transform:rotate(180deg)}.accordion-item input:checked~.accordion-body{max-height:500px}.modal-backdrop{position:fixed;inset:0;background:rgba(13,20,32,.5);backdrop-filter:blur(4px);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-4);opacity:0;pointer-events:none;transition:opacity .2s ease}.modal-backdrop:target{opacity:1;pointer-events:all}.modal-backdrop:target .modal{transform:translateY(0) scale(1);opacity:1}.modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-modal);box-shadow:var(--shadow-xl);width:100%;max-width:520px;max-height:90vh;overflow-y:auto;transform:translateY(16px) scale(0.98);opacity:0;transition:all .2s ease}.modal[data-size=sm]{max-width:360px}.modal[data-size=lg]{max-width:720px}.modal[data-size=xl]{max-width:960px}.modal .modal-header,.modal .modal-body,.modal .modal-footer{padding:var(--space-6)}.modal .modal-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-border);padding-bottom:var(--space-4)}.modal .modal-header h2,.modal .modal-header h3,.modal .modal-header h4{margin:0;font-size:var(--text-lg)}.modal .modal-footer{border-top:1px solid var(--color-border);display:flex;gap:var(--space-3);justify-content:flex-end}.modal .modal-close{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-md);background:rgba(0,0,0,0);border:none;color:var(--color-text-muted);cursor:pointer;font-size:var(--text-lg);line-height:1;transition:var(--transition-fast);padding:0;text-decoration:none}.modal .modal-close:hover{background:var(--color-surface-overlay);color:var(--color-text)}.carousel{position:relative;overflow:hidden;border-radius:var(--radius-lg)}.carousel input[type=radio]{position:absolute;opacity:0;width:0;height:0}.carousel .carousel-track{display:flex;transition:transform .4s ease}.carousel .carousel-slide{flex:0 0 100%;min-width:0}.carousel .carousel-dots{display:flex;justify-content:center;gap:var(--space-2);padding:var(--space-3)}.carousel .carousel-dots label{width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-border-strong);cursor:pointer;transition:var(--transition-base);margin:0;display:block}.carousel #slide-1:checked~.carousel-track{transform:translateX(0%)}.carousel #slide-1:checked~.carousel-dots label[for=slide-1]{background:var(--color-primary);width:20px}.carousel #slide-2:checked~.carousel-track{transform:translateX(-100%)}.carousel #slide-2:checked~.carousel-dots label[for=slide-2]{background:var(--color-primary);width:20px}.carousel #slide-3:checked~.carousel-track{transform:translateX(-200%)}.carousel #slide-3:checked~.carousel-dots label[for=slide-3]{background:var(--color-primary);width:20px}.carousel #slide-4:checked~.carousel-track{transform:translateX(-300%)}.carousel #slide-4:checked~.carousel-dots label[for=slide-4]{background:var(--color-primary);width:20px}.carousel #slide-5:checked~.carousel-track{transform:translateX(-400%)}.carousel #slide-5:checked~.carousel-dots label[for=slide-5]{background:var(--color-primary);width:20px}.carousel #slide-6:checked~.carousel-track{transform:translateX(-500%)}.carousel #slide-6:checked~.carousel-dots label[for=slide-6]{background:var(--color-primary);width:20px}.toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-3);max-width:360px;width:100%}.toast{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);font-size:var(--text-sm);animation:slideInRight .25s ease}.toast[data-variant=success]{border-left:3px solid var(--color-success)}.toast[data-variant=warning]{border-left:3px solid var(--color-warning)}.toast[data-variant=danger]{border-left:3px solid var(--color-danger)}.toast[data-variant=info]{border-left:3px solid var(--color-info)}@keyframes fadeIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}:root{--sidebar-activity-width: 48px;--sidebar-activity-bg: #2c2c2c;--sidebar-activity-color: rgba(255, 255, 255, 0.50);--sidebar-activity-active: #ffffff;--sidebar-activity-hover: rgba(255, 255, 255, 0.20);--sidebar-activity-indicator: var(--color-primary);--sidebar-panel-width: 240px;--sidebar-panel-bg: #252526;--sidebar-panel-border: rgba(255, 255, 255, 0.06);--sidebar-panel-color: #cccccc;--sidebar-panel-muted: rgba(255, 255, 255, 0.35);--sidebar-tree-indent: 12px;--sidebar-tree-item-height: 22px;--sidebar-tree-hover: rgba(255, 255, 255, 0.07);--sidebar-tree-active-bg: rgba(255, 255, 255, 0.12);--sidebar-tree-active-color: #ffffff;--sidebar-tree-focus: var(--color-primary);--sidebar-resize-width: 3px;--sidebar-resize-hover: var(--color-primary)}.app-shell{display:flex;height:100vh;overflow:hidden}.app-shell .app-content{flex:1;min-width:0;overflow-y:auto;overflow-x:hidden}#sidebar-toggle{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.sidebar{display:flex;flex-shrink:0;height:100%;position:relative;z-index:var(--z-raised)}.sidebar-activity{width:var(--sidebar-activity-width);background:var(--sidebar-activity-bg);display:flex;flex-direction:column;align-items:center;padding-top:var(--space-2);flex-shrink:0;border-right:1px solid var(--sidebar-panel-border)}.sidebar-activity-bottom{margin-top:auto;display:flex;flex-direction:column;align-items:center;padding-bottom:var(--space-3);gap:0}.sidebar-activity-item{position:relative;display:flex;align-items:center;justify-content:center;width:var(--sidebar-activity-width);height:var(--sidebar-activity-width);color:var(--sidebar-activity-color);cursor:pointer;transition:color .12s ease,background .12s ease;border:none;background:rgba(0,0,0,0);border-left:2px solid rgba(0,0,0,0);text-decoration:none}.sidebar-activity-item svg,.sidebar-activity-item .icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.sidebar-activity-item:hover{color:var(--sidebar-activity-active);background:var(--sidebar-activity-hover)}.sidebar-activity-item[aria-selected=true],.sidebar-activity-item.active{color:var(--sidebar-activity-active);border-left-color:var(--sidebar-activity-indicator);background:var(--sidebar-activity-hover)}.sidebar-activity-item[data-badge]::after{content:attr(data-badge);position:absolute;top:8px;right:8px;min-width:16px;height:16px;padding:0 4px;background:var(--color-primary);color:#fff;font-size:10px;font-weight:700;line-height:16px;border-radius:8px;text-align:center}.sidebar-activity-item[data-tooltip]::before{content:attr(data-tooltip);position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);background:#454545;color:#ccc;padding:4px 8px;border-radius:var(--radius-md);font-size:var(--text-xs);font-family:var(--font-sans);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s ease;z-index:var(--z-dropdown);box-shadow:var(--shadow-md)}@media(hover: hover)and (pointer: fine){.sidebar-activity-item[data-tooltip]:hover::before{opacity:1}}.sidebar-panel{width:var(--sidebar-panel-width);background:var(--sidebar-panel-bg);border-right:1px solid var(--sidebar-panel-border);display:flex;flex-direction:column;overflow:hidden;transition:width .2s ease;flex-shrink:0}.sidebar-panel #sidebar-toggle:not(:checked)~.sidebar .sidebar-panel,.sidebar-panel[data-collapsed]{width:0;border-right:none;overflow:hidden}.sidebar-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-3) var(--space-2);flex-shrink:0}.sidebar-panel-header .sidebar-panel-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--sidebar-panel-muted);white-space:nowrap;overflow:hidden;font-family:var(--font-sans)}.sidebar-panel-header .sidebar-panel-actions{display:flex;gap:var(--space-1);opacity:0;transition:opacity .12s ease}@media(hover: hover)and (pointer: fine){.sidebar-panel-header:hover .sidebar-panel-actions{opacity:1}}@media(pointer: coarse){.sidebar-panel-header .sidebar-panel-actions{opacity:1}}.sidebar-panel-header .sidebar-icon-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--radius-sm);background:rgba(0,0,0,0);border:none;color:var(--sidebar-panel-muted);cursor:pointer;transition:background .12s ease,color .12s ease;padding:0}.sidebar-panel-header .sidebar-icon-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.sidebar-panel-header .sidebar-icon-btn:hover{background:var(--sidebar-tree-hover);color:var(--sidebar-panel-color)}.sidebar-panel-body{flex:1;overflow-y:auto;overflow-x:hidden}.sidebar-panel-body::-webkit-scrollbar{width:6px}.sidebar-panel-body::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.sidebar-panel-body::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.12);border-radius:3px}.sidebar-panel-body::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.22)}.sidebar-panel-body{scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.12) rgba(0,0,0,0)}.sidebar-tree{padding:var(--space-1) 0;user-select:none}.sidebar-tree-group>input[type=checkbox]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.sidebar-tree-group>label{display:flex;align-items:center;gap:var(--space-2);height:var(--sidebar-tree-item-height);padding:0 var(--space-3);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--sidebar-panel-muted);cursor:pointer;transition:color .12s ease;margin:0}.sidebar-tree-group>label:hover{color:var(--sidebar-panel-color)}.sidebar-tree-group>label::before{content:"";display:inline-block;width:0;height:0;border-top:4px solid rgba(0,0,0,0);border-bottom:4px solid rgba(0,0,0,0);border-left:5px solid currentColor;transition:transform .15s ease;flex-shrink:0}.sidebar-tree-group>input:checked+label::before{transform:rotate(90deg)}.sidebar-tree-group>.sidebar-tree-group-body{display:none}.sidebar-tree-group>input:checked~.sidebar-tree-group-body{display:block}.sidebar-tree-item{display:flex;align-items:center;gap:var(--space-2);height:var(--sidebar-tree-item-height);padding:0 var(--space-3);font-size:var(--text-sm);color:var(--sidebar-panel-color);cursor:pointer;text-decoration:none;transition:background .08s ease,color .08s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative}.sidebar-tree-item[data-depth="1"]{padding-left:calc(var(--space-3) + 1*var(--sidebar-tree-indent))}.sidebar-tree-item[data-depth="2"]{padding-left:calc(var(--space-3) + 2*var(--sidebar-tree-indent))}.sidebar-tree-item[data-depth="3"]{padding-left:calc(var(--space-3) + 3*var(--sidebar-tree-indent))}.sidebar-tree-item[data-depth="4"]{padding-left:calc(var(--space-3) + 4*var(--sidebar-tree-indent))}.sidebar-tree-item[data-depth="5"]{padding-left:calc(var(--space-3) + 5*var(--sidebar-tree-indent))}.sidebar-tree-item[data-depth="6"]{padding-left:calc(var(--space-3) + 6*var(--sidebar-tree-indent))}.sidebar-tree-item .sidebar-tree-icon{flex-shrink:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;color:var(--sidebar-panel-muted)}.sidebar-tree-item .sidebar-tree-icon svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}.sidebar-tree-item .sidebar-tree-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-tree-item .sidebar-tree-badge{margin-left:auto;font-size:10px;font-weight:600;padding:1px 5px;border-radius:10px;background:var(--color-primary);color:#fff;flex-shrink:0}.sidebar-tree-item .sidebar-tree-actions{margin-left:auto;display:none;gap:2px;flex-shrink:0}@media(hover: hover)and (pointer: fine){.sidebar-tree-item:hover{background:var(--sidebar-tree-hover);color:var(--sidebar-tree-active-color)}.sidebar-tree-item:hover .sidebar-tree-actions{display:flex}.sidebar-tree-item:hover .sidebar-tree-badge{display:none}.sidebar-tree-item:hover .sidebar-tree-icon{color:var(--sidebar-panel-color)}}@media(pointer: coarse){.sidebar-tree-item .sidebar-tree-actions{display:flex}.sidebar-tree-item .sidebar-tree-badge{display:none}}.sidebar-tree-item.active,.sidebar-tree-item[aria-current=page]{background:var(--sidebar-tree-active-bg);color:var(--sidebar-tree-active-color)}.sidebar-tree-item.active::before,.sidebar-tree-item[aria-current=page]::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--sidebar-tree-focus);border-radius:0 1px 1px 0}.sidebar-tree-item .sidebar-icon-btn{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:3px;background:rgba(0,0,0,0);border:none;color:inherit;cursor:pointer;padding:0;transition:background .1s ease}.sidebar-tree-item .sidebar-icon-btn svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.sidebar-tree-item .sidebar-icon-btn:hover{background:hsla(0,0%,100%,.15)}.sidebar-divider{height:1px;background:var(--sidebar-panel-border);margin:var(--space-2) 0}.sidebar-search{padding:var(--space-2) var(--space-3);flex-shrink:0}.sidebar-search input{width:100%;height:24px;padding:0 var(--space-2);font-size:var(--text-xs);font-family:var(--font-sans);background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.12);border-radius:var(--radius-sm);color:var(--sidebar-panel-color);outline:none;transition:border-color .12s ease,background .12s ease}.sidebar-search input::placeholder{color:var(--sidebar-panel-muted)}.sidebar-search input:focus{border-color:var(--color-primary);background:hsla(0,0%,100%,.1);box-shadow:none}.sidebar-resize{width:var(--sidebar-resize-width);cursor:col-resize;background:rgba(0,0,0,0);transition:background .15s ease;position:relative;flex-shrink:0}.sidebar-resize:hover,.sidebar-resize:active{background:var(--sidebar-resize-hover)}@media(pointer: coarse){.sidebar-resize{display:none}}@media(max-width: 767px){.sidebar-panel{position:fixed;left:var(--sidebar-activity-width);top:0;bottom:0;z-index:var(--z-dropdown);box-shadow:var(--shadow-xl);width:0}#sidebar-toggle:checked~.sidebar .sidebar-panel{width:240px}#sidebar-toggle:checked~.sidebar-overlay{display:block;position:fixed;inset:0;z-index:calc(var(--z-dropdown) - 1)}}.sidebar-overlay{display:none}.tab-bar{position:fixed;left:0;right:0;top:auto;bottom:0;z-index:var(--z-sticky);display:flex;flex-direction:row;justify-content:space-around;min-height:var(--tab-bar-height);padding:0;padding-bottom:var(--safe-bottom);background:var(--nav-bg);border-top:1px solid var(--nav-border)}.tab-bar-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:var(--tap-min);padding:var(--space-1) 0;font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--nav-link-color);text-decoration:none;background:none;border:none;cursor:pointer;position:relative;border-top:2px solid rgba(0,0,0,0);transition:var(--transition-fast)}.tab-bar-item .tab-bar-icon{font-size:20px;line-height:1}.tab-bar-item[aria-current=page],.tab-bar-item[aria-selected=true],.tab-bar-item.active{color:var(--nav-link-active);border-top-color:var(--nav-link-active)}@media(hover: hover)and (pointer: fine){.tab-bar-item:hover{color:var(--color-text)}}.tab-bar-badge{position:absolute;top:var(--space-1);left:50%;transform:translateX(6px);min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:var(--font-bold);line-height:16px;text-align:center;color:#fff;background:var(--color-danger);border-radius:var(--radius-full)}.tab-bar-item[data-fab]{flex:0 0 auto}.tab-bar-item[data-fab] .tab-bar-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin-top:-16px;color:var(--color-primary-text);background:var(--color-primary);border-radius:var(--radius-full);box-shadow:var(--shadow-lg);font-size:24px}.fab{position:fixed;right:var(--space-4);bottom:calc(var(--space-4) + var(--safe-bottom) + var(--tab-bar-height));z-index:var(--z-raised);display:flex;align-items:center;justify-content:center;width:56px;height:56px;font-size:24px;line-height:1;color:var(--color-primary-text);background:var(--color-primary);border:none;border-radius:var(--radius-full);box-shadow:var(--shadow-lg);cursor:pointer;text-decoration:none;transition:var(--transition-base)}.fab[data-no-tabbar]{bottom:calc(var(--space-4) + var(--safe-bottom))}@media(hover: hover)and (pointer: fine){.fab:hover{background:var(--color-primary-hover)}}.fab:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px;box-shadow:var(--shadow-focus)}.has-tab-bar{padding-bottom:calc(var(--tab-bar-height) + var(--safe-bottom))}.segmented{display:flex;gap:2px;padding:2px;background:var(--color-surface-raised);border-radius:var(--radius-lg)}.segmented-item{flex:1;min-height:40px;display:flex;align-items:center;justify-content:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-subtle);background:none;border:none;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast)}.segmented-item[aria-selected=true],.segmented-item.active{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm)}.list-row{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:var(--tap-min);padding:var(--space-3) var(--space-page-x);background:var(--color-surface);border-bottom:1px solid var(--color-border);color:inherit;text-decoration:none;text-align:left;cursor:pointer;transition:background var(--transition-fast)}.list-row:active{background:var(--color-surface-raised)}@media(hover: hover)and (pointer: fine){.list-row:hover{background:var(--color-surface-raised)}}.list-row:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px;box-shadow:var(--shadow-focus)}.list-row[data-chevron]::after{content:"";flex-shrink:0;width:8px;height:8px;margin-left:auto;border-top:2px solid var(--color-text-muted);border-right:2px solid var(--color-text-muted);transform:rotate(45deg)}.list-row-main{flex:1;min-width:0}.list-row-title{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-row-sub{font-size:var(--text-sm);color:var(--color-text-subtle);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-row-meta{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-text-subtle)}.list-section-header{position:sticky;top:var(--nav-height);z-index:var(--z-raised);padding:var(--space-2) var(--space-page-x);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);background:var(--color-bg-subtle)}.swipe-row{position:relative;overflow:hidden}.swipe-row .list-row{position:relative;z-index:1;transition:transform .2s ease;will-change:transform}@media(prefers-reduced-motion: reduce){.swipe-row .list-row{transition:none}}.swipe-action{position:absolute;top:0;bottom:0;display:flex;align-items:center;padding:0 var(--space-5);font-size:var(--text-sm);font-weight:var(--font-medium);color:#fff}.swipe-action[data-side=start]{left:0;background:var(--color-success)}.swipe-action[data-side=end]{right:0;background:var(--color-danger)}[data-theme=dark],.theme-dark{color-scheme:dark;--color-bg: #0d1420;--color-bg-subtle: #111927;--color-surface: #1a2535;--color-surface-raised: #223047;--color-surface-overlay: #2a3a55;--color-border: rgba(255, 255, 255, 0.10);--color-border-strong: rgba(255, 255, 255, 0.18);--color-text: #e2e6ec;--color-text-subtle: #8898b0;--color-text-muted: #5a6a80;--color-text-inverse: #0d1420;--color-primary: var(--color-blue-400);--color-primary-hover: var(--color-blue-300);--color-primary-subtle: rgba(80, 144, 220, 0.15);--color-success-bg: rgba(34, 197, 94, 0.12);--color-warning-bg: rgba(245, 158, 11, 0.12);--color-danger-bg: rgba(239, 68, 68, 0.12);--color-info-bg: rgba(26, 107, 196, 0.15);--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.30);--shadow-md: 0 4px 12px rgba(0, 0, 0, 0.40);--shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.50);--shadow-xl: 0 16px 48px rgba(0, 0, 0, 0.60);--input-bg: var(--color-surface);--input-border: var(--color-border);--card-bg: var(--color-surface);--card-border: var(--color-border);--nav-bg: var(--color-bg-subtle);--nav-border: var(--color-border)}[data-theme=havik],.theme-havik{--color-primary: #1a5fa8;--color-primary-hover: #16529a;--color-primary-active: #11448a;--color-primary-subtle: #e8f0f9;--color-primary-text: #ffffff;--color-secondary: #e8820c;--color-secondary-hover: #d4740a;--color-secondary-subtle: #fef3e5;--color-bg: #f5f7fa;--color-bg-subtle: #edf0f5;--color-surface: #ffffff;--color-surface-raised: #f9fafb;--color-surface-overlay: #eef1f6;--color-border: #dce2ea;--color-border-strong: #c4cdd8;--color-text: #1a2535;--color-text-subtle: #5a6a80;--color-text-muted: #8898b0;--radius-button: var(--radius-md);--radius-input: var(--radius-md);--radius-card: var(--radius-lg);--radius-badge: var(--radius-sm);--nav-bg: #ffffff;--nav-border: #dce2ea;--nav-height: 60px;--shadow-sm: 0 1px 4px rgba(26, 37, 53, 0.08);--shadow-md: 0 4px 14px rgba(26, 37, 53, 0.10);--shadow-lg: 0 8px 28px rgba(26, 37, 53, 0.13)}[data-theme=havik-dark],.theme-havik-dark{color-scheme:dark;--color-primary: #4d8fd4;--color-primary-hover: #6aa3df;--color-primary-active: #82b5e8;--color-primary-subtle: rgba(77, 143, 212, 0.15);--color-primary-text: #ffffff;--color-secondary: #f09a30;--color-secondary-hover: #f5ad52;--color-bg: #0f1923;--color-bg-subtle: #141f2e;--color-surface: #1b2840;--color-surface-raised: #22334f;--color-surface-overlay: #2a3d60;--color-border: rgba(255, 255, 255, 0.09);--color-border-strong: rgba(255, 255, 255, 0.16);--color-text: #dce8f5;--color-text-subtle: #7a96b8;--color-text-muted: #4a6080;--color-text-inverse: #0f1923;--color-success-bg: rgba(34, 197, 94, 0.12);--color-warning-bg: rgba(245, 158, 11, 0.12);--color-danger-bg: rgba(239, 68, 68, 0.12);--color-info-bg: rgba(77, 143, 212, 0.15);--shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.35);--shadow-md: 0 4px 14px rgba(0, 0, 0, 0.45);--shadow-lg: 0 8px 28px rgba(0, 0, 0, 0.55);--shadow-xl: 0 16px 48px rgba(0, 0, 0, 0.65);--nav-bg: var(--color-bg-subtle);--nav-border: var(--color-border);--nav-height: 60px;--input-bg: var(--color-surface);--card-bg: var(--color-surface)}[data-theme=sihot],.theme-sihot{--color-primary: #0160fe;--color-primary-hover: #0150d8;--color-primary-active: #0143b8;--color-primary-subtle: #e3f0ff;--color-primary-text: #ffffff;--color-secondary: #0e295d;--color-secondary-hover: #0b1f4a;--color-secondary-subtle: #e9eef8;--color-bg: #f5fbff;--color-bg-subtle: #e9f3fd;--color-surface: #ffffff;--color-surface-raised: #f5fbff;--color-surface-overlay: #e3f0ff;--color-border: #dbe6f2;--color-border-strong: #bcd0e6;--color-border-focus: var(--color-primary);--color-text: #0d1b2e;--color-text-subtle: #4a5b72;--color-text-muted: #8193ab;--color-text-inverse: #ffffff;--color-text-link: var(--color-primary);--color-text-link-hover: var(--color-primary-hover);--color-info: #38a8ee;--color-info-bg: #e3f0ff;--color-warning: #fcb32c;--color-success: #22c55e;--color-danger: #ef4444;--radius-button: var(--radius-lg);--radius-input: var(--radius-md);--radius-card: var(--radius-lg);--radius-badge: var(--radius-full);--nav-bg: #ffffff;--nav-border: #dbe6f2;--nav-link-color: var(--color-text-subtle);--nav-link-active: var(--color-primary);--nav-height: 60px;--shadow-sm: 0 1px 4px rgba(14, 41, 93, 0.08);--shadow-md: 0 4px 14px rgba(14, 41, 93, 0.10);--shadow-lg: 0 8px 28px rgba(14, 41, 93, 0.14);--shadow-xl: 0 16px 48px rgba(14, 41, 93, 0.18);--shadow-focus: 0 0 0 3px color-mix(in srgb, var(--color-primary) 25%, transparent)}[data-theme=sihot-dark],.theme-sihot-dark{color-scheme:dark;--color-primary: #3b86ff;--color-primary-hover: #5c9bff;--color-primary-active: #7db0ff;--color-primary-subtle: rgba(1, 96, 254, 0.20);--color-primary-text: #ffffff;--color-secondary: #83d2ff;--color-secondary-hover: #9bdcff;--color-secondary-subtle: rgba(131, 210, 255, 0.16);--color-bg: #081124;--color-bg-subtle: #0b1830;--color-surface: #11244a;--color-surface-raised: #16315f;--color-surface-overlay: #1d3d72;--color-border: rgba(255, 255, 255, 0.10);--color-border-strong: rgba(255, 255, 255, 0.18);--color-border-focus: var(--color-primary);--color-text: #dce8f7;--color-text-subtle: #8aa3c4;--color-text-muted: #56708f;--color-text-inverse: #081124;--color-text-link: var(--color-primary);--color-info: #58bdf5;--color-info-bg: rgba(56, 168, 238, 0.16);--color-warning: #fcb32c;--color-warning-bg: rgba(252, 179, 44, 0.14);--color-success: #34d27f;--color-success-bg: rgba(34, 197, 94, 0.14);--color-danger: #f87171;--color-danger-bg: rgba(239, 68, 68, 0.14);--radius-button: var(--radius-lg);--radius-card: var(--radius-lg);--radius-badge: var(--radius-full);--nav-bg: var(--color-bg-subtle);--nav-border: var(--color-border);--nav-link-active: var(--color-primary);--nav-height: 60px;--input-bg: var(--color-surface);--card-bg: var(--color-surface);--shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.40);--shadow-md: 0 4px 14px rgba(0, 0, 0, 0.50);--shadow-lg: 0 8px 28px rgba(0, 0, 0, 0.60);--shadow-xl: 0 16px 48px rgba(0, 0, 0, 0.70)}[data-theme=warm],.theme-warm{--color-primary: #c8612a;--color-primary-hover: #b3551f;--color-primary-active: #9c4815;--color-primary-subtle: #fdf2ec;--color-primary-text: #ffffff;--color-secondary: #8b6f5e;--radius-button: var(--radius-full);--radius-input: var(--radius-lg);--radius-card: var(--radius-xl);--color-bg: #fdfaf8;--color-bg-subtle: #f7f2ef;--color-surface: #ffffff;--color-surface-raised: #fdf8f5}[data-theme=high-contrast],.theme-high-contrast{--color-primary: #0000ff;--color-text: #000000;--color-bg: #ffffff;--color-border: #000000;--color-border-strong: #000000;--shadow-sm: none;--shadow-md: none;--shadow-lg: none}@layer utilities{.hidden{display:none !important}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}@media(max-width: 767px){.hide-mobile{display:none !important}}@media(min-width: 768px){.hide-desktop{display:none !important}}.show-touch{display:none !important}.show-fine{display:none !important}@media(pointer: coarse){.show-touch{display:revert !important}.hide-touch{display:none !important}}@media(hover: hover)and (pointer: fine){.show-fine{display:revert !important}.hide-fine{display:none !important}}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-1{flex:1 1 0}.flex-shrink-0{flex-shrink:0}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-xs{font-size:var(--text-xs) !important}.text-sm{font-size:var(--text-sm) !important}.text-base{font-size:var(--text-base) !important}.text-md{font-size:var(--text-md) !important}.text-lg{font-size:var(--text-lg) !important}.text-xl{font-size:var(--text-xl) !important}.text-2xl{font-size:var(--text-2xl) !important}.text-3xl{font-size:var(--text-3xl) !important}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.text-primary{color:var(--color-primary)}.text-muted{color:var(--color-text-muted)}.text-subtle{color:var(--color-text-subtle)}.text-inverse{color:var(--color-text-inverse)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.m-0{margin:var(--space-0)}.mt-0{margin-top:var(--space-0)}.mb-0{margin-bottom:var(--space-0)}.ml-0{margin-left:var(--space-0)}.mr-0{margin-right:var(--space-0)}.mx-0{margin-inline:var(--space-0)}.my-0{margin-block:var(--space-0)}.m-1{margin:var(--space-1)}.mt-1{margin-top:var(--space-1)}.mb-1{margin-bottom:var(--space-1)}.ml-1{margin-left:var(--space-1)}.mr-1{margin-right:var(--space-1)}.mx-1{margin-inline:var(--space-1)}.my-1{margin-block:var(--space-1)}.m-2{margin:var(--space-2)}.mt-2{margin-top:var(--space-2)}.mb-2{margin-bottom:var(--space-2)}.ml-2{margin-left:var(--space-2)}.mr-2{margin-right:var(--space-2)}.mx-2{margin-inline:var(--space-2)}.my-2{margin-block:var(--space-2)}.m-3{margin:var(--space-3)}.mt-3{margin-top:var(--space-3)}.mb-3{margin-bottom:var(--space-3)}.ml-3{margin-left:var(--space-3)}.mr-3{margin-right:var(--space-3)}.mx-3{margin-inline:var(--space-3)}.my-3{margin-block:var(--space-3)}.m-4{margin:var(--space-4)}.mt-4{margin-top:var(--space-4)}.mb-4{margin-bottom:var(--space-4)}.ml-4{margin-left:var(--space-4)}.mr-4{margin-right:var(--space-4)}.mx-4{margin-inline:var(--space-4)}.my-4{margin-block:var(--space-4)}.m-5{margin:var(--space-5)}.mt-5{margin-top:var(--space-5)}.mb-5{margin-bottom:var(--space-5)}.ml-5{margin-left:var(--space-5)}.mr-5{margin-right:var(--space-5)}.mx-5{margin-inline:var(--space-5)}.my-5{margin-block:var(--space-5)}.m-6{margin:var(--space-6)}.mt-6{margin-top:var(--space-6)}.mb-6{margin-bottom:var(--space-6)}.ml-6{margin-left:var(--space-6)}.mr-6{margin-right:var(--space-6)}.mx-6{margin-inline:var(--space-6)}.my-6{margin-block:var(--space-6)}.m-8{margin:var(--space-8)}.mt-8{margin-top:var(--space-8)}.mb-8{margin-bottom:var(--space-8)}.ml-8{margin-left:var(--space-8)}.mr-8{margin-right:var(--space-8)}.mx-8{margin-inline:var(--space-8)}.my-8{margin-block:var(--space-8)}.m-10{margin:var(--space-10)}.mt-10{margin-top:var(--space-10)}.mb-10{margin-bottom:var(--space-10)}.ml-10{margin-left:var(--space-10)}.mr-10{margin-right:var(--space-10)}.mx-10{margin-inline:var(--space-10)}.my-10{margin-block:var(--space-10)}.m-12{margin:var(--space-12)}.mt-12{margin-top:var(--space-12)}.mb-12{margin-bottom:var(--space-12)}.ml-12{margin-left:var(--space-12)}.mr-12{margin-right:var(--space-12)}.mx-12{margin-inline:var(--space-12)}.my-12{margin-block:var(--space-12)}.m-16{margin:var(--space-16)}.mt-16{margin-top:var(--space-16)}.mb-16{margin-bottom:var(--space-16)}.ml-16{margin-left:var(--space-16)}.mr-16{margin-right:var(--space-16)}.mx-16{margin-inline:var(--space-16)}.my-16{margin-block:var(--space-16)}.mx-auto{margin-inline:auto}.p-0{padding:var(--space-0)}.pt-0{padding-top:var(--space-0)}.pb-0{padding-bottom:var(--space-0)}.pl-0{padding-left:var(--space-0)}.pr-0{padding-right:var(--space-0)}.px-0{padding-inline:var(--space-0)}.py-0{padding-block:var(--space-0)}.p-1{padding:var(--space-1)}.pt-1{padding-top:var(--space-1)}.pb-1{padding-bottom:var(--space-1)}.pl-1{padding-left:var(--space-1)}.pr-1{padding-right:var(--space-1)}.px-1{padding-inline:var(--space-1)}.py-1{padding-block:var(--space-1)}.p-2{padding:var(--space-2)}.pt-2{padding-top:var(--space-2)}.pb-2{padding-bottom:var(--space-2)}.pl-2{padding-left:var(--space-2)}.pr-2{padding-right:var(--space-2)}.px-2{padding-inline:var(--space-2)}.py-2{padding-block:var(--space-2)}.p-3{padding:var(--space-3)}.pt-3{padding-top:var(--space-3)}.pb-3{padding-bottom:var(--space-3)}.pl-3{padding-left:var(--space-3)}.pr-3{padding-right:var(--space-3)}.px-3{padding-inline:var(--space-3)}.py-3{padding-block:var(--space-3)}.p-4{padding:var(--space-4)}.pt-4{padding-top:var(--space-4)}.pb-4{padding-bottom:var(--space-4)}.pl-4{padding-left:var(--space-4)}.pr-4{padding-right:var(--space-4)}.px-4{padding-inline:var(--space-4)}.py-4{padding-block:var(--space-4)}.p-5{padding:var(--space-5)}.pt-5{padding-top:var(--space-5)}.pb-5{padding-bottom:var(--space-5)}.pl-5{padding-left:var(--space-5)}.pr-5{padding-right:var(--space-5)}.px-5{padding-inline:var(--space-5)}.py-5{padding-block:var(--space-5)}.p-6{padding:var(--space-6)}.pt-6{padding-top:var(--space-6)}.pb-6{padding-bottom:var(--space-6)}.pl-6{padding-left:var(--space-6)}.pr-6{padding-right:var(--space-6)}.px-6{padding-inline:var(--space-6)}.py-6{padding-block:var(--space-6)}.p-8{padding:var(--space-8)}.pt-8{padding-top:var(--space-8)}.pb-8{padding-bottom:var(--space-8)}.pl-8{padding-left:var(--space-8)}.pr-8{padding-right:var(--space-8)}.px-8{padding-inline:var(--space-8)}.py-8{padding-block:var(--space-8)}.p-10{padding:var(--space-10)}.pt-10{padding-top:var(--space-10)}.pb-10{padding-bottom:var(--space-10)}.pl-10{padding-left:var(--space-10)}.pr-10{padding-right:var(--space-10)}.px-10{padding-inline:var(--space-10)}.py-10{padding-block:var(--space-10)}.p-12{padding:var(--space-12)}.pt-12{padding-top:var(--space-12)}.pb-12{padding-bottom:var(--space-12)}.pl-12{padding-left:var(--space-12)}.pr-12{padding-right:var(--space-12)}.px-12{padding-inline:var(--space-12)}.py-12{padding-block:var(--space-12)}.p-16{padding:var(--space-16)}.pt-16{padding-top:var(--space-16)}.pb-16{padding-bottom:var(--space-16)}.pl-16{padding-left:var(--space-16)}.pr-16{padding-right:var(--space-16)}.px-16{padding-inline:var(--space-16)}.py-16{padding-block:var(--space-16)}.gap-0{gap:var(--space-0)}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.gap-10{gap:var(--space-10)}.gap-12{gap:var(--space-12)}.gap-16{gap:var(--space-16)}.w-full{width:100%}.w-auto{width:auto}.h-full{height:100%}.min-w-0{min-width:0}.rounded-none{border-radius:var(--radius-none)}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky;top:0}.border{border:1px solid var(--color-border)}.border-top{border-top:1px solid var(--color-border)}.border-none{border:none}.bg-primary{background:var(--color-primary)}.bg-surface{background:var(--color-surface)}.bg-subtle{background:var(--color-bg-subtle)}.bg-raised{background:var(--color-surface-raised)}.shadow-none{box-shadow:none}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.select-none{user-select:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.divider{border:none;border-top:1px solid var(--color-border);margin-block:var(--space-6)}.divider[data-label]{display:flex;align-items:center;gap:var(--space-4);border:none}.divider[data-label]::before,.divider[data-label]::after{content:"";flex:1;height:1px;background:var(--color-border)}.divider[data-label]::before{content:attr(data-label)}.divider[data-label]::before{content:"";flex:1;height:1px;background:var(--color-border)}.aspect-square{aspect-ratio:1/1}.aspect-video{aspect-ratio:16/9}.aspect-card{aspect-ratio:4/3}.safe-t{padding-top:var(--safe-top)}.safe-b{padding-bottom:var(--safe-bottom)}.safe-x{padding-left:env(safe-area-inset-left, 0px);padding-right:env(safe-area-inset-right, 0px)}.overscroll-contain{overscroll-behavior:contain}}@media print{header,footer,.btn,.toast-container{display:none !important}body{font-size:12pt;background:#fff;color:#000}a::after{content:" (" attr(href) ")"}}