@import "https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,400;14..32,500;14..32,600;14..32,700&display=swap";*,:before,:after{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-bg);background-image:var(--backdrop-grid);color:var(--color-text-primary);background-attachment:fixed;margin:0;font-family:Inter,system-ui,sans-serif}select{appearance:none;padding:var(--space-2) var(--space-10) var(--space-2) var(--space-3);background-color:var(--bento-tile-raised);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;border-radius:var(--radius-lg);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-tight);cursor:pointer;transition:border-color var(--transition-fast)}select:focus-visible{outline:none}select option{background:var(--bento-tile-raised);color:var(--color-text-primary)}button{border:var(--border-width) solid transparent}input:not([type=checkbox]):not([type=radio]),select,textarea{padding:var(--space-2) var(--space-3);background:var(--bento-tile-raised);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--font-size-base);font-family:var(--font-family);border:0}input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:var(--space-1)}input[type=checkbox]{appearance:none;border:var(--border-width) solid var(--bento-border);border-radius:var(--radius-sm);background:var(--bento-tile-raised);cursor:pointer;width:1.125rem;height:1.125rem;transition:background var(--transition-fast), border-color var(--transition-fast);flex-shrink:0;place-content:center;margin:0;display:inline-grid}input[type=checkbox]:hover{border-color:var(--color-border-focus)}input[type=checkbox]:checked{background:var(--color-accent);border-color:var(--color-accent)}input[type=checkbox]:checked:before{content:"";background-color:var(--color-accent-text);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);width:.625rem;height:.625rem}input[type=checkbox]:focus-visible{outline:none}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-white:#fff;--color-bg:#0e1013;--color-bg-subtle:#13161a;--color-bg-hover:#1a1e24;--color-bg-active:#22262e;--color-text-primary:#f2f4f6;--color-text-secondary:#a8b0ba;--color-text-muted:#6e7681;--color-text-label:#8a929d;--color-border:#ffffff14;--color-border-strong:#ffffff24;--color-border-focus:#22d3ee;--color-accent:#f2f4f6;--color-accent-hover:#fff;--color-accent-light:#2a2f37;--color-accent-text:#111418;--color-nav-bg:#0e1013;--color-nav-text:#a8b0ba;--color-nav-hover:#1a1e24;--color-nav-active-bg:#1e232a;--color-nav-accent:#f2f4f6;--bento-tile:var(--color-bg);--bento-tile-raised:#1b1f26;--bento-tile-hover:#1e232a;--bento-inset:#0b0d10;--bento-border:#ffffff14;--bento-border-strong:#ffffff24;--bento-sheen:#ffffff08;--bento-shadow:none;--bento-shadow-flat:none;--bento-shadow-raised:0 2px 6px #00000059, 0 16px 40px #0000004d;--bento-scrim:#0009;--radius-tile:.75rem;--radius-tile-sm:.5rem;--bento-gap:1rem;--z-drawer:100;--z-popover:60;--z-tooltip:200;--drawer-width:22rem;--backdrop-grid:repeating-linear-gradient(0deg, #ffffff06 0 1px, transparent 1px 3rem), repeating-linear-gradient(90deg, #ffffff06 0 1px, transparent 1px 3rem);--chromatic-red:#ff3d5e;--chromatic-cyan:#22d3ee;--chromatic-violet:#8b5cf6;--phantom-body:#1b1f26;--phantom-glow:drop-shadow(0 0 6px #8b5cf666) drop-shadow(0 0 14px #22d3ee2e);--sidebar-width:240px;--ring-thickness:3px;--library-gen-preview-min-height:24rem;--library-gen-preview-min-height-mobile:18rem;--library-gen-media-max-height:70vh;--library-gen-empty-max-width:24rem;--library-gen-thumb-min:9rem;--color-success:#059669;--color-success-bg:#05966938;--color-success-text:#34d399;--color-error:#dc2626;--color-error-bg:#dc26261f;--color-error-text:#f87171;--color-warning:#d97706;--color-warning-bg:#d9770624;--color-warning-text:#fbbf24;--color-info:#2563eb;--color-info-bg:#2563eb24;--color-info-text:#60a5fa;--color-purple:#7c3aed;--font-family:"Inter", system-ui, sans-serif;--font-size-xs:.625rem;--font-size-sm:.75rem;--font-size-base:.875rem;--font-size-lg:1rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.75rem;--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.625;--letter-spacing-tight:-.025em;--letter-spacing-normal:0;--letter-spacing-wide:.025em;--letter-spacing-wider:.05em;--letter-spacing-label:.06em;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 2px 6px -1px #00000059;--shadow-lg:0 8px 24px -4px #0006;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--tooltip-delay:.45s;--max-width-content:800px;--max-width-wide:900px;--max-width-narrow:600px;--max-width-xs:320px;--max-width-sm:400px;--max-width-md:512px;--max-width-lg:720px;--border-width:1px;--border-width-thick:2px;--border-width-pane:1px;--opacity-disabled:.6;--opacity-hover:.8;--opacity-hover-strong:.9;--badge-size:1.25rem;--badge-offset:-.25rem;--panel-width:320px;--panel-max-height:400px;--panel-top-offset:.5rem;--calendar-day-min-height:100px;--field-min-width:200px;--field-min-width-sm:140px;--field-flex-basis:180px;--swatch-width:3rem;--swatch-height:2.25rem;--swatch-padding:.15rem;--grid-min-sm:120px;--grid-min-md:180px;--grid-min-lg:280px;--min-height-page:calc(100vh - 6rem)}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#f2f2ef;--color-bg-subtle:#e9e9e5;--color-bg-hover:#dededa;--color-bg-active:#d2d2cd;--color-text-primary:#17191d;--color-text-secondary:#4d545d;--color-text-muted:#8a9099;--color-text-label:#6b727c;--color-border:#17191d1a;--color-border-strong:#17191d2e;--color-accent:#17191d;--color-accent-hover:#000;--color-accent-light:#d8d8d3;--color-accent-text:#f4f4f1;--color-nav-bg:#f2f2ef;--color-nav-text:#4d545d;--color-nav-hover:#ddddd8;--color-nav-active-bg:#d8d8d3;--color-nav-accent:#17191d;--bento-tile:var(--color-bg);--bento-tile-raised:#fff;--bento-tile-hover:#fff;--bento-inset:#e6e6e2;--bento-border:#17191d1a;--bento-border-strong:#17191d2e;--bento-sheen:#ffffff80;--bento-shadow:none;--bento-shadow-flat:none;--bento-shadow-raised:0 2px 6px #17191d14, 0 16px 40px #17191d1a;--bento-scrim:#17191d66;--backdrop-grid:repeating-linear-gradient(0deg, #17191d08 0 1px, transparent 1px 3rem), repeating-linear-gradient(90deg, #17191d08 0 1px, transparent 1px 3rem);--phantom-body:#fff;--phantom-glow:drop-shadow(0 0 6px #8b5cf640) drop-shadow(0 0 12px #22d3ee26);--color-success-bg:#05966933;--color-success-text:#047857;--color-error-bg:#dc262614;--color-error-text:#b91c1c;--color-warning-bg:#d977061a;--color-warning-text:#b45309;--color-info-bg:#2563eb14;--color-info-text:#1d4ed8;--shadow-sm:0 1px 2px 0 #17191d0d;--shadow-md:0 2px 6px -1px #17191d14;--shadow-lg:0 8px 24px -4px #17191d1a}[data-tip]{position:relative}[data-tip]:after{content:attr(data-tip);bottom:calc(100% + var(--space-2));width:max-content;max-width:var(--max-width-sm);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--bento-tile);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);text-align:left;white-space:normal;box-shadow:var(--bento-shadow-raised);opacity:0;visibility:hidden;pointer-events:none;z-index:var(--z-tooltip);transition:opacity var(--transition-fast) 0s, transform var(--transition-fast) 0s, visibility 0s linear var(--tooltip-delay);position:absolute;left:50%;transform:translate(-50%)translateY(2px)}[data-tip]:hover:after,[data-tip]:focus-visible:after{opacity:1;visibility:visible;transition:opacity var(--transition-base) var(--tooltip-delay), transform var(--transition-base) var(--tooltip-delay), visibility 0s linear var(--tooltip-delay);transform:translate(-50%)translateY(0)}.ui-sidebar{gap:var(--space-4);width:var(--sidebar-width);height:100dvh;padding:var(--space-5) var(--space-4);background:var(--color-bg);border-right:var(--border-width) solid var(--color-border);flex-direction:column;flex-shrink:0;align-self:flex-start;display:flex;position:sticky;top:0;overflow:hidden}.ui-sidebar-header{gap:var(--space-4);flex-direction:column;flex-shrink:0;display:flex}.ui-sidebar-brand{align-items:center;gap:var(--space-3);padding:0 var(--space-2);text-decoration:none;display:flex}.ui-sidebar-brand-text{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.ui-sidebar-wordmark{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight);color:var(--color-text-primary)}.ui-sidebar-subtitle{font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-label);text-transform:uppercase;color:var(--color-text-secondary)}.ui-sidebar-nav{gap:var(--space-1);scrollbar-width:thin;scrollbar-color:var(--color-nav-hover) transparent;flex-direction:column;flex:auto;min-height:0;display:flex;overflow-y:auto}.ui-sidebar-nav::-webkit-scrollbar{width:6px}.ui-sidebar-nav::-webkit-scrollbar-track{background:0 0}.ui-sidebar-nav::-webkit-scrollbar-thumb{background:var(--color-nav-hover);border-radius:var(--radius-full)}.ui-sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--color-nav-active-bg)}.ui-sidebar-nav{padding-right:var(--space-1)}.ui-sidebar-footer{gap:var(--space-2);flex-direction:column;flex-shrink:0;display:flex}.ui-sidebar-nav>.ui-sidebar-group:first-child{margin-top:var(--space-2)}.ui-sidebar-group-toggle{width:100%;font-family:var(--font-family);font-size:var(--font-size-base);text-align:left}.ui-sidebar-chevron{color:var(--color-nav-text);transition:transform var(--transition-fast);flex-shrink:0;margin-left:auto}.ui-sidebar-chevron.is-collapsed{transform:rotate(90deg)}.ui-sidebar-item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);color:var(--color-nav-text);border-radius:var(--radius-lg);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;text-decoration:none;display:flex;position:relative}.ui-sidebar-item:hover{background:var(--color-nav-hover);color:var(--color-text-primary)}.ui-sidebar-item-active,.ui-sidebar-item-active:hover{color:var(--color-nav-accent);background:0 0}.ui-sidebar-item-active:before{content:"";left:0;top:var(--space-2);bottom:var(--space-2);border-radius:var(--radius-full);background:var(--color-nav-accent);width:2px;position:absolute}.ui-sidebar-item-text{flex-direction:column;min-width:0;display:flex}.ui-sidebar-item-label{font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.ui-sidebar-item-sublabel{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.ui-sidebar-sub{gap:var(--space-0);margin:var(--space-1) 0 var(--space-1) var(--space-7);padding-left:var(--space-3);border-left:var(--border-width) solid var(--color-border);flex-direction:column;display:flex}.ui-sidebar-sub .ui-sidebar-sub-item:first-child{margin-top:var(--space-1)}.ui-sidebar-sub-item{padding:var(--space-1) var(--space-2);color:var(--color-nav-text);font-size:var(--font-size-sm);border-radius:var(--radius-md);transition:background var(--transition-fast), color var(--transition-fast);text-decoration:none;display:block}.ui-sidebar-sub-item:hover{background:var(--color-nav-hover);color:var(--color-text-primary)}.ui-sidebar-sub-item-active,.ui-sidebar-sub-item-active:hover{color:var(--color-text-primary);background:var(--color-nav-active-bg)}.ui-sidebar-user{justify-content:space-between;align-items:center;gap:var(--space-3);padding-top:var(--space-2);display:flex}.ui-breadcrumbs{align-items:center;gap:var(--space-1);white-space:nowrap;min-width:0;display:flex;overflow:hidden}.ui-breadcrumbs-item{align-items:center;gap:var(--space-1);min-width:0;display:inline-flex}.ui-breadcrumbs-sep{color:var(--color-text-muted);font-weight:var(--font-weight-normal)}.ui-breadcrumbs-link{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-label);transition:color var(--transition-fast), background var(--transition-fast);text-decoration:none;display:inline-flex}.ui-breadcrumbs-link:hover{color:var(--color-text-primary);background:var(--bento-tile-hover)}.ui-breadcrumbs-current{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight);color:var(--color-text-primary);display:inline-flex}.bs-menu{position:relative}.bs-trigger{justify-content:space-between;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);background:var(--bento-tile);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;text-align:left;transition:border-color var(--transition-fast), background var(--transition-fast);display:flex}.bs-trigger:hover{background:var(--bento-tile-hover)}.bs-trigger:focus-visible{outline:none}.bs-trigger-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.bs-chevron{color:var(--color-text-label);transition:transform var(--transition-fast);flex-shrink:0}.bs-chevron.is-collapsed{transform:rotate(-90deg)}.bs-panel{top:calc(100% + var(--space-2));z-index:30;min-width:12rem;padding:var(--space-2);border-radius:var(--radius-tile);background:var(--bento-tile);box-shadow:var(--bento-shadow-raised);gap:var(--space-1);flex-direction:column;display:flex;position:absolute;left:0;right:0}.bs-item{justify-content:space-between;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-base);text-align:left;cursor:pointer;transition:background var(--transition-fast);background:0 0;border:none;display:flex}.bs-item:hover{background:var(--color-bg-hover)}.bs-item-active{font-weight:var(--font-weight-semibold)}.bs-item-check{color:var(--color-accent);flex-shrink:0}.nc-menu{position:relative}.nc-menu-trigger{align-items:center;gap:var(--space-2);display:inline-flex}.nc-menu-chevron{transition:transform var(--transition-fast)}.nc-menu-chevron.is-collapsed{transform:rotate(-90deg)}.nc-menu-panel{top:calc(100% + var(--space-2));z-index:30;min-width:15rem;padding:var(--space-2);border-radius:var(--radius-tile);background:var(--bento-tile);box-shadow:var(--bento-shadow-raised);gap:var(--space-1);flex-direction:column;display:flex;position:absolute;right:0}.nc-menu-item{justify-content:space-between;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);cursor:pointer;font-family:var(--font-family);text-align:left;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;text-decoration:none;display:flex}.nc-menu-item:hover{background:var(--color-bg-hover)}.nc-menu-item-disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.nc-menu-item-disabled:hover{background:0 0}.nc-menu-text{gap:var(--space-0);flex-direction:column;min-width:0;display:flex}.nc-menu-label{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.nc-menu-desc{font-size:var(--font-size-xs);color:var(--color-text-muted)}.nc-menu-parent .nc-menu-chevron{flex-shrink:0}.nc-menu-sub{gap:var(--space-1);margin:var(--space-1) 0 var(--space-1) var(--space-3);padding-left:var(--space-3);border-left:var(--border-width) solid var(--color-border);flex-direction:column;display:flex}.notification-backdrop{z-index:10;cursor:default;background:0 0;border:none;padding:0;position:fixed;inset:0}.notification-panel{right:0;top:calc(100% + var(--panel-top-offset));z-index:11;width:var(--panel-width);max-height:var(--panel-max-height);border-radius:var(--radius-tile-sm);background:var(--bento-tile);box-shadow:var(--bento-shadow-raised);position:absolute;overflow-y:auto}.notification-list{margin:0;padding:0;list-style:none}.notification-list li{border-bottom:var(--border-width) solid var(--color-border)}.notification-item{align-items:center;gap:var(--space-2);padding:var(--space-3);display:flex}.notification-item.unread{background:var(--color-info-bg)}.notification-link{color:inherit;flex:1;text-decoration:none}.notification-title{font-weight:var(--font-weight-medium);font-size:var(--font-size-base);color:var(--color-text-primary);margin:0}.notification-meta{margin:var(--space-1) 0 0;font-size:var(--font-size-sm);color:var(--color-text-label)}.notification-mark-read{padding:var(--space-1) var(--space-2);border-radius:var(--radius-lg);background:var(--bento-tile);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast)}.notification-mark-read:hover{background:var(--bento-tile-hover);color:var(--color-text-primary)}.notification-empty{padding:var(--space-4);text-align:center;color:var(--color-text-label);font-size:var(--font-size-base)}.app-shell{background:var(--color-bg);height:100dvh;display:flex;overflow:hidden}.app-shell-body{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.app-shell-topbar{z-index:20;background:var(--color-bg);flex-shrink:0;position:sticky;top:0}.app-shell-user-name{text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-sm);color:var(--color-text-secondary);padding:var(--space-1) var(--space-2);margin-left:calc(-1 * var(--space-2));border-radius:var(--radius-md);transition:background var(--transition-fast), color var(--transition-fast);flex:1;text-decoration:none;overflow:hidden}.app-shell-user-name:hover{background:var(--color-nav-hover);color:var(--color-text-primary)}.app-shell-mock-badge{padding:var(--space-1) var(--space-2);border:var(--border-width) solid var(--color-warning);border-radius:var(--radius-full);color:var(--color-warning-text);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-label);text-transform:uppercase}.app-shell-main{min-height:0;padding:var(--space-6) var(--space-5);background:var(--color-bg);scrollbar-width:thin;scrollbar-color:var(--color-nav-hover) transparent;flex:1;overflow-y:auto}.app-shell-main::-webkit-scrollbar{width:6px}.app-shell-main::-webkit-scrollbar-track{background:0 0}.app-shell-main::-webkit-scrollbar-thumb{background:var(--color-nav-hover);border-radius:var(--radius-full)}.app-shell-main::-webkit-scrollbar-thumb:hover{background:var(--color-nav-active-bg)}.error-boundary{align-items:center;gap:var(--space-3);max-width:var(--max-width-sm);margin:var(--space-12) auto;padding:var(--space-8) var(--space-6);text-align:center;background:var(--bento-tile);border-radius:var(--radius-tile);flex-direction:column;display:flex}.error-boundary-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.error-boundary-message{font-size:var(--font-size-sm);line-height:var(--line-height-normal);color:var(--color-text-secondary);margin:0}.error-boundary-actions{gap:var(--space-2);margin-top:var(--space-2);display:flex}