:root{--color-primary:#eeff2b;--color-primary-hover:#f5ff66;--color-primary-active:#e2f400;--color-primary-light:#eeff2b1a;--color-primary-soft:#eeff2b1a;--color-primary-lighter:#eeff2b0d;--color-primary-glow:#eeff2b24;--badge-neutral-bg:#17171a;--badge-neutral-border:#ffffff14;--badge-neutral-text:#c7c7ce;--badge-accent-bg:#17190e;--badge-accent-border:#eeff2b29;--badge-accent-text:#b7c44e;--badge-save-bg:#17190e;--badge-save-border:#eeff2b2e;--badge-save-text:#c3d058;--bg-base:#0a0a0a;--bg-raised:#0d0d0d;--bg-elevated:#141416;--bg-surface:#101010;--bg-muted:#1c1c1f;--bg-subtle:#222225;--bg-hover:#ffffff0a;--bg-active:#ffffff0f;--code-bg:#1e1e1e;--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-tertiary:#71717a;--text-muted:#52525b;--text-disabled:#3f3f46;--text-inverse:#0a0a0a;--text-link:var(--color-primary);--text-link-hover:#34d399;--border-subtle:#ffffff0f;--border-default:#ffffff14;--border-muted:#ffffff1a;--border-emphasis:#ffffff24;--border-strong:#fff3;--border-focus:var(--color-primary);--color-success:#22c55e;--color-success-bg:#22c55e1a;--color-success-border:#22c55e33;--color-warning:#f59e0b;--color-warning-bg:#f59e0b1a;--color-warning-border:#f59e0b33;--color-error:#ef4444;--color-error-bg:#ef44441a;--color-error-border:#ef444433;--color-info:#3b82f6;--color-info-bg:#3b82f61a;--color-info-border:#3b82f633;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "SF Mono", "Fira Code", monospace;--font-display:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--text-2xs:.6875rem;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.875rem;--text-md:.9375rem;--text-lg:1.0625rem;--text-xl:1.1875rem;--text-2xl:1.375rem;--text-3xl:1.625rem;--text-4xl:2rem;--text-5xl:2.5rem;--text-6xl:3.25rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--tracking-tighter:-.02em;--tracking-tight:-.01em;--tracking-normal:0;--tracking-wide:.01em;--space-0:0;--space-px:1px;--space-0-5:.125rem;--space-1:.25rem;--space-1-5:.375rem;--space-2:.5rem;--space-2-5:.625rem;--space-3:.75rem;--space-3-5:.875rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-9:2.25rem;--space-10:2.5rem;--space-11:2.75rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--radius-none:0;--radius-xs:.125rem;--radius-sm:.25rem;--radius-default:.375rem;--radius-md:.5rem;--radius-lg:.625rem;--radius-xl:.875rem;--radius-2xl:1rem;--radius-full:9999px;--shadow-xs:0 1px 2px #0006;--shadow-sm:0 1px 3px #00000080, 0 1px 2px #0006;--shadow-md:0 4px 6px -1px #00000080, 0 2px 4px -1px #0006;--shadow-lg:0 10px 15px -3px #00000080, 0 4px 6px -2px #0006;--shadow-xl:0 20px 25px -5px #00000080, 0 10px 10px -5px #0006;--shadow-2xl:0 25px 50px -12px #000000b3;--shadow-glow:0 0 20px #eeff2b1f;--shadow-glow-lg:0 0 40px #eeff2b29;--duration-instant:50ms;--duration-fast:.1s;--duration-normal:.15s;--duration-moderate:.2s;--duration-slow:.3s;--duration-slower:.4s;--duration-slowest:.5s;--ease-default:cubic-bezier(.4, 0, .2, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--ease-bounce:cubic-bezier(.68, -.55, .265, 1.55);--ease-spring:cubic-bezier(.175, .885, .32, 1.275);--transition-fast:var(--duration-fast) var(--ease-default);--transition-normal:var(--duration-normal) var(--ease-default);--transition-moderate:var(--duration-moderate) var(--ease-default);--transition-slow:var(--duration-slow) var(--ease-default);--transition-colors:color var(--duration-fast) var(--ease-default), background-color var(--duration-fast) var(--ease-default), border-color var(--duration-fast) var(--ease-default);--transition-transform:transform var(--duration-normal) var(--ease-default);--transition-all:all var(--duration-normal) var(--ease-default);--z-base:0;--z-raised:1;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-popover:500;--z-toast:600;--z-tooltip:700;--z-max:9999;--header-height:56px;--sidebar-width:220px;--sidebar-collapsed:60px;--content-max-width:1200px;--content-narrow:680px;--modal-sm:380px;--modal-md:480px;--modal-lg:600px;--modal-xl:800px;--modal-2xl:1080px;--input-height-sm:32px;--input-height-md:36px;--input-height-lg:40px;--btn-height-xs:28px;--btn-height-sm:32px;--btn-height-md:36px;--btn-height-lg:40px;--btn-height-xl:44px;--badge-height:22px;--badge-height-sm:18px;--spacing-1:var(--space-1);--spacing-2:var(--space-2);--spacing-3:var(--space-3);--spacing-4:var(--space-4);--spacing-5:var(--space-5);--spacing-6:var(--space-6);--spacing-8:var(--space-8);--spacing-12:var(--space-12);--font-size-xs:var(--text-xs);--font-size-sm:var(--text-sm);--font-size-base:var(--text-base);--font-size-md:var(--text-md);--font-size-lg:var(--text-lg);--font-size-xl:var(--text-xl);--font-size-2xl:var(--text-2xl);--color-text-primary:var(--text-primary);--color-text-secondary:var(--text-secondary);--color-text-tertiary:var(--text-tertiary);--color-bg-primary:var(--bg-base);--color-bg-secondary:var(--bg-raised);--color-bg-tertiary:var(--bg-elevated);--color-bg-hover:var(--bg-hover);--color-border:var(--border-default);--color-danger:var(--color-error);--color-primary-alpha:var(--color-primary-light)}[data-theme=light]{--color-primary:#6e7d00;--color-primary-hover:#5b6900;--color-primary-active:#4a5600;--color-primary-light:#6e7d001f;--color-primary-lighter:#6e7d000f;--color-primary-soft:#6e7d0024;--badge-neutral-bg:#0000000a;--badge-neutral-border:#0000001a;--badge-neutral-text:#52525b;--badge-accent-bg:#6e7d0014;--badge-accent-border:#6e7d0038;--badge-accent-text:#4e5a08;--badge-save-bg:#6e7d001a;--badge-save-border:#6e7d003d;--badge-save-text:#445006;--color-primary-glow:#6e7d002e;--shadow-glow:0 0 20px #6e7d001f;--text-inverse:#fafafa;--bg-base:#fff;--bg-raised:#fafafa;--bg-elevated:#f5f5f5;--bg-surface:#f0f0f0;--bg-muted:#e5e5e5;--bg-subtle:#d4d4d4;--bg-hover:#0000000a;--bg-active:#0000000f;--code-bg:#f5f5f7;--text-primary:#09090b;--text-secondary:#52525b;--text-tertiary:#71717a;--text-muted:#a1a1aa;--text-disabled:#d4d4d8;--border-subtle:#0000000a;--border-default:#00000014;--border-muted:#0000001a;--border-emphasis:#00000024;--border-strong:#0003;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #0000001a, 0 1px 2px #0000000f;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;tab-size:4;scroll-behavior:smooth}body{min-height:100vh;line-height:var(--leading-normal);font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-primary);background-color:var(--bg-base)}img,picture,video,canvas,svg{max-width:100%;height:auto;display:block}button,input,select,textarea{font:inherit;color:inherit;background:0 0;border:none}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:1}input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background-color:var(--color-primary-light);color:var(--text-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-emphasis);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}*{scrollbar-width:thin;scrollbar-color:var(--border-emphasis) transparent}
.h1,.h2,.h3,.h4,.h5,.h6{font-family:var(--font-display);font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--text-primary);letter-spacing:var(--tracking-tight)}.h1{font-size:var(--text-4xl);letter-spacing:var(--tracking-tighter)}.h2{font-size:var(--text-3xl)}.h3{font-size:var(--text-2xl)}.h4{font-size:var(--text-xl)}.h5{font-size:var(--text-lg)}.h6{font-size:var(--text-md)}.text-2xs{font-size:var(--text-2xs)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-md{font-size:var(--text-md)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.text-5xl{font-size:var(--text-5xl)}.text-6xl{font-size:var(--text-6xl)}.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)}.leading-none{line-height:var(--leading-none)}.leading-tight{line-height:var(--leading-tight)}.leading-snug{line-height:var(--leading-snug)}.leading-normal{line-height:var(--leading-normal)}.leading-relaxed{line-height:var(--leading-relaxed)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-muted{color:var(--text-muted)}.text-disabled{color:var(--text-disabled)}.text-inverse{color:var(--text-inverse)}.text-accent{color:var(--color-primary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.text-info{color:var(--color-info)}.tracking-tighter{letter-spacing:var(--tracking-tighter)}.tracking-tight{letter-spacing:var(--tracking-tight)}.tracking-normal{letter-spacing:var(--tracking-normal)}.tracking-wide{letter-spacing:var(--tracking-wide)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.italic{font-style:italic}.not-italic{font-style:normal}.underline{text-decoration:underline}.line-through{text-decoration:line-through}.no-underline{text-decoration:none}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.font-sans{font-family:var(--font-sans)}.font-mono{font-family:var(--font-mono)}.font-display{font-family:var(--font-display)}.prose{max-width:var(--content-narrow);color:var(--text-secondary);font-size:var(--text-md);line-height:var(--leading-relaxed)}.prose h1,.prose h2,.prose h3,.prose h4{color:var(--text-primary);margin-top:1.5em;margin-bottom:.5em}.prose p{margin-bottom:1em}.prose a{color:var(--color-primary);transition:color var(--transition-fast)}.prose a:hover{color:var(--text-link-hover)}.prose code{font-family:var(--font-mono);background:var(--bg-subtle);border-radius:var(--radius-sm);padding:.2em .4em;font-size:.9em}.prose pre{background:var(--bg-surface);border-radius:var(--radius-md);padding:var(--space-4);margin:1em 0;overflow-x:auto}.prose pre code{background:0 0;padding:0}.prose ul,.prose ol{margin:1em 0;padding-left:1.5em}.prose li{margin:.25em 0}.prose ul li{list-style-type:disc}.prose ol li{list-style-type:decimal}.prose blockquote{border-left:3px solid var(--border-emphasis);color:var(--text-tertiary);margin:1em 0;padding-left:1em;font-style:italic}.prose hr{border:none;border-top:1px solid var(--border-default);margin:2em 0}.prose strong{color:var(--text-primary);font-weight:var(--font-semibold)}.prose table{border-collapse:collapse;width:100%;margin:1em 0}.prose th,.prose td{border:1px solid var(--border-default);text-align:left;padding:.5em 1em}.prose th{background:var(--bg-surface);font-weight:var(--font-medium)}
.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.contents{display:contents}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.flex-1{flex:1}.flex-auto{flex:auto}.flex-initial{flex:0 auto}.flex-none{flex:none}.grow{flex-grow:1}.grow-0{flex-grow:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.gap-0{gap: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)}.p-0{padding:0}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:var(--space-1);padding-right:var(--space-1)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-5{padding-left:var(--space-5);padding-right:var(--space-5)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:var(--space-1);padding-bottom:var(--space-1)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-5{padding-top:var(--space-5);padding-bottom:var(--space-5)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.m-0{margin:0}.m-auto{margin:auto}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-top:auto;margin-bottom:auto}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.w-full{width:100%}.w-screen{width:100vw}.w-auto{width:auto}.w-fit{width:fit-content}.max-w-full{max-width:100%}.max-w-screen{max-width:100vw}.min-w-0{min-width:0}.h-full{height:100%}.h-screen{height:100vh}.h-auto{height:auto}.h-fit{height:fit-content}.min-h-screen{min-height:100vh}.min-h-0{min-height:0}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.static{position:static}.inset-0{inset:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.border-0{border-width:0}.border{border-style:solid;border-width:1px;border-color:var(--border-default)}.border-t{border-top-style:solid;border-top-width:1px;border-top-color:var(--border-default)}.border-b{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--border-default)}.border-l{border-left-style:solid;border-left-width:1px;border-left-color:var(--border-default)}.border-r{border-right-style:solid;border-right-width:1px;border-right-color:var(--border-default)}.border-subtle{border-color:var(--border-subtle)}.border-default{border-color:var(--border-default)}.border-muted{border-color:var(--border-muted)}.border-emphasis{border-color:var(--border-emphasis)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius-default)}.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)}.bg-transparent{background-color:#0000}.bg-base{background-color:var(--bg-base)}.bg-raised{background-color:var(--bg-raised)}.bg-elevated{background-color:var(--bg-elevated)}.bg-surface{background-color:var(--bg-surface)}.bg-muted{background-color:var(--bg-muted)}.bg-subtle{background-color:var(--bg-subtle)}.bg-primary{background-color:var(--color-primary);color:var(--text-inverse)}.bg-primary-light{background-color:var(--color-primary-light)}.shadow-none{box-shadow:none}.shadow-xs{box-shadow:var(--shadow-xs)}.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)}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.cursor-auto{cursor:auto}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.cursor-text{cursor:text}.cursor-move{cursor:move}.cursor-not-allowed{cursor:not-allowed}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.select-none{-webkit-user-select:none;user-select:none}.select-text{-webkit-user-select:text;user-select:text}.select-all{-webkit-user-select:all;user-select:all}.select-auto{-webkit-user-select:auto;user-select:auto}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.not-sr-only{clip:auto;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}
@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(0)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:translateY(-4px)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes overlayShow{0%{opacity:0}to{opacity:1}}@keyframes overlayHide{0%{opacity:1}to{opacity:0}}@keyframes modalShow{0%{opacity:0;transform:translate(-50%,-48%)scale(.96)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes modalHide{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-48%)scale(.96)}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}@keyframes progressIndeterminate{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes glow{0%,to{box-shadow:0 0 4px var(--color-primary-glow)}50%{box-shadow:0 0 16px var(--color-primary-glow)}}.animate-fade-in{animation:fadeIn var(--duration-normal) var(--ease-out)}.animate-fade-out{animation:fadeOut var(--duration-normal) var(--ease-in)}.animate-fade-in-up{animation:fadeInUp var(--duration-moderate) var(--ease-out)}.animate-fade-in-down{animation:fadeInDown var(--duration-moderate) var(--ease-out)}.animate-fade-in-scale{animation:fadeInScale var(--duration-moderate) var(--ease-out)}.animate-slide-in-right{animation:slideInRight var(--duration-moderate) var(--ease-out)}.animate-slide-in-left{animation:slideInLeft var(--duration-moderate) var(--ease-out)}.animate-scale-in{animation:scaleIn var(--duration-moderate) var(--ease-out)}.animate-spin{animation:.8s linear infinite spin}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.animate-shimmer{background:linear-gradient(90deg, var(--bg-surface) 0%, var(--bg-subtle) 50%, var(--bg-surface) 100%);background-size:200% 100%;animation:2s infinite shimmer}.animate-bounce{animation:1s infinite bounce}.animate-shake{animation:.5s cubic-bezier(.36,.07,.19,.97) both shake}.animate-ping{animation:1s cubic-bezier(0,0,.2,1) infinite ping}.animate-blink{animation:1s step-end infinite blink}.animate-glow{animation:2s ease-in-out infinite glow}.transition-none{transition:none}.transition-all{transition:all var(--duration-normal) var(--ease-default)}.transition-colors{transition:var(--transition-colors)}.transition-opacity{transition:opacity var(--duration-normal) var(--ease-default)}.transition-transform{transition:var(--transition-transform)}.duration-fast{transition-duration:var(--duration-fast)}.duration-normal{transition-duration:var(--duration-normal)}.duration-moderate{transition-duration:var(--duration-moderate)}.duration-slow{transition-duration:var(--duration-slow)}.ease-default{transition-timing-function:var(--ease-default)}.ease-in{transition-timing-function:var(--ease-in)}.ease-out{transition-timing-function:var(--ease-out)}.ease-in-out{transition-timing-function:var(--ease-in-out)}.ease-bounce{transition-timing-function:var(--ease-bounce)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{overflow-x:hidden}.focus-ring:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.focus-ring-inset:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.hljs{background:var(--bg-surface);color:var(--text-primary);padding:var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);line-height:1.6;overflow-x:auto}.hljs-keyword,.hljs-selector-tag,.hljs-literal,.hljs-section,.hljs-link{color:#c678dd}.hljs-string,.hljs-template-variable{color:#98c379}.hljs-number,.hljs-built_in{color:#d19a66}.hljs-comment{color:var(--text-muted);font-style:italic}.hljs-attr,.hljs-attribute{color:#e06c75}.hljs-function,.hljs-title{color:#61afef}.page-content{padding:var(--space-5);animation:fadeInUp var(--duration-moderate) var(--ease-out)}@media (max-width:768px){.page-content{padding:var(--space-4)}}.card-grid{gap:var(--space-4);grid-template-columns:repeat(1,1fr);display:grid}@media (min-width:640px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.card-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.card-grid{grid-template-columns:repeat(4,1fr)}}.stats-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:768px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.divider{background-color:var(--border-default);width:100%;height:1px;margin:var(--space-4) 0}.divider-vertical{background-color:var(--border-default);width:1px;height:100%;margin:0 var(--space-4)}.status-dot{border-radius:var(--radius-full);flex-shrink:0;width:6px;height:6px}.status-dot-active{background-color:var(--color-success);box-shadow:0 0 8px var(--color-success)}.status-dot-inactive{background-color:var(--text-muted)}.status-dot-warning{background-color:var(--color-warning);box-shadow:0 0 8px var(--color-warning)}.status-dot-error{background-color:var(--color-error);box-shadow:0 0 8px var(--color-error)}.empty-state{padding:var(--space-10);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-icon{width:40px;height:40px;color:var(--text-muted);margin-bottom:var(--space-3)}.empty-state-title{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);margin-bottom:var(--space-1)}.empty-state-description{font-size:var(--text-xs);color:var(--text-tertiary);max-width:280px}.avatar{border-radius:var(--radius-full);background-color:var(--color-primary-light);color:var(--color-primary);font-weight:var(--font-medium);font-size:var(--text-xs);text-transform:uppercase;justify-content:center;align-items:center;display:flex}.avatar-sm{width:24px;height:24px;font-size:var(--text-2xs)}.avatar-md{width:32px;height:32px}.avatar-lg{width:40px;height:40px;font-size:var(--text-sm)}.loading-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);background-color:#09090bcc;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.table-row-hover:hover{background-color:var(--bg-hover)}.input-error{border-color:var(--color-error)!important}.input-success{border-color:var(--color-success)!important}.clickable-card{cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast)}.clickable-card:hover{background-color:var(--bg-hover);border-color:var(--border-emphasis)}.clickable-card:active{transform:scale(.99)}.notification-dot{background-color:var(--color-error);border-radius:var(--radius-full);border:2px solid var(--bg-base);width:6px;height:6px;position:absolute;top:-2px;right:-2px}.skip-nav{background:var(--color-primary);color:var(--text-inverse);padding:var(--space-2) var(--space-4);z-index:var(--z-max);transition:top var(--transition-fast);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:0 0 var(--radius-md) var(--radius-md);position:absolute;top:-40px;left:0}.skip-nav:focus{top:0}.container{width:100%;max-width:var(--content-max-width);padding-left:var(--space-4);padding-right:var(--space-4);margin-left:auto;margin-right:auto}@media (min-width:640px){.container{padding-left:var(--space-6);padding-right:var(--space-6)}}.scrollbar-thin::-webkit-scrollbar{width:4px;height:4px}.scrollbar-thin::-webkit-scrollbar-thumb{background:var(--border-muted)}.scrollbar-none::-webkit-scrollbar{display:none}.scrollbar-none{-ms-overflow-style:none;scrollbar-width:none}@media (max-width:768px){table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto;width:100%!important}[class*=grid]{grid-template-columns:1fr!important}}@media (max-width:480px){h1,h2{font-size:var(--text-xl)!important}}