:root{--color-primary:#10b981;--color-primary-hover:#059669;--color-primary-active:#047857;--color-primary-light:rgba(16,185,129,.12);--color-primary-lighter:rgba(16,185,129,.06);--color-primary-glow:rgba(16,185,129,.25);--bg-base:#09090b;--bg-raised:#0f0f11;--bg-elevated:#141416;--bg-surface:#18181b;--bg-muted:#1c1c1f;--bg-subtle:#222225;--bg-hover:hsla(0,0%,100%,.04);--bg-active:hsla(0,0%,100%,.06);--code-bg:#1e1e1e;--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-tertiary:#71717a;--text-muted:#52525b;--text-disabled:#3f3f46;--text-inverse:#09090b;--text-link:var(--color-primary);--text-link-hover:#34d399;--border-subtle:hsla(0,0%,100%,.06);--border-default:hsla(0,0%,100%,.08);--border-muted:hsla(0,0%,100%,.1);--border-emphasis:hsla(0,0%,100%,.14);--border-strong:hsla(0,0%,100%,.2);--border-focus:var(--color-primary);--color-success:#22c55e;--color-success-bg:rgba(34,197,94,.1);--color-success-border:rgba(34,197,94,.2);--color-warning:#f59e0b;--color-warning-bg:rgba(245,158,11,.1);--color-warning-border:rgba(245,158,11,.2);--color-error:#ef4444;--color-error-bg:rgba(239,68,68,.1);--color-error-border:rgba(239,68,68,.2);--color-info:#3b82f6;--color-info-bg:rgba(59,130,246,.1);--color-info-border:rgba(59,130,246,.2);--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:0.6875rem;--text-xs:0.75rem;--text-sm:0.8125rem;--text-base:0.875rem;--text-md:0.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:-0.02em;--tracking-tight:-0.01em;--tracking-normal:0;--tracking-wide:0.01em;--space-0:0;--space-px:1px;--space-0-5:0.125rem;--space-1:0.25rem;--space-1-5:0.375rem;--space-2:0.5rem;--space-2-5:0.625rem;--space-3:0.75rem;--space-3-5:0.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:0.125rem;--radius-sm:0.25rem;--radius-default:0.375rem;--radius-md:0.5rem;--radius-lg:0.625rem;--radius-xl:0.875rem;--radius-2xl:1rem;--radius-full:9999px;--shadow-xs:0 1px 2px rgba(0,0,0,.4);--shadow-sm:0 1px 3px rgba(0,0,0,.5),0 1px 2px rgba(0,0,0,.4);--shadow-md:0 4px 6px -1px rgba(0,0,0,.5),0 2px 4px -1px rgba(0,0,0,.4);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.5),0 4px 6px -2px rgba(0,0,0,.4);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.5),0 10px 10px -5px rgba(0,0,0,.4);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,.7);--shadow-glow:0 0 20px rgba(16,185,129,.15);--shadow-glow-lg:0 0 40px rgba(16,185,129,.2);--duration-instant:50ms;--duration-fast:100ms;--duration-normal:150ms;--duration-moderate:200ms;--duration-slow:300ms;--duration-slower:400ms;--duration-slowest:500ms;--ease-default:cubic-bezier(0.4,0,0.2,1);--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--ease-spring:cubic-bezier(0.175,0.885,0.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;--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}[data-theme=light]{--bg-base:#fff;--bg-raised:#fafafa;--bg-elevated:#f5f5f5;--bg-surface:#f0f0f0;--bg-muted:#e5e5e5;--bg-subtle:#d4d4d4;--bg-hover:rgba(0,0,0,.04);--bg-active:rgba(0,0,0,.06);--code-bg:#f5f5f7;--text-primary:#09090b;--text-secondary:#52525b;--text-tertiary:#71717a;--text-muted:#a1a1aa;--text-disabled:#d4d4d8;--text-inverse:#fafafa;--border-subtle:rgba(0,0,0,.04);--border-default:rgba(0,0,0,.08);--border-muted:rgba(0,0,0,.1);--border-emphasis:rgba(0,0,0,.14);--border-strong:rgba(0,0,0,.2);--shadow-xs:0 1px 2px rgba(0,0,0,.05);--shadow-sm:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}*,:after,:before{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;-moz-tab-size:4;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)}canvas,img,picture,svg,video{display:block;max-width:100%;height:auto}button,input,select,textarea{font:inherit;color:inherit;background:none;border:none}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}ol,ul{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-inner-spin-button,input::-webkit-outer-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:transparent}::-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{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-1{-webkit-line-clamp:1}.line-clamp-1,.line-clamp-2{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;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);font-size:.9em;padding:.2em .4em;background:var(--bg-subtle);border-radius:var(--radius-sm)}.prose pre{background:var(--bg-surface);border-radius:var(--radius-md);padding:var(--space-4);overflow-x:auto;margin:1em 0}.prose pre code{padding:0;background:none}.prose ol,.prose ul{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);padding-left:1em;margin:1em 0;color:var(--text-tertiary);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{width:100%;margin:1em 0;border-collapse:collapse}.prose td,.prose th{padding:.5em 1em;border:1px solid var(--border-default);text-align:left}.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 1}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 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:-moz-fit-content;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:-moz-fit-content;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:-webkit-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-width:1px;border-style:solid;border-color:var(--border-default)}.border-t{border-top:1px solid var(--border-default)}.border-b{border-bottom:1px solid var(--border-default)}.border-l{border-left:1px solid var(--border-default)}.border-r{border-right:1px solid 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:transparent}.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)}.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;-moz-user-select:none;user-select:none}.select-text{-webkit-user-select:text;-moz-user-select:text;user-select:text}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.select-auto{-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}.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}.not-sr-only{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}@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:translateX(16px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@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{transform:translateY(0);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(-4px);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-2px)}20%,40%,60%,80%{transform:translateX(2px)}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@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:translateX(-100%)}to{transform:translateX(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:spin .8s linear infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-shimmer{animation:shimmer 2s infinite;background:linear-gradient(90deg,var(--bg-surface) 0,var(--bg-subtle) 50%,var(--bg-surface) 100%);background-size:200% 100%}.animate-bounce{animation:bounce 1s infinite}.animate-shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.animate-blink{animation:blink 1s step-end infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.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){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap");html{color-scheme:light dark}html[data-theme=dark]{color-scheme:dark}html[data-theme=light]{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);overflow-x:auto;font-size:var(--text-sm);line-height:1.6}.hljs-keyword,.hljs-link,.hljs-literal,.hljs-section,.hljs-selector-tag{color:#c678dd}.hljs-string,.hljs-template-variable{color:#98c379}.hljs-built_in,.hljs-number{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{display:grid;grid-gap:var(--space-4);gap:var(--space-4);grid-template-columns:repeat(1,1fr)}@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{display:grid;grid-gap:var(--space-3);gap:var(--space-3);grid-template-columns:repeat(2,1fr)}@media (min-width:768px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.divider{width:100%;height:1px;margin:var(--space-4) 0}.divider,.divider-vertical{background-color:var(--border-default)}.divider-vertical{width:1px;height:100%;margin:0 var(--space-4)}.status-dot{width:6px;height:6px;border-radius:var(--radius-full);flex-shrink:0}.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{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10);text-align:center}.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{display:flex;align-items:center;justify-content:center;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}.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{position:fixed;inset:0;background-color:rgba(9,9,11,.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}.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{position:absolute;top:-2px;right:-2px;width:6px;height:6px;background-color:var(--color-error);border-radius:var(--radius-full);border:2px solid var(--bg-base)}.skip-nav{position:absolute;top:-40px;left:0;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)}.skip-nav:focus{top:0}.container{width:100%;max-width:var(--content-max-width);margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4)}@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{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%!important}[class*=grid]{grid-template-columns:1fr!important}}@media (max-width:480px){h1,h2{font-size:var(--text-xl)!important}}