:root{--color-primary:#1a1a1a;--color-secondary:#666;--color-accent:#8b7355;--color-background:#fafafa;--color-surface:#fff;--color-border:#e5e5e5;--color-border-hover:#ccc;--color-text-primary:#1a1a1a;--color-text-secondary:#666;--color-text-muted:#999;--color-success:#22c55e;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--color-success-text:#166534;--color-warning-text:#92400e;--color-error-text:#991b1b;--color-info-text:#1e40af;--color-favorite:#e53e3e;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-family-mono:"SF Mono","Monaco","Inconsolata","Roboto Mono",monospace;--font-size-2xs:0.625rem;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-md:1rem;--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.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--header-height:64px;--filter-width:260px;--container-max-width:1440px;--card-gap:24px;--card-aspect-ratio:3/4;--focus-ring:0 0 0 3px color-mix(in srgb,var(--color-accent) 10%,transparent);--focus-ring-error:0 0 0 3px color-mix(in srgb,var(--color-error) 10%,transparent);--focus-ring-success:0 0 0 3px color-mix(in srgb,var(--color-success) 10%,transparent);--shadow-sticky-col:linear-gradient(90deg,rgba(0,0,0,.04),transparent);--shadow-sticky-row:linear-gradient(180deg,rgba(0,0,0,.04),transparent);--shadow-xs:0 1px 2px rgba(0,0,0,.03);--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 4px 6px rgba(0,0,0,.07);--shadow-lg:0 10px 15px rgba(0,0,0,.1);--shadow-xl:0 20px 25px rgba(0,0,0,.15);--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:350ms ease;--radius-xs:2px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--z-dropdown:50;--z-sticky:100;--z-drawer:200;--z-overlay:250;--z-modal:300;--z-toast:400;--z-tooltip:500}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-primary:#e5e5e5;--color-secondary:#a3a3a3;--color-accent:#c4a882;--color-background:#121212;--color-surface:#1e1e1e;--color-border:#2e2e2e;--color-border-hover:#404040;--color-text-primary:#e5e5e5;--color-text-secondary:#a3a3a3;--color-text-muted:#737373;--color-success:#4ade80;--color-warning:#fbbf24;--color-error:#f87171;--color-info:#60a5fa;--color-success-text:#86efac;--color-warning-text:#fcd34d;--color-error-text:#fca5a5;--color-info-text:#93bbfd;--color-favorite:#f87171;--shadow-sticky-col:linear-gradient(90deg,rgba(0,0,0,.15),transparent);--shadow-sticky-row:linear-gradient(180deg,rgba(0,0,0,.15),transparent);--shadow-xs:0 1px 2px rgba(0,0,0,.2);--shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow-md:0 4px 6px rgba(0,0,0,.4);--shadow-lg:0 10px 15px rgba(0,0,0,.5);--shadow-xl:0 20px 25px rgba(0,0,0,.6)}}[data-theme=dark]{--color-primary:#e5e5e5;--color-secondary:#a3a3a3;--color-accent:#c4a882;--color-background:#121212;--color-surface:#1e1e1e;--color-border:#2e2e2e;--color-border-hover:#404040;--color-text-primary:#e5e5e5;--color-text-secondary:#a3a3a3;--color-text-muted:#737373;--color-success:#4ade80;--color-warning:#fbbf24;--color-error:#f87171;--color-info:#60a5fa;--color-success-text:#86efac;--color-warning-text:#fcd34d;--color-error-text:#fca5a5;--color-info-text:#93bbfd;--color-favorite:#f87171;--shadow-sticky-col:linear-gradient(90deg,rgba(0,0,0,.15),transparent);--shadow-sticky-row:linear-gradient(180deg,rgba(0,0,0,.15),transparent);--shadow-xs:0 1px 2px rgba(0,0,0,.2);--shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow-md:0 4px 6px rgba(0,0,0,.4);--shadow-lg:0 10px 15px rgba(0,0,0,.5);--shadow-xl:0 20px 25px rgba(0,0,0,.6)}*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{min-height:100vh;font-family:var(--font-family);font-size:var(--font-size-md);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}ol,ul{list-style:none}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}a{color:inherit;text-decoration:none}textarea{resize:vertical}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}::selection{background-color:var(--color-accent);color:var(--color-surface)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-background)}::-webkit-scrollbar-thumb{background:var(--color-border-hover);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-secondary)}*{scrollbar-width:thin;scrollbar-color:var(--color-border-hover) var(--color-background)}.hidden{display:none!important}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.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}.justify-around{justify-content:space-around}.flex-1{flex:1 1}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.grow{flex-grow:1}.grow-0{flex-grow:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.self-start{align-self:flex-start}.self-center{align-self:center}.self-end{align-self:flex-end}.self-stretch{align-self:stretch}.self-auto{align-self:auto}.gap-0{gap:0}.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)}.gap-2xl{gap:var(--spacing-2xl)}.gap-x-xs{column-gap:var(--spacing-xs)}.gap-x-sm{column-gap:var(--spacing-sm)}.gap-x-md{column-gap:var(--spacing-md)}.gap-x-lg{column-gap:var(--spacing-lg)}.gap-x-xl{column-gap:var(--spacing-xl)}.gap-x-2xl{column-gap:var(--spacing-2xl)}.gap-y-xs{row-gap:var(--spacing-xs)}.gap-y-sm{row-gap:var(--spacing-sm)}.gap-y-md{row-gap:var(--spacing-md)}.gap-y-lg{row-gap:var(--spacing-lg)}.gap-y-xl{row-gap:var(--spacing-xl)}.gap-y-2xl{row-gap:var(--spacing-2xl)}.m-0{margin:0}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.m-auto{margin:auto}.mt-0{margin-top:0}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-0{margin-bottom:0}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.ml-0{margin-left:0}.ml-xs{margin-left:var(--spacing-xs)}.ml-sm{margin-left:var(--spacing-sm)}.ml-md{margin-left:var(--spacing-md)}.ml-lg{margin-left:var(--spacing-lg)}.ml-xl{margin-left:var(--spacing-xl)}.ml-auto{margin-left:auto}.mr-0{margin-right:0}.mr-xs{margin-right:var(--spacing-xs)}.mr-sm{margin-right:var(--spacing-sm)}.mr-md{margin-right:var(--spacing-md)}.mr-lg{margin-right:var(--spacing-lg)}.mr-xl{margin-right:var(--spacing-xl)}.mr-auto,.mx-auto{margin-right:auto}.mx-auto{margin-left:auto}.mx-xs{margin-left:var(--spacing-xs);margin-right:var(--spacing-xs)}.mx-sm{margin-left:var(--spacing-sm);margin-right:var(--spacing-sm)}.mx-md{margin-left:var(--spacing-md);margin-right:var(--spacing-md)}.mx-lg{margin-left:var(--spacing-lg);margin-right:var(--spacing-lg)}.mx-xl{margin-left:var(--spacing-xl);margin-right:var(--spacing-xl)}.mx-2xl{margin-left:var(--spacing-2xl);margin-right:var(--spacing-2xl)}.my-0{margin-top:0;margin-bottom:0}.my-xs{margin-top:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.my-sm{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.my-md{margin-top:var(--spacing-md);margin-bottom:var(--spacing-md)}.my-lg{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.my-xl{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.my-2xl{margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-2xl)}.p-0{padding:0}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.px-sm{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.px-md{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.px-lg{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.px-xl{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}.px-2xl{padding-left:var(--spacing-2xl);padding-right:var(--spacing-2xl)}.py-xs{padding-top:var(--spacing-xs);padding-bottom:var(--spacing-xs)}.py-sm{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.py-md{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.py-lg{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.py-xl{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.py-2xl{padding-top:var(--spacing-2xl);padding-bottom:var(--spacing-2xl)}.px-xs{padding-left:var(--spacing-xs);padding-right:var(--spacing-xs)}.pt-0{padding-top:0}.pt-xs{padding-top:var(--spacing-xs)}.pt-sm{padding-top:var(--spacing-sm)}.pt-md{padding-top:var(--spacing-md)}.pt-lg{padding-top:var(--spacing-lg)}.pt-xl{padding-top:var(--spacing-xl)}.pb-0{padding-bottom:0}.pb-xs{padding-bottom:var(--spacing-xs)}.pb-sm{padding-bottom:var(--spacing-sm)}.pb-md{padding-bottom:var(--spacing-md)}.pb-lg{padding-bottom:var(--spacing-lg)}.pb-xl{padding-bottom:var(--spacing-xl)}.pl-0{padding-left:0}.pl-xs{padding-left:var(--spacing-xs)}.pl-sm{padding-left:var(--spacing-sm)}.pl-md{padding-left:var(--spacing-md)}.pl-lg{padding-left:var(--spacing-lg)}.pl-xl{padding-left:var(--spacing-xl)}.pr-0{padding-right:0}.pr-xs{padding-right:var(--spacing-xs)}.pr-sm{padding-right:var(--spacing-sm)}.pr-md{padding-right:var(--spacing-md)}.pr-lg{padding-right:var(--spacing-lg)}.pr-xl{padding-right:var(--spacing-xl)}.w-full{width:100%}.w-screen{width:100vw}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.min-w-0{min-width:0}.min-w-full{min-width:100%}.max-w-sm{max-width:384px}.max-w-md{max-width:448px}.max-w-lg{max-width:512px}.max-w-xl{max-width:576px}.max-w-2xl{max-width:672px}.max-w-3xl{max-width:768px}.max-w-4xl{max-width:896px}.max-w-full{max-width:100%}.max-w-none{max-width:none}.h-full{height:100%}.h-screen{height:100vh}.h-auto{height:auto}.h-fit{height:-moz-fit-content;height:fit-content}.min-h-0{min-height:0}.min-h-screen{min-height:100vh}.min-h-full{min-height:100%}.max-h-full{max-height:100%}.max-h-screen{max-height:100vh}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-4{grid-column:span 4/span 4}.col-span-6{grid-column:span 6/span 6}.col-span-full{grid-column:1/-1}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.row-span-1{grid-row:span 1/span 1}.row-span-2{grid-row:span 2/span 2}.row-span-3{grid-row:span 3/span 3}.row-span-full{grid-row:1/-1}.place-items-center{place-items:center}.place-content-center{place-content:center}.text-2xs{font-size:var(--font-size-2xs)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-md{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.leading-tight{line-height:var(--line-height-tight)}.leading-normal{line-height:var(--line-height-normal)}.leading-relaxed{line-height:var(--line-height-relaxed)}.leading-none{line-height:1}.tracking-tight{letter-spacing:-.025em}.tracking-normal{letter-spacing:0}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.underline{text-decoration:underline}.line-through{text-decoration:line-through}.no-underline{text-decoration:none}.italic{font-style:italic}.not-italic{font-style:normal}.font-mono{font-family:var(--font-family-mono)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-2,.line-clamp-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-accent{color:var(--color-accent)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.text-info{color:var(--color-info)}.text-white{color:#fff}.text-inherit{color:inherit}.bg-surface{background-color:var(--color-surface)}.bg-background{background-color:var(--color-background)}.bg-primary{background-color:var(--color-primary)}.bg-accent{background-color:var(--color-accent)}.bg-success{background-color:var(--color-success)}.bg-warning{background-color:var(--color-warning)}.bg-error{background-color:var(--color-error)}.bg-info{background-color:var(--color-info)}.bg-transparent{background-color:transparent}.border{border:1px solid var(--color-border)}.border-t{border-top:1px solid var(--color-border)}.border-b{border-bottom:1px solid var(--color-border)}.border-l{border-left:1px solid var(--color-border)}.border-r{border-right:1px solid var(--color-border)}.border-none{border:none}.rounded-none{border-radius:0}.rounded-xs{border-radius:var(--radius-xs)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{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)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-none{box-shadow:none}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:-webkit-sticky;position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-sticky{z-index:var(--z-sticky)}.z-modal{z-index:var(--z-modal)}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.transition{transition:all var(--transition-normal)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}.transition-none{transition:none}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.visible{visibility:visible}.invisible{visibility:hidden}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.select-auto{-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.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}.object-cover{object-fit:cover}.object-contain{object-fit:contain}.object-fill{object-fit:fill}.object-none{object-fit:none}.object-center{object-position:center}.object-top{object-position:top}.object-bottom{object-position:bottom}.aspect-auto{aspect-ratio:auto}.aspect-square{aspect-ratio:1/1}.aspect-video{aspect-ratio:16/9}.aspect-card{aspect-ratio:var(--card-aspect-ratio)}.list-none{list-style:none}.list-disc{list-style:disc}.list-decimal{list-style:decimal}.list-inside{list-style-position:inside}.isolate{isolation:isolate}@media (max-width:767px){.sm\:hidden{display:none!important}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:flex-col{flex-direction:column}.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:text-center{text-align:center}.sm\:w-full{width:100%}.sm\:p-sm{padding:var(--spacing-sm)}.sm\:p-md{padding:var(--spacing-md)}.sm\:gap-sm{gap:var(--spacing-sm)}.sm\:gap-md{gap:var(--spacing-md)}}@media (min-width:768px){.md\:hidden{display:none!important}.md\:block{display:block}.md\:flex{display:flex}.md\:flex-row{flex-direction:row}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:w-auto{width:auto}.md\:p-lg{padding:var(--spacing-lg)}.md\:gap-lg{gap:var(--spacing-lg)}}@media (min-width:1024px){.lg\:hidden{display:none!important}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:p-xl{padding:var(--spacing-xl)}.lg\:gap-xl{gap:var(--spacing-xl)}}.layout{min-height:100vh;display:flex;flex-direction:column}.header{position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky);height:var(--header-height);background-color:var(--color-surface);border-bottom:1px solid var(--color-border);padding:0 var(--spacing-lg)}.header,.header-content{display:flex;align-items:center}.header-content{max-width:var(--container-max-width);width:100%;margin:0 auto;justify-content:space-between}.header-left{display:flex;align-items:center;gap:var(--spacing-xl)}.header-center{flex:1 1;display:flex;justify-content:center;padding:0 var(--spacing-xl);max-width:500px}.header-right{display:flex;align-items:center;gap:var(--spacing-md)}.logo{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-primary);letter-spacing:-.02em}.logo-accent{color:var(--color-accent)}.main{flex:1 1;display:flex;max-width:var(--container-max-width);width:100%;margin:0 auto;padding:var(--spacing-lg);gap:var(--spacing-xl)}.main-full-width{max-width:100%;padding:0}.sidebar{position:-webkit-sticky;position:sticky;top:calc(var(--header-height) + var(--spacing-lg));width:var(--filter-width);flex-shrink:0;height:-moz-fit-content;height:fit-content;max-height:calc(100vh - var(--header-height) - var(--spacing-lg) * 2);overflow-y:auto;scrollbar-width:thin}.sidebar-nav{display:flex;flex-direction:column;gap:var(--spacing-xs)}.sidebar-link{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.sidebar-link:hover{color:var(--color-text-primary);background-color:var(--color-background)}.sidebar-link.active{color:var(--color-accent);background-color:color-mix(in srgb,var(--color-accent) 8%,transparent);font-weight:var(--font-weight-medium)}.sidebar-link svg{width:18px;height:18px;flex-shrink:0}.sidebar-heading{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;padding:var(--spacing-sm) var(--spacing-md);margin-top:var(--spacing-md)}.sidebar-heading:first-child{margin-top:0}.sidebar-divider{height:1px;background-color:var(--color-border);margin:var(--spacing-sm) 0}.sidebar-link .badge{margin-left:auto}.sidebar-group-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);background:none;border:none;cursor:pointer;border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.sidebar-group-toggle:hover{background-color:var(--color-background)}.sidebar-group-toggle svg{width:16px;height:16px;color:var(--color-text-muted);transition:transform var(--transition-fast)}.sidebar-group.open .sidebar-group-toggle svg{transform:rotate(180deg)}.sidebar-group-content{display:none;padding-left:var(--spacing-md)}.sidebar-group.open .sidebar-group-content{display:block}.content{flex:1 1;min-width:0}.content-full-width{max-width:100%}.container{max-width:var(--container-max-width);width:100%;margin:0 auto;padding:0 var(--spacing-lg)}.container-sm{max-width:800px}.container-lg{max-width:1600px}.container-fluid{max-width:100%}.section{padding:var(--spacing-2xl) 0}.section-sm{padding:var(--spacing-lg) 0}.section-lg{padding:var(--spacing-3xl) 0}.grid{display:grid;grid-gap:var(--spacing-lg);gap:var(--spacing-lg)}.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)}.grid-cols-auto{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.divider{height:1px;margin:var(--spacing-lg) 0}.divider,.divider-vertical{background-color:var(--color-border)}.divider-vertical{width:1px;height:auto;margin:0 var(--spacing-md)}@media (max-width:1023px){.header-center,.sidebar{display:none}.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.main{padding:var(--spacing-md)}.header{padding:0 var(--spacing-md)}.header-left{gap:var(--spacing-md)}.container{padding:0 var(--spacing-md)}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.section{padding:var(--spacing-lg) 0}}.table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.table td,.table th{padding:var(--spacing-sm) var(--spacing-md);text-align:left;vertical-align:middle}.table th{font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);background-color:var(--color-background)}.table td,.table th{border-bottom:1px solid var(--color-border)}.table tbody tr:last-child td{border-bottom:none}.table-striped tbody tr:nth-child(2n){background-color:var(--color-background)}.table-hover tbody tr{transition:background-color var(--transition-fast)}.table-hover tbody tr:hover{background-color:var(--color-background)}.table-bordered,.table-bordered td,.table-bordered th{border:1px solid var(--color-border)}.table-sm td,.table-sm th{padding:var(--spacing-xs) var(--spacing-sm)}.table .text-right{text-align:right}.table .text-center{text-align:center}.table .align-top{vertical-align:top}.table .align-bottom{vertical-align:bottom}.table-sortable th{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color var(--transition-fast)}.table-sortable th:hover{background-color:var(--color-border)}.table-sortable th[data-sort]{padding-right:var(--spacing-xl);position:relative}.table-sortable th[data-sort]:after{content:"";position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid var(--color-text-muted);opacity:.3}.table-sortable th[data-sort=asc]:after{opacity:1;border-top:none;border-bottom:4px solid var(--color-primary)}.table-sortable th[data-sort=desc]:after{opacity:1;border-top:4px solid var(--color-primary)}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width:767px){.table-responsive .table{min-width:600px}}.table-actions{display:flex;align-items:center;gap:var(--spacing-xs);justify-content:flex-end}.table-actions .btn-icon{width:28px;height:28px}.table-actions .btn-icon svg{width:14px;height:14px}.table-selectable tbody tr{cursor:pointer}.table-selectable tbody tr.selected{background-color:color-mix(in srgb,var(--color-accent) 10%,transparent)}.table-selectable tbody tr.selected:hover{background-color:color-mix(in srgb,var(--color-accent) 15%,transparent)}.list{list-style:none;margin:0;padding:0}.list-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-bottom:1px solid var(--color-border);transition:background-color var(--transition-fast)}.list-item:last-child{border-bottom:none}.list-item:hover{background-color:var(--color-background)}.list-item-content{flex:1 1;min-width:0}.list-item-title{font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.list-item-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.list-item-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.list-bordered{border:1px solid var(--color-border);border-radius:var(--radius-md)}.list-bordered .list-item:first-child{border-radius:var(--radius-md) var(--radius-md) 0 0}.list-bordered .list-item:last-child{border-radius:0 0 var(--radius-md) var(--radius-md)}.list-sm .list-item{padding:var(--spacing-sm) var(--spacing-md)}.data-list{display:grid;grid-gap:var(--spacing-sm);gap:var(--spacing-sm)}.data-list-item{display:flex;justify-content:space-between;align-items:baseline;gap:var(--spacing-md);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border)}.data-list-item:last-child{border-bottom:none}.data-list-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);flex-shrink:0}.data-list-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);text-align:right}.data-list-horizontal{display:flex;flex-wrap:wrap;gap:var(--spacing-lg)}.data-list-horizontal .data-list-item{flex-direction:column;align-items:flex-start;border-bottom:none;padding:0;gap:var(--spacing-xs)}.data-list-horizontal .data-list-value{text-align:left;font-size:var(--font-size-lg)}.table-container{overflow:hidden}.table-toolbar{justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border);background-color:var(--color-surface);flex-wrap:wrap}.table-toolbar,.table-toolbar-left{display:flex;align-items:center;gap:var(--spacing-md)}.table-toolbar-left{flex:1 1;min-width:200px}.table-toolbar-right{display:flex;align-items:center;gap:var(--spacing-sm)}.table-toolbar-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.table-toolbar-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted)}.table-search{position:relative;width:100%;max-width:300px}.table-search-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);padding-left:36px;font-size:var(--font-size-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-background);color:var(--color-text-primary);transition:all var(--transition-fast)}.table-search-input:focus{outline:none;border-color:var(--color-accent);box-shadow:var(--focus-ring)}.table-search-input::placeholder{color:var(--color-text-muted)}.table-search-icon{left:var(--spacing-sm);pointer-events:none}.table-search-clear,.table-search-icon{position:absolute;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--color-text-muted)}.table-search-clear{right:var(--spacing-sm);padding:0;border:none;background:none;cursor:pointer;opacity:0;transition:opacity var(--transition-fast)}.table-search-input:not(:placeholder-shown)~.table-search-clear{opacity:1}.table-search-clear:hover{color:var(--color-text-primary)}.table-filters{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border-bottom:1px solid var(--color-border);background-color:var(--color-background);flex-wrap:wrap}.table-filter{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.table-filter:hover{border-color:var(--color-accent);color:var(--color-accent)}.table-filter.active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-surface)}.table-filter-icon{width:14px;height:14px}.table-filter-label{white-space:nowrap}.table-filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);background-color:rgba(0,0,0,.1);border-radius:var(--radius-full)}.table-filter.active .table-filter-count{background-color:hsla(0,0%,100%,.2)}.table-filter-dropdown{position:relative}.table-filter-dropdown-content{position:absolute;top:100%;left:0;margin-top:var(--spacing-xs);min-width:200px;padding:var(--spacing-sm);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);opacity:0;visibility:hidden;transform:translateY(-8px);transition:all var(--transition-fast)}.table-filter-dropdown.open .table-filter-dropdown-content{opacity:1;visibility:visible;transform:translateY(0)}.table-filter-option{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-primary);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast)}.table-filter-option:hover{background-color:var(--color-background)}.table-filter-option input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-accent)}.table-active-filters{display:flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap}.table-active-filter{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:2px var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-accent);background-color:color-mix(in srgb,var(--color-accent) 10%,transparent);border-radius:var(--radius-full)}.table-active-filter-remove{width:14px;height:14px;padding:0;border:none;background:none;color:var(--color-accent);cursor:pointer;opacity:.7;transition:opacity var(--transition-fast)}.table-active-filter-remove:hover{opacity:1}.table-clear-filters{font-size:var(--font-size-xs);color:var(--color-text-muted);background:none;border:none;padding:0;cursor:pointer;text-decoration:underline}.table-clear-filters:hover{color:var(--color-text-primary)}.table-bulk-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-primary);color:var(--color-surface)}.table-bulk-info{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm)}.table-bulk-count{font-weight:var(--font-weight-semibold)}.table-bulk-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.table-bulk-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-surface);background-color:hsla(0,0%,100%,.15);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast)}.table-bulk-btn:hover{background-color:hsla(0,0%,100%,.25)}.table-bulk-btn svg{width:16px;height:16px}.table-bulk-close{width:24px;height:24px;padding:0;border:none;background:none;color:var(--color-surface);cursor:pointer;opacity:.7;transition:opacity var(--transition-fast)}.table-bulk-close:hover{opacity:1}.table .table-checkbox{width:40px;text-align:center}.table .table-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-accent);cursor:pointer}.table-checkbox-indeterminate{position:relative}.table-checkbox-indeterminate:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:2px;background-color:var(--color-accent)}.table-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--color-border);background-color:var(--color-surface);flex-wrap:wrap}.table-footer-info{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.table-footer-info strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.table-pagination{display:flex;align-items:center;gap:var(--spacing-xs)}.table-pagination-btn{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);background-color:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.table-pagination-btn:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.table-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.table-pagination-btn.active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-surface)}.table-pagination-btn svg{width:16px;height:16px}.table-pagination-ellipsis{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--color-text-muted)}.table-per-page{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.table-per-page-select{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-surface);color:var(--color-text-primary);cursor:pointer}.table-per-page-select:focus{outline:none;border-color:var(--color-accent)}.table tbody tr.row-success{background-color:color-mix(in srgb,var(--color-success) 5%,transparent)}.table tbody tr.row-warning{background-color:color-mix(in srgb,var(--color-warning) 5%,transparent)}.table tbody tr.row-error{background-color:color-mix(in srgb,var(--color-error) 5%,transparent)}.table tbody tr.row-info{background-color:color-mix(in srgb,var(--color-info) 5%,transparent)}.table tbody tr.row-muted{opacity:.5}.table-expand-btn{width:24px;height:24px;padding:0;border:none;background:none;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.table-expand-btn:hover{color:var(--color-text-primary)}.table-expand-btn svg{width:16px;height:16px;transition:transform var(--transition-fast)}.table-expand-btn.expanded svg{transform:rotate(90deg)}.table-expand-content{display:none;padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-background)}.table-expand-content.expanded{display:block}.table-empty{padding:var(--spacing-3xl);text-align:center}.table-empty-icon{width:64px;height:64px;margin:0 auto var(--spacing-md);color:var(--color-text-muted);opacity:.5}.table-empty-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.table-empty-text{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-md)}.table-loading{position:relative}.table-loading-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:hsla(0,0%,100%,.8);z-index:10}.table-resizable th{position:relative}.table-column-resizer{position:absolute;right:0;top:0;bottom:0;width:4px;cursor:col-resize;background-color:transparent;transition:background-color var(--transition-fast)}.table-column-resizer.resizing,.table-column-resizer:hover{background-color:var(--color-accent)}.table-scroll-container{position:relative;max-height:600px;overflow-y:auto;border:1px solid var(--color-border);border-radius:var(--radius-md)}.table-scroll-container .table{margin:0}.table-scroll-container thead th,.table-sticky-header thead th{position:-webkit-sticky;position:sticky;top:0;z-index:2;background-color:var(--color-surface);box-shadow:0 1px 0 var(--color-border)}.table-sticky-header.header-released thead th{position:relative}.table-sticky-column td:first-child,.table-sticky-column th:first-child{position:-webkit-sticky;position:sticky;left:0;z-index:1;background-color:var(--color-surface)}.table-sticky-column td:first-child:after,.table-sticky-column th:first-child:after{content:"";position:absolute;right:0;top:0;bottom:0;width:4px;background:var(--shadow-sticky-col)}.table-advanced th{position:relative;padding:var(--spacing-sm) var(--spacing-md);padding-right:60px;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.table-advanced th.resizable{min-width:80px}.th-controls{position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%);gap:2px}.th-controls,.th-sort-btn{display:flex;align-items:center}.th-sort-btn{width:20px;height:20px;padding:0;border:none;background:none;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);justify-content:center;transition:all var(--transition-fast);opacity:.4}.th-sort-btn:hover{opacity:1;background-color:rgba(0,0,0,.05)}.th-sort-btn.active{opacity:1;color:var(--color-primary)}.th-sort-btn svg{width:14px;height:14px}.th-filter-btn{width:20px;height:20px;padding:0;border:none;background:none;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);opacity:.4}.th-filter-btn:hover{opacity:1;background-color:rgba(0,0,0,.05)}.th-filter-btn.active{opacity:1;color:var(--color-accent);background-color:color-mix(in srgb,var(--color-accent) 10%,transparent)}.th-filter-btn svg{width:12px;height:12px}.th-resizer{position:absolute;right:0;top:0;bottom:0;width:6px;cursor:col-resize;background:transparent;z-index:1}.th-resizer.resizing,.th-resizer:hover{background:var(--color-accent)}.th-drag-handle{position:absolute;left:var(--spacing-xs);top:50%;transform:translateY(-50%);width:16px;height:16px;cursor:-webkit-grab;cursor:grab;color:var(--color-text-muted);opacity:0;transition:opacity var(--transition-fast)}.table-advanced th:hover .th-drag-handle{opacity:.5}.th-drag-handle:hover{opacity:1!important}.th-drag-handle:active{cursor:-webkit-grabbing;cursor:grabbing}.th-drag-handle svg{width:16px;height:16px}.table-advanced th.dragging{opacity:.5;background-color:var(--color-accent)}.table-advanced th.drag-over{border-left:3px solid var(--color-accent)}.column-filter-dropdown{position:absolute;top:100%;left:0;min-width:220px;max-width:300px;padding:var(--spacing-sm);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);opacity:0;visibility:hidden;transform:translateY(-8px);transition:all var(--transition-fast)}.column-filter-dropdown.open{opacity:1;visibility:visible;transform:translateY(4px)}.column-filter-search{position:relative;margin-bottom:var(--spacing-sm)}.column-filter-search input{width:100%;padding:var(--spacing-xs) var(--spacing-sm);padding-left:28px;font-size:var(--font-size-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-background)}.column-filter-search input:focus{outline:none;border-color:var(--color-accent)}.column-filter-search svg{position:absolute;left:var(--spacing-xs);top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--color-text-muted)}.column-filter-list{max-height:200px;overflow-y:auto;margin:0;padding:0;list-style:none}.column-filter-item{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-primary);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast)}.column-filter-item:hover{background-color:var(--color-background)}.column-filter-item input[type=checkbox]{width:14px;height:14px;accent-color:var(--color-accent)}.column-filter-item-count{margin-left:auto;font-size:var(--font-size-xs);color:var(--color-text-muted)}.column-filter-actions{display:flex;gap:var(--spacing-xs);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border)}.column-filter-actions button{flex:1 1;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.column-filter-apply{background-color:var(--color-primary);color:var(--color-surface);border:none}.column-filter-apply:hover{background-color:var(--color-text-primary)}.column-filter-clear{background-color:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border)}.column-filter-clear:hover{border-color:var(--color-text-muted)}.table-settings-btn{width:32px;height:32px;padding:0;border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.table-settings-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.table-settings-btn svg{width:18px;height:18px}.column-settings-panel{position:absolute;top:100%;right:0;width:280px;max-height:400px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);opacity:0;visibility:hidden;transform:translateY(-8px);transition:all var(--transition-fast)}.column-settings-panel.open{opacity:1;visibility:visible;transform:translateY(4px)}.column-settings-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border)}.column-settings-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.column-settings-close{width:20px;height:20px;padding:0;border:none;background:none;color:var(--color-text-muted);cursor:pointer}.column-settings-close:hover{color:var(--color-text-primary)}.column-settings-list{padding:var(--spacing-sm);max-height:300px;overflow-y:auto;list-style:none;margin:0}.column-settings-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);cursor:-webkit-grab;cursor:grab;transition:background-color var(--transition-fast)}.column-settings-item:hover{background-color:var(--color-background)}.column-settings-item.dragging{opacity:.5;background-color:var(--color-accent)}.column-settings-item.drag-over{border-top:2px solid var(--color-accent)}.column-settings-drag{width:16px;height:16px;color:var(--color-text-muted);flex-shrink:0}.column-settings-checkbox{width:16px;height:16px;accent-color:var(--color-accent);flex-shrink:0}.column-settings-label{flex:1 1;font-size:var(--font-size-sm);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.column-settings-item.disabled .column-settings-label{color:var(--color-text-muted);text-decoration:line-through}.column-settings-footer{display:flex;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid var(--color-border)}.column-settings-footer button{flex:1 1;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);border-radius:var(--radius-sm);cursor:pointer}.table-advanced td{max-width:200px;position:relative;overflow:hidden}.table-advanced td .cell-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.table-advanced td.cell-overflow{position:relative}.table-advanced td.cell-overflow:after{content:"";position:absolute;right:0;top:0;bottom:0;width:40px;background:linear-gradient(to right,transparent,var(--color-surface));pointer-events:none}.table-advanced td.cell-overflow:hover{overflow:visible;z-index:10}.table-advanced td.cell-overflow:hover .cell-content{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);white-space:nowrap;background-color:var(--color-surface);padding-right:var(--spacing-md);box-shadow:var(--shadow-md);border-radius:var(--radius-sm);z-index:11}.table-advanced td.cell-overflow:hover:after{display:none}.table-crossfilter,.table-crossfilter.filtered tbody tr{transition:opacity var(--transition-fast)}.table-crossfilter.filtered tbody tr{opacity:.3}.table-crossfilter.filtered tbody tr.highlighted{opacity:1;background-color:color-mix(in srgb,var(--color-accent) 8%,transparent)}.table-crossfilter.filtered tbody tr.highlighted:hover{background-color:color-mix(in srgb,var(--color-accent) 12%,transparent)}.crossfilter-indicator{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:2px var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-info);background-color:color-mix(in srgb,var(--color-info) 10%,transparent);border-radius:var(--radius-full);margin-left:var(--spacing-sm)}.crossfilter-indicator svg{width:12px;height:12px}.table-container{margin:var(--spacing-md) 0;padding:var(--spacing-lg);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.table-advanced{margin:0 calc(var(--spacing-lg) * -1);width:calc(100% + var(--spacing-lg) * 2)}.table-advanced tbody tr td:first-child,.table-advanced thead tr th:first-child{padding-left:var(--spacing-xl)}.table-advanced tbody tr td:last-child,.table-advanced thead tr th:last-child{padding-right:var(--spacing-xl)}.table-advanced th{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.table-advanced td{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.table-toolbar{padding:0 0 var(--spacing-md) 0}.table-footer{padding:var(--spacing-md) 0 0 0}.table-advanced td.column-hidden,.table-advanced th.column-hidden{display:none}.table-summary-row td{font-weight:var(--font-weight-semibold);background-color:var(--color-background);border-top:2px solid var(--color-border)}.table-summary-row td.summary-label{color:var(--color-text-secondary)}.table-summary-row td.summary-value{color:var(--color-text-primary)}.tabs{display:flex;align-items:center;gap:var(--spacing-xs);border-bottom:1px solid var(--color-border)}.tabs-pills{border-bottom:none;gap:var(--spacing-sm)}.tab{position:relative;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);transition:color var(--transition-fast);cursor:pointer;white-space:nowrap}.tab.active,.tab:hover{color:var(--color-primary)}.tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:var(--color-primary)}.tabs-pills .tab{border-radius:var(--radius-md);background-color:transparent}.tabs-pills .tab:hover{background-color:var(--color-background)}.tabs-pills .tab.active{background-color:var(--color-primary);color:var(--color-surface)}.tabs-pills .tab.active:after{display:none}.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-xs);font-size:var(--font-size-sm)}.breadcrumb-item{color:var(--color-text-secondary);transition:color var(--transition-fast)}.breadcrumb-item:hover:not(.active){color:var(--color-primary)}.breadcrumb-item.active{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.breadcrumb-separator{color:var(--color-text-muted)}.breadcrumb-separator svg{width:16px;height:16px}.nav{display:flex;align-items:center;gap:var(--spacing-lg)}.nav-vertical{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.nav-link{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);transition:color var(--transition-fast);padding:var(--spacing-xs) 0}.nav-link.active,.nav-link:hover{color:var(--color-primary)}.pagination{gap:var(--spacing-xs)}.pagination,.pagination-item{display:flex;align-items:center}.pagination-item{justify-content:center;min-width:36px;height:36px;padding:0 var(--spacing-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer}.pagination-item:hover{background-color:var(--color-background);color:var(--color-primary)}.pagination-item.active{background-color:var(--color-primary);color:var(--color-surface)}.pagination-item.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.pagination-item svg{width:18px;height:18px}.pagination-ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;font-size:var(--font-size-sm);color:var(--color-text-muted);-webkit-user-select:none;-moz-user-select:none;user-select:none}.pagination-info{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 var(--spacing-sm)}.menu{position:absolute;top:100%;left:0;min-width:200px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--spacing-xs);z-index:var(--z-dropdown);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all var(--transition-fast)}.menu.open{opacity:1;visibility:visible;transform:translateY(0)}.menu-right{left:auto;right:0}.menu-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-primary);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast)}.menu-item.active,.menu-item:hover{background-color:var(--color-background)}.menu-item.active{font-weight:var(--font-weight-medium)}.menu-item.danger{color:var(--color-error)}.menu-item.danger:hover{background-color:color-mix(in srgb,var(--color-error) 10%,transparent)}.menu-item svg{width:18px;height:18px;flex-shrink:0}.menu-divider{height:1px;background-color:var(--color-border);margin:var(--spacing-xs) 0}.avatar-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);color:var(--color-text-secondary);transition:all var(--transition-fast)}.avatar-link:hover{color:var(--color-primary);background-color:var(--color-background)}.avatar-link.active{color:var(--color-primary);background-color:rgba(26,54,93,.08)}.avatar-link svg{width:20px;height:20px}.card{position:relative;background-color:var(--color-surface);border-radius:var(--radius-md);overflow:hidden;transition:all var(--transition-normal)}.card-bordered{border:1px solid var(--color-border)}.card-shadow{box-shadow:var(--shadow-sm)}.card:hover.card-hoverable{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-image{position:relative;width:100%;aspect-ratio:var(--card-aspect-ratio);overflow:hidden;background-color:var(--color-background)}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.card:hover .card-image img{transform:scale(1.03)}.card-image-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.6) 0,transparent 50%);opacity:0;transition:opacity var(--transition-normal)}.card:hover .card-image-overlay{opacity:1}.card-body{padding:var(--spacing-md)}.card-body-sm{padding:var(--spacing-sm)}.card-body-lg{padding:var(--spacing-lg)}.card-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.card-title-sm{font-size:var(--font-size-sm)}.card-title-lg{font-size:var(--font-size-lg)}.card-subtitle{margin-bottom:var(--spacing-sm)}.card-subtitle,.card-text{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.card-text{line-height:var(--line-height-relaxed)}.card-price{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.card-price-old{font-size:var(--font-size-sm);color:var(--color-text-muted);text-decoration:line-through;margin-left:var(--spacing-sm)}.card-badge{position:absolute;top:var(--spacing-sm);left:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);background-color:var(--color-primary);color:var(--color-surface);border-radius:var(--radius-sm);z-index:5}.card-badge-accent{background-color:var(--color-accent)}.card-badge-success{background-color:var(--color-success)}.card-actions{padding:var(--spacing-md);padding-top:0}.card-actions,.card-actions-overlay{display:flex;align-items:center;gap:var(--spacing-sm)}.card-actions-overlay{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-md);background:linear-gradient(0deg,rgba(0,0,0,.7),transparent);opacity:0;transform:translateY(10px);transition:all var(--transition-normal)}.card:hover .card-actions-overlay{opacity:1;transform:translateY(0)}.card-grid{display:grid;grid-gap:var(--card-gap);gap:var(--card-gap);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.card-grid-2{grid-template-columns:repeat(2,1fr)}.card-grid-3{grid-template-columns:repeat(3,1fr)}.card-grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1023px){.card-grid-3,.card-grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.card-grid-2,.card-grid-3,.card-grid-4{grid-template-columns:1fr}.card-grid{gap:var(--spacing-md)}}.card-horizontal{display:flex;flex-direction:row}.card-horizontal .card-image{width:200px;flex-shrink:0;aspect-ratio:auto;height:auto}.card-horizontal .card-body{flex:1 1;display:flex;flex-direction:column;justify-content:center}@media (max-width:767px){.card-horizontal{flex-direction:column}.card-horizontal .card-image{width:100%;aspect-ratio:16/9}}.badge{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1;border-radius:var(--radius-sm);white-space:nowrap}.badge-default{background-color:var(--color-background);color:var(--color-text-secondary);border:1px solid var(--color-border)}.badge-primary{background-color:var(--color-primary);color:var(--color-surface)}.badge-secondary{background-color:var(--color-secondary);color:var(--color-surface)}.badge-accent{background-color:var(--color-accent);color:var(--color-surface)}.badge-success{background-color:color-mix(in srgb,var(--color-success) 15%,transparent);color:var(--color-success-text)}.badge-warning{background-color:color-mix(in srgb,var(--color-warning) 15%,transparent);color:var(--color-warning-text)}.badge-danger,.badge-error{background-color:color-mix(in srgb,var(--color-error) 15%,transparent);color:var(--color-error-text)}.badge-info{background-color:color-mix(in srgb,var(--color-info) 15%,transparent);color:var(--color-info-text)}.badge-sm{padding:2px var(--spacing-xs);font-size:var(--font-size-2xs)}.badge-lg{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}.badge-dot,.badge-pill{border-radius:var(--radius-full)}.badge-dot{width:8px;height:8px;padding:0}.badge-dot.badge-lg{width:12px;height:12px}.badge-icon{gap:var(--spacing-xs)}.badge-icon svg{width:12px;height:12px}.badge-lg.badge-icon svg{width:14px;height:14px}.tag{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);background-color:var(--color-background);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.tag:hover{border-color:var(--color-border-hover)}.tag-remove{display:flex;align-items:center;justify-content:center;width:14px;height:14px;margin-left:var(--spacing-xs);margin-right:calc(var(--spacing-xs) * -1);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);background:none;border:none;padding:0}.tag-remove:hover{background-color:var(--color-border);color:var(--color-text-primary)}.tag-remove svg{width:10px;height:10px}.tag-primary{background-color:color-mix(in srgb,var(--color-primary) 8%,transparent);border-color:transparent}.tag-accent{background-color:color-mix(in srgb,var(--color-accent) 10%,transparent);border-color:transparent;color:var(--color-accent)}.tag-group{display:flex;flex-wrap:wrap}.status,.tag-group{gap:var(--spacing-xs)}.status{display:inline-flex;align-items:center;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.status-dot{width:8px;height:8px;border-radius:var(--radius-full);background-color:var(--color-text-muted)}.status-online .status-dot{background-color:var(--color-success)}.status-offline .status-dot{background-color:var(--color-text-muted)}.status-busy .status-dot{background-color:var(--color-error)}.status-away .status-dot{background-color:var(--color-warning)}.status-dot-pulse{position:relative}.status-dot-pulse:after{content:"";position:absolute;inset:0;border-radius:var(--radius-full);background-color:inherit;animation:statusPulse 2s ease-in-out infinite}@keyframes statusPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(2);opacity:0}}.notification-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 var(--spacing-xs);font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);background-color:var(--color-error);color:#fff;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.notification-badge-dot{min-width:10px;width:10px;height:10px;padding:0}.chip{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.chip:hover{background-color:var(--color-surface);border-color:var(--color-border-hover)}.chip.active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-surface)}.chip-avatar{width:20px;height:20px;margin-left:calc(var(--spacing-xs) * -1);object-fit:cover}.chip-avatar,.chip-remove{border-radius:var(--radius-full)}.chip-remove{display:flex;align-items:center;justify-content:center;width:16px;height:16px;margin-right:calc(var(--spacing-xs) * -1);color:inherit;opacity:.6;cursor:pointer;transition:opacity var(--transition-fast);background:none;border:none;padding:0}.chip-remove:hover{opacity:1}.chip-remove svg{width:12px;height:12px}.kb-layout{display:grid;grid-template-columns:220px 1fr;grid-gap:var(--spacing-xl);gap:var(--spacing-xl);max-width:1120px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-md)}@media (max-width:1023px){.kb-layout{grid-template-columns:1fr}}.kb-article{max-width:800px;width:100%;font-family:var(--font-family);font-size:15px;line-height:1.75;color:var(--color-text-primary)}.kb-h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.kb-h1,.kb-h2{line-height:var(--line-height-tight);color:var(--color-text-primary)}.kb-h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin:40px 0 var(--spacing-md) 0;padding:0}.kb-h3{font-size:var(--font-size-lg);line-height:var(--line-height-tight);color:var(--color-text-primary);margin:var(--spacing-xl) 0 var(--spacing-sm) 0}.kb-h3,.kb-h4{font-weight:var(--font-weight-medium)}.kb-h4{font-size:var(--font-size-md);line-height:var(--line-height-normal);color:var(--color-text-secondary);margin:var(--spacing-lg) 0 var(--spacing-sm) 0}.kb-p{margin:0 0 var(--spacing-md) 0;color:var(--color-text-primary)}.kb-meta{flex-wrap:wrap;gap:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-lg)}.kb-meta,.kb-meta__breadcrumb{display:flex;align-items:center}.kb-meta__breadcrumb{gap:var(--spacing-xs);width:100%;margin-bottom:var(--spacing-xs)}.kb-meta__breadcrumb a{color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast)}.kb-meta__breadcrumb a:hover{color:var(--color-accent)}.kb-meta__breadcrumb-separator{color:var(--color-text-muted);font-size:var(--font-size-xs)}.kb-meta__author,.kb-meta__date,.kb-meta__reading-time{display:inline-flex;align-items:center;gap:var(--spacing-xs)}.kb-meta__separator{color:var(--color-border)}.kb-toc{position:-webkit-sticky;position:sticky;top:calc(var(--header-height) + var(--spacing-lg));align-self:start;max-height:calc(100vh - var(--header-height) - var(--spacing-2xl));overflow-y:auto;padding-right:var(--spacing-md)}.kb-toc__title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin:0 0 var(--spacing-sm) 0}.kb-toc__list{list-style:none;margin:0;padding:0}.kb-toc__item{margin:0}.kb-toc__link{display:block;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);line-height:var(--line-height-normal);color:var(--color-text-secondary);text-decoration:none;border-left:2px solid transparent;border-radius:0 var(--radius-xs) var(--radius-xs) 0;transition:color var(--transition-fast),border-color var(--transition-fast),background-color var(--transition-fast)}.kb-toc__link:hover{color:var(--color-text-primary);background-color:var(--color-background)}.kb-toc__link--active{color:var(--color-accent);border-left-color:var(--color-accent);font-weight:var(--font-weight-medium)}.kb-toc__link--h2{padding-left:var(--spacing-md)}.kb-toc__link--h3{padding-left:var(--spacing-lg);font-size:var(--font-size-xs)}@media (max-width:1023px){.kb-toc{position:static;max-height:none;padding:var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}}.kb-nav{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.kb-nav__list{list-style:none;margin:0;padding:0}.kb-nav__item{margin:0}.kb-nav__group{margin-bottom:var(--spacing-xs)}.kb-nav__group-toggle{display:flex;align-items:center;gap:var(--spacing-xs);width:100%;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:background-color var(--transition-fast)}.kb-nav__group-toggle:hover{background-color:var(--color-background)}.kb-nav__group-icon{width:16px;height:16px;flex-shrink:0;transition:transform var(--transition-fast)}.kb-nav__group--collapsed .kb-nav__group-icon{transform:rotate(-90deg)}.kb-nav__group--collapsed .kb-nav__children{display:none}.kb-nav__children{padding-left:var(--spacing-md)}.kb-nav__link{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);color:var(--color-text-secondary);text-decoration:none;border-radius:var(--radius-sm);transition:color var(--transition-fast),background-color var(--transition-fast)}.kb-nav__link:hover{color:var(--color-text-primary);background-color:var(--color-background)}.kb-nav__link--active{color:var(--color-accent);background-color:var(--color-background);font-weight:var(--font-weight-medium)}.kb-nav__link-icon{width:14px;height:14px;flex-shrink:0;opacity:.6}.kb-nav__link--active .kb-nav__link-icon{opacity:1}.kb-callout{padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) var(--spacing-lg);margin-bottom:var(--spacing-md);border-left:3px solid var(--color-info);background-color:color-mix(in srgb,var(--color-info) 5%,transparent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:15px}.kb-callout__title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs);display:flex;align-items:center;gap:var(--spacing-xs)}.kb-callout--info{border-left-color:var(--color-info);background-color:color-mix(in srgb,var(--color-info) 5%,transparent)}.kb-callout--info .kb-callout__title{color:var(--color-info)}.kb-callout--warning{border-left-color:var(--color-warning);background-color:color-mix(in srgb,var(--color-warning) 5%,transparent)}.kb-callout--warning .kb-callout__title{color:var(--color-warning)}.kb-callout--tip{border-left-color:var(--color-success);background-color:color-mix(in srgb,var(--color-success) 5%,transparent)}.kb-callout--tip .kb-callout__title{color:var(--color-success)}.kb-quote{margin:var(--spacing-lg) 0;padding:var(--spacing-md) var(--spacing-lg);border-left:3px solid var(--color-accent);background-color:var(--color-background);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-style:italic;color:var(--color-text-secondary)}.kb-quote__text{margin:0 0 var(--spacing-sm) 0;font-size:15px;line-height:1.75}.kb-quote__author{font-size:var(--font-size-sm);font-style:normal;font-weight:var(--font-weight-medium);color:var(--color-text-muted)}.kb-quote__author:before{content:"\2014\00a0"}.kb-code-block{position:relative;margin-bottom:var(--spacing-md);border-radius:var(--radius-md);overflow:hidden;background-color:#1e1e2e;border:1px solid var(--color-border)}.kb-code-block__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xs) var(--spacing-md);background-color:rgba(0,0,0,.15);font-size:var(--font-size-xs);color:#a3a3a3}.kb-code-block__lang{font-family:var(--font-family-mono);text-transform:uppercase;letter-spacing:.05em}.kb-code-block__copy{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-family:var(--font-family);color:#a3a3a3;background:none;border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.kb-code-block__copy:hover{color:#e5e5e5;border-color:hsla(0,0%,100%,.25)}.kb-code-block pre{margin:0;padding:var(--spacing-md);overflow-x:auto}.kb-code-block code{font-family:var(--font-family-mono);font-size:var(--font-size-sm);line-height:1.6;color:#e5e5e5}.kb-image{margin:var(--spacing-lg) 0;text-align:center}.kb-image img{max-width:100%;height:auto;border-radius:var(--radius-md);border:1px solid var(--color-border)}.kb-image__caption{margin-top:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-muted);font-style:italic}.kb-list{margin:0 0 var(--spacing-md) 0;padding-left:var(--spacing-lg)}.kb-list li{margin-bottom:var(--spacing-sm);line-height:1.7;color:var(--color-text-primary)}.kb-list li::marker{color:var(--color-accent)}.kb-list .kb-list{margin-top:var(--spacing-sm);margin-bottom:0}ol.kb-list{counter-reset:kb-counter;list-style:none;padding-left:var(--spacing-lg)}ol.kb-list>li{counter-increment:kb-counter;position:relative}ol.kb-list>li:before{content:counter(kb-counter) ".";position:absolute;left:calc(-1 * var(--spacing-lg));width:var(--spacing-lg);font-weight:var(--font-weight-semibold);color:var(--color-accent)}.kb-table{width:100%;margin-bottom:var(--spacing-md);border-collapse:collapse;font-size:var(--font-size-sm)}.kb-table thead{border-bottom:2px solid var(--color-border)}.kb-table th{text-align:left;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.03em}.kb-table td,.kb-table th{padding:var(--spacing-sm) var(--spacing-md)}.kb-table td{color:var(--color-text-primary);border-bottom:1px solid var(--color-border)}.kb-table tbody tr:hover{background-color:var(--color-background)}.kb-highlight-block{padding:var(--spacing-md) var(--spacing-lg);margin-bottom:var(--spacing-md);border-radius:var(--radius-md);font-size:15px;line-height:1.75}.kb-highlight-block--blue{background-color:color-mix(in srgb,var(--color-info) 8%,transparent);color:var(--color-text-primary)}.kb-highlight-block--green{background-color:color-mix(in srgb,var(--color-success) 8%,transparent);color:var(--color-text-primary)}.kb-highlight-block--yellow{background-color:color-mix(in srgb,var(--color-warning) 8%,transparent);color:var(--color-text-primary)}.kb-highlight-block--red{background-color:color-mix(in srgb,var(--color-error) 8%,transparent);color:var(--color-text-primary)}.kb-layout{scroll-behavior:smooth}@media (max-width:767px){.kb-article{font-size:var(--font-size-sm)}.kb-h1{font-size:var(--font-size-2xl)}.kb-h2{font-size:var(--font-size-xl);margin-top:var(--spacing-xl)}.kb-h3{font-size:var(--font-size-md);margin-top:var(--spacing-lg)}.kb-callout,.kb-highlight-block,.kb-quote{padding:var(--spacing-sm) var(--spacing-md)}.kb-code-block pre{padding:var(--spacing-sm)}.kb-table{display:block;overflow-x:auto}.kb-meta{font-size:var(--font-size-xs)}}