:root{--radius: .875rem;--brand: oklch(.875 .165 110);--brand-foreground: oklch(.22 .012 250);--ink: oklch(.305 .012 250);--ink-foreground: oklch(.985 .003 248);--blue: oklch(.59 .12 268);--surface: oklch(.955 .008 260);--background: oklch(.985 .005 260);--foreground: oklch(.22 .012 250);--card: oklch(1 0 0);--border: oklch(.91 .012 258);--input: oklch(.91 .012 258);--muted-foreground: oklch(.5 .015 255);--destructive: oklch(.6 .22 25);--sidebar: var(--ink);--sidebar-foreground: var(--ink-foreground);--sidebar-accent: oklch(.36 .013 250);--sidebar-primary: var(--brand);--sidebar-border: oklch(.36 .013 250);--brand-lime: var(--brand);--brand-dark: var(--ink);--brand-blue: var(--blue);--brand-light: var(--surface);--primary: var(--ink);--primary-foreground: var(--brand);--secondary: var(--surface);--secondary-foreground:var(--ink);--muted: var(--surface);--accent: var(--brand);--accent-foreground: var(--brand-foreground);--ring: var(--brand);--font-sans: "Nunito Sans", "Avenir", "Avenir Next LT Pro", "Avenir Next", -apple-system, "Segoe UI", sans-serif;--font-display: var(--font-sans)}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0;font-family:var(--font-sans)}html,body,#root{height:100%;width:100%}body{color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"ss01","cv11"}h1,h2,h3,h4,h5{font-family:var(--font-display);letter-spacing:-.01em}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand)!important;box-shadow:0 0 0 2px #dddf4a4d}input[type=checkbox]{accent-color:var(--brand);width:16px;height:16px;cursor:pointer}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--muted-foreground)}table tbody tr:hover{background-color:#edf0f666!important}@keyframes spin{to{transform:rotate(360deg)}}.spinner{display:inline-block;width:1rem;height:1rem;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .6s linear infinite}.spinner-sm{width:.875rem;height:.875rem}.demo-banner{padding:.75rem 1rem;border-radius:var(--radius);font-size:.875rem;font-weight:500;background:#fbedd1;color:#7a4702;border:1px solid oklch(.85 .06 85)}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%}.status-dot.online{background-color:#22c55e}.status-dot.offline{background-color:#ef4444}.env-toggle{display:inline-flex;border-radius:.5rem;overflow:hidden;border:1px solid var(--border);background:var(--background);padding:.25rem}.env-toggle button{padding-inline:.75rem;padding-block:.375rem;font-size:.75rem;font-weight:600;border:none;border-radius:.375rem;cursor:pointer;transition:background-color .15s,color .15s;background-color:transparent;color:var(--muted-foreground)}.env-toggle button.active{background-color:var(--ink);color:var(--ink-foreground)}.brand-grid{background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:32px 32px;background-position:-1px -1px;mask-image:radial-gradient(ellipse at center,black 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 75%)}.glow-brand{box-shadow:0 10px 40px -10px #dddf4a8c}