@layer base{:root{--color-white:#fff;--color-black:#000;--color-primary-50:#f4f6fb;--color-primary-100:#e8ecf6;--color-primary-200:#d2d9ec;--color-primary-300:#bcc6e1;--color-primary-400:#96a2cb;--color-primary-500:#6674a8;--color-primary-600:#5b689a;--color-primary-700:#4d5985;--color-primary-800:#3e486b;--color-primary-900:#2d354f;--color-success-50:#f2faf6;--color-success-100:#e3f3ea;--color-success-200:#c7e6d5;--color-success-300:#a6d6bd;--color-success-400:#78bd98;--color-success-500:#4e9f77;--color-success-600:#438d69;--color-success-700:#387657;--color-success-800:#2d5f46;--color-success-900:#214534;--color-warning-50:#fff9ed;--color-warning-100:#fff2d9;--color-warning-200:#fde4af;--color-warning-300:#f7d07a;--color-warning-400:#e8b957;--color-warning-500:#d9a441;--color-warning-600:#c18f33;--color-warning-700:#a37428;--color-warning-800:#825c21;--color-warning-900:#614319;--color-error-50:#fff3f3;--color-error-100:#fde6e6;--color-error-200:#f9caca;--color-error-300:#f2a8a8;--color-error-400:#e78383;--color-error-500:#d96b6b;--color-error-600:#c25858;--color-error-700:#a34646;--color-error-800:#843737;--color-error-900:#612828;--color-info-50:#f3f8fc;--color-info-100:#e5eff7;--color-info-200:#c9deee;--color-info-300:#a7c8e0;--color-info-400:#7eadd0;--color-info-500:#5b8db8;--color-info-600:#4d7ea8;--color-info-700:#406a8d;--color-info-800:#345571;--color-info-900:#253e52;--color-purple-50:#f7f4fb;--color-purple-100:#eee8f6;--color-purple-200:#ddd2ec;--color-purple-300:#c6b5de;--color-purple-400:#a891ca;--color-purple-500:#8b72b5;--color-purple-600:#7961a3;--color-purple-700:#654f89;--color-purple-800:#51406e;--color-purple-900:#3a2e50;--color-brown-50:#faf6f3;--color-brown-100:#f2eae4;--color-brown-200:#e4d4c9;--color-brown-300:#d2b9a8;--color-brown-400:#ba9981;--color-brown-500:#a07b63;--color-brown-600:#8e6c55;--color-brown-700:#755847;--color-brown-800:#5d4638;--color-brown-900:#433228;--color-slate-50:#f8fafc;--color-slate-100:#f1f5f9;--color-slate-200:#e2e8f0;--color-slate-300:#cbd5e1;--color-slate-400:#94a3b8;--color-slate-500:#64748b;--color-slate-600:#475569;--color-slate-700:#334155;--color-slate-800:#1e293b;--color-slate-900:#0f172a;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-primary:var(--color-primary-500);--color-primary-hover:var(--color-primary-600);--color-primary-active:var(--color-primary-700);--color-primary-soft:var(--color-primary-50);--color-primary-border:var(--color-primary-200);--color-primary-text:var(--color-primary-600);--color-success:var(--color-success-500);--color-success-hover:var(--color-success-600);--color-success-active:var(--color-success-700);--color-success-soft:var(--color-success-50);--color-success-border:var(--color-success-200);--color-success-text:var(--color-success-600);--color-warning:var(--color-warning-500);--color-warning-hover:var(--color-warning-600);--color-warning-active:var(--color-warning-700);--color-warning-soft:var(--color-warning-50);--color-warning-border:var(--color-warning-200);--color-warning-text:var(--color-warning-600);--color-error:var(--color-error-500);--color-error-hover:var(--color-error-600);--color-error-active:var(--color-error-700);--color-error-soft:var(--color-error-50);--color-error-border:var(--color-error-200);--color-error-text:var(--color-error-600);--color-info:var(--color-info-500);--color-info-hover:var(--color-info-600);--color-info-active:var(--color-info-700);--color-info-soft:var(--color-info-50);--color-info-border:var(--color-info-200);--color-info-text:var(--color-info-600);--color-purple:var(--color-purple-500);--color-purple-hover:var(--color-purple-600);--color-purple-active:var(--color-purple-700);--color-purple-soft:var(--color-purple-50);--color-purple-border:var(--color-purple-200);--color-purple-text:var(--color-purple-600);--color-brown:var(--color-brown-500);--color-brown-hover:var(--color-brown-600);--color-brown-active:var(--color-brown-700);--color-brown-soft:var(--color-brown-50);--color-brown-border:var(--color-brown-200);--color-brown-text:var(--color-brown-600);--font-xs:.75rem;--font-sm:.875rem;--font-md:1rem;--font-lg:1.125rem;--font-xl:1.25rem;--font-2xl:1.5rem;--font-3xl:2rem;--font-4xl:3rem;--spacing-xs:.125rem;--spacing-sm:.25rem;--spacing-md:.5rem;--spacing-lg:.75rem;--spacing-xl:1rem;--spacing-2xl:1.5rem;--spacing-3xl:2rem;--spacing-4xl:3rem;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-3xl:2rem;--radius-full:9999px;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--font-body:"Sarabun", sans-serif;--font-heading:"Noto Sans Thai", sans-serif;--font-icon:"Font Awesome 6 Pro";--font-size-body:var(--font-md);--font-size-label:var(--font-sm);--font-size-title:var(--font-lg);--font-size-heading:var(--font-xl);--color-bg:var(--color-slate-50);--color-surface:var(--color-white);--color-surface-muted:var(--color-slate-100);--color-surface-hover:var(--color-slate-100);--color-text:var(--color-slate-500);--color-text-soft:var(--color-slate-400);--color-text-muted:var(--color-gray-400);--color-text-inverse:var(--color-white);--color-link:var(--color-primary-text);--color-link-hover:var(--color-warning);--color-link-active:var(--color-error);--color-border:var(--color-slate-200);--color-border-soft:var(--color-slate-100);--color-border-strong:var(--color-slate-300);--border-solid:1px solid var(--color-border);--border-dashed:1px dashed var(--color-border);--z-below:-1;--z-base:0;--z-above:1;--z-tabbar:100;--z-header:200;--z-sidebar:300;--z-sticky:400;--z-fab:500;--z-overlay-root:1000;--z-overlay-layer:1100;--z-drawer:1200;--z-modal:1300;--z-dialog:1400;--z-popover:1500;--z-toast:1600;--z-max:2147480000;--viewport-sm:640px;--viewport-md:768px;--viewport-lg:1024px;--viewport-xl:1280px;--viewport-2xl:1536px;--transition-fast:.15s;--transition-base:.3s;--transition-slow:.5s;--fade-transition:opacity var(--transition-base) ease-in-out, visibility var(--transition-base) ease-in-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spooky{0%{transform:translateY(.15em)scaleY(.95)}to{transform:translateY(-.15em)}}*,:before,:after{box-sizing:border-box}html,body{scroll-behavior:smooth;-webkit-text-size-adjust:100%;width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{line-height:1.5;font-family:var(--font-body);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}img,picture,video,canvas,svg{max-width:100%;height:auto;display:block}form,ul,ol{margin:0}p,h1,h2,h3,h4,h5,h6{margin:var(--spacing-md) 0}a{color:var(--color-link);outline-color:var(--color-primary-border);cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);-webkit-tap-highlight-color:transparent;text-decoration:none}a:hover{color:var(--color-link-hover);text-underline-offset:var(--spacing-xs);text-decoration:underline}hr{border:none;border-top:var(--border-solid);margin:var(--spacing-lg) 0}hr.dashed{border-top:var(--border-dashed)}:root{--control-height-sm:32px;--control-height-md:40px;--control-height-lg:44px;--control-font-sm:14px;--control-font-md:14px;--control-font-lg:16px;--control-icon-sm:16px;--control-icon-md:18px;--control-icon-lg:20px;--motion-duration-fast:.1s;--motion-duration-normal:.2s;--motion-easing-snappy:cubic-bezier(.2, 0, 0, 1);--motion-easing-smooth:cubic-bezier(.4, 0, .2, 1)}button,select,textarea,input:not([type=radio],[type=checkbox]){font-size:var(--control-font-md);border-radius:var(--radius-md);outline-color:var(--color-primary-border);color:inherit;flex-shrink:0}button{height:var(--control-height-md);font-family:var(--font-heading);white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:pointer;transition:background-color var(--motion-duration-normal) var(--motion-easing-snappy), border-color var(--motion-duration-normal) var(--motion-easing-snappy), color var(--motion-duration-normal) var(--motion-easing-snappy), box-shadow var(--motion-duration-normal) var(--motion-easing-snappy), transform var(--motion-duration-fast) var(--motion-easing-snappy);-webkit-tap-highlight-color:transparent;border:1px solid #0000;justify-content:center;align-items:center;gap:.5em;padding:0 1em;font-weight:500;line-height:1;display:inline-flex}select,textarea,input:not([type=radio],[type=checkbox]){min-height:var(--control-height-md);font-family:var(--font-body);border:var(--border-solid);transition:border-color var(--motion-duration-normal) var(--motion-easing-smooth), box-shadow var(--motion-duration-normal) var(--motion-easing-smooth), background-color var(--motion-duration-normal) var(--motion-easing-smooth);padding:0 .75em;line-height:1.6}textarea{resize:vertical;padding:.75em}input:is([type=radio],[type=checkbox]){margin:var(--spacing-sm);accent-color:var(--color-primary);transition:transform var(--motion-duration-fast) var(--motion-easing-snappy);transform:scale(1.2)}input::placeholder,textarea::placeholder{opacity:.5;transition:opacity var(--motion-duration-normal) var(--motion-easing-smooth);font-style:italic}a:focus-visible,button:focus-visible,input:is([type=radio],[type=checkbox]):focus-visible{outline:2px solid var(--color-primary-border);outline-offset:2px;z-index:var(--z-above);transition:outline-offset var(--motion-duration-fast) var(--motion-easing-snappy);position:relative}button:disabled,select:disabled,textarea:disabled,input:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}}@layer layout{.wui{grid-template-columns:1fr;width:100%;height:100dvh;display:grid;overflow:hidden}.wui-shell{flex-direction:column;min-width:0;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.wui-content{flex:1;min-width:0;min-height:0;overflow:auto}.wui-viewport{left:var(--spacing-sm);color:var(--color-text-muted);z-index:var(--z-overlay-root);font-size:10px;line-height:1;position:fixed}.wui[data-shell=dashboard]:not([data-sidebar=overlay],[data-sidebar=hidden]){grid-template-columns:auto 1fr}.wui[data-shell=dashboard]:not([data-sidebar=overlay],[data-sidebar=hidden]) .wui-content{margin:var(--spacing-md);border:1px solid var(--color-border-soft);border-radius:var(--radius-xl);background-color:var(--color-surface);margin-left:0;overflow:hidden}.wui[data-shell=dashboard]:is([data-sidebar=overlay],[data-sidebar=hidden]) .wui-content{background-color:var(--color-surface);overflow:hidden}.wui[data-shell=auth] .wui-content{background:linear-gradient(135deg,#f8fafd 0%,#eef2f8 45%,#e2e8f3 100%)}.wui[data-shell=auth] .wui-page,.wui[data-shell=auth] .wui-loader{justify-content:center;align-items:center}.wui-loader{padding:5.5rem var(--spacing-lg);transition:var(--fade-transition);z-index:var(--z-above);opacity:0;visibility:hidden;justify-content:center;display:flex;position:absolute;inset:0}.wui[data-loading=true] .wui-loader{opacity:1;visibility:visible}.wui-spinner{width:48px;height:48px;display:block;position:relative}.wui-spinner div{transform-origin:24px 24px;animation:1.2s linear infinite fade-out}.wui-spinner div:after{content:"";background-color:var(--color-primary);border-radius:2px;width:4px;height:11px;display:block;position:absolute;top:3px;left:22px}.wui-spinner div:first-child{animation-delay:-1.1s;transform:rotate(0)}.wui-spinner div:nth-child(2){animation-delay:-1s;transform:rotate(30deg)}.wui-spinner div:nth-child(3){animation-delay:-.9s;transform:rotate(60deg)}.wui-spinner div:nth-child(4){animation-delay:-.8s;transform:rotate(90deg)}.wui-spinner div:nth-child(5){animation-delay:-.7s;transform:rotate(120deg)}.wui-spinner div:nth-child(6){animation-delay:-.6s;transform:rotate(150deg)}.wui-spinner div:nth-child(7){animation-delay:-.5s;transform:rotate(180deg)}.wui-spinner div:nth-child(8){animation-delay:-.4s;transform:rotate(210deg)}.wui-spinner div:nth-child(9){animation-delay:-.3s;transform:rotate(240deg)}.wui-spinner div:nth-child(10){animation-delay:-.2s;transform:rotate(270deg)}.wui-spinner div:nth-child(11){animation-delay:-.1s;transform:rotate(300deg)}.wui-spinner div:nth-child(12){animation-delay:0s;transform:rotate(330deg)}:root{--sidebar-expanded-width:224px;--sidebar-collapsed-width:64px;--sidebar-bg:var(--color-bg)}.wui-sidebar{width:0;padding:var(--spacing-sm);background-color:var(--sidebar-bg);z-index:var(--z-sidebar);transition:width var(--transition-base), transform var(--transition-base);flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0;overflow:hidden;transform:translate(-100%)}.sidebar__header{height:3rem;padding:0 var(--spacing-md);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.sidebar__logo{padding-left:var(--spacing-lg);font-family:var(--font-heading);font-size:var(--font-size-heading);color:var(--color-primary-text);white-space:nowrap;font-weight:600;overflow:hidden}.sidebar__toggle{border-radius:var(--radius-full);width:32px;height:32px;font-size:var(--font-xl);color:var(--color-primary-text);background-color:#0000;flex-shrink:0;padding:0}.sidebar__footer{height:3.5rem;padding:var(--spacing-sm);flex-shrink:0}.profile{justify-content:flex-start;gap:var(--spacing-md);width:100%;height:100%;padding:0 var(--spacing-md);background-color:#0000}.profile__avatar{width:2.25rem;height:2.25rem;padding:var(--spacing-xs);border-radius:var(--radius-full);background:#0000001a;flex-shrink:0;overflow:hidden}.profile__avatar img{border-radius:var(--radius-full);width:100%;height:100%;display:block}.profile__info{min-width:0;font-family:var(--font-body);text-align:left;white-space:nowrap;overflow:hidden}.profile__info :first-child{line-height:1.5;font-size:var(--font-sm);font-weight:500}.profile__info :last-child{line-height:1.25;font-size:var(--font-xs);color:var(--color-text-muted)}.wui[data-shell=dashboard][data-sidebar=collapsed] .wui-sidebar{width:var(--sidebar-collapsed-width);position:relative;transform:translate(0)}.wui[data-shell=dashboard][data-sidebar=expanded] .wui-sidebar{width:var(--sidebar-expanded-width);position:relative;transform:translate(0)}.wui[data-shell=dashboard][data-sidebar=overlay] .wui-sidebar{width:var(--sidebar-expanded-width);box-shadow:var(--shadow-lg);transform:translate(0)}.wui[data-sidebar=collapsed] .sidebar__logo,.wui[data-sidebar=collapsed] .profile__info{display:none}.wui[data-sidebar=collapsed] .sidebar__header,.wui[data-sidebar=collapsed] .profile{justify-content:center;padding:0}@media (hover:hover) and (pointer:fine){.sidebar__toggle:hover{background-color:var(--nav-item-bg-hover)}.profile:hover{color:var(--nav-item-text-hover);background-color:var(--nav-item-bg-hover)}}:root{--nav-item-text:var(--color-slate-500);--nav-item-text-hover:var(--color-slate-600);--nav-item-text-active:var(--color-primary-text);--nav-item-bg-hover:#0000000a;--nav-item-bg-active:var(--color-primary-100);--nav-item-border-active:rgb(from var(--color-primary-200) r g b / 25%)}.sidebar__nav{padding:var(--spacing-md);white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;flex:1;overflow:hidden auto}.nav-item,.nav-subitem{justify-content:flex-start;align-items:center;gap:var(--spacing-md);padding:0 var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);-webkit-user-select:none;user-select:none;color:var(--nav-item-text);font-size:var(--font-size-label);background-color:#0000;border:1px solid #0000;width:100%;min-width:0;height:2.5rem;font-weight:500;text-decoration:none;display:flex}.nav-item[data-active],.nav-subitem[data-active]{color:var(--nav-item-text-active);background:var(--nav-item-bg-active);border-color:var(--nav-item-border-active)}.nav-item[data-active] .nav-icon,.nav-subitem[data-active] .nav-icon{font-weight:900}.nav-icon,.nav-caret{text-align:left;min-width:22px;line-height:1;font-family:var(--font-icon);font-size:var(--font-md);flex-shrink:0}.nav-label{text-align:left;font-family:var(--font-heading);white-space:nowrap;flex:1}.nav-group{flex-direction:column;display:flex}.nav-group[data-open=true]{margin-bottom:var(--spacing-sm)}.nav-caret{min-width:auto;transition:transform var(--transition-fast)}.nav-group[data-open=true] .nav-caret{transform:rotate(90deg)}.nav-children{visibility:hidden;opacity:0;grid-template-rows:0fr;transition:opacity .2s ease-out,grid-template-rows .2s ease-out;display:grid}.nav-group[data-open=true] .nav-children{visibility:visible;opacity:1;grid-template-rows:1fr}.nav-children>*{min-height:0}.nav-children__wrapper{border-left:2px solid #0000000a;padding:0 3px;overflow:hidden}.nav-subitem{height:32px;font-size:var(--font-sm);padding:0 6px}.nav-subitem:last-child{margin-bottom:0}.nav-subitem .nav-icon{text-align:right}.wui[data-sidebar=collapsed] .nav-item,.wui[data-sidebar=collapsed] .nav-subitem{justify-content:center}.wui[data-sidebar=collapsed] .nav-label,.wui[data-sidebar=collapsed] .nav-caret{display:none}.wui[data-sidebar=collapsed] .nav-icon{min-width:auto;font-size:var(--font-lg)}@media (hover:hover) and (pointer:fine){.nav-item:hover:not([data-active]),.nav-subitem:hover:not([data-active]){color:var(--nav-item-text-hover);background-color:var(--nav-item-bg-hover)}}:root{--tabbar-height:56px}.wui-tabbar{padding:var(--spacing-lg);padding-bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom));z-index:var(--z-tabbar);pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar__list{width:100%;max-width:400px;height:var(--tabbar-height);padding:0 var(--spacing-md);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(16px);pointer-events:auto;background-color:#ffffffd1;border:1px solid #fff9;justify-content:space-between;align-items:center;display:flex;box-shadow:0 1px 2px #0000000d,0 8px 16px #0000000f,0 16px 32px #1018280a,0 0 0 1px #00000005}.tabbar__item{justify-content:center;align-items:center;gap:var(--spacing-sm);color:inherit;flex-direction:column;flex:1;height:100%;text-decoration:none;display:flex}.tabbar__icon{line-height:1;font-family:var(--font-icon);font-size:var(--font-xl);transition:font-weight .2s,transform .3s cubic-bezier(.34,1.56,.64,1)}.tabbar__label{line-height:1;font-family:var(--font-heading);font-size:11px}.tabbar__item[data-active]{color:var(--color-primary)}.tabbar__item[data-active] .tabbar__icon{font-weight:900;transform:translateY(-2px)scale(1.1)}@media (hover:hover) and (pointer:fine){.tabbar__item:not([data-active]):hover{color:var(--color-slate-600)}}.wui-page{min-width:0;height:100%;min-height:0;transition:var(--fade-transition);opacity:0;visibility:hidden;flex-direction:column;display:flex;overflow:hidden}.wui[data-ready=true] .wui-page{opacity:1;visibility:visible}.page-header,.page-footer{justify-content:space-between;align-items:center;gap:var(--spacing-md);padding:0 var(--spacing-xl);z-index:var(--z-above);height:3rem;transition:box-shadow var(--transition-fast), background-color var(--transition-fast);display:flex}.page-body{min-width:0;min-height:0;padding:var(--spacing-xl);flex:1;overflow:auto}.page-header.has-shadow{background-color:var(--color-surface);box-shadow:0 4px 12px #0000000f,0 1px 2px #0000000a}.page-header__main,.page-header__actions{align-items:center;gap:var(--spacing-md);display:flex}.page-header__main{flex:1;min-width:0}.page-header__actions{flex-shrink:0}.page-title{padding:0 var(--spacing-sm);font-family:var(--font-heading);font-size:var(--font-size-title);white-space:nowrap;text-overflow:ellipsis;margin:0;font-weight:600;overflow:hidden}.page-header__actions .btn--circle{font-size:var(--font-lg)!important}.page-scroll-sentinel{visibility:hidden;pointer-events:none;height:1px;margin-top:-1px}.overlay-root{pointer-events:none;z-index:var(--z-overlay-root);position:fixed;inset:0}.overlay-backdrop{transition:opacity var(--transition-base);opacity:0;background-color:#00000080;position:absolute;inset:0}.overlay-backdrop[data-open=true]{opacity:1;pointer-events:auto}.overlay-layer{display:flex;position:absolute;inset:0}.overlay-layer[data-open=true]>*{pointer-events:auto}.overlay-item{outline:#0000}.overlay-root:has(.overlay-layer[data-type=dialog][data-open=true]) .overlay-layer[data-type=modal][data-open=true] .overlay-item{opacity:0;pointer-events:none;transform:scale(.95)translateY(-10px)}:is(.overlay-root:has(.overlay-layer[data-type=dialog][data-open=true]) .overlay-layer[data-type=drawer][data-open=true] .overlay-item,.overlay-root:has(.overlay-layer[data-type=modal][data-open=true]) .overlay-layer[data-type=drawer][data-open=true] .overlay-item){opacity:0;pointer-events:none;transform:translate(20%)}.overlay-layer[data-type=popover]{z-index:var(--z-popover)}.overlay-layer[data-type=popover] .overlay-item{opacity:0;transition:opacity var(--transition-fast) ease-in}.overlay-layer[data-type=popover] .overlay-item[data-open=true]{opacity:1;transition:opacity var(--transition-fast) ease-out}.wui-popover{opacity:0;transition:opacity .15s cubic-bezier(.16,1,.3,1),transform .15s cubic-bezier(.16,1,.3,1);transform:scale(.95)translateY(-4px)}.overlay-layer[data-type=popover] .overlay-item[data-open=true] .wui-popover{opacity:1;transform:scale(1)translateY(0)}.overlay-layer[data-type=drawer]{z-index:var(--z-drawer);flex-direction:column;justify-content:stretch;align-items:flex-end}.overlay-layer[data-type=drawer] .overlay-item{opacity:0;height:100%;transition:opacity .3s ease-in,transform .3s cubic-bezier(.4,0,.2,1);transform:translate(100%)}.overlay-layer[data-type=drawer] .overlay-item[data-open=true]{opacity:1;transition:opacity .3s ease-out,transform .4s cubic-bezier(.16,1,.3,1);transform:translate(0)}.overlay-layer[data-type=modal]{z-index:var(--z-modal);padding:4rem var(--spacing-lg);gap:var(--spacing-lg);flex-direction:column;align-items:center}.overlay-layer[data-type=modal] .overlay-item{opacity:0;transition:opacity .3s ease-in,transform .3s cubic-bezier(.4,0,.2,1);transform:translateY(-4rem)}.overlay-layer[data-type=modal] .overlay-item[data-open=true]{opacity:1;transition:opacity .3s ease-out,transform .4s cubic-bezier(.16,1,.3,1);transform:translateY(0)}.overlay-layer[data-type=dialog]{z-index:var(--z-dialog);padding:5rem var(--spacing-lg);gap:var(--spacing-lg);flex-direction:column;align-items:center}.overlay-layer[data-type=dialog] .overlay-item{opacity:0;transition:opacity var(--transition-fast), transform var(--transition-fast);transform:scale(.9)translateY(-20px)}.overlay-layer[data-type=dialog] .overlay-item[data-open=true]{opacity:1;transform:scale(1)translateY(0)}.overlay-layer[data-type=dialog] .overlay-item[data-open=false]{opacity:0;transform:scale(.9)translateY(20px)}.overlay-layer[data-type=toast]{z-index:var(--z-toast);padding:var(--spacing-lg);flex-direction:column;align-items:end}.overlay-layer[data-type=toast] .overlay-item{opacity:1;max-height:100px;margin-bottom:var(--spacing-md);transition:opacity var(--transition-base), transform var(--transition-base), max-height var(--transition-base), margin-bottom var(--transition-base);overflow:hidden;transform:translate(0)}.overlay-layer[data-type=toast] .overlay-item[data-open=false]{opacity:0;max-height:0;margin-bottom:0;transform:translate(100%)}}@layer shell{.wui ::-webkit-scrollbar{width:var(--spacing-sm);height:var(--spacing-sm)}.wui ::-webkit-scrollbar-track{background:0 0}.wui ::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#0000001a}}@layer components{.input{align-items:center;gap:var(--spacing-md);width:100%;min-width:0;display:inline-flex;position:relative}.input:has(.input__label){margin-top:var(--spacing-sm)}.input:has(.input__icon,.input__icon-left) .input__field{padding-left:var(--spacing-3xl)}.input:has(.input__icon-right) .input__field{padding-right:var(--spacing-3xl)}:is(.input:has(.input__field:focus) .input__label,.input:has(.input__field:focus) .input__icon,.input:has(.input__field:focus) .input__icon-left,.input:has(.input__field:focus) .input__icon-right){color:var(--color-primary-text)}.input__field{width:100%;min-height:var(--control-height-md)}.input__label{font-size:var(--font-xs);padding:0 var(--spacing-sm);background-color:var(--color-surface);transition:color var(--transition-fast) ease;z-index:var(--z-above);position:absolute;top:-10px;left:10px}.input__icon,.input__icon-left,.input__icon-right{font-family:var(--font-icon);color:var(--color-text-muted);font-style:normal;position:absolute;top:50%;transform:translateY(-50%)}.input__icon,.input__icon-left{left:10px}.input__icon-right{right:10px}.input__hint{font-size:var(--font-xs);color:var(--color-text-muted)}.input--sm .input__field{min-height:var(--control-height-sm)}.input--lg .input__field{min-height:var(--control-height-lg)}.input--sm :is(.input__icon,.input__icon-left,.input__icon-right){font-size:var(--font-sm)}.input--error .input__field{border-color:var(--color-error-border);outline-color:var(--color-error-border)}.input--error .input__label,.input--error .input__hint,.input--error .input__icon,.input--error .input__icon-left,.input--error .input__icon-right{color:var(--color-error-text)}.input--error.input:has(.input__field:focus) .input__label{color:var(--color-error-text)}.input--error.input:has(.input__field:focus) .input__icon{color:var(--color-error-text)}.input--error.input:has(.input__field:focus) .input__icon-left{color:var(--color-error-text)}.input--error.input:has(.input__field:focus) .input__icon-right{color:var(--color-error-text)}:root{--btn-shadow:0 1px 2px #1018280a, 0 1px 3px #10182814}.btn__icon,.btn__icon-thin,.btn__icon-bold,.btn__text{color:inherit;flex-shrink:0;align-items:center;font-style:normal;display:inline-flex}.btn__icon,.btn__icon-thin,.btn__icon-bold{font-family:var(--font-icon);font-weight:400}.btn__icon-thin{font-weight:300}.btn__icon-bold{font-weight:900}.btn--sm{height:var(--control-height-sm);font-size:var(--control-font-sm)}.btn--lg{height:var(--control-height-lg);font-size:var(--control-font-lg)}.btn--square,.btn--circle{width:var(--control-height-md);font-size:var(--control-icon-md);color:inherit;flex-shrink:0;padding:0}.btn--circle{border-radius:var(--radius-full)}.btn--square .btn__icon,.btn--circle .btn__icon{justify-content:center}.btn--square.btn--sm,.btn--circle.btn--sm{width:var(--control-height-sm);font-size:var(--control-icon-sm)}.btn--square.btn--lg,.btn--circle.btn--lg{width:var(--control-height-lg);font-size:var(--control-icon-lg)}.btn--primary,.btn--success,.btn--warning,.btn--error,.btn--info{color:var(--color-white)}.btn--primary{background-color:var(--color-primary)}.btn--success{background-color:var(--color-success)}.btn--warning{background-color:var(--color-warning)}.btn--error{background-color:var(--color-error)}.btn--info{background-color:var(--color-info)}.btn--secondary{color:var(--color-primary-text);background-color:#0000000a}.btn--outline{color:var(--color-primary-text);border-color:var(--color-border);background-color:#0000}.btn--ghost{color:inherit;background-color:#0000}.btn--block{flex:1;width:100%}.btn--shadow{box-shadow:var(--btn-shadow)}.btn[data-loading=true]>:not(.spinner-wrapper){visibility:hidden;opacity:0}.btn--primary:active,.btn--success:active,.btn--warning:active,.btn--error:active,.btn--info:active{filter:brightness(.88)}@media (hover:hover) and (pointer:fine){.btn--primary:hover{background-color:var(--color-primary-hover)}.btn--success:hover{background-color:var(--color-success-hover)}.btn--warning:hover{background-color:var(--color-warning-hover)}.btn--error:hover{background-color:var(--color-error-hover)}.btn--info:hover{color:var(--color-white);background-color:var(--color-info-hover)}.btn--secondary:hover{background-color:#00000012}.btn--outline:hover{border-color:var(--color-primary-border);background-color:var(--color-primary-soft)}.btn--ghost:hover{color:var(--color-slate-600);background-color:#0000000a}}:root{--btn-group-border:#0000001a}.btn-group{flex-wrap:nowrap;align-items:center;display:inline-flex}.btn-group .btn{border-radius:0;margin-left:-1px}.btn-group .btn:first-child{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md);margin-left:0}.btn-group .btn:last-child{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.btn-group .btn:not(:first-child,.btn--outline){border-left-color:var(--btn-group-border)}.btn-group--vertical{flex-direction:column;align-items:stretch}.btn-group--vertical .btn{margin-top:-1px;margin-left:0}.btn-group--vertical .btn:first-child{border-radius:var(--radius-md) var(--radius-md) 0 0;margin-top:0}.btn-group--vertical .btn:last-child{border-radius:0 0 var(--radius-md) var(--radius-md)}.btn-group--vertical .btn:not(:first-child,.btn--outline){border-left-color:#0000;border-top-color:var(--btn-group-border)}.btn-group .btn:hover,.btn-group .btn:active,.btn-group .btn:focus-visible{z-index:var(--z-above)}.btn-group .btn:not(.btn--outline):hover{border-color:var(--btn-group-border)}.icon,.icon-thin,.icon-bold{line-height:1;font-family:var(--font-icon);color:inherit;-webkit-font-smoothing:antialiased;flex-shrink:0;justify-content:center;align-items:center;font-style:normal;display:inline-flex}.icon{font-weight:400}.icon-thin{font-weight:300}.icon-bold{font-weight:900}.icon--left{margin-right:var(--spacing-sm)}.icon--right{margin-left:var(--spacing-sm)}.icon--sm{font-size:var(--font-sm)}.icon--md{font-size:var(--font-md)}.icon--lg{font-size:var(--font-lg)}.icon--xl{font-size:var(--font-xl)}.icon--2xl{font-size:var(--font-2xl)}.icon--3xl{font-size:var(--font-3xl)}.icon--primary{color:var(--color-primary)}.icon--success{color:var(--color-success)}.icon--warning{color:var(--color-warning)}.icon--error{color:var(--color-error)}.icon--info{color:var(--color-info)}.icon--purple{color:var(--color-purple)}.icon--brown{color:var(--color-brown)}.icon--gray{color:var(--color-gray-400)}:root{--spin-speed-fast:.6s linear infinite;--spin-speed-base:.8s linear infinite;--spin-speed-slow:1.2s linear infinite;--spin-size-sm:1rem;--spin-size-md:1.5rem;--spin-size-lg:2rem;--spin-size-xl:3rem;--spin-border-sm:2px;--spin-border-md:3px;--spin-border-lg:3px;--spin-border-xl:4px;--spin-color-primary:var(--color-primary);--spin-color-track:var(--color-slate-100)}.spinner-wrapper{z-index:var(--z-above);opacity:0;visibility:hidden;transition:opacity var(--transition-fast) ease-in-out, visibility var(--transition-fast) ease-in-out;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}[data-loading=true] .spinner-wrapper{opacity:1;visibility:visible}[data-loading=true]{pointer-events:none;position:relative}.spinner{width:var(--spin-size-md);height:var(--spin-size-md);border-width:var(--spin-border-md);border-color:var(--spin-color-track);border-top-color:var(--spin-color-primary);border-right-color:var(--spin-color-primary);animation:spin var(--spin-speed-base);border-style:solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.spinner--fast{animation:spin var(--spin-speed-fast)}.spinner--slow{animation:spin var(--spin-speed-slow)}.spinner--sm{width:var(--spin-size-sm);height:var(--spin-size-sm);border-width:var(--spin-border-sm)}.spinner--lg{width:var(--spin-size-lg);height:var(--spin-size-lg);border-width:var(--spin-border-lg)}.spinner--xl{width:var(--spin-size-xl);height:var(--spin-size-xl);border-width:var(--spin-border-xl)}.badge{font-family:var(--font-body);font-size:var(--font-xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-full);white-space:nowrap;background-color:var(--color-surface-muted);color:var(--color-text);transition:color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;font-weight:500;line-height:1;display:inline-flex}.badge--primary{background-color:var(--color-primary-100);color:var(--color-primary-text);border-color:var(--color-primary-200)}.badge--success{background-color:var(--color-success-100);color:var(--color-success-text);border-color:var(--color-success-200)}.badge--warning{background-color:var(--color-warning-100);color:var(--color-warning-text);border-color:var(--color-warning-200)}.badge--error{background-color:var(--color-error-100);color:var(--color-error-text);border-color:var(--color-error-200)}.badge--info{background-color:var(--color-info-100);color:var(--color-info-text);border-color:var(--color-info-200)}.badge--purple{background-color:var(--color-purple-100);color:var(--color-purple-600);border-color:var(--color-purple-200)}.badge--brown{background-color:var(--color-brown-100);color:var(--color-brown-600);border-color:var(--color-brown-200)}.badge--outline{background-color:#0000!important}.badge--outline.badge--primary{border-color:var(--color-primary-200)}.badge--outline.badge--success{border-color:var(--color-success-200)}.badge--outline.badge--warning{border-color:var(--color-warning-200)}.badge--outline.badge--error{border-color:var(--color-error-200)}.badge--outline.badge--info{border-color:var(--color-info-200)}.badge--outline.badge--purple{border-color:var(--color-purple-200)}.badge--outline.badge--brown{border-color:var(--color-brown-200)}.badge--dot:before{content:"";border-radius:var(--radius-full);width:6px;height:6px;margin-right:var(--spacing-sm);vertical-align:middle;background-color:currentColor;flex-shrink:0;display:inline-block;transform:translateY(1px)}.card{border:var(--border-solid);border-radius:var(--radius-lg);background-color:var(--color-surface);overflow:hidden}.card__image{object-fit:cover;width:100%;max-height:180px;display:block}.card__title,.card__content,.card__actions{padding:0 var(--spacing-xl);margin:var(--spacing-md) 0}.card__title{line-height:1.75;font-family:var(--font-heading);font-size:var(--font-size-body);color:var(--color-primary-text);font-weight:600}.card__title:before{content:"✤";margin-right:var(--spacing-sm)}.card__content{line-height:1.75;font-size:var(--font-size-body)}.card__actions{justify-content:end;align-items:center;gap:var(--spacing-md);display:flex}.card[data-loading=true]>:not(.spinner-wrapper){visibility:hidden;opacity:0}.stat-card{min-height:4rem;font-family:var(--font-heading);border:var(--border-solid);border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg);flex-direction:column;justify-content:center;transition:box-shadow .2s,transform .2s;display:flex;position:relative;overflow:hidden}.stat-card__value{font-size:var(--font-size-title);font-weight:600}.stat-card__label{font-size:13px;line-height:1.462}.stat-card__icon{right:var(--spacing-xl);line-height:1;font-family:var(--font-icon);font-size:28px;font-weight:300;position:absolute}.stat-card--primary :is(.stat-card__value,.stat-card__icon){color:var(--color-primary-text)}.stat-card--success :is(.stat-card__value,.stat-card__icon){color:var(--color-success-text)}.stat-card--warning :is(.stat-card__value,.stat-card__icon){color:var(--color-warning-text)}.stat-card--error :is(.stat-card__value,.stat-card__icon){color:var(--color-error-text)}.stat-card--info :is(.stat-card__value,.stat-card__icon){color:var(--color-info-text)}.stat-card--purple :is(.stat-card__value,.stat-card__icon){color:var(--color-purple-text)}.stat-card--brown :is(.stat-card__value,.stat-card__icon){color:var(--color-brown-text)}.stat-card--gray :is(.stat-card__value,.stat-card__icon){color:var(--color-gray-500)}@media (hover:hover) and (pointer:fine){.stat-card:hover{cursor:pointer;box-shadow:0 1px 3px #00000008,0 8px 16px -4px #0000000a}.stat-card--primary:hover{border-color:var(--color-primary-border)}.stat-card--success:hover{border-color:var(--color-success-border)}.stat-card--warning:hover{border-color:var(--color-warning-border)}.stat-card--error:hover{border-color:var(--color-error-border)}.stat-card--info:hover{border-color:var(--color-info-border)}.stat-card--purple:hover{border-color:var(--color-purple-border)}.stat-card--brown:hover{border-color:var(--color-brown-border)}.stat-card--gray:hover{border-color:var(--color-gray-200)}}.alert-card{border:var(--border-solid);border-radius:var(--radius-sm);border-left:4px solid var(--color-border);width:100%}.alert-card__title,.alert-card__message{padding:0 var(--spacing-lg);margin:var(--spacing-sm) 0}.alert-card__title{font-family:var(--font-heading);font-size:var(--font-size-body);font-weight:600}.alert-card__message{font-size:var(--font-size-body)}.alert-card--success{color:var(--color-success-text);background-color:var(--color-success-soft);border-color:var(--color-success-border);border-left-color:var(--color-success)}.alert-card--warning{color:var(--color-warning-text);background-color:var(--color-warning-soft);border-color:var(--color-warning-border);border-left-color:var(--color-warning)}.alert-card--error{color:var(--color-error-text);background-color:var(--color-error-soft);border-color:var(--color-error-border);border-left-color:var(--color-error)}.alert-card--info{color:var(--color-info-text);background-color:var(--color-info-soft);border-color:var(--color-info-border);border-left-color:var(--color-info)}:root{--container-bg:var(--color-surface);--container-border:var(--border-solid)}.container{--display-type:block;--container-padding:0;--container-gap:var(--spacing-lg);display:var(--display-type);padding:var(--container-padding);gap:var(--container-gap);width:100%}.container:not(.is-grid>*)+.container:not(.is-grid>*){margin-top:var(--spacing-xl)}.container.has-border{--container-padding:var(--spacing-lg);border:var(--container-border);border-radius:var(--radius-lg);background-color:var(--container-bg)}.container.is-flex{--display-type:flex;flex-wrap:wrap;align-items:flex-start}.container.is-grid{--display-type:grid;--grid-item-min:280px;grid-template-columns:repeat(auto-fit, minmax(var(--grid-item-min), 1fr))}.container.is-grid.has-fixed-cols{--grid-cols-fixed:2;grid-template-columns:repeat(var(--grid-cols-fixed), minmax(0, 1fr))}.container[data-loading=true]>:not(.spinner-wrapper){visibility:hidden;opacity:0}.login-form{width:280px;padding:var(--spacing-md);border:var(--auth-glass-border);border-radius:var(--radius-xl);background:var(--auth-glass-bg);-webkit-backdrop-filter:blur(18px);box-shadow:var(--auth-glass-shadow);transition:var(--fade-transition);flex-direction:column;display:flex}.login-form__header,.login-form__footer{justify-content:center;align-items:center;display:flex}.login-form__header{gap:var(--spacing-md);color:var(--color-primary);padding-top:var(--spacing-sm)}.login-form__footer{gap:var(--spacing-sm);flex-direction:column}.login-form__body{gap:var(--spacing-xl);padding:var(--spacing-lg) var(--spacing-xl);flex-direction:column;display:flex}.login-form__icon{font-size:1.25rem;font-family:var(--font-icon);font-style:normal}.login-form__title{font-family:var(--font-heading);font-size:var(--font-size-heading);margin:0;font-weight:600}.login-form__utils{font-size:var(--font-xs);text-align:center}.login-form__copy{font-size:var(--font-xs)}.login-form .input .input__field{font-family:Verdana,Tahoma;font-size:var(--font-lg);background-color:var(--auth-glass-bg);padding-left:2.5rem}.login-form .input .input__icon{color:var(--color-slate-400);left:14px}.login-form .input:has(.input__field:focus) .input__icon{font-weight:900}.error-page{margin:var(--spacing-4xl);text-align:center}.error-page__icon{color:var(--color-error);font-family:var(--font-icon);font-size:var(--font-4xl);font-style:normal}.error-page__topic{color:var(--color-error);font-family:var(--font-heading);font-size:var(--font-md);margin:0;font-weight:500}.error-page__text{color:var(--color-gray-500);font-size:var(--font-sm);margin:0}.not-found-page{margin:var(--spacing-4xl);color:var(--color-gray-500);text-align:center}.not-found-page h1{font-family:var(--font-heading);letter-spacing:.15em;text-shadow:.05em .05em #00000040;margin:0;font-size:4rem}.not-found-page h1 i{color:var(--color-primary);animation:2s linear infinite alternate spooky;display:inline-block}.not-found-page h2{margin:0;font-size:1.125rem;font-weight:600}.not-found-page p{margin:0}.wui-dialog{width:240px;padding:var(--spacing-md);border-radius:var(--radius-xl);background-color:var(--color-surface);box-shadow:0 4px 6px -1px #1018280d,0 10px 32px -4px #10182814}.dialog__header,.dialog__footer{justify-content:center;align-items:center;gap:var(--spacing-md);display:flex}.dialog__header{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-md);border-bottom:var(--border-solid)}.dialog__footer{padding-top:var(--spacing-md);border-top:var(--border-solid)}.dialog__body{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg) 0;flex-direction:column;display:flex}.dialog__icon{line-height:1;font-family:var(--font-icon);font-size:4rem;font-weight:300}.dialog__message{font-family:var(--font-heading);margin:0}.dialog__title{font-family:var(--font-heading);font-size:var(--font-size-title);margin:0;font-weight:600}.dialog__footer .btn{border-radius:var(--radius-lg);flex:1}.wui-dialog[data-type=confirm] .dialog__icon,.wui-dialog[data-type=alert] .dialog__header,.wui-dialog[data-type=alert] [data-action=cancel]{display:none}.wui-dialog[data-type=alert] .dialog__footer{border:none;padding:0}.wui-dialog[data-severity=primary] .dialog__title,.wui-dialog[data-severity=primary] .dialog__icon,.wui-dialog[data-severity=primary] .dialog__message{color:var(--color-primary)}.wui-dialog[data-severity=success] .dialog__title,.wui-dialog[data-severity=success] .dialog__icon,.wui-dialog[data-severity=success] .dialog__message{color:var(--color-success)}.wui-dialog[data-severity=warning] .dialog__title,.wui-dialog[data-severity=warning] .dialog__icon,.wui-dialog[data-severity=warning] .dialog__message{color:var(--color-warning)}.wui-dialog[data-severity=error] .dialog__title,.wui-dialog[data-severity=error] .dialog__icon,.wui-dialog[data-severity=error] .dialog__message{color:var(--color-error)}.wui-dialog[data-severity=info] .dialog__title,.wui-dialog[data-severity=info] .dialog__icon,.wui-dialog[data-severity=info] .dialog__message{color:var(--color-info)}.wui-toast{min-width:200px;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-sm);align-items:center;gap:var(--spacing-md);display:flex}.toast__icon{line-height:1;font-family:var(--font-icon)}.toast__message{font-size:var(--font-size-body)}.wui-toast[data-severity=primary]{color:var(--color-white);background-color:var(--color-primary)}.wui-toast[data-severity=success]{color:var(--color-white);background-color:var(--color-success)}.wui-toast[data-severity=warning]{color:var(--color-white);background-color:var(--color-warning)}.wui-toast[data-severity=error]{color:var(--color-white);background-color:var(--color-error)}.wui-toast[data-severity=info]{color:var(--color-white);background-color:var(--color-info)}:root{--auth-glass-bg:#ffffffb8;--auth-glass-border:1px solid #ffffff73;--auth-glass-shadow:0 10px 40px #6674a81a}.logout-form{flex-direction:column;align-items:center;display:flex}.logout-form__icon{border-radius:var(--radius-full);width:8rem;height:8rem;margin:var(--spacing-lg);padding:var(--spacing-sm);border:var(--auth-glass-border);background:var(--auth-glass-bg);-webkit-backdrop-filter:blur(18px);box-shadow:var(--auth-glass-shadow);transition:var(--fade-transition)}.logout-form__icon img{border-radius:var(--radius-full);width:100%;height:100%}.wui-action-menu,.wui-select-menu{outline:none;min-width:100px;max-width:280px;margin:0;padding:0;list-style:none}.wui-menu__divider{background-color:var(--color-border);height:1px;margin:var(--spacing-xs) 0;pointer-events:none}.wui-menu__item{background-color:#0000;align-items:center;width:100%;display:flex}.wui-select__item{align-items:center;gap:var(--spacing-md);width:100%;min-height:2rem;padding:0 var(--spacing-md);border-radius:var(--radius-sm);font-size:var(--font-size-label);cursor:pointer;transition:color var(--transition-fast), background-color var(--transition-fast);-webkit-tap-highlight-color:transparent;background-color:#0000;display:flex}.wui-menu__icon{font-family:var(--font-icon);min-width:1em}.wui-menu__label{font-family:var(--font-body)}.wui-select__item[data-selected=true]{color:var(--color-primary-text);background-color:var(--color-primary-100)}.wui-select__item[data-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}:is(.wui-select__item[data-hidden=true],.wui-select-menu:has(.wui-select__item[data-hidden=true]) .wui-menu__divider){display:none}.wui-popover .input{margin-bottom:var(--spacing-sm)}.wui-menu__item .btn{width:100%;padding:0 var(--spacing-md);justify-content:flex-start;gap:var(--spacing-md);font-weight:400}.wui-menu__item .btn[data-danger=true]{color:var(--color-error-text)}.wui-menu__item .btn__icon{min-width:1em}@media (hover:hover) and (pointer:fine){.wui-select__item:not([data-selected=true]):hover{color:var(--color-slate-600);background-color:#0000000a}}.wui-popover{padding:var(--spacing-sm);border-radius:var(--radius-md);background-color:var(--color-surface);overscroll-behavior:contain;border:1px solid #0000000d;flex-direction:column;max-height:320px;display:flex;overflow-y:auto;box-shadow:0 4px 6px -1px #0000000d,0 10px 15px -3px #0000001a}:root{--tabs-menu-bg:var(--color-slate-50);--tabs-border:var(--border-solid)}.wui-tabs{flex-direction:column;display:flex}.wui-tabs+.wui-tabs,.container+.wui-tabs{margin-top:var(--spacing-xl)}.tabs__menu{gap:var(--spacing-sm);z-index:var(--z-above);white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;flex-shrink:0;max-width:100%;display:flex;overflow:auto hidden}.tabs__content{min-height:5rem;padding-top:var(--spacing-xl);flex:1;position:relative}.tabs__item{border-radius:var(--radius-full);min-width:100px;height:2rem;color:var(--color-text);background-color:#0000}.tabs__icon,.tabs__label{line-height:1}.tabs__icon{font-family:var(--font-icon)}.tabs__label{font-family:var(--font-heading)}.tabs__item[data-active=true]{color:var(--color-primary-text);pointer-events:none}.tabs__item[data-active=true] .tabs__icon{font-weight:900}.tabs__item[data-active=true] .tabs__label{font-weight:500}.tabs__panel{transition:opacity var(--transition-fast) ease-in-out, visibility var(--transition-fast) ease-in-out}.wui-tabs[data-style=line] .tabs__menu{margin-bottom:-1px}.wui-tabs[data-style=line] .tabs__content{border-top:var(--tabs-border)}.wui-tabs[data-style=line] .tabs__item{border-bottom-width:2px;border-bottom-right-radius:0;border-bottom-left-radius:0}.wui-tabs[data-style=line] .tabs__item[data-active=true]{border-bottom-color:var(--color-primary)}.wui-tabs[data-style=pill] .tabs__menu{width:max-content;padding:var(--spacing-xs);border:var(--tabs-border);border-radius:var(--radius-full)}.wui-tabs[data-style=pill] .tabs__item[data-active=true]{background-color:var(--color-primary-100);background:linear-gradient(180deg, var(--color-primary-50) 0%, var(--color-primary-100) 100%);border:1px solid #d2d9ec33}.wui-tabs[data-style=card] .tabs__menu{margin-bottom:-4px;padding-bottom:4px}.wui-tabs[data-style=card] .tabs__content{border-top:var(--tabs-border)}.wui-tabs[data-style=card] .tabs__item{margin:var(--spacing-xs) 0;border-radius:var(--radius-full);position:relative}.wui-tabs[data-style=card] .tabs__item[data-active=true]{background-color:var(--color-white);border:var(--tabs-border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom-color:var(--color-white);box-shadow:0 4px 0 0 var(--color-white);transition:none}.wui-tabs[data-style=card] .tabs__item[data-active=true]:before,.wui-tabs[data-style=card] .tabs__item[data-active=true]:after{content:"";pointer-events:none;background-color:#0000;width:12px;height:12px;position:absolute}.wui-tabs[data-style=card] .tabs__item[data-active=true]:not(:first-child):before{border:var(--tabs-border);box-shadow:1px 1px 0 0 var(--color-white), 3px 3px 0 0 var(--color-white);border-top-color:#0000;border-left-color:#0000;border-bottom-right-radius:10px;bottom:-4px;left:-12px}.wui-tabs[data-style=card] .tabs__item[data-active=true]:after{border:var(--tabs-border);box-shadow:-1px 1px 0 0 var(--color-white), -3px 3px 0 0 var(--color-white);border-top-color:#0000;border-right-color:#0000;border-bottom-left-radius:10px;bottom:-4px;right:-12px}.tabs-error{text-align:center}.tabs-error__icon{color:var(--color-error);font-family:var(--font-icon);font-size:var(--font-2xl);font-style:normal}.tabs-error__topic{color:var(--color-error);font-family:var(--font-heading);font-size:var(--font-sm);margin:0;font-weight:500}.tabs-error__text{color:var(--color-gray-500);font-size:var(--font-sm);margin:0}@media (hover:hover) and (pointer:fine){.tabs__item:hover{color:var(--color-slate-600);background-color:#0000000d}.wui-tabs[data-style=line] .tabs__item:hover{border-bottom-color:var(--color-primary-border);background-color:#0000}}.tabs__item[data-loading=true]>:not(.spinner-wrapper){opacity:0;visibility:hidden}.wui-tabs:has(.tabs__item[data-loading=true]) .tabs__panel{opacity:0;visibility:hidden}.wui-drawer{background-color:var(--color-surface);flex-direction:column;width:max-content;min-width:min(320px,100vw);max-width:min(540px,100vw);height:100vh;display:flex;overflow:hidden;box-shadow:-12px 0 48px #1018281f}.drawer__header,.drawer__footer{align-items:center;gap:var(--spacing-md);background-color:var(--color-surface);z-index:var(--z-above);flex-shrink:0;display:flex}.drawer__header{padding:var(--spacing-md) var(--spacing-lg);border-bottom:var(--border-solid)}.drawer__footer{padding:var(--spacing-md) var(--spacing-lg);border-top:var(--border-solid);background-color:var(--color-surface-muted);justify-content:flex-end}.drawer__title{line-height:1;font-family:var(--font-heading);font-size:var(--font-size-body);color:var(--color-primary-text);flex:1;margin:0;font-weight:600}.drawer__icon{line-height:1;font-family:var(--font-icon);font-size:var(--font-lg);color:var(--color-primary-text)}.drawer__header .btn--circle{font-size:var(--font-lg)}.drawer__footer .btn{border-radius:var(--radius-lg);width:100px}.drawer__footer .btn__icon{font-weight:900}.drawer__body{padding:var(--spacing-lg);transition:opacity var(--transition-fast) ease-in-out, visibility var(--transition-fast) ease-in-out;flex:1;overflow:auto}.wui-drawer .spinner-wrapper{padding-top:2.25rem;padding-bottom:3rem}.wui-drawer[data-loading=true] .drawer__body{opacity:0;visibility:hidden}:root{--table-head-bg:var(--color-slate-50);--table-border:1px solid var(--color-border);--table-border-row:1px solid var(--color-border-soft)}.wui-table{border:var(--table-border);border-radius:var(--radius-lg);background-color:var(--color-surface);flex-direction:column;display:flex;overflow:hidden}.container+.wui-table,.wui-table+.wui-table{margin-top:var(--spacing-xl)}.wui-table__title{font-family:var(--font-heading);font-size:var(--font-size-body);margin:var(--spacing-sm) var(--spacing-lg);margin-top:var(--spacing-xl);font-weight:500}.table-wrapper{-webkit-overflow-scrolling:touch;flex-grow:1;width:100%;min-height:calc(7.5rem + 2px);overflow:auto}.table-wrapper::-webkit-scrollbar{width:var(--spacing-xs);height:var(--spacing-xs)}.table-wrapper::-webkit-scrollbar-track{margin:40px 0 0}.table{border-collapse:collapse;width:100%;min-height:calc(7.5rem + 2px);font-family:var(--font-body);font-size:var(--font-size-label);transition:opacity var(--transition-fast) ease-in-out, visibility var(--transition-fast) ease-in-out}.table__head{z-index:var(--z-above);background-color:var(--table-head-bg);box-shadow:inset 0 -1px 0 var(--color-border);position:sticky;top:0}.table__foot{z-index:var(--z-above);background-color:var(--table-head-bg);box-shadow:inset 0 1px 0 var(--color-border);position:sticky;bottom:0}.table__body .table__row{border-bottom:var(--table-border-row);transition:color var(--transition-fast) ease-in-out, background-color var(--transition-fast) ease-in-out}.table__body .table__row:last-child{border-bottom:none}.table__body .table__row:hover{background-color:var(--color-slate-50)}.table__cell,.table__cell-th{color:inherit;text-align:left;padding:.625rem var(--spacing-md)}.table__cell-th{font-weight:600}.table--fill-height{height:100%}.table--striped .table__body .table__row{border-color:#0000}.table--striped .table__body .table__row:hover{background-color:#0000}.table--striped .table__body .table__row:nth-child(2n){background-color:var(--color-gray-50)}.table__row--selected{color:var(--color-primary-text);background-color:var(--color-primary-soft)}.table__row--selected:hover{background-color:var(--color-primary-soft)!important}.table__cell--start{padding-left:var(--spacing-xl)}.table__cell--end{padding-right:var(--spacing-xl)}.table__cell--left{text-align:left}.table__cell--right{text-align:right}.table__cell--center{text-align:center}.table__cell--fit{white-space:nowrap;width:1%}.table__cell--numeric{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.table__cell--action{text-align:center;white-space:nowrap;width:1%;padding:0 var(--spacing-md)}.table__action-group{justify-content:center;align-items:center;gap:var(--spacing-sm);display:flex}.table__row--success,.table__cell--success{color:var(--color-success-text);background-color:rgb(from var(--color-success-soft) r g b / 50%)}.table__row--warning,.table__cell--warning{color:var(--color-warning-text);background-color:rgb(from var(--color-warning-soft) r g b / 50%)}.table__row--error,.table__cell--error{color:var(--color-error-text);background-color:rgb(from var(--color-error-soft) r g b / 50%)}.table__row--info,.table__cell--info{color:var(--color-info-text);background-color:rgb(from var(--color-info-soft) r g b / 50%)}.table__cell--text-success{color:var(--color-success-text)}.table__cell--text-warning{color:var(--color-warning-text)}.table__cell--text-error{color:var(--color-error-text)}.table__cell--text-info{color:var(--color-info-text)}.wui-table .spinner-wrapper{align-items:flex-start;padding-top:3rem}.wui-table:has(.wui-table__toolbar) .spinner-wrapper{padding-top:6.25rem}.wui-table .btn .spinner-wrapper{align-items:center;padding-top:0}.wui-table[data-loading=true] .table{opacity:0;visibility:hidden}.wui-table__toolbar,.wui-table__footer{padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-surface);justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-shrink:0;min-height:3rem;display:flex}.wui-table__toolbar{border-bottom:var(--table-border)}.wui-table__footer{border-top:var(--table-border)}.wui-table__group{align-items:center;gap:var(--spacing-md);min-width:0;display:flex}.pagination{align-items:center;gap:var(--spacing-sm);display:flex}.pagination button{font-family:var(--font-body);font-size:var(--font-size-body)!important}.table-compact{background-color:var(--color-surface);overflow:hidden}.table-compact+.container,.container+.table-compact,.table-compact+.table-compact{margin-top:var(--spacing-xl)}.table-compact table{border-collapse:collapse;width:100%;font-family:var(--font-body);font-size:var(--font-size-label)}.table-compact table thead{border-bottom:var(--border-solid)}.table-compact table tfoot{border-top:var(--border-solid)}.table-compact table th{font-weight:600}.table-compact table :is(th,td){padding:var(--spacing-sm) var(--spacing-md)}.table-compact .cell--left{text-align:left}.table-compact .cell--right{text-align:right}.table-compact .cell--center{text-align:center}.table-compact .cell--fit{white-space:nowrap;width:1%}.table-compact .cell--numeric{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.wui-modal{width:100%;max-width:540px;max-height:calc(100vh - 8rem);padding:var(--spacing-md);border-radius:var(--radius-xl);background-color:var(--color-surface);flex-direction:column;display:flex;overflow:hidden;box-shadow:0 12px 32px #1018281f}.modal__header,.modal__footer{align-items:center;gap:var(--spacing-md);background-color:var(--color-surface);z-index:var(--z-above);flex-shrink:0;display:flex}.modal__header{padding:var(--spacing-sm) var(--spacing-md);border-bottom:var(--border-solid)}.modal__footer{padding:var(--spacing-md) var(--spacing-md) 0;border-top:var(--border-solid);justify-content:flex-end}.modal__title{line-height:1;font-family:var(--font-heading);font-size:var(--font-size-body);color:var(--color-primary-text);flex:1;margin:0;font-weight:600}.modal__icon{line-height:1;font-family:var(--font-icon);font-size:var(--font-lg);color:var(--color-primary-text)}.modal__header .btn--circle{font-size:var(--font-lg)}.modal__footer .btn{border-radius:var(--radius-lg);min-width:108px}.modal__footer .btn__icon{font-weight:900}.modal__body{min-height:3.25rem;padding:var(--spacing-lg);transition:opacity var(--transition-fast) ease-in-out, visibility var(--transition-fast) ease-in-out;flex:1;overflow:auto}.wui-modal .spinner-wrapper{padding-top:2.25rem;padding-bottom:3rem}.wui-modal[data-loading=true] .modal__body{opacity:0;visibility:hidden}}@layer utilities{.u-w-auto{width:auto}.u-h-auto{height:auto}.u-w-full{width:100%}.u-h-full{height:100%}.u-flex{display:flex}.u-flex-col{flex-direction:column}.u-flex-row{flex-direction:row}.u-flex-wrap{flex-wrap:wrap}.u-col-span-full{grid-column:1/-1}.u-border-0{border:none}.u-border-1{border:1px solid var(--color-border)}.u-border-2{border:2px solid var(--color-border)}.u-radius-0{border-radius:0}.u-radius-xs{border-radius:var(--radius-xs)}.u-radius-sm{border-radius:var(--radius-sm)}.u-radius-md{border-radius:var(--radius-md)}.u-radius-lg{border-radius:var(--radius-lg)}.u-radius-xl{border-radius:var(--radius-xl)}.u-radius-full{border-radius:var(--radius-full)}.u-gap-xs{gap:var(--spacing-xs)}.u-gap-sm{gap:var(--spacing-sm)}.u-gap-md{gap:var(--spacing-md)}.u-gap-lg{gap:var(--spacing-lg)}.u-gap-xl{gap:var(--spacing-xl)}.u-m-xs{margin:var(--spacing-xs)}.u-m-sm{margin:var(--spacing-sm)}.u-m-md{margin:var(--spacing-md)}.u-m-lg{margin:var(--spacing-lg)}.u-m-xl{margin:var(--spacing-xl)}.u-p-xs{padding:var(--spacing-xs)}.u-p-sm{padding:var(--spacing-sm)}.u-p-md{padding:var(--spacing-md)}.u-p-lg{padding:var(--spacing-lg)}.u-p-xl{padding:var(--spacing-xl)}.u-text-left{text-align:left}.u-text-right{text-align:right}.u-text-center{text-align:center}.u-truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}}