@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap";/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-space-x-reverse:0}}}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.visible\!{visibility:visible!important}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.bottom-\[60px\]{bottom:60px}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.-col-24{grid-column:-24}.col-span-12{grid-column:span 12/span 12}.container{width:100%}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.list-item{display:list-item}.table{display:table}.table-cell{display:table-cell}.w-1\/2{width:50%}.flex-1{flex:1}.border-collapse{border-collapse:collapse}.-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-full{--tw-translate-x:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-full{--tw-translate-y:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-full{--tw-translate-y:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.transform\!{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)!important}.transform-none{transform:none}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize\!{resize:both!important}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.text-center{text-align:center}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-100{opacity:1}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter\!{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)!important}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-4:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.rtl\:rotate-180:where(:dir(rtl),[dir=rtl],[dir=rtl] *){rotate:180deg}:where(.rtl\:space-x-reverse:where(:dir(rtl),[dir=rtl],[dir=rtl] *)>:not(:last-child)){--tw-space-x-reverse:1}@media (prefers-color-scheme:dark){.dark\:border-transparent{border-color:#0000}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{padding:.2em;background-color:#feffe6}.task-center[data-v-83b3c928]{position:fixed;z-index:5000}.task-toggle[data-v-83b3c928]{position:relative;border:none;background:#111827;color:#fff;border-radius:999px;padding:10px 14px;display:inline-flex;align-items:center;gap:6px;box-shadow:0 10px 25px #0f172a66;cursor:pointer;z-index:2}.task-toggle .dot[data-v-83b3c928]{width:8px;height:8px;border-radius:999px;background:#22c55e;animation:blink-83b3c928 1.2s infinite}.task-toggle .badge[data-v-83b3c928]{min-width:22px;height:22px;border-radius:999px;background:#ffffff29;display:inline-flex;align-items:center;justify-content:center;font-size:12px}.task-panel[data-v-83b3c928]{position:absolute;width:320px;max-height:440px;background:#fff;border-radius:16px;box-shadow:0 20px 45px #0f172a40;display:flex;flex-direction:column;overflow:hidden}.task-panel.top[data-v-83b3c928]{bottom:calc(100% + 12px)}.task-panel.bottom[data-v-83b3c928]{top:calc(100% + 12px)}.task-panel.right[data-v-83b3c928]{left:calc(0% + 12px)}.task-panel.left[data-v-83b3c928]{right:calc(0% + 12px)}.task-bubble[data-v-83b3c928]{position:absolute;bottom:calc(100% + 10px);padding:6px 10px;border-radius:999px;font-size:12px;background:#111827e6;color:#fff;box-shadow:0 8px 18px #0f172a40;white-space:nowrap}.task-bubble.success[data-v-83b3c928]{background:#10b981e6}.task-bubble.error[data-v-83b3c928]{background:#ef4444e6}.task-panel__header[data-v-83b3c928]{padding:14px 16px 10px;border-bottom:1px solid #e5e7eb;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;cursor:move}.task-panel__actions[data-v-83b3c928]{display:flex;gap:8px;cursor:default}.task-panel__actions button[data-v-83b3c928]{cursor:pointer}.task-panel__header h4[data-v-83b3c928]{margin:0;font-size:15px;color:#111827}.task-panel__header .muted[data-v-83b3c928]{margin:0;color:#6b7280;font-size:12px}.link-btn[data-v-83b3c928]{background:none;border:none;color:#2563eb;font-size:12px;cursor:pointer;padding:0}.link-btn[data-v-83b3c928]:disabled{color:#cbd5f5;cursor:default}.task-panel__body[data-v-83b3c928]{padding:10px 16px 14px;overflow-y:auto;flex:1}.task-empty[data-v-83b3c928]{font-size:12px;color:#6b7280;text-align:center;padding:30px 0}.task-list[data-v-83b3c928]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.task-item[data-v-83b3c928]{border:1px solid #eef2ff;border-radius:12px;padding:10px 12px 12px;position:relative;background:#f9fafb}.task-main[data-v-83b3c928]{display:flex;flex-direction:column;gap:2px}.task-title[data-v-83b3c928]{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#111827}.status-dot[data-v-83b3c928]{width:8px;height:8px;border-radius:50%;background:#cbd5f5}.status-running[data-v-83b3c928]{background:#fbbf24}.status-success[data-v-83b3c928]{background:#10b981}.status-error[data-v-83b3c928]{background:#ef4444}.task-progress[data-v-83b3c928]{display:flex;align-items:center;gap:8px;margin-top:8px}.progress-bar[data-v-83b3c928]{flex:1;height:6px;border-radius:999px;background:#e5e7eb;overflow:hidden}.progress-bar__value[data-v-83b3c928]{height:100%;background:linear-gradient(135deg,#2563eb,#4f46e5);transition:width .2s ease}.progress-bar__value.status-success[data-v-83b3c928]{background:#22c55e}.progress-bar__value.status-error[data-v-83b3c928]{background:#ef4444}.progress-text[data-v-83b3c928]{font-size:11px;color:#4b5563;width:60px;text-align:right}.close-btn[data-v-83b3c928]{position:absolute;top:6px;right:8px;border:none;background:transparent;color:#9ca3af;font-size:16px;cursor:pointer}.close-btn[data-v-83b3c928]:hover{color:#4b5563}.task-panel-enter-from[data-v-83b3c928],.task-panel-leave-to[data-v-83b3c928]{opacity:0;transform:translateY(15px) scale(.95)}.task-panel-enter-active[data-v-83b3c928],.task-panel-leave-active[data-v-83b3c928]{transition:all .3s cubic-bezier(.34,1.56,.64,1)}.task-bubble-enter-from[data-v-83b3c928],.task-bubble-leave-to[data-v-83b3c928]{opacity:0;transform:translateY(8px)}.task-bubble-enter-active[data-v-83b3c928],.task-bubble-leave-active[data-v-83b3c928]{transition:all .2s ease}.list-enter-active[data-v-83b3c928],.list-leave-active[data-v-83b3c928]{transition:all .3s cubic-bezier(.4,0,.2,1)}.list-enter-from[data-v-83b3c928],.list-leave-to[data-v-83b3c928]{opacity:0;transform:translate(15px)}.list-leave-active[data-v-83b3c928]{position:absolute;width:100%}.list-move[data-v-83b3c928]{transition:transform .3s cubic-bezier(.4,0,.2,1)}@keyframes blink-83b3c928{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@media (max-width: 768px){.task-center[data-v-83b3c928]{bottom:12px;right:12px}.task-toggle[data-v-83b3c928]{padding:9px 12px}.task-panel[data-v-83b3c928]{width:90vw;max-height:60vh}.task-panel__header[data-v-83b3c928]{padding:12px}.task-panel__body[data-v-83b3c928]{padding:10px 12px 12px}}:root{--bg--primary: hsl(203, 7%, 92%);--bg--active: hsla(203, 86%, 93%, .7);--bg--hover: hsl(200, 7%, 84%);--bg--focus: hsl(203, 100%, 100%);--gray--primary: hsl(200, 10%, 50%);--gray--secondary: hsl(200, 14%, 30%);--dark--primary: hsl(203, 13%, 14%);--dark--secondary: hsl(203, 4%, 29%);--accent--primary: hsl(206, 90%, 56%);--accent--secondary: hsl(206, 79%, 58%);--expanded: 16.875rem;--collapsed: 3.25rem;--svg: 1.125rem;--item: 2.25rem;--brad-outer: .75rem;--frame-space: .5rem;--brad-inner: calc(var(--brad-outer) - var(--frame-space));--mobile-header-h: 56px}.app-shell{--sidebar-size: var(--expanded);display:grid;grid-template-columns:var(--sidebar-size) 1fr;min-height:100vh;padding-left:5px;font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.app-shell:has(.vertical-sidebar input:not(:checked)){--sidebar-size: var(--collapsed)}.mobile-header{height:var(--mobile-header-h);padding:0 12px;display:none;flex-direction:row;align-items:center;justify-content:space-between;background:#fff;box-shadow:0 1px 4px #0000000f;position:sticky;top:0;z-index:20}.vertical-sidebar{display:flex;inline-size:var(--sidebar-size);margin-block:1vmin;position:relative;z-index:1001}.checkbox-input{display:none}nav{background:var(--bg--primary);display:flex;flex-flow:column;min-width:var(--collapsed);border-radius:var(--brad-outer);flex:1 1 auto;inline-size:100%;transition:flex-basis .3s ease-out;will-change:flex-basis;padding:var(--frame-space);box-shadow:0 3px 5px #1233,0 5px 17px #0003}.vertical-sidebar nav>header{display:flex;flex-flow:column;justify-content:center;gap:.5rem}.vertical-sidebar :checked~nav{flex-basis:var(--expanded)}.vertical-sidebar :not(:checked)~nav{flex-basis:var(--collapsed)}.sidebar__toggle-container{block-size:var(--item);display:flex;justify-content:end}.nav__toggle{block-size:100%;background:none;transition:all 233ms ease-in;border-radius:var(--brad-inner);outline:2px solid transparent;outline-offset:-2px;overflow:hidden}.toggle--icons{block-size:inherit;aspect-ratio:1;display:inline-grid;place-content:center;grid-template-areas:"svg";z-index:10}.toggle-svg-icon{grid-area:svg;fill:var(--gray--primary);transition:fill 233ms ease-in}.nav__toggle:hover{outline:2px solid var(--accent--primary)}.toggle--icons:hover .toggle-svg-icon{fill:var(--dark--primary)}figure{display:flex;flex-direction:column;justify-content:center;container-type:inline-size;gap:.375rem;margin:.25rem 0}.codepen-logo{margin-inline:auto;display:block;min-inline-size:2.25rem;max-inline-size:45cqi;aspect-ratio:1;block-size:100%;-o-object-fit:cover;object-fit:cover;transition:width .1s linear}figcaption{text-align:center}.user-id{font-size:1.0625rem;font-weight:500;margin-block-end:.25rem;color:var(--gray--secondary)}.user-role{font-size:.875rem;font-weight:500;color:var(--gray--primary)}.sidebar__wrapper{--list-gap: .5rem;display:flex;flex-flow:column;gap:var(--list-gap)}.sidebar__list{margin:0;padding:0;list-style:none;display:flex;flex-flow:column;gap:.125rem}aside:has(:checked) .sidebar__list{overflow:visible}aside:not(:has(:checked)) .sidebar__list{overflow:visible}.sidebar__item{block-size:var(--item);border-radius:var(--brad-inner);position:relative}.item--heading{display:flex;align-items:end;overflow:hidden}.sidebar__item--heading{margin-block-end:.4rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.35px;font-weight:500;color:var(--gray--primary);transition:color .2s ease-in}.sidebar__list:has(.sidebar__link):hover .sidebar__item--heading{color:var(--gray--secondary)}.sidebar__link{display:flex;text-decoration:none;block-size:100%;align-items:center;gap:.5rem;outline:2px solid transparent;border-radius:inherit;transition:background .2s ease,transform .2s cubic-bezier(.34,1.56,.64,1);transform-origin:center left}.icon{aspect-ratio:1;block-size:100%;display:inline-grid}.icon svg{place-self:center;inline-size:var(--svg);block-size:var(--svg);fill:var(--gray--primary);transition:fill .3s ease}.text{pointer-events:none;color:var(--gray--secondary);font-size:.875em;font-weight:500;transition:color .3s ease,opacity .2s ease;white-space:nowrap}.sidebar__link:hover{background:var(--bg--hover);transform:scale(1.05) translate(4px)}.sidebar__link:hover .icon svg{fill:var(--accent--primary);transform:scale(1.1)}.sidebar__link:hover .text{color:var(--dark--primary)}.sidebar__link:focus{outline:2px solid var(--accent--secondary);outline-offset:-2px;background:var(--bg--focus)}.sidebar__link:focus .icon svg{fill:var(--accent--primary)}.sidebar__link:active{background-color:var(--bg--active);transform:scale(.98)}.sidebar__link.active{background:#dfe9ff}.sidebar__link.active .icon svg{fill:var(--accent--primary)}.sidebar__link.active .text{color:var(--dark--primary);font-weight:600}aside:not(:has(:checked)) .toggle--open,aside:has(:checked) .toggle--close{opacity:0}aside:not(:has(:checked)) :where(figcaption,.item--heading,.text){opacity:0;width:0;pointer-events:none;visibility:hidden}aside:has(:checked) :where(figcaption,.item--heading,.text){transition:opacity .3s ease-in .2s}[data-tooltip]:before{content:attr(data-tooltip);position:absolute;left:calc(100% + 15px);top:50%;transform:translateY(-50%) scale(.8);transform-origin:left center;border-radius:var(--brad-inner);padding:.6rem .8rem;color:#fff;background-color:#1f2937;box-shadow:0 20px 25px -5px #0003,0 10px 10px -5px #0000001a;opacity:0;pointer-events:none;z-index:99999;font-size:.85rem;white-space:nowrap;transition:all .15s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.1)}aside:not(:has(:checked)) .sidebar__link:hover[data-tooltip]:before{opacity:1;transform:translateY(-50%) scale(1)}.main{display:flex;flex-direction:column;min-height:100vh;min-width:0;overflow:hidden}.content{padding:16px;min-width:0;overflow:auto}.whoami{font-size:12px;opacity:.7}.mobile-header-left{display:flex;align-items:center;gap:8px}.mobile-logo{width:30px;height:30px;border-radius:6px;-o-object-fit:cover;object-fit:cover}.mobile-user{display:flex;flex-direction:column}.mobile-user-name{font-size:14px;font-weight:600;color:var(--dark--primary)}.mobile-user-role{font-size:12px;color:var(--gray--primary)}.mobile-burger{width:36px;height:36px;border-radius:999px;border:none;background:#eef2ff;display:inline-flex;align-items:center;justify-content:center;color:#4c51bf;cursor:pointer;transition:background .2s ease,color .2s ease;padding:0}.mobile-burger:hover{background:#e0e7ff}.mobile-burger svg{width:22px;height:22px}.mobile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a59;z-index:40}.mobile-drawer{position:fixed;inset-block:0;inset-inline-end:0;width:260px;max-width:80vw;background:#fff;box-shadow:-2px 0 8px #0000001f;z-index:50;display:flex;flex-direction:column}.mobile-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #edf2f7}.mobile-drawer-user{display:flex;align-items:center;gap:8px}.mobile-drawer-logo{width:28px;height:28px;border-radius:6px;-o-object-fit:cover;object-fit:cover}.mobile-drawer-user-info{display:flex;flex-direction:column}.mobile-drawer-name{font-size:14px;font-weight:600;color:#1a202c}.mobile-drawer-role{font-size:12px;color:#718096}.mobile-drawer-close{border:none;background:transparent;font-size:20px;width:32px;height:32px;border-radius:999px;line-height:1;cursor:pointer;color:#4a5568}.mobile-drawer-body{padding:10px 14px 16px;overflow-y:auto;flex:1}.mobile-menu-section{margin-bottom:16px}.mobile-menu-section-title{font-size:12px;text-transform:uppercase;letter-spacing:.4px;color:#a0aec0;margin-bottom:6px}.mobile-menu-list{list-style:none;padding:0;margin:0}.mobile-menu-item+.mobile-menu-item{margin-top:4px}.mobile-menu-link{width:100%;display:inline-flex;align-items:center;gap:8px;padding:8px;border-radius:8px;text-decoration:none;border:none;background:transparent;font-size:14px;color:#2d3748;text-align:left}.mobile-menu-link.active{background:#e3ebff;color:#1a202c}.mobile-menu-dot{width:6px;height:6px;border-radius:999px;background:#a0aec0}.mobile-menu-link.active .mobile-menu-dot{background:var(--accent--primary)}.mobile-menu-text{flex:1}.mobile-menu-link:hover{background:#edf2f7}.mobile-menu-btn{cursor:pointer}.mobile-menu-section-account{padding-top:4px;border-top:1px solid #edf2f7}.fade-enter-active,.fade-leave-active{transition:opacity .3s cubic-bezier(.4,0,.2,1)}.fade-enter-from,.fade-leave-to{opacity:0}.slide-right-enter-active,.slide-right-leave-active{transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .3s ease}.slide-right-enter-from,.slide-right-leave-to{transform:translate(100%);opacity:.8}@keyframes slideUpFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sidebar__item{animation:slideUpFade .5s cubic-bezier(.2,.8,.2,1) backwards}.sidebar__item:nth-child(1){animation-delay:.1s}.sidebar__item:nth-child(2){animation-delay:.15s}.sidebar__item:nth-child(3){animation-delay:.2s}.sidebar__item:nth-child(4){animation-delay:.25s}.sidebar__item:nth-child(5){animation-delay:.3s}.sidebar__item:nth-child(6){animation-delay:.35s}.sidebar__item:nth-child(7){animation-delay:.4s}.sidebar__item:nth-child(8){animation-delay:.45s}.sidebar__item:nth-child(9){animation-delay:.5s}.sidebar__item:nth-child(10){animation-delay:.55s}@media (max-width: 768px){.app-shell{display:flex;flex-direction:column;padding-left:0}.mobile-header{display:flex}.vertical-sidebar{display:none}.main{min-height:calc(100vh - var(--mobile-header-h))}.content{padding:12px}}.page-enter-active,.page-leave-active{transition:opacity .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1)}.page-enter-from{opacity:0;transform:translateY(10px)}.page-leave-to{opacity:0;transform:translateY(-10px)}