html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}ul{list-style:none}button,input,select{margin:0}html{box-sizing:border-box}*,:before,:after{box-sizing:inherit}img,video{max-width:100%;height:auto}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-sans-serif:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-monospace:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-background:#f9fafb;--color-surface:#fff;--color-surface-2:#f3f4f6;--color-hover:#f3f4f6;--color-hover-soft:#f9fafb;--color-border:#e5e7eb;--color-border-soft:#f3f4f6;--color-text:#1f2937;--color-text-heading:#374151;--color-text-muted:#4b5563;--color-text-soft:#6b7280;--color-text-subtle:#9ca3af;--color-input-background:#fff;--color-input-border:#d1d5db;--color-accent-background:#facc15;--color-accent-background-hover:#eab308;--color-accent-fg:#fff;--color-accent-text:#a16207;--color-accent-soft-background:#fefce8;--color-badge-background:#fef9c3;--color-focus-ring:#facc158c;--color-danger:#ef4444;--color-danger-hover:#dc2626;--color-success:#16a34a;--color-link:#3b82f6;--color-scrollbar-thumb:#0003;--color-scrollbar-thumb-hover:#00000059}html.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-background:#18181b;--color-surface:#27272a;--color-surface-2:#3f3f46;--color-hover:#3f3f46;--color-hover-soft:#3f3f46;--color-border:#3f3f46;--color-border-soft:#3f3f46;--color-text:#f3f4f6;--color-text-heading:#e5e7eb;--color-text-muted:#d1d5db;--color-text-soft:#9ca3af;--color-text-subtle:#6b7280;--color-input-background:#3f3f46;--color-input-border:#52525b;--color-accent-background:#713f1266;--color-accent-background-hover:#713f1299;--color-accent-fg:#facc15;--color-accent-text:#facc15;--color-accent-soft-background:#713f124d;--color-badge-background:#713f1266;--color-focus-ring:#eab30880;--color-danger:#f87171;--color-danger-hover:#f87171;--color-success:#4ade80;--color-link:#60a5fa;--color-scrollbar-thumb:#ffffff29;--color-scrollbar-thumb-hover:#ffffff52}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}body{background-color:var(--color-background);color:var(--color-text);line-height:1.5;font-family:var(--font-sans-serif);overflow-y:scroll}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:.75rem;height:.75rem}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-corner{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--color-scrollbar-thumb);background-clip:padding-box;border:3px solid #0000;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background-color:var(--color-scrollbar-thumb-hover)}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:var(--color-scrollbar-thumb) transparent}}.icon-text{align-items:center;gap:.375rem;display:inline-flex}.spacer{flex:1}.has-text-muted{color:var(--color-text-soft)}.has-text-subtle{color:var(--color-text-subtle)}.is-active{color:#eab308}html.dark .is-active{color:#facc15}.is-active-danger,.hover-danger:hover{color:var(--color-danger)}.layout{background-color:var(--color-background);flex-direction:column;min-height:100vh;display:flex}.layout-body{flex:1;display:flex}.layout-main{flex:1;min-width:0}.centered-screen{background-color:var(--color-background);justify-content:center;align-items:center;min-height:100vh;display:flex}.page{max-width:80rem;margin:0 auto;padding:1.5rem 1rem}.page.is-narrow{max-width:42rem;padding:2rem 1rem}.page.is-wide{max-width:none;padding:2rem 1rem}.page-title{color:var(--color-text-heading);margin-bottom:1.5rem;font-size:1.25rem;font-weight:500}.section-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-subtle);margin-bottom:.75rem;font-size:.75rem;font-weight:600}.section-label.is-spaced{margin-bottom:1.5rem}.showcase-section{margin-bottom:2.5rem;scroll-margin-top:5rem}.showcase-section-title{color:var(--color-text-heading);margin-bottom:.25rem;font-size:1.125rem;font-weight:600}.showcase-section-desc{color:var(--color-text-soft);margin-bottom:1rem;font-size:.875rem}.showcase-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.showcase-stack{flex-direction:column;gap:1rem;max-width:32rem;display:flex}.showcase-icons{grid-template-columns:repeat(auto-fill,minmax(6rem,1fr));gap:.5rem;display:grid}.showcase-icon{border:1px solid var(--color-border);color:var(--color-text-muted);background-color:var(--color-surface);border-radius:.5rem;flex-direction:column;align-items:center;gap:.375rem;padding:.75rem .25rem;display:flex}.showcase-icon span{color:var(--color-text-subtle);text-align:center;word-break:break-all;font-size:.6875rem}.showcase-type-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-subtle);margin-bottom:.5rem;font-size:.75rem;font-weight:600}.showcase-type-sans{font-family:var(--font-sans-serif);color:var(--color-text);font-size:1.125rem}.showcase-type-sans.is-bold{font-weight:600}.showcase-type-mono{font-family:var(--font-monospace);color:var(--color-text);font-size:1rem}.showcase-swatches{grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.75rem;display:grid}.showcase-swatch{align-items:center;gap:.625rem;min-width:0;display:flex}.showcase-swatch-box{border:1px solid var(--color-border);border-radius:.5rem;flex-shrink:0;width:2.25rem;height:2.25rem}.showcase-swatch span{font-family:var(--font-monospace);color:var(--color-text-soft);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.showcase-fab-demo{min-height:8rem;position:relative}.showcase-fab-demo .fab{position:absolute}.showcase-empty-demo{justify-content:center;align-items:center;min-height:16rem;display:flex}.showcase-empty-demo .empty-state{margin-top:0}.showcase-navbar-demo{border:1px solid var(--color-border);background-color:var(--color-background);border-radius:.75rem;min-height:14rem;overflow:hidden}.showcase-navbar-demo .navbar{position:static}.showcase-sidebar-demo{border:1px solid var(--color-border);border-radius:.75rem;min-height:13rem;display:flex;overflow:hidden}.showcase-sidebar-demo-content{background-color:var(--color-background);flex:1;padding:1.5rem}.showcase-section .table .cell-actions{text-align:right}.showcase-section .table .cell-name{align-items:center;gap:.75rem;display:flex}.showcase-section .table .cell-name-text{font-weight:500}.showcase-section .table-actions{justify-content:flex-end;gap:.25rem;display:flex}.showcase-section .col-hide-sm{display:none}@media (width>=640px){.showcase-section .col-hide-sm{display:table-cell}}.badge{background-color:var(--color-surface-2);color:var(--color-text-soft);border-radius:9999px;align-items:center;padding:.125rem .5rem;font-size:.75rem;font-weight:500;display:inline-flex}.badge.is-accent{background-color:var(--color-badge-background);color:var(--color-accent-text)}.button{cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;line-height:1.25rem;transition:background-color .15s;display:inline-flex}.button:disabled{opacity:.6;cursor:default}.button.is-primary{background-color:var(--color-accent-background);color:var(--color-accent-fg)}.button.is-primary:hover:not(:disabled){background-color:var(--color-accent-background-hover)}.button.is-secondary{color:var(--color-text-muted);font-weight:400}.button.is-secondary:hover:not(:disabled){background-color:var(--color-hover)}.button.is-danger{background-color:var(--color-danger);color:#fff}.button.is-danger:hover:not(:disabled){background-color:var(--color-danger-hover)}html.dark .button.is-danger{color:#fca5a5;background-color:#7f1d1d80}html.dark .button.is-danger:hover:not(:disabled){background-color:#7f1d1db3}.button.is-icon{border-radius:9999px;padding:.5rem;font-weight:400}.button.is-icon:hover:not(:disabled),.button.is-icon:focus-visible:not(:disabled){background-color:var(--color-hover)}.button.is-icon.is-small{color:var(--color-text-subtle);padding:.375rem}.text-button{color:var(--color-text-muted);cursor:pointer;border-radius:.375rem;align-items:center;gap:.375rem;padding:.25rem .5rem;font-size:.875rem;transition:color .15s,background-color .15s;display:inline-flex}.text-button:hover:not(:disabled){background-color:var(--color-hover)}.text-button.is-danger{color:var(--color-danger)}.text-button.is-danger:hover:not(:disabled){color:var(--color-danger-hover);background-color:#ef44441a}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:1rem;box-shadow:0 1px 2px #0000000d}.card.is-padded{padding:1.5rem}.card.is-clipped{overflow:hidden}.card-title{color:var(--color-text-heading);margin-bottom:1.25rem;font-size:1rem;font-weight:600}.card-title.is-tight{margin-bottom:.25rem}.card-desc{color:var(--color-text-soft);margin-bottom:1.25rem;font-size:.875rem}.form{flex-direction:column;gap:1rem;display:flex}.field{flex-direction:column;gap:.25rem;display:flex}.field-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.label{color:var(--color-text-heading);font-size:.875rem;font-weight:500}.help.is-danger{color:var(--color-danger);font-size:.75rem}.form-message{font-size:.875rem}.form-message.is-success{color:var(--color-success)}.form-message.is-danger{color:var(--color-danger)}.form-actions{justify-content:flex-end;gap:.5rem;padding-top:.25rem;display:flex}.form-actions.is-flush{padding-top:0}.form-footer{justify-content:space-between;align-items:center;gap:.75rem;padding-top:.25rem;display:flex}.icon{fill:currentColor;flex-shrink:0;width:1.25rem;height:1.25rem;display:inline-block}.icon.is-xs{width:.875rem;height:.875rem}.icon.is-sm{width:1rem;height:1rem}.icon.is-md{width:1.25rem;height:1.25rem}.icon.is-lg{width:1.5rem;height:1.5rem}.icon.is-xl{width:1.75rem;height:1.75rem}.icon.is-huge{width:4rem;height:4rem}.input,.select{border:1px solid var(--color-input-border);background-color:var(--color-input-background);width:100%;color:var(--color-text);border-radius:.5rem;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none' stroke='%239ca3af' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-position:right .625rem center;background-repeat:no-repeat;background-size:1.1rem;padding-right:2.25rem}.input::placeholder{color:var(--color-text-subtle)}.input[type=file]{color:var(--color-text-soft);cursor:pointer;padding:.375rem .75rem .375rem .375rem}.input[type=file]::file-selector-button{background-color:var(--color-accent-background);color:var(--color-accent-fg);font:inherit;cursor:pointer;border:none;border-radius:.375rem;margin-right:.75rem;padding:.375rem .875rem;font-weight:500;line-height:1.25rem;transition:background-color .15s}.input[type=file]::file-selector-button:hover{background-color:var(--color-accent-background-hover)}.input:focus,.select:focus{box-shadow:0 0 0 2px var(--color-focus-ring);border-color:#0000;outline:none}.search{align-items:center;display:flex;position:relative}.search-icon{width:1rem;height:1rem;color:var(--color-text-subtle);pointer-events:none;position:absolute;left:.625rem}.search .input{padding-left:2rem}.search .input.has-value{padding-right:2rem}.search .input::-webkit-search-cancel-button{appearance:none}.search .input::-webkit-search-decoration{appearance:none}.search-clear{color:var(--color-text-subtle);cursor:pointer;border-radius:9999px;justify-content:center;align-items:center;padding:.125rem;transition:color .15s;display:flex;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.search-clear:hover{color:var(--color-text-muted)}.modal{z-index:50;width:auto;max-width:none;height:auto;max-height:none;color:inherit;background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0}.modal[open]{justify-content:center;align-items:center;display:flex}.modal::backdrop{background-color:#0006}html.dark .modal::backdrop{background-color:#0009}.modal-card{background-color:var(--color-surface);border-radius:1rem;width:100%;max-width:28rem;margin:0 1rem;box-shadow:0 20px 25px -5px #0003}.modal-card-head{border-bottom:1px solid var(--color-border-soft);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.modal-card-title{color:var(--color-text);font-size:1rem;font-weight:600}.modal-card-body{padding:1.25rem 1.5rem}.modal-text{color:var(--color-text-muted);font-size:.875rem}.empty-state{color:var(--color-text-subtle);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;margin-top:6rem;display:flex}.empty-state-text{font-size:1.125rem}.fab{background-color:var(--color-accent-background);width:3.5rem;height:3.5rem;color:var(--color-accent-fg);cursor:pointer;border-radius:9999px;justify-content:center;align-items:center;transition:background-color .15s;display:flex;position:fixed;bottom:1.5rem;right:1.5rem;box-shadow:0 10px 15px -3px #0000001a}.fab:hover{background-color:var(--color-accent-background-hover)}.loading-text{text-align:center;color:var(--color-text-subtle);padding:1rem 0}.loading-text.is-initial{margin-top:4rem;padding:0}.loading-text.is-padded{padding:4rem 0}.navbar{background-color:var(--color-surface);z-index:10;position:sticky;top:0;box-shadow:0 1px 2px #0000000d}.navbar-container{align-items:center;height:4rem;padding:0 1rem;display:flex;position:relative}.navbar-brand{color:var(--color-text-heading);flex-shrink:0;align-items:center;gap:.5rem;transition:color .15s;display:flex}.navbar-brand:hover{color:var(--color-text)}.navbar-brand img{width:2rem;height:2rem}.navbar-brand-name{font-size:1.25rem;font-weight:500;display:none}.navbar-search{pointer-events:none;justify-content:center;align-items:center;padding:0 1rem;display:flex;position:absolute;inset:0}.navbar-search-inner{pointer-events:auto;width:100%;max-width:28rem}.navbar-menu-wrapper{position:relative}.navbar-user{cursor:pointer;border-radius:.5rem;align-items:center;gap:.75rem;padding:.375rem .5rem;transition:background-color .15s;display:flex}.navbar-user:hover{background-color:var(--color-hover)}.navbar-user-name{color:var(--color-text-muted);font-size:.875rem;display:none}.avatar{background-color:var(--color-accent-background);width:2rem;height:2rem;color:var(--color-accent-fg);-webkit-user-select:none;user-select:none;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:flex}@media (width>=640px){.navbar-brand-name,.navbar-user-name{display:block}}.dropdown-menu{background-color:var(--color-surface);border:1px solid var(--color-border);z-index:20;border-radius:.75rem;width:11rem;margin-top:.25rem;position:absolute;right:0;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a}.dropdown-item{width:100%;color:var(--color-text-heading);cursor:pointer;align-items:center;gap:.625rem;padding:.625rem 1rem;font-size:.875rem;transition:background-color .15s;display:flex}.dropdown-item:hover{background-color:var(--color-hover-soft)}.dropdown-item .icon{color:var(--color-text-subtle)}.dropdown-divider{border-top:1px solid var(--color-border-soft)}.sidebar{background-color:var(--color-surface);border-right:1px solid var(--color-border-soft);flex-direction:column;flex-shrink:0;width:3.5rem;padding-top:.5rem;display:flex;overflow-y:auto}.layout-body>.sidebar{align-self:flex-start;height:calc(100vh - 4rem);position:sticky;top:4rem}.sidebar-nav{flex-direction:column;gap:.125rem;padding:0 .5rem;display:flex}.sidebar-version{color:var(--color-text-subtle);padding:0 1rem 1rem;font-size:.75rem;display:none}.sidebar-item{color:var(--color-text-muted);cursor:pointer;border-radius:9999px;align-items:center;gap:.75rem;padding:.625rem .75rem;transition:background-color .15s;display:flex}.sidebar-item:hover{background-color:var(--color-hover)}.sidebar-item.is-active{background-color:var(--color-accent-soft-background);color:var(--color-accent-text)}.sidebar-label{font-size:.875rem;font-weight:500;display:none}@media (width>=640px){.sidebar{width:14rem}.sidebar-version,.sidebar-label{display:block}}.table{width:100%;font-size:.875rem}.table thead tr{border-bottom:1px solid var(--color-border-soft);text-align:left;color:var(--color-text-soft);text-transform:uppercase;letter-spacing:.025em;font-size:.75rem;font-weight:600}.table th{padding:.75rem 1.25rem;font-weight:600}.table td{padding:.75rem 1.25rem}.table tbody tr{border-bottom:1px solid var(--color-border-soft);transition:background-color .15s}.table tbody tr:last-child{border-bottom:0}.table tbody tr:hover{background-color:var(--color-hover-soft)}