@lancar/lxui 1.0.0 → 1.0.2

package/lxui.bundle.min.js

@@ -1,13 +1,13 @@
 /*!
- * LxUI v1.0.0 Bundle — Modern CSS Framework
+ * LxUI v1.0.2 Bundle — Modern CSS Framework
  * Includes: LxUI core + all components
  * https://ui.lancar.id | https://cdn.lancar.id/ui/lxui.bundle.js
- * Copyright (c) 2025 lancar.id — MIT License
+ * Copyright (c) 2025–2026 lancar.id — MIT License
  */
 /*!
- * LxUI v1.0.0 — Modern CSS Framework
+ * LxUI v1.0.2 — Modern CSS Framework
  * https://ui.lancar.id | https://cdn.lancar.id/ui/lxui.js
- * Copyright (c) 2025 lancar.id
+ * Copyright (c) 2025–2026 lancar.id
  * Licensed under MIT
  */
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).LxUI=e()}(this,function(){"use strict";function t(t,e){return(e||document).querySelector(t)}function e(t,e){return Array.from((e||document).querySelectorAll(t))}function s(t,e,s){t&&t.addEventListener(e,s)}function i(t,e,s){t&&t.removeEventListener(e,s)}function o(t,e,s){t.dispatchEvent(new CustomEvent("lx."+e,{bubbles:!0,cancelable:!0,detail:s}))}function l(t){const i=e('button,a,[href],[tabindex]:not([tabindex="-1"]),input,select,textarea',t).filter(t=>!t.disabled&&null!==t.offsetParent);if(!i.length)return;const o=i[0],l=i[i.length-1];s(t,"keydown",t=>{"Tab"===t.key&&(t.shiftKey?document.activeElement===o&&(t.preventDefault(),l.focus()):document.activeElement===l&&(t.preventDefault(),o.focus()))})}class a{constructor(e,s={}){this.el="string"==typeof e?t(e):e,this.el&&(this.opts=Object.assign({backdrop:!0,keyboard:!0,focus:!0},s),this._backdrop=null,this._prevFocus=null)}show(){this.el&&(o(this.el,"modal.show"),this._prevFocus=document.activeElement,this._backdrop=document.createElement("div"),this._backdrop.className="lx-modal-backdrop lx-fade lx-show",document.body.appendChild(this._backdrop),document.body.classList.add("lx-modal-open"),this.el.classList.add("lx-show"),this.el.style.display="flex",this.el.removeAttribute("aria-hidden"),this.opts.focus&&l(this.el),this.opts.keyboard&&(this._keyHandler=t=>{"Escape"===t.key&&this.hide()},s(document,"keydown",this._keyHandler)),this.opts.backdrop&&s(this._backdrop,"click",()=>this.hide()),requestAnimationFrame(()=>o(this.el,"modal.shown")))}hide(){this.el&&(o(this.el,"modal.hide"),this.el.classList.remove("lx-show"),this.el.style.display="",this.el.setAttribute("aria-hidden","true"),this._backdrop&&(this._backdrop.remove(),this._backdrop=null),document.body.classList.remove("lx-modal-open"),this._keyHandler&&i(document,"keydown",this._keyHandler),this._prevFocus&&this._prevFocus.focus(),o(this.el,"modal.hidden"))}toggle(){this.el.classList.contains("lx-show")?this.hide():this.show()}}const n={_container(t){const e="lx-toast-"+t;let s=document.getElementById(e);if(!s){s=document.createElement("div"),s.id=e;const i={"top-right":"top:1rem;right:1rem","top-left":"top:1rem;left:1rem","bottom-right":"bottom:1rem;right:1rem","bottom-left":"bottom:1rem;left:1rem","top-center":"top:1rem;left:50%;transform:translateX(-50%)"};s.setAttribute("style",`position:fixed;z-index:1090;display:flex;flex-direction:column;gap:.5rem;${i[t]||i["top-right"]}`),document.body.appendChild(s)}return s},show(t={}){const{message:e="",type:s="default",duration:i=4e3,position:o="top-right",title:l=""}=t,a={success:"#22c55e",warning:"#f59e0b",danger:"#ef4444",info:"#06b6d4",default:"#3b82f6"},n=document.createElement("div");if(n.setAttribute("role","alert"),n.setAttribute("aria-live","assertive"),n.setAttribute("aria-atomic","true"),n.style.cssText="background:var(--surface,#fff);border:1px solid var(--border-default,#e5e7eb);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.12);padding:.875rem 1rem;min-width:280px;max-width:380px;display:flex;align-items:flex-start;gap:.75rem;animation:lxSlideIn .2s ease",n.innerHTML=`<span style="width:8px;height:8px;border-radius:50%;background:${a[s]||a.default};flex-shrink:0;margin-top:4px"></span>`+(l?`<div><strong style="display:block;margin-bottom:2px;font-size:.875rem">${l}</strong><span style="font-size:.875rem;color:var(--text-secondary,#6b7280)">${e}</span></div>`:`<span style="font-size:.875rem;color:var(--text-primary,#111827);flex:1">${e}</span>`)+'<button onclick="this.closest(\'[role=alert]\').remove()" style="background:none;border:none;cursor:pointer;padding:0;color:var(--text-muted,#9ca3af);font-size:1.125rem;line-height:1;margin-left:auto" aria-label="Tutup">×</button>',this._container(o).appendChild(n),!document.getElementById("lx-toast-style")){const t=document.createElement("style");t.id="lx-toast-style",t.textContent="@keyframes lxSlideIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}",document.head.appendChild(t)}i>0&&setTimeout(()=>{n.style.opacity="0",n.style.transition="opacity .2s",setTimeout(()=>n.remove(),200)},i)},success(t,e={}){this.show({...e,message:t,type:"success"})},error(t,e={}){this.show({...e,message:t,type:"danger"})},warning(t,e={}){this.show({...e,message:t,type:"warning"})},info(t,e={}){this.show({...e,message:t,type:"info"})}};class r{constructor(e){this.el="string"==typeof e?t(e):e}show(){this.el&&(o(this.el,"collapse.show"),this.el.style.height="0px",this.el.classList.add("lx-collapsing"),this.el.classList.remove("lx-collapse","lx-show"),this.el.style.height=this.el.scrollHeight+"px",this.el.addEventListener("transitionend",()=>{this.el.classList.remove("lx-collapsing"),this.el.classList.add("lx-collapse","lx-show"),this.el.style.height="",o(this.el,"collapse.shown")},{once:!0}))}hide(){this.el&&(o(this.el,"collapse.hide"),this.el.style.height=this.el.scrollHeight+"px",this.el.classList.add("lx-collapsing"),this.el.classList.remove("lx-collapse","lx-show"),requestAnimationFrame(()=>{this.el.style.height="0px"}),this.el.addEventListener("transitionend",()=>{this.el.classList.remove("lx-collapsing"),this.el.classList.add("lx-collapse"),this.el.style.height="",o(this.el,"collapse.hidden")},{once:!0}))}toggle(){this.el&&this.el.classList.contains("lx-show")?this.hide():this.show()}}class h{constructor(e){this.trigger="string"==typeof e?t(e):e,this.menu=this.trigger&&this.trigger.nextElementSibling,this._outside=t=>{this.trigger.closest(".lx-dropdown").contains(t.target)||this.hide()}}show(){this.menu&&(o(this.trigger,"dropdown.show"),this.menu.classList.add("lx-show"),this.trigger.setAttribute("aria-expanded","true"),setTimeout(()=>s(document,"click",this._outside),0),o(this.trigger,"dropdown.shown"))}hide(){this.menu&&(o(this.trigger,"dropdown.hide"),this.menu.classList.remove("lx-show"),this.trigger.setAttribute("aria-expanded","false"),i(document,"click",this._outside),o(this.trigger,"dropdown.hidden"))}toggle(){this.menu&&this.menu.classList.contains("lx-show")?this.hide():this.show()}}class c{constructor(e){this.el="string"==typeof e?t(e):e,this._backdrop=null}show(){this.el&&(this._backdrop=document.createElement("div"),this._backdrop.className="lx-offcanvas-backdrop",this._backdrop.style.cssText="position:fixed;inset:0;z-index:1039;background:rgba(0,0,0,.5)",document.body.appendChild(this._backdrop),document.body.style.overflow="hidden",this.el.classList.add("lx-show"),this.el.removeAttribute("aria-hidden"),l(this.el),s(this._backdrop,"click",()=>this.hide()),s(document,"keydown",this._esc=t=>{"Escape"===t.key&&this.hide()}))}hide(){this.el&&(this.el.classList.remove("lx-show"),this.el.setAttribute("aria-hidden","true"),this._backdrop&&(this._backdrop.remove(),this._backdrop=null),document.body.style.overflow="",i(document,"keydown",this._esc))}toggle(){this.el&&this.el.classList.contains("lx-show")?this.hide():this.show()}}class d{constructor(e,s={}){this.el="string"==typeof e?t(e):e,this.el&&(this.opts=Object.assign({placement:"top",trigger:"hover",html:!1,delay:{show:0,hide:0}},s),this._tip=null,this._attach())}_attach(){const t=()=>{clearTimeout(this._hideTimer),this._showTimer=setTimeout(()=>this._show(),this.opts.delay.show)},e=()=>{clearTimeout(this._showTimer),this._hideTimer=setTimeout(()=>this._hide(),this.opts.delay.hide)};this.opts.trigger.includes("hover")&&(s(this.el,"mouseenter",t),s(this.el,"mouseleave",e)),this.opts.trigger.includes("focus")&&(s(this.el,"focusin",t),s(this.el,"focusout",e))}_show(){const t=this.el.getAttribute("title")||this.el.dataset.lxOrigTitle||"";if(!t)return;this.el.getAttribute("title")&&(this.el.dataset.lxOrigTitle=t,this.el.removeAttribute("title")),this._tip=document.createElement("div"),this._tip.className="lx-tooltip lx-tooltip-"+this.opts.placement,this._tip.setAttribute("role","tooltip"),this._tip.style.cssText="position:absolute;z-index:1080;padding:4px 8px;background:rgba(0,0,0,.85);color:#fff;border-radius:4px;font-size:.75rem;white-space:nowrap;pointer-events:none",this._tip.textContent=t,document.body.appendChild(this._tip);const e=this.el.getBoundingClientRect(),s=this._tip.getBoundingClientRect(),i=window.scrollY,o=this.opts.placement;let l=0,a=0;"top"===o?(l=e.top+i-s.height-6,a=e.left+(e.width-s.width)/2):"bottom"===o?(l=e.bottom+i+6,a=e.left+(e.width-s.width)/2):"left"===o?(l=e.top+i+(e.height-s.height)/2,a=e.left-s.width-6):(l=e.top+i+(e.height-s.height)/2,a=e.right+6),this._tip.style.top=l+"px",this._tip.style.left=a+"px"}_hide(){this._tip&&(this._tip.remove(),this._tip=null)}}class p{constructor(e,i={}){if(this.el="string"==typeof e?t(e):e,!this.el)return;this.opts=Object.assign({offset:70},i);const o=this.el.dataset.lxTarget;this.nav=o?t(o):null,this._update=this._update.bind(this),s(this.el===document.body?window:this.el,"scroll",this._update),this._update()}_update(){if(!this.nav)return;const s=e('a[href^="#"]',this.nav),i=(this.el===document.body?window.scrollY:this.el.scrollTop)+this.opts.offset;let o=null;s.forEach(e=>{const s=t(e.getAttribute("href"));s&&s.offsetTop<=i&&(o=e)}),s.forEach(t=>t.classList.remove("lx-active")),o&&o.classList.add("lx-active")}}class u{constructor(e){this.trigger="string"==typeof e?t(e):e}show(){if(!this.trigger)return;const s=this.trigger.dataset.lxTarget,i=s?t(s):null;i&&(e(".lx-nav-link, .lx-tab-item",this.trigger.closest('[role="tablist"]')||this.trigger.parentElement.parentElement).forEach(t=>{t.classList.remove("lx-active"),t.setAttribute("aria-selected","false")}),e(".lx-tab-pane",i.parentElement).forEach(t=>t.classList.remove("lx-active","lx-show")),this.trigger.classList.add("lx-active"),this.trigger.setAttribute("aria-selected","true"),i.classList.add("lx-active","lx-show"))}}class m{constructor(i,o={}){this.el="string"==typeof i?t(i):i,this.el&&(this.opts=Object.assign({interval:5e3,pause:"hover",wrap:!0,touch:!0},o),this.items=e(".lx-carousel-item",this.el),this.current=this.items.findIndex(t=>t.classList.contains("lx-active")),this.current<0&&(this.current=0,this.items[0]?.classList.add("lx-active")),this._timer=null,this.opts.interval&&this.cycle(),"hover"===this.opts.pause&&(s(this.el,"mouseenter",()=>this.pause()),s(this.el,"mouseleave",()=>this.cycle())),this.opts.touch&&this._initTouch(),this._updateIndicators())}_go(t){const e=this.items.length;!this.opts.wrap&&(t<0||t>=e)||(this.current=(t%e+e)%e,this.items.forEach((t,e)=>t.classList.toggle("lx-active",e===this.current)),this._updateIndicators())}_updateIndicators(){e(".lx-carousel-indicators button, .lx-carousel-indicators [data-lx-slide-to]",this.el).forEach((t,e)=>{t.classList.toggle("lx-active",e===this.current),t.setAttribute("aria-current",e===this.current?"true":"false")})}next(){this._go(this.current+1)}prev(){this._go(this.current-1)}to(t){this._go(t)}cycle(){this.pause(),this.opts.interval&&(this._timer=setInterval(()=>this.next(),this.opts.interval))}pause(){clearInterval(this._timer),this._timer=null}_initTouch(){let t=0;s(this.el,"touchstart",e=>{t=e.touches[0].clientX}),s(this.el,"touchend",e=>{const s=e.changedTouches[0].clientX-t;Math.abs(s)>40&&(s>0?this.prev():this.next())})}}const g={_bp:{xs:0,sm:640,md:768,lg:1024,xl:1280,"2xl":1536},current(){const t=window.innerWidth;return Object.entries(this._bp).reverse().find(([,e])=>t>=e)?.[0]||"xs"},on(t,e){const s=window.matchMedia(`(min-width: ${this._bp[t]}px)`);s.addEventListener("change",t=>{t.matches&&e()}),s.matches&&e()}},x={set(t,e){document.documentElement.dataset.theme=t,e&&(document.documentElement.dataset.mode=e)},setMode(t){document.documentElement.dataset.mode=t},toggle(){const t=document.documentElement.dataset.mode||"light";this.setMode("dark"===t?"light":"dark")},current:()=>({theme:document.documentElement.dataset.theme,mode:document.documentElement.dataset.mode}),save(t,e){this.set(t,e),localStorage.setItem("lx-theme",t),e&&localStorage.setItem("lx-mode",e)},restore(){const t=localStorage.getItem("lx-theme"),e=localStorage.getItem("lx-mode");t&&this.set(t,e||void 0)}};function f(){s(document,"click",s=>{const i=s.target.closest("[data-lx-toggle], [data-lx-dismiss], [data-lx-slide], [data-lx-slide-to]");if(!i)return;const o=i.dataset.lxToggle,l=i.dataset.lxDismiss,n=i.dataset.lxTarget?t(i.dataset.lxTarget):null;if("modal"===l){const t=i.closest(".lx-modal");t&&new a(t).hide()}else if("offcanvas"===l){const t=i.closest(".lx-offcanvas");t&&new c(t).hide()}else if("alert"===l){const t=i.closest(".lx-alert");t&&(t.style.opacity="0",t.style.transition="opacity .15s",setTimeout(()=>t.remove(),150))}else if("toast"===l){const t=i.closest(".lx-toast");t&&(t.style.opacity="0",t.style.transition="opacity .15s",setTimeout(()=>t.remove(),150))}if("modal"===o&&n)s.preventDefault(),new a(n).toggle();else if("collapse"===o&&n){s.preventDefault(),new r(n).toggle();const t=n.classList.contains("lx-show");i.setAttribute("aria-expanded",(!t).toString())}else if("accordion"===o&&n){s.preventDefault();const t=n.classList.contains("lx-show"),o=i.closest(".lx-accordion");o&&(e(".lx-accordion-body.lx-show",o).forEach(t=>{t!==n&&new r(t).hide()}),e(".lx-accordion-trigger",o).forEach(t=>{t!==i&&(t.classList.remove("lx-active"),t.setAttribute("aria-expanded","false"))})),new r(n)[t?"hide":"show"](),i.classList.toggle("lx-active",!t),i.setAttribute("aria-expanded",(!t).toString())}else"dropdown"===o?(s.preventDefault(),s.stopPropagation(),new h(i).toggle()):"offcanvas"===o&&n?(s.preventDefault(),new c(n).toggle()):"tab"===o&&n&&(s.preventDefault(),new u(i).show());const d=i.dataset.lxSlideTo,p=i.dataset.lxSlide;if(void 0!==d||p){const e=t(i.dataset.lxTarget)||i.closest(".lx-carousel");e&&e._lxCarousel&&("next"===p?e._lxCarousel.next():"prev"===p?e._lxCarousel.prev():void 0!==d&&e._lxCarousel.to(parseInt(d)))}}),s(document,"click",t=>{const e=t.target.closest('[data-lx-dismiss="alert"]');if(e){const t=e.closest(".lx-alert");t&&(t.style.opacity="0",t.style.transition="opacity .15s",setTimeout(()=>t.remove(),150))}}),e('[data-lx-spy="scroll"]').forEach(t=>new p(t)),e('[data-lx-toggle="tooltip"]').forEach(t=>new d(t,{placement:t.dataset.lxPlacement||"top",trigger:"hover focus",delay:{show:100,hide:0}})),e(".lx-carousel").forEach(t=>{const e=new m(t,{interval:parseInt(t.dataset.lxInterval)||5e3});t._lxCarousel=e}),x.restore()}return"loading"===document.readyState?s(document,"DOMContentLoaded",f):f(),{init:f,Modal:a,Toast:n,Collapse:r,Dropdown:h,Offcanvas:c,Tooltip:d,Popover:class{constructor(e,i={}){this.el="string"==typeof e?t(e):e,this.el&&(this.opts=Object.assign({placement:"top",trigger:"click",html:!1},i),this._pop=null,this.opts.trigger.includes("click")&&s(this.el,"click",()=>this._pop?this._hide():this._show()))}_show(){const t=this.el.dataset.lxTitle||"",e=this.el.dataset.lxContent||"";this._pop=document.createElement("div"),this._pop.className="lx-popover",this._pop.setAttribute("role","tooltip"),this._pop.style.cssText="position:absolute;z-index:1070;background:var(--surface,#fff);border:1px solid var(--border-default,#e5e7eb);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.12);padding:.75rem 1rem;min-width:200px;max-width:300px",this._pop.innerHTML=(t?`<strong style="display:block;margin-bottom:.5rem;font-size:.875rem">${t}</strong>`:"")+`<p style="margin:0;font-size:.875rem;color:var(--text-secondary,#6b7280)">${e}</p>`,document.body.appendChild(this._pop);const i=this.el.getBoundingClientRect(),o=window.scrollY;this._pop.style.top=i.bottom+o+8+"px",this._pop.style.left=i.left+"px",setTimeout(()=>s(document,"click",this._outside=t=>{this.el.contains(t.target)||this._pop?.contains(t.target)||this._hide()}),0)}_hide(){this._pop&&(this._pop.remove(),this._pop=null,i(document,"click",this._outside))}},Tab:u,Carousel:m,Scrollspy:p,breakpoint:g,theme:x,LxToast:n,version:"1.0.0",homepage:"https://ui.lancar.id"}});
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).LxUI=e()}(this,function(){"use strict";function t(t,e){return(e||document).querySelector(t)}function e(t,e){return Array.from((e||document).querySelectorAll(t))}function s(t,e,s){t&&t.addEventListener(e,s)}function i(t,e,s){t&&t.removeEventListener(e,s)}function o(t,e,s){t.dispatchEvent(new CustomEvent("lx."+e,{bubbles:!0,cancelable:!0,detail:s}))}function l(t){const i=e('button,a,[href],[tabindex]:not([tabindex="-1"]),input,select,textarea',t).filter(t=>!t.disabled&&null!==t.offsetParent);if(!i.length)return;const o=i[0],l=i[i.length-1];s(t,"keydown",t=>{"Tab"===t.key&&(t.shiftKey?document.activeElement===o&&(t.preventDefault(),l.focus()):document.activeElement===l&&(t.preventDefault(),o.focus()))})}class a{constructor(e,s={}){this.el="string"==typeof e?t(e):e,this.el&&(this.opts=Object.assign({backdrop:!0,keyboard:!0,focus:!0},s),this._backdrop=null,this._prevFocus=null)}show(){this.el&&(o(this.el,"modal.show"),this._prevFocus=document.activeElement,this._backdrop=document.createElement("div"),this._backdrop.className="lx-modal-backdrop lx-fade lx-show",document.body.appendChild(this._backdrop),document.body.classList.add("lx-modal-open"),this.el.classList.add("lx-show"),this.el.style.display="flex",this.el.removeAttribute("aria-hidden"),this.opts.focus&&l(this.el),this.opts.keyboard&&(this._keyHandler=t=>{"Escape"===t.key&&this.hide()},s(document,"keydown",this._keyHandler)),this.opts.backdrop&&s(this._backdrop,"click",()=>this.hide()),requestAnimationFrame(()=>o(this.el,"modal.shown")))}hide(){this.el&&(o(this.el,"modal.hide"),this.el.classList.remove("lx-show"),this.el.style.display="",this.el.setAttribute("aria-hidden","true"),this._backdrop&&(this._backdrop.remove(),this._backdrop=null),document.body.classList.remove("lx-modal-open"),this._keyHandler&&i(document,"keydown",this._keyHandler),this._prevFocus&&this._prevFocus.focus(),o(this.el,"modal.hidden"))}toggle(){this.el.classList.contains("lx-show")?this.hide():this.show()}}const n={_container(t){const e="lx-toast-"+t;let s=document.getElementById(e);if(!s){s=document.createElement("div"),s.id=e;const i={"top-right":"top:1rem;right:1rem","top-left":"top:1rem;left:1rem","bottom-right":"bottom:1rem;right:1rem","bottom-left":"bottom:1rem;left:1rem","top-center":"top:1rem;left:50%;transform:translateX(-50%)"};s.setAttribute("style",`position:fixed;z-index:1090;display:flex;flex-direction:column;gap:.5rem;${i[t]||i["top-right"]}`),document.body.appendChild(s)}return s},show(t={}){const{message:e="",type:s="default",duration:i=4e3,position:o="top-right",title:l=""}=t,a={success:"#22c55e",warning:"#f59e0b",danger:"#ef4444",info:"#06b6d4",default:"#3b82f6"},n=document.createElement("div");if(n.setAttribute("role","alert"),n.setAttribute("aria-live","assertive"),n.setAttribute("aria-atomic","true"),n.style.cssText="background:var(--surface,#fff);border:1px solid var(--border-default,#e5e7eb);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.12);padding:.875rem 1rem;min-width:280px;max-width:380px;display:flex;align-items:flex-start;gap:.75rem;animation:lxSlideIn .2s ease",n.innerHTML=`<span style="width:8px;height:8px;border-radius:50%;background:${a[s]||a.default};flex-shrink:0;margin-top:4px"></span>`+(l?`<div><strong style="display:block;margin-bottom:2px;font-size:.875rem">${l}</strong><span style="font-size:.875rem;color:var(--text-secondary,#6b7280)">${e}</span></div>`:`<span style="font-size:.875rem;color:var(--text-primary,#111827);flex:1">${e}</span>`)+'<button onclick="this.closest(\'[role=alert]\').remove()" style="background:none;border:none;cursor:pointer;padding:0;color:var(--text-muted,#9ca3af);font-size:1.125rem;line-height:1;margin-left:auto" aria-label="Tutup">×</button>',this._container(o).appendChild(n),!document.getElementById("lx-toast-style")){const t=document.createElement("style");t.id="lx-toast-style",t.textContent="@keyframes lxSlideIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}",document.head.appendChild(t)}i>0&&setTimeout(()=>{n.style.opacity="0",n.style.transition="opacity .2s",setTimeout(()=>n.remove(),200)},i)},success(t,e={}){this.show({...e,message:t,type:"success"})},error(t,e={}){this.show({...e,message:t,type:"danger"})},warning(t,e={}){this.show({...e,message:t,type:"warning"})},info(t,e={}){this.show({...e,message:t,type:"info"})}};class r{constructor(e){this.el="string"==typeof e?t(e):e}show(){this.el&&(o(this.el,"collapse.show"),this.el.style.height="0px",this.el.classList.add("lx-collapsing"),this.el.classList.remove("lx-collapse","lx-show"),this.el.style.height=this.el.scrollHeight+"px",this.el.addEventListener("transitionend",()=>{this.el.classList.remove("lx-collapsing"),this.el.classList.add("lx-collapse","lx-show"),this.el.style.height="",o(this.el,"collapse.shown")},{once:!0}))}hide(){this.el&&(o(this.el,"collapse.hide"),this.el.style.height=this.el.scrollHeight+"px",this.el.classList.add("lx-collapsing"),this.el.classList.remove("lx-collapse","lx-show"),requestAnimationFrame(()=>{this.el.style.height="0px"}),this.el.addEventListener("transitionend",()=>{this.el.classList.remove("lx-collapsing"),this.el.classList.add("lx-collapse"),this.el.style.height="",o(this.el,"collapse.hidden")},{once:!0}))}toggle(){this.el&&this.el.classList.contains("lx-show")?this.hide():this.show()}}class h{constructor(e){this.trigger="string"==typeof e?t(e):e,this.menu=this.trigger&&this.trigger.nextElementSibling,this._outside=t=>{this.trigger.closest(".lx-dropdown").contains(t.target)||this.hide()}}show(){this.menu&&(o(this.trigger,"dropdown.show"),this.menu.classList.add("lx-show"),this.trigger.setAttribute("aria-expanded","true"),setTimeout(()=>s(document,"click",this._outside),0),o(this.trigger,"dropdown.shown"))}hide(){this.menu&&(o(this.trigger,"dropdown.hide"),this.menu.classList.remove("lx-show"),this.trigger.setAttribute("aria-expanded","false"),i(document,"click",this._outside),o(this.trigger,"dropdown.hidden"))}toggle(){this.menu&&this.menu.classList.contains("lx-show")?this.hide():this.show()}}class c{constructor(e){this.el="string"==typeof e?t(e):e,this._backdrop=null}show(){this.el&&(this._backdrop=document.createElement("div"),this._backdrop.className="lx-offcanvas-backdrop",this._backdrop.style.cssText="position:fixed;inset:0;z-index:1039;background:rgba(0,0,0,.5)",document.body.appendChild(this._backdrop),document.body.style.overflow="hidden",this.el.classList.add("lx-show"),this.el.removeAttribute("aria-hidden"),l(this.el),s(this._backdrop,"click",()=>this.hide()),s(document,"keydown",this._esc=t=>{"Escape"===t.key&&this.hide()}))}hide(){this.el&&(this.el.classList.remove("lx-show"),this.el.setAttribute("aria-hidden","true"),this._backdrop&&(this._backdrop.remove(),this._backdrop=null),document.body.style.overflow="",i(document,"keydown",this._esc))}toggle(){this.el&&this.el.classList.contains("lx-show")?this.hide():this.show()}}class d{constructor(e,s={}){this.el="string"==typeof e?t(e):e,this.el&&(this.opts=Object.assign({placement:"top",trigger:"hover",html:!1,delay:{show:0,hide:0}},s),this._tip=null,this._attach())}_attach(){const t=()=>{clearTimeout(this._hideTimer),this._showTimer=setTimeout(()=>this._show(),this.opts.delay.show)},e=()=>{clearTimeout(this._showTimer),this._hideTimer=setTimeout(()=>this._hide(),this.opts.delay.hide)};this.opts.trigger.includes("hover")&&(s(this.el,"mouseenter",t),s(this.el,"mouseleave",e)),this.opts.trigger.includes("focus")&&(s(this.el,"focusin",t),s(this.el,"focusout",e))}_show(){const t=this.el.getAttribute("title")||this.el.dataset.lxOrigTitle||"";if(!t)return;this.el.getAttribute("title")&&(this.el.dataset.lxOrigTitle=t,this.el.removeAttribute("title")),this._tip=document.createElement("div"),this._tip.className="lx-tooltip lx-tooltip-"+this.opts.placement,this._tip.setAttribute("role","tooltip"),this._tip.style.cssText="position:absolute;z-index:1080;padding:4px 8px;background:rgba(0,0,0,.85);color:#fff;border-radius:4px;font-size:.75rem;white-space:nowrap;pointer-events:none",this._tip.textContent=t,document.body.appendChild(this._tip);const e=this.el.getBoundingClientRect(),s=this._tip.getBoundingClientRect(),i=window.scrollY,o=this.opts.placement;let l=0,a=0;"top"===o?(l=e.top+i-s.height-6,a=e.left+(e.width-s.width)/2):"bottom"===o?(l=e.bottom+i+6,a=e.left+(e.width-s.width)/2):"left"===o?(l=e.top+i+(e.height-s.height)/2,a=e.left-s.width-6):(l=e.top+i+(e.height-s.height)/2,a=e.right+6),this._tip.style.top=l+"px",this._tip.style.left=a+"px"}_hide(){this._tip&&(this._tip.remove(),this._tip=null)}}class p{constructor(e,i={}){if(this.el="string"==typeof e?t(e):e,!this.el)return;this.opts=Object.assign({offset:70},i);const o=this.el.dataset.lxTarget;this.nav=o?t(o):null,this._update=this._update.bind(this),s(this.el===document.body?window:this.el,"scroll",this._update),this._update()}_update(){if(!this.nav)return;const s=e('a[href^="#"]',this.nav),i=(this.el===document.body?window.scrollY:this.el.scrollTop)+this.opts.offset;let o=null;s.forEach(e=>{const s=t(e.getAttribute("href"));s&&s.offsetTop<=i&&(o=e)}),s.forEach(t=>t.classList.remove("lx-active")),o&&o.classList.add("lx-active")}}class u{constructor(e){this.trigger="string"==typeof e?t(e):e}show(){if(!this.trigger)return;const s=this.trigger.dataset.lxTarget,i=s?t(s):null;i&&(e(".lx-nav-link, .lx-tab-item",this.trigger.closest('[role="tablist"]')||this.trigger.parentElement.parentElement).forEach(t=>{t.classList.remove("lx-active"),t.setAttribute("aria-selected","false")}),e(".lx-tab-pane",i.parentElement).forEach(t=>t.classList.remove("lx-active","lx-show")),this.trigger.classList.add("lx-active"),this.trigger.setAttribute("aria-selected","true"),i.classList.add("lx-active","lx-show"))}}class m{constructor(i,o={}){this.el="string"==typeof i?t(i):i,this.el&&(this.opts=Object.assign({interval:5e3,pause:"hover",wrap:!0,touch:!0},o),this.items=e(".lx-carousel-item",this.el),this.current=this.items.findIndex(t=>t.classList.contains("lx-active")),this.current<0&&(this.current=0,this.items[0]?.classList.add("lx-active")),this._timer=null,this.opts.interval&&this.cycle(),"hover"===this.opts.pause&&(s(this.el,"mouseenter",()=>this.pause()),s(this.el,"mouseleave",()=>this.cycle())),this.opts.touch&&this._initTouch(),this._updateIndicators())}_go(t){const e=this.items.length;!this.opts.wrap&&(t<0||t>=e)||(this.current=(t%e+e)%e,this.items.forEach((t,e)=>t.classList.toggle("lx-active",e===this.current)),this._updateIndicators())}_updateIndicators(){e(".lx-carousel-indicators button, .lx-carousel-indicators [data-lx-slide-to]",this.el).forEach((t,e)=>{t.classList.toggle("lx-active",e===this.current),t.setAttribute("aria-current",e===this.current?"true":"false")})}next(){this._go(this.current+1)}prev(){this._go(this.current-1)}to(t){this._go(t)}cycle(){this.pause(),this.opts.interval&&(this._timer=setInterval(()=>this.next(),this.opts.interval))}pause(){clearInterval(this._timer),this._timer=null}_initTouch(){let t=0;s(this.el,"touchstart",e=>{t=e.touches[0].clientX}),s(this.el,"touchend",e=>{const s=e.changedTouches[0].clientX-t;Math.abs(s)>40&&(s>0?this.prev():this.next())})}}const g={_bp:{xs:0,sm:640,md:768,lg:1024,xl:1280,"2xl":1536},current(){const t=window.innerWidth;return Object.entries(this._bp).reverse().find(([,e])=>t>=e)?.[0]||"xs"},on(t,e){const s=window.matchMedia(`(min-width: ${this._bp[t]}px)`);s.addEventListener("change",t=>{t.matches&&e()}),s.matches&&e()}},x={set(t,e){document.documentElement.dataset.theme=t,e&&(document.documentElement.dataset.mode=e)},setMode(t){document.documentElement.dataset.mode=t},toggle(){const t=document.documentElement.dataset.mode||"light";this.setMode("dark"===t?"light":"dark")},current:()=>({theme:document.documentElement.dataset.theme,mode:document.documentElement.dataset.mode}),save(t,e){this.set(t,e),localStorage.setItem("lx-theme",t),e&&localStorage.setItem("lx-mode",e)},restore(){const t=localStorage.getItem("lx-theme"),e=localStorage.getItem("lx-mode");t&&this.set(t,e||void 0)}};function f(){s(document,"click",s=>{const i=s.target.closest("[data-lx-toggle], [data-lx-dismiss], [data-lx-slide], [data-lx-slide-to]");if(!i)return;const o=i.dataset.lxToggle,l=i.dataset.lxDismiss,n=i.dataset.lxTarget?t(i.dataset.lxTarget):null;if("modal"===l){const t=i.closest(".lx-modal");t&&new a(t).hide()}else if("offcanvas"===l){const t=i.closest(".lx-offcanvas");t&&new c(t).hide()}else if("alert"===l){const t=i.closest(".lx-alert");t&&(t.style.opacity="0",t.style.transition="opacity .15s",setTimeout(()=>t.remove(),150))}else if("toast"===l){const t=i.closest(".lx-toast");t&&(t.style.opacity="0",t.style.transition="opacity .15s",setTimeout(()=>t.remove(),150))}if("modal"===o&&n)s.preventDefault(),new a(n).toggle();else if("collapse"===o&&n){s.preventDefault(),new r(n).toggle();const t=n.classList.contains("lx-show");i.setAttribute("aria-expanded",(!t).toString())}else if("accordion"===o&&n){s.preventDefault();const t=n.classList.contains("lx-show"),o=i.closest(".lx-accordion");o&&(e(".lx-accordion-body.lx-show",o).forEach(t=>{t!==n&&new r(t).hide()}),e(".lx-accordion-trigger",o).forEach(t=>{t!==i&&(t.classList.remove("lx-active"),t.setAttribute("aria-expanded","false"))})),new r(n)[t?"hide":"show"](),i.classList.toggle("lx-active",!t),i.setAttribute("aria-expanded",(!t).toString())}else"dropdown"===o?(s.preventDefault(),s.stopPropagation(),new h(i).toggle()):"offcanvas"===o&&n?(s.preventDefault(),new c(n).toggle()):"tab"===o&&n&&(s.preventDefault(),new u(i).show());const d=i.dataset.lxSlideTo,p=i.dataset.lxSlide;if(void 0!==d||p){const e=t(i.dataset.lxTarget)||i.closest(".lx-carousel");e&&e._lxCarousel&&("next"===p?e._lxCarousel.next():"prev"===p?e._lxCarousel.prev():void 0!==d&&e._lxCarousel.to(parseInt(d)))}}),s(document,"click",t=>{const e=t.target.closest('[data-lx-dismiss="alert"]');if(e){const t=e.closest(".lx-alert");t&&(t.style.opacity="0",t.style.transition="opacity .15s",setTimeout(()=>t.remove(),150))}}),e('[data-lx-spy="scroll"]').forEach(t=>new p(t)),e('[data-lx-toggle="tooltip"]').forEach(t=>new d(t,{placement:t.dataset.lxPlacement||"top",trigger:"hover focus",delay:{show:100,hide:0}})),e(".lx-carousel").forEach(t=>{const e=new m(t,{interval:parseInt(t.dataset.lxInterval)||5e3});t._lxCarousel=e}),x.restore()}return"loading"===document.readyState?s(document,"DOMContentLoaded",f):f(),{init:f,Modal:a,Toast:n,Collapse:r,Dropdown:h,Offcanvas:c,Tooltip:d,Popover:class{constructor(e,i={}){this.el="string"==typeof e?t(e):e,this.el&&(this.opts=Object.assign({placement:"top",trigger:"click",html:!1},i),this._pop=null,this.opts.trigger.includes("click")&&s(this.el,"click",()=>this._pop?this._hide():this._show()))}_show(){const t=this.el.dataset.lxTitle||"",e=this.el.dataset.lxContent||"";this._pop=document.createElement("div"),this._pop.className="lx-popover",this._pop.setAttribute("role","tooltip"),this._pop.style.cssText="position:absolute;z-index:1070;background:var(--surface,#fff);border:1px solid var(--border-default,#e5e7eb);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.12);padding:.75rem 1rem;min-width:200px;max-width:300px",this._pop.innerHTML=(t?`<strong style="display:block;margin-bottom:.5rem;font-size:.875rem">${t}</strong>`:"")+`<p style="margin:0;font-size:.875rem;color:var(--text-secondary,#6b7280)">${e}</p>`,document.body.appendChild(this._pop);const i=this.el.getBoundingClientRect(),o=window.scrollY;this._pop.style.top=i.bottom+o+8+"px",this._pop.style.left=i.left+"px",setTimeout(()=>s(document,"click",this._outside=t=>{this.el.contains(t.target)||this._pop?.contains(t.target)||this._hide()}),0)}_hide(){this._pop&&(this._pop.remove(),this._pop=null,i(document,"click",this._outside))}},Tab:u,Carousel:m,Scrollspy:p,breakpoint:g,theme:x,LxToast:n,version:"1.0.2",homepage:"https://ui.lancar.id"}});

package/lxui.esm.min.js

@@ -1,8 +1,8 @@
 /*!
- * LxUI v1.0.0 ESM — Modern CSS Framework
+ * LxUI v1.0.2 ESM — Modern CSS Framework
  * https://ui.lancar.id
- * Copyright (c) 2025 lancar.id — MIT License
+ * Copyright (c) 2025–2026 lancar.id — MIT License
  *
  * ES Module — import { Modal, Toast, theme } from 'lxui'
  */
-"use strict";function qs(t,e){return(e||document).querySelector(t)}function qsa(t,e){return Array.from((e||document).querySelectorAll(t))}function on(t,e,s,i){t&&t.addEventListener(e,s,i)}function off(t,e,s){t&&t.removeEventListener(e,s)}function emit(t,e,s){t.dispatchEvent(new CustomEvent("lx."+e,{bubbles:!0,cancelable:!0,detail:s}))}function trap(t){const e=qsa('button,a,[href],[tabindex]:not([tabindex="-1"]),input,select,textarea',t).filter(t=>!t.disabled&&null!==t.offsetParent);if(!e.length)return;const s=e[0],i=e[e.length-1];on(t,"keydown",t=>{"Tab"===t.key&&(t.shiftKey?document.activeElement===s&&(t.preventDefault(),i.focus()):document.activeElement===i&&(t.preventDefault(),s.focus()))})}export class Modal{constructor(t,e={}){this.el="string"==typeof t?qs(t):t,this.el&&(this.opts=Object.assign({backdrop:!0,keyboard:!0,focus:!0},e),this._backdrop=null,this._prevFocus=null)}show(){this.el&&(emit(this.el,"modal.show"),this._prevFocus=document.activeElement,this._backdrop=document.createElement("div"),this._backdrop.className="lx-modal-backdrop lx-fade lx-show",document.body.appendChild(this._backdrop),document.body.classList.add("lx-modal-open"),this.el.classList.add("lx-show"),this.el.style.display="flex",this.el.removeAttribute("aria-hidden"),this.opts.focus&&trap(this.el),this.opts.keyboard&&(this._keyHandler=t=>{"Escape"===t.key&&this.hide()},on(document,"keydown",this._keyHandler)),this.opts.backdrop&&on(this._backdrop,"click",()=>this.hide()),requestAnimationFrame(()=>emit(this.el,"modal.shown")))}hide(){this.el&&(emit(this.el,"modal.hide"),this.el.classList.remove("lx-show"),this.el.style.display="",this.el.setAttribute("aria-hidden","true"),this._backdrop&&(this._backdrop.remove(),this._backdrop=null),document.body.classList.remove("lx-modal-open"),this._keyHandler&&off(document,"keydown",this._keyHandler),this._prevFocus&&this._prevFocus.focus(),emit(this.el,"modal.hidden"))}toggle(){this.el.classList.contains("lx-show")?this.hide():this.show()}}export const Toast={_container(t){const e="lx-toast-"+t;let s=document.getElementById(e);if(!s){s=document.createElement("div"),s.id=e;const i={"top-right":"top:1rem;right:1rem","top-left":"top:1rem;left:1rem","bottom-right":"bottom:1rem;right:1rem","bottom-left":"bottom:1rem;left:1rem","top-center":"top:1rem;left:50%;transform:translateX(-50%)","bottom-center":"bottom:1rem;left:50%;transform:translateX(-50%)"};s.setAttribute("style",`position:fixed;z-index:1090;display:flex;flex-direction:column;gap:.5rem;${i[t]||i["top-right"]}`),document.body.appendChild(s)}return s},show(t={}){const{message:e="",type:s="default",duration:i=4e3,position:o="top-right",title:a=""}=t,l={success:"#22c55e",warning:"#f59e0b",danger:"#ef4444",info:"#06b6d4",default:"#3b82f6"},n=document.createElement("div");n.setAttribute("role","alert"),n.setAttribute("aria-live","assertive"),n.setAttribute("aria-atomic","true"),n.style.cssText="background:var(--surface,#fff);border:1px solid var(--border-default,#e5e7eb);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.12);padding:.875rem 1rem;min-width:280px;max-width:380px;display:flex;align-items:flex-start;gap:.75rem;animation:lxSlideIn .2s ease";const r=document.createElement("span");if(r.style.cssText="width:8px;height:8px;border-radius:50%;background:"+(l[s]||l.default)+";flex-shrink:0;margin-top:4px",n.appendChild(r),a){const t=document.createElement("div"),s=document.createElement("strong");s.style.cssText="display:block;margin-bottom:2px;font-size:.875rem",s.textContent=a;const i=document.createElement("span");i.style.cssText="font-size:.875rem;color:var(--text-secondary,#6b7280)",i.textContent=e,t.appendChild(s),t.appendChild(i),n.appendChild(t)}else{const t=document.createElement("span");t.style.cssText="font-size:.875rem;color:var(--text-primary,#111827);flex:1",t.textContent=e,n.appendChild(t)}const h=document.createElement("button");if(h.style.cssText="background:none;border:none;cursor:pointer;padding:0;color:var(--text-muted,#9ca3af);font-size:1.125rem;line-height:1;margin-left:auto",h.setAttribute("aria-label","Close"),h.textContent="×",h.addEventListener("click",()=>n.remove()),n.appendChild(h),this._container(o).appendChild(n),!document.getElementById("lx-toast-style")){const t=document.createElement("style");t.id="lx-toast-style",t.textContent="@keyframes lxSlideIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}",document.head.appendChild(t)}i>0&&setTimeout(()=>{n.style.opacity="0",n.style.transition="opacity .2s",setTimeout(()=>n.remove(),200)},i)},success(t,e={}){this.show({...e,message:t,type:"success"})},error(t,e={}){this.show({...e,message:t,type:"danger"})},warning(t,e={}){this.show({...e,message:t,type:"warning"})},info(t,e={}){this.show({...e,message:t,type:"info"})}};export class Collapse{constructor(t){this.el="string"==typeof t?qs(t):t}show(){this.el&&(emit(this.el,"collapse.show"),this.el.style.height="0px",this.el.classList.add("lx-collapsing"),this.el.classList.remove("lx-collapse","lx-show"),this.el.style.height=this.el.scrollHeight+"px",this.el.addEventListener("transitionend",()=>{this.el.classList.remove("lx-collapsing"),this.el.classList.add("lx-collapse","lx-show"),this.el.style.height="",emit(this.el,"collapse.shown")},{once:!0}))}hide(){this.el&&(emit(this.el,"collapse.hide"),this.el.style.height=this.el.scrollHeight+"px",this.el.classList.add("lx-collapsing"),this.el.classList.remove("lx-collapse","lx-show"),requestAnimationFrame(()=>{this.el.style.height="0px"}),this.el.addEventListener("transitionend",()=>{this.el.classList.remove("lx-collapsing"),this.el.classList.add("lx-collapse"),this.el.style.height="",emit(this.el,"collapse.hidden")},{once:!0}))}toggle(){this.el&&this.el.classList.contains("lx-show")?this.hide():this.show()}}export class Dropdown{constructor(t){this.trigger="string"==typeof t?qs(t):t,this.menu=this.trigger&&this.trigger.nextElementSibling,this._outside=t=>{this.trigger.closest(".lx-dropdown").contains(t.target)||this.hide()}}show(){this.menu&&(emit(this.trigger,"dropdown.show"),this.menu.classList.add("lx-show"),this.trigger.setAttribute("aria-expanded","true"),setTimeout(()=>on(document,"click",this._outside),0),emit(this.trigger,"dropdown.shown"))}hide(){this.menu&&(emit(this.trigger,"dropdown.hide"),this.menu.classList.remove("lx-show"),this.trigger.setAttribute("aria-expanded","false"),off(document,"click",this._outside),emit(this.trigger,"dropdown.hidden"))}toggle(){this.menu&&this.menu.classList.contains("lx-show")?this.hide():this.show()}}export class Offcanvas{constructor(t){this.el="string"==typeof t?qs(t):t,this._backdrop=null}show(){this.el&&(this._backdrop=document.createElement("div"),this._backdrop.className="lx-offcanvas-backdrop",this._backdrop.style.cssText="position:fixed;inset:0;z-index:1039;background:rgba(0,0,0,.5)",document.body.appendChild(this._backdrop),document.body.style.overflow="hidden",this.el.classList.add("lx-show"),this.el.removeAttribute("aria-hidden"),trap(this.el),on(this._backdrop,"click",()=>this.hide()),on(document,"keydown",this._esc=t=>{"Escape"===t.key&&this.hide()}))}hide(){this.el&&(this.el.classList.remove("lx-show"),this.el.setAttribute("aria-hidden","true"),this._backdrop&&(this._backdrop.remove(),this._backdrop=null),document.body.style.overflow="",off(document,"keydown",this._esc))}toggle(){this.el&&this.el.classList.contains("lx-show")?this.hide():this.show()}}export class Tooltip{constructor(t,e={}){this.el="string"==typeof t?qs(t):t,this.el&&(this.opts=Object.assign({placement:"top",trigger:"hover",delay:{show:0,hide:0}},e),this._tip=null,this._attach())}_attach(){const t=()=>{clearTimeout(this._hideTimer),this._showTimer=setTimeout(()=>this._show(),this.opts.delay.show)},e=()=>{clearTimeout(this._showTimer),this._hideTimer=setTimeout(()=>this._hide(),this.opts.delay.hide)};this.opts.trigger.includes("hover")&&(on(this.el,"mouseenter",t),on(this.el,"mouseleave",e)),this.opts.trigger.includes("focus")&&(on(this.el,"focusin",t),on(this.el,"focusout",e))}_show(){const t=this.el.getAttribute("title")||this.el.dataset.lxOrigTitle||"";if(!t)return;this.el.getAttribute("title")&&(this.el.dataset.lxOrigTitle=t,this.el.removeAttribute("title")),this._tip=document.createElement("div"),this._tip.className="lx-tooltip lx-tooltip-"+this.opts.placement,this._tip.setAttribute("role","tooltip"),this._tip.style.cssText="position:absolute;z-index:1080;padding:4px 8px;background:rgba(0,0,0,.85);color:#fff;border-radius:4px;font-size:.75rem;white-space:nowrap;pointer-events:none",this._tip.textContent=t,document.body.appendChild(this._tip);const e=this.el.getBoundingClientRect(),s=this._tip.getBoundingClientRect(),i=window.scrollY,o=this.opts.placement;let a=0,l=0;"top"===o?(a=e.top+i-s.height-6,l=e.left+(e.width-s.width)/2):"bottom"===o?(a=e.bottom+i+6,l=e.left+(e.width-s.width)/2):"left"===o?(a=e.top+i+(e.height-s.height)/2,l=e.left-s.width-6):(a=e.top+i+(e.height-s.height)/2,l=e.right+6),this._tip.style.top=a+"px",this._tip.style.left=l+"px"}_hide(){this._tip&&(this._tip.remove(),this._tip=null)}}export class Popover{constructor(t,e={}){this.el="string"==typeof t?qs(t):t,this.el&&(this.opts=Object.assign({placement:"top",trigger:"click"},e),this._pop=null,this.opts.trigger.includes("click")&&on(this.el,"click",()=>this._pop?this._hide():this._show()))}_show(){const t=this.el.dataset.lxTitle||"",e=this.el.dataset.lxContent||"";if(this._pop=document.createElement("div"),this._pop.className="lx-popover",this._pop.setAttribute("role","tooltip"),this._pop.style.cssText="position:absolute;z-index:1070;background:var(--surface,#fff);border:1px solid var(--border-default,#e5e7eb);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.12);padding:.75rem 1rem;min-width:200px;max-width:300px",t){const e=document.createElement("strong");e.style.cssText="display:block;margin-bottom:.5rem;font-size:.875rem",e.textContent=t,this._pop.appendChild(e)}const s=document.createElement("p");s.style.cssText="margin:0;font-size:.875rem;color:var(--text-secondary,#6b7280)",s.textContent=e,this._pop.appendChild(s),document.body.appendChild(this._pop);const i=this.el.getBoundingClientRect(),o=window.scrollY;this._pop.style.top=i.bottom+o+8+"px",this._pop.style.left=i.left+"px",setTimeout(()=>on(document,"click",this._outside=t=>{this.el.contains(t.target)||this._pop?.contains(t.target)||this._hide()}),0)}_hide(){this._pop&&(this._pop.remove(),this._pop=null,off(document,"click",this._outside))}}export class Scrollspy{constructor(t,e={}){if(this.el="string"==typeof t?qs(t):t,!this.el)return;this.opts=Object.assign({offset:70},e);const s=this.el.dataset.lxTarget;this.nav=s?qs(s):null,this._update=this._update.bind(this),on(this.el===document.body?window:this.el,"scroll",this._update),this._update()}_update(){if(!this.nav)return;const t=qsa('a[href^="#"]',this.nav),e=(this.el===document.body?window.scrollY:this.el.scrollTop)+this.opts.offset;let s=null;t.forEach(t=>{const i=qs(t.getAttribute("href"));i&&i.offsetTop<=e&&(s=t)}),t.forEach(t=>t.classList.remove("lx-active")),s&&s.classList.add("lx-active")}}export class Tab{constructor(t){this.trigger="string"==typeof t?qs(t):t}show(){if(!this.trigger)return;const t=this.trigger.dataset.lxTarget,e=t?qs(t):null;e&&(qsa(".lx-nav-link, .lx-tab-item",this.trigger.closest('[role="tablist"]')||this.trigger.parentElement.parentElement).forEach(t=>{t.classList.remove("lx-active"),t.setAttribute("aria-selected","false")}),qsa(".lx-tab-pane",e.parentElement).forEach(t=>t.classList.remove("lx-active","lx-show")),this.trigger.classList.add("lx-active"),this.trigger.setAttribute("aria-selected","true"),e.classList.add("lx-active","lx-show"))}}export class Carousel{constructor(t,e={}){this.el="string"==typeof t?qs(t):t,this.el&&(this.opts=Object.assign({interval:5e3,pause:"hover",wrap:!0,touch:!0},e),this.inner=qs(".lx-carousel-inner",this.el),this.items=qsa(".lx-carousel-item",this.el),this.current=this.items.findIndex(t=>t.classList.contains("lx-active")),this.current<0&&(this.current=0,this.items[0]&&this.items[0].classList.add("lx-active")),this._timer=null,this._sliding=!1,this.inner&&this._applyTransform(this.current,!1),this.opts.interval&&this.cycle(),"hover"===this.opts.pause&&(on(this.el,"mouseenter",()=>this.pause()),on(this.el,"mouseleave",()=>this.cycle())),this.opts.touch&&this._initTouch(),this._updateIndicators())}_applyTransform(t,e){this.inner&&(e||(this.inner.style.transition="none"),this.inner.style.transform="translateX(-"+100*t+"%)",e||(this.inner.getBoundingClientRect(),this.inner.style.transition=""))}_go(t){const e=this.items.length;!this.opts.wrap&&(t<0||t>=e)||this._sliding||(this._sliding=!0,this.current=(t%e+e)%e,this.items.forEach((t,e)=>t.classList.toggle("lx-active",e===this.current)),this.inner?(this._applyTransform(this.current,!0),this.inner.addEventListener("transitionend",()=>{this._sliding=!1,emit(this.el,"carousel.slid")},{once:!0}),setTimeout(()=>{this._sliding=!1},400)):this._sliding=!1,this._updateIndicators(),emit(this.el,"carousel.slide"))}_updateIndicators(){qsa(".lx-carousel-indicators button, .lx-carousel-indicators [data-lx-slide-to]",this.el).forEach((t,e)=>{t.classList.toggle("lx-active",e===this.current),t.setAttribute("aria-current",e===this.current?"true":"false")})}next(){this._go(this.current+1)}prev(){this._go(this.current-1)}to(t){this._go(t)}cycle(){this.pause(),this.opts.interval&&(this._timer=setInterval(()=>this.next(),this.opts.interval))}pause(){clearInterval(this._timer),this._timer=null}_initTouch(){let t=0,e=0;on(this.el,"touchstart",s=>{t=s.touches[0].clientX,e=s.touches[0].clientY},{passive:!0}),on(this.el,"touchend",s=>{const i=s.changedTouches[0].clientX-t,o=s.changedTouches[0].clientY-e;Math.abs(i)>Math.abs(o)&&Math.abs(i)>40&&(i>0?this.prev():this.next())})}}export const Clipboard={copy(t){if(navigator.clipboard&&window.isSecureContext)return navigator.clipboard.writeText(t);const e=document.createElement("textarea");e.value=t,e.style.cssText="position:fixed;top:-9999px;left:-9999px;opacity:0",document.body.appendChild(e),e.focus(),e.select();try{document.execCommand("copy")}catch(t){}return e.remove(),Promise.resolve()},bind(t,e){qsa(t).forEach(t=>{on(t,"click",async()=>{const s="function"==typeof e?e(t):t.dataset.lxCopy||t.textContent;await this.copy(s);const i=t.textContent;t.textContent=t.dataset.lxCopiedText||"Copied!",t.classList.add("lx-copied"),setTimeout(()=>{t.textContent=i,t.classList.remove("lx-copied")},2e3)})})}};export class Counter{constructor(t,e={}){this.el="string"==typeof t?qs(t):t,this.el&&(this.opts=Object.assign({start:0,end:parseInt(this.el.dataset.lxEnd||this.el.textContent)||0,duration:parseInt(this.el.dataset.lxDuration)||2e3,prefix:this.el.dataset.lxPrefix||"",suffix:this.el.dataset.lxSuffix||"",decimals:parseInt(this.el.dataset.lxDecimals)||0,easing:!0},e))}_ease(t){return t<.5?2*t*t:(4-2*t)*t-1}_format(t){return this.opts.prefix+t.toFixed(this.opts.decimals).replace(/\B(?=(\d{3})+(?!\d))/g,",")+this.opts.suffix}start(){const{start:t,end:e,duration:s,easing:i}=this.opts,o=e-t;let a=null;const l=n=>{a||(a=n);const r=Math.min(n-a,s),h=i?this._ease(r/s):r/s;this.el.textContent=this._format(t+o*h),r<s?requestAnimationFrame(l):this.el.textContent=this._format(e)};requestAnimationFrame(l)}static observeAll(t,e){if("IntersectionObserver"in window){const s=new IntersectionObserver(t=>{t.forEach(t=>{t.isIntersecting&&(new Counter(t.target,e).start(),s.unobserve(t.target))})},{threshold:.5});qsa(t).forEach(t=>s.observe(t))}else qsa(t).forEach(t=>new Counter(t,e).start())}}export class NumberInput{constructor(t,e={}){this.wrap="string"==typeof t?qs(t):t,this.wrap&&(this.input=qs("input",this.wrap),this.input&&(this.opts=Object.assign({step:1,min:-1/0,max:1/0},e),this.opts.min=parseFloat(this.input.min||this.opts.min),this.opts.max=parseFloat(this.input.max||this.opts.max),this.opts.step=parseFloat(this.input.step||this.opts.step)||1,this._attach()))}_val(){return parseFloat(this.input.value)||0}_set(t){const e=Math.min(this.opts.max,Math.max(this.opts.min,t));this.input.value=e,emit(this.input,"change",{value:e}),this._updateBtns()}_updateBtns(){const t=this._val(),e=qs(".lx-number-btn[data-lx-dec]",this.wrap)||qs(".lx-number-dec",this.wrap),s=qs(".lx-number-btn[data-lx-inc]",this.wrap)||qs(".lx-number-inc",this.wrap);e&&(e.disabled=t<=this.opts.min),s&&(s.disabled=t>=this.opts.max)}_attach(){on(this.wrap,"click",t=>{const e=t.target.closest("[data-lx-dec],[data-lx-inc],.lx-number-dec,.lx-number-inc");e&&(e.matches("[data-lx-dec],.lx-number-dec")&&this._set(this._val()-this.opts.step),e.matches("[data-lx-inc],.lx-number-inc")&&this._set(this._val()+this.opts.step))}),on(this.input,"change",()=>this._set(this._val())),on(this.input,"keydown",t=>{"ArrowUp"===t.key&&(t.preventDefault(),this._set(this._val()+this.opts.step)),"ArrowDown"===t.key&&(t.preventDefault(),this._set(this._val()-this.opts.step))}),this._updateBtns()}}export class Rating{constructor(t,e={}){this.el="string"==typeof t?qs(t):t,this.el&&(this.opts=Object.assign({stars:5,value:0,readonly:void 0!==this.el.dataset.lxReadonly},e),this.value=parseFloat(this.el.dataset.lxValue||this.opts.value)||0,this._render())}_render(){this.el.innerHTML="",this.el.setAttribute("role","radiogroup");for(let t=1;t<=this.opts.stars;t++){const e=document.createElement("span");e.className="lx-rating-star"+(t<=this.value?" lx-filled":""),e.setAttribute("role","radio"),e.setAttribute("aria-label",t+" star"+(1!==t?"s":"")),e.setAttribute("aria-checked",t<=this.value?"true":"false"),e.dataset.value=t,this.el.appendChild(e)}this.opts.readonly?this.el.dataset.readonly="":on(this.el,"click",t=>{const e=t.target.closest(".lx-rating-star");e&&(this.value=parseInt(e.dataset.value),qsa(".lx-rating-star",this.el).forEach((t,e)=>{const s=e+1<=this.value;t.classList.toggle("lx-filled",s),t.setAttribute("aria-checked",s?"true":"false")}),emit(this.el,"rating.change",{value:this.value}))})}setValue(t){this.value=t,this._render()}getValue(){return this.value}}export const breakpoint={_bp:{xs:0,sm:640,md:768,lg:1024,xl:1280,"2xl":1536},current(){const t=window.innerWidth;return Object.entries(this._bp).reverse().find(([,e])=>t>=e)?.[0]||"xs"},on(t,e){const s=window.matchMedia(`(min-width: ${this._bp[t]}px)`);s.addEventListener("change",t=>{t.matches&&e()}),s.matches&&e()}};export const theme={set(t,e){document.documentElement.dataset.theme=t,e&&(document.documentElement.dataset.mode=e)},setMode(t){document.documentElement.dataset.mode=t},toggle(){const t=document.documentElement.dataset.mode||"light";this.setMode("dark"===t?"light":"dark")},current:()=>({theme:document.documentElement.dataset.theme,mode:document.documentElement.dataset.mode}),save(t,e){this.set(t,e),localStorage.setItem("lx-theme",t),e&&localStorage.setItem("lx-mode",e)},restore(){const t=localStorage.getItem("lx-theme"),e=localStorage.getItem("lx-mode");t&&this.set(t,e||void 0)}};export function init(){on(document,"click",t=>{const e=t.target.closest("[data-lx-toggle],[data-lx-dismiss],[data-lx-slide],[data-lx-slide-to]");if(!e)return;const s=e.dataset.lxToggle,i=e.dataset.lxDismiss,o=e.dataset.lxTarget?qs(e.dataset.lxTarget):null;if("modal"===i){const t=e.closest(".lx-modal");t&&new Modal(t).hide()}if("offcanvas"===i){const t=e.closest(".lx-offcanvas");t&&new Offcanvas(t).hide()}if("alert"===i){const t=e.closest(".lx-alert");t&&(t.style.opacity="0",t.style.transition="opacity .15s",setTimeout(()=>t.remove(),150))}if("toast"===i){const t=e.closest(".lx-toast");t&&(t.style.opacity="0",t.style.transition="opacity .15s",setTimeout(()=>t.remove(),150))}if("modal"===s&&o)t.preventDefault(),new Modal(o).toggle();else if("collapse"===s&&o)t.preventDefault(),new Collapse(o).toggle(),e.setAttribute("aria-expanded",(!o.classList.contains("lx-show")).toString());else if("accordion"===s&&o){t.preventDefault();const s=o.classList.contains("lx-show"),i=e.closest(".lx-accordion");i&&(qsa(".lx-accordion-body.lx-show",i).forEach(t=>{t!==o&&new Collapse(t).hide()}),qsa(".lx-accordion-trigger",i).forEach(t=>{t!==e&&(t.classList.remove("lx-active"),t.setAttribute("aria-expanded","false"))})),new Collapse(o)[s?"hide":"show"](),e.classList.toggle("lx-active",!s),e.setAttribute("aria-expanded",(!s).toString())}else"dropdown"===s?(t.preventDefault(),t.stopPropagation(),new Dropdown(e).toggle()):"offcanvas"===s&&o?(t.preventDefault(),new Offcanvas(o).toggle()):"tab"===s&&o&&(t.preventDefault(),new Tab(e).show());const a=e.dataset.lxSlideTo,l=e.dataset.lxSlide;if(void 0!==a||l){const t=(qs(e.dataset.lxTarget)||e.closest(".lx-carousel"))?._lxCarousel;t&&("next"===l?t.next():"prev"===l?t.prev():void 0!==a&&t.to(parseInt(a)))}}),qsa('[data-lx-spy="scroll"]').forEach(t=>new Scrollspy(t)),qsa('[data-lx-toggle="tooltip"]').forEach(t=>new Tooltip(t,{placement:t.dataset.lxPlacement||"top",trigger:"hover focus",delay:{show:100,hide:0}})),qsa(".lx-carousel").forEach(t=>{const e=new Carousel(t,{interval:parseInt(t.dataset.lxInterval)||5e3});t._lxCarousel=e}),qsa(".lx-number-input").forEach(t=>new NumberInput(t)),qsa(".lx-rating").forEach(t=>new Rating(t));const t=qsa(".lx-back-top");if(t.length){const e=()=>t.forEach(t=>t.classList.toggle("lx-show",window.scrollY>300));on(window,"scroll",e,{passive:!0}),t.forEach(t=>on(t,"click",t=>{t.preventDefault(),window.scrollTo({top:0,behavior:"smooth"})})),e()}if("IntersectionObserver"in window){const t=new IntersectionObserver(e=>{e.forEach(e=>{if(!e.isIntersecting)return;const s=e.target;s.dataset.lxSrc&&(s.src=s.dataset.lxSrc),s.dataset.lxBg&&(s.style.backgroundImage="url("+s.dataset.lxBg+")"),s.classList.add("lx-lazy-loaded"),t.unobserve(s)})},{rootMargin:"200px"});qsa("[data-lx-lazy]").forEach(e=>t.observe(e))}qsa(".lx-file-drop").forEach(t=>{const e=qs('input[type="file"]',t);["dragenter","dragover"].forEach(e=>on(t,e,e=>{e.preventDefault(),t.classList.add("lx-drag-over")})),["dragleave","drop"].forEach(e=>on(t,e,e=>{e.preventDefault(),t.classList.remove("lx-drag-over")})),on(t,"drop",s=>{const i=s.dataTransfer.files;if(e)try{e.files=i}catch(t){}emit(t,"file.drop",{files:i})}),on(t,"click",()=>e&&e.click()),e&&on(e,"change",()=>emit(t,"file.select",{files:e.files}))}),theme.restore()}"undefined"!=typeof document&&("loading"===document.readyState?on(document,"DOMContentLoaded",init):init());export default{version:"1.0.0",homepage:"https://ui.lancar.id",init:init,Modal:Modal,Toast:Toast,Collapse:Collapse,Dropdown:Dropdown,Offcanvas:Offcanvas,Tooltip:Tooltip,Popover:Popover,Tab:Tab,Carousel:Carousel,Scrollspy:Scrollspy,Clipboard:Clipboard,Counter:Counter,NumberInput:NumberInput,Rating:Rating,breakpoint:breakpoint,theme:theme,LxToast:Toast};
+"use strict";function qs(t,e){return(e||document).querySelector(t)}function qsa(t,e){return Array.from((e||document).querySelectorAll(t))}function on(t,e,s,i){t&&t.addEventListener(e,s,i)}function off(t,e,s){t&&t.removeEventListener(e,s)}function emit(t,e,s){t.dispatchEvent(new CustomEvent("lx."+e,{bubbles:!0,cancelable:!0,detail:s}))}function trap(t){const e=qsa('button,a,[href],[tabindex]:not([tabindex="-1"]),input,select,textarea',t).filter(t=>!t.disabled&&null!==t.offsetParent);if(!e.length)return;const s=e[0],i=e[e.length-1];on(t,"keydown",t=>{"Tab"===t.key&&(t.shiftKey?document.activeElement===s&&(t.preventDefault(),i.focus()):document.activeElement===i&&(t.preventDefault(),s.focus()))})}export class Modal{constructor(t,e={}){this.el="string"==typeof t?qs(t):t,this.el&&(this.opts=Object.assign({backdrop:!0,keyboard:!0,focus:!0},e),this._backdrop=null,this._prevFocus=null)}show(){this.el&&(emit(this.el,"modal.show"),this._prevFocus=document.activeElement,this._backdrop=document.createElement("div"),this._backdrop.className="lx-modal-backdrop lx-fade lx-show",document.body.appendChild(this._backdrop),document.body.classList.add("lx-modal-open"),this.el.classList.add("lx-show"),this.el.style.display="flex",this.el.removeAttribute("aria-hidden"),this.opts.focus&&trap(this.el),this.opts.keyboard&&(this._keyHandler=t=>{"Escape"===t.key&&this.hide()},on(document,"keydown",this._keyHandler)),this.opts.backdrop&&on(this._backdrop,"click",()=>this.hide()),requestAnimationFrame(()=>emit(this.el,"modal.shown")))}hide(){this.el&&(emit(this.el,"modal.hide"),this.el.classList.remove("lx-show"),this.el.style.display="",this.el.setAttribute("aria-hidden","true"),this._backdrop&&(this._backdrop.remove(),this._backdrop=null),document.body.classList.remove("lx-modal-open"),this._keyHandler&&off(document,"keydown",this._keyHandler),this._prevFocus&&this._prevFocus.focus(),emit(this.el,"modal.hidden"))}toggle(){this.el.classList.contains("lx-show")?this.hide():this.show()}}export const Toast={_container(t){const e="lx-toast-"+t;let s=document.getElementById(e);if(!s){s=document.createElement("div"),s.id=e;const i={"top-right":"top:1rem;right:1rem","top-left":"top:1rem;left:1rem","bottom-right":"bottom:1rem;right:1rem","bottom-left":"bottom:1rem;left:1rem","top-center":"top:1rem;left:50%;transform:translateX(-50%)","bottom-center":"bottom:1rem;left:50%;transform:translateX(-50%)"};s.setAttribute("style",`position:fixed;z-index:1090;display:flex;flex-direction:column;gap:.5rem;${i[t]||i["top-right"]}`),document.body.appendChild(s)}return s},show(t={}){const{message:e="",type:s="default",duration:i=4e3,position:o="top-right",title:a=""}=t,l={success:"#22c55e",warning:"#f59e0b",danger:"#ef4444",info:"#06b6d4",default:"#3b82f6"},n=document.createElement("div");n.setAttribute("role","alert"),n.setAttribute("aria-live","assertive"),n.setAttribute("aria-atomic","true"),n.style.cssText="background:var(--surface,#fff);border:1px solid var(--border-default,#e5e7eb);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.12);padding:.875rem 1rem;min-width:280px;max-width:380px;display:flex;align-items:flex-start;gap:.75rem;animation:lxSlideIn .2s ease";const r=document.createElement("span");if(r.style.cssText="width:8px;height:8px;border-radius:50%;background:"+(l[s]||l.default)+";flex-shrink:0;margin-top:4px",n.appendChild(r),a){const t=document.createElement("div"),s=document.createElement("strong");s.style.cssText="display:block;margin-bottom:2px;font-size:.875rem",s.textContent=a;const i=document.createElement("span");i.style.cssText="font-size:.875rem;color:var(--text-secondary,#6b7280)",i.textContent=e,t.appendChild(s),t.appendChild(i),n.appendChild(t)}else{const t=document.createElement("span");t.style.cssText="font-size:.875rem;color:var(--text-primary,#111827);flex:1",t.textContent=e,n.appendChild(t)}const h=document.createElement("button");if(h.style.cssText="background:none;border:none;cursor:pointer;padding:0;color:var(--text-muted,#9ca3af);font-size:1.125rem;line-height:1;margin-left:auto",h.setAttribute("aria-label","Close"),h.textContent="×",h.addEventListener("click",()=>n.remove()),n.appendChild(h),this._container(o).appendChild(n),!document.getElementById("lx-toast-style")){const t=document.createElement("style");t.id="lx-toast-style",t.textContent="@keyframes lxSlideIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}",document.head.appendChild(t)}i>0&&setTimeout(()=>{n.style.opacity="0",n.style.transition="opacity .2s",setTimeout(()=>n.remove(),200)},i)},success(t,e={}){this.show({...e,message:t,type:"success"})},error(t,e={}){this.show({...e,message:t,type:"danger"})},warning(t,e={}){this.show({...e,message:t,type:"warning"})},info(t,e={}){this.show({...e,message:t,type:"info"})}};export class Collapse{constructor(t){this.el="string"==typeof t?qs(t):t}show(){this.el&&(emit(this.el,"collapse.show"),this.el.style.height="0px",this.el.classList.add("lx-collapsing"),this.el.classList.remove("lx-collapse","lx-show"),this.el.style.height=this.el.scrollHeight+"px",this.el.addEventListener("transitionend",()=>{this.el.classList.remove("lx-collapsing"),this.el.classList.add("lx-collapse","lx-show"),this.el.style.height="",emit(this.el,"collapse.shown")},{once:!0}))}hide(){this.el&&(emit(this.el,"collapse.hide"),this.el.style.height=this.el.scrollHeight+"px",this.el.classList.add("lx-collapsing"),this.el.classList.remove("lx-collapse","lx-show"),requestAnimationFrame(()=>{this.el.style.height="0px"}),this.el.addEventListener("transitionend",()=>{this.el.classList.remove("lx-collapsing"),this.el.classList.add("lx-collapse"),this.el.style.height="",emit(this.el,"collapse.hidden")},{once:!0}))}toggle(){this.el&&this.el.classList.contains("lx-show")?this.hide():this.show()}}export class Dropdown{constructor(t){this.trigger="string"==typeof t?qs(t):t,this.menu=this.trigger&&this.trigger.nextElementSibling,this._outside=t=>{this.trigger.closest(".lx-dropdown").contains(t.target)||this.hide()}}show(){this.menu&&(emit(this.trigger,"dropdown.show"),this.menu.classList.add("lx-show"),this.trigger.setAttribute("aria-expanded","true"),setTimeout(()=>on(document,"click",this._outside),0),emit(this.trigger,"dropdown.shown"))}hide(){this.menu&&(emit(this.trigger,"dropdown.hide"),this.menu.classList.remove("lx-show"),this.trigger.setAttribute("aria-expanded","false"),off(document,"click",this._outside),emit(this.trigger,"dropdown.hidden"))}toggle(){this.menu&&this.menu.classList.contains("lx-show")?this.hide():this.show()}}export class Offcanvas{constructor(t){this.el="string"==typeof t?qs(t):t,this._backdrop=null}show(){this.el&&(this._backdrop=document.createElement("div"),this._backdrop.className="lx-offcanvas-backdrop",this._backdrop.style.cssText="position:fixed;inset:0;z-index:1039;background:rgba(0,0,0,.5)",document.body.appendChild(this._backdrop),document.body.style.overflow="hidden",this.el.classList.add("lx-show"),this.el.removeAttribute("aria-hidden"),trap(this.el),on(this._backdrop,"click",()=>this.hide()),on(document,"keydown",this._esc=t=>{"Escape"===t.key&&this.hide()}))}hide(){this.el&&(this.el.classList.remove("lx-show"),this.el.setAttribute("aria-hidden","true"),this._backdrop&&(this._backdrop.remove(),this._backdrop=null),document.body.style.overflow="",off(document,"keydown",this._esc))}toggle(){this.el&&this.el.classList.contains("lx-show")?this.hide():this.show()}}export class Tooltip{constructor(t,e={}){this.el="string"==typeof t?qs(t):t,this.el&&(this.opts=Object.assign({placement:"top",trigger:"hover",delay:{show:0,hide:0}},e),this._tip=null,this._attach())}_attach(){const t=()=>{clearTimeout(this._hideTimer),this._showTimer=setTimeout(()=>this._show(),this.opts.delay.show)},e=()=>{clearTimeout(this._showTimer),this._hideTimer=setTimeout(()=>this._hide(),this.opts.delay.hide)};this.opts.trigger.includes("hover")&&(on(this.el,"mouseenter",t),on(this.el,"mouseleave",e)),this.opts.trigger.includes("focus")&&(on(this.el,"focusin",t),on(this.el,"focusout",e))}_show(){const t=this.el.getAttribute("title")||this.el.dataset.lxOrigTitle||"";if(!t)return;this.el.getAttribute("title")&&(this.el.dataset.lxOrigTitle=t,this.el.removeAttribute("title")),this._tip=document.createElement("div"),this._tip.className="lx-tooltip lx-tooltip-"+this.opts.placement,this._tip.setAttribute("role","tooltip"),this._tip.style.cssText="position:absolute;z-index:1080;padding:4px 8px;background:rgba(0,0,0,.85);color:#fff;border-radius:4px;font-size:.75rem;white-space:nowrap;pointer-events:none",this._tip.textContent=t,document.body.appendChild(this._tip);const e=this.el.getBoundingClientRect(),s=this._tip.getBoundingClientRect(),i=window.scrollY,o=this.opts.placement;let a=0,l=0;"top"===o?(a=e.top+i-s.height-6,l=e.left+(e.width-s.width)/2):"bottom"===o?(a=e.bottom+i+6,l=e.left+(e.width-s.width)/2):"left"===o?(a=e.top+i+(e.height-s.height)/2,l=e.left-s.width-6):(a=e.top+i+(e.height-s.height)/2,l=e.right+6),this._tip.style.top=a+"px",this._tip.style.left=l+"px"}_hide(){this._tip&&(this._tip.remove(),this._tip=null)}}export class Popover{constructor(t,e={}){this.el="string"==typeof t?qs(t):t,this.el&&(this.opts=Object.assign({placement:"top",trigger:"click"},e),this._pop=null,this.opts.trigger.includes("click")&&on(this.el,"click",()=>this._pop?this._hide():this._show()))}_show(){const t=this.el.dataset.lxTitle||"",e=this.el.dataset.lxContent||"";if(this._pop=document.createElement("div"),this._pop.className="lx-popover",this._pop.setAttribute("role","tooltip"),this._pop.style.cssText="position:absolute;z-index:1070;background:var(--surface,#fff);border:1px solid var(--border-default,#e5e7eb);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.12);padding:.75rem 1rem;min-width:200px;max-width:300px",t){const e=document.createElement("strong");e.style.cssText="display:block;margin-bottom:.5rem;font-size:.875rem",e.textContent=t,this._pop.appendChild(e)}const s=document.createElement("p");s.style.cssText="margin:0;font-size:.875rem;color:var(--text-secondary,#6b7280)",s.textContent=e,this._pop.appendChild(s),document.body.appendChild(this._pop);const i=this.el.getBoundingClientRect(),o=window.scrollY;this._pop.style.top=i.bottom+o+8+"px",this._pop.style.left=i.left+"px",setTimeout(()=>on(document,"click",this._outside=t=>{this.el.contains(t.target)||this._pop?.contains(t.target)||this._hide()}),0)}_hide(){this._pop&&(this._pop.remove(),this._pop=null,off(document,"click",this._outside))}}export class Scrollspy{constructor(t,e={}){if(this.el="string"==typeof t?qs(t):t,!this.el)return;this.opts=Object.assign({offset:70},e);const s=this.el.dataset.lxTarget;this.nav=s?qs(s):null,this._update=this._update.bind(this),on(this.el===document.body?window:this.el,"scroll",this._update),this._update()}_update(){if(!this.nav)return;const t=qsa('a[href^="#"]',this.nav),e=(this.el===document.body?window.scrollY:this.el.scrollTop)+this.opts.offset;let s=null;t.forEach(t=>{const i=qs(t.getAttribute("href"));i&&i.offsetTop<=e&&(s=t)}),t.forEach(t=>t.classList.remove("lx-active")),s&&s.classList.add("lx-active")}}export class Tab{constructor(t){this.trigger="string"==typeof t?qs(t):t}show(){if(!this.trigger)return;const t=this.trigger.dataset.lxTarget,e=t?qs(t):null;e&&(qsa(".lx-nav-link, .lx-tab-item",this.trigger.closest('[role="tablist"]')||this.trigger.parentElement.parentElement).forEach(t=>{t.classList.remove("lx-active"),t.setAttribute("aria-selected","false")}),qsa(".lx-tab-pane",e.parentElement).forEach(t=>t.classList.remove("lx-active","lx-show")),this.trigger.classList.add("lx-active"),this.trigger.setAttribute("aria-selected","true"),e.classList.add("lx-active","lx-show"))}}export class Carousel{constructor(t,e={}){this.el="string"==typeof t?qs(t):t,this.el&&(this.opts=Object.assign({interval:5e3,pause:"hover",wrap:!0,touch:!0},e),this.inner=qs(".lx-carousel-inner",this.el),this.items=qsa(".lx-carousel-item",this.el),this.current=this.items.findIndex(t=>t.classList.contains("lx-active")),this.current<0&&(this.current=0,this.items[0]&&this.items[0].classList.add("lx-active")),this._timer=null,this._sliding=!1,this.inner&&this._applyTransform(this.current,!1),this.opts.interval&&this.cycle(),"hover"===this.opts.pause&&(on(this.el,"mouseenter",()=>this.pause()),on(this.el,"mouseleave",()=>this.cycle())),this.opts.touch&&this._initTouch(),this._updateIndicators())}_applyTransform(t,e){this.inner&&(e||(this.inner.style.transition="none"),this.inner.style.transform="translateX(-"+100*t+"%)",e||(this.inner.getBoundingClientRect(),this.inner.style.transition=""))}_go(t){const e=this.items.length;!this.opts.wrap&&(t<0||t>=e)||this._sliding||(this._sliding=!0,this.current=(t%e+e)%e,this.items.forEach((t,e)=>t.classList.toggle("lx-active",e===this.current)),this.inner?(this._applyTransform(this.current,!0),this.inner.addEventListener("transitionend",()=>{this._sliding=!1,emit(this.el,"carousel.slid")},{once:!0}),setTimeout(()=>{this._sliding=!1},400)):this._sliding=!1,this._updateIndicators(),emit(this.el,"carousel.slide"))}_updateIndicators(){qsa(".lx-carousel-indicators button, .lx-carousel-indicators [data-lx-slide-to]",this.el).forEach((t,e)=>{t.classList.toggle("lx-active",e===this.current),t.setAttribute("aria-current",e===this.current?"true":"false")})}next(){this._go(this.current+1)}prev(){this._go(this.current-1)}to(t){this._go(t)}cycle(){this.pause(),this.opts.interval&&(this._timer=setInterval(()=>this.next(),this.opts.interval))}pause(){clearInterval(this._timer),this._timer=null}_initTouch(){let t=0,e=0;on(this.el,"touchstart",s=>{t=s.touches[0].clientX,e=s.touches[0].clientY},{passive:!0}),on(this.el,"touchend",s=>{const i=s.changedTouches[0].clientX-t,o=s.changedTouches[0].clientY-e;Math.abs(i)>Math.abs(o)&&Math.abs(i)>40&&(i>0?this.prev():this.next())})}}export const Clipboard={copy(t){if(navigator.clipboard&&window.isSecureContext)return navigator.clipboard.writeText(t);const e=document.createElement("textarea");e.value=t,e.style.cssText="position:fixed;top:-9999px;left:-9999px;opacity:0",document.body.appendChild(e),e.focus(),e.select();try{document.execCommand("copy")}catch(t){}return e.remove(),Promise.resolve()},bind(t,e){qsa(t).forEach(t=>{on(t,"click",async()=>{const s="function"==typeof e?e(t):t.dataset.lxCopy||t.textContent;await this.copy(s);const i=t.textContent;t.textContent=t.dataset.lxCopiedText||"Copied!",t.classList.add("lx-copied"),setTimeout(()=>{t.textContent=i,t.classList.remove("lx-copied")},2e3)})})}};export class Counter{constructor(t,e={}){this.el="string"==typeof t?qs(t):t,this.el&&(this.opts=Object.assign({start:0,end:parseInt(this.el.dataset.lxEnd||this.el.textContent)||0,duration:parseInt(this.el.dataset.lxDuration)||2e3,prefix:this.el.dataset.lxPrefix||"",suffix:this.el.dataset.lxSuffix||"",decimals:parseInt(this.el.dataset.lxDecimals)||0,easing:!0},e))}_ease(t){return t<.5?2*t*t:(4-2*t)*t-1}_format(t){return this.opts.prefix+t.toFixed(this.opts.decimals).replace(/\B(?=(\d{3})+(?!\d))/g,",")+this.opts.suffix}start(){const{start:t,end:e,duration:s,easing:i}=this.opts,o=e-t;let a=null;const l=n=>{a||(a=n);const r=Math.min(n-a,s),h=i?this._ease(r/s):r/s;this.el.textContent=this._format(t+o*h),r<s?requestAnimationFrame(l):this.el.textContent=this._format(e)};requestAnimationFrame(l)}static observeAll(t,e){if("IntersectionObserver"in window){const s=new IntersectionObserver(t=>{t.forEach(t=>{t.isIntersecting&&(new Counter(t.target,e).start(),s.unobserve(t.target))})},{threshold:.5});qsa(t).forEach(t=>s.observe(t))}else qsa(t).forEach(t=>new Counter(t,e).start())}}export class NumberInput{constructor(t,e={}){this.wrap="string"==typeof t?qs(t):t,this.wrap&&(this.input=qs("input",this.wrap),this.input&&(this.opts=Object.assign({step:1,min:-1/0,max:1/0},e),this.opts.min=parseFloat(this.input.min||this.opts.min),this.opts.max=parseFloat(this.input.max||this.opts.max),this.opts.step=parseFloat(this.input.step||this.opts.step)||1,this._attach()))}_val(){return parseFloat(this.input.value)||0}_set(t){const e=Math.min(this.opts.max,Math.max(this.opts.min,t));this.input.value=e,emit(this.input,"change",{value:e}),this._updateBtns()}_updateBtns(){const t=this._val(),e=qs(".lx-number-btn[data-lx-dec]",this.wrap)||qs(".lx-number-dec",this.wrap),s=qs(".lx-number-btn[data-lx-inc]",this.wrap)||qs(".lx-number-inc",this.wrap);e&&(e.disabled=t<=this.opts.min),s&&(s.disabled=t>=this.opts.max)}_attach(){on(this.wrap,"click",t=>{const e=t.target.closest("[data-lx-dec],[data-lx-inc],.lx-number-dec,.lx-number-inc");e&&(e.matches("[data-lx-dec],.lx-number-dec")&&this._set(this._val()-this.opts.step),e.matches("[data-lx-inc],.lx-number-inc")&&this._set(this._val()+this.opts.step))}),on(this.input,"change",()=>this._set(this._val())),on(this.input,"keydown",t=>{"ArrowUp"===t.key&&(t.preventDefault(),this._set(this._val()+this.opts.step)),"ArrowDown"===t.key&&(t.preventDefault(),this._set(this._val()-this.opts.step))}),this._updateBtns()}}export class Rating{constructor(t,e={}){this.el="string"==typeof t?qs(t):t,this.el&&(this.opts=Object.assign({stars:5,value:0,readonly:void 0!==this.el.dataset.lxReadonly},e),this.value=parseFloat(this.el.dataset.lxValue||this.opts.value)||0,this._render())}_render(){this.el.innerHTML="",this.el.setAttribute("role","radiogroup");for(let t=1;t<=this.opts.stars;t++){const e=document.createElement("span");e.className="lx-rating-star"+(t<=this.value?" lx-filled":""),e.setAttribute("role","radio"),e.setAttribute("aria-label",t+" star"+(1!==t?"s":"")),e.setAttribute("aria-checked",t<=this.value?"true":"false"),e.dataset.value=t,this.el.appendChild(e)}this.opts.readonly?this.el.dataset.readonly="":on(this.el,"click",t=>{const e=t.target.closest(".lx-rating-star");e&&(this.value=parseInt(e.dataset.value),qsa(".lx-rating-star",this.el).forEach((t,e)=>{const s=e+1<=this.value;t.classList.toggle("lx-filled",s),t.setAttribute("aria-checked",s?"true":"false")}),emit(this.el,"rating.change",{value:this.value}))})}setValue(t){this.value=t,this._render()}getValue(){return this.value}}export const breakpoint={_bp:{xs:0,sm:640,md:768,lg:1024,xl:1280,"2xl":1536},current(){const t=window.innerWidth;return Object.entries(this._bp).reverse().find(([,e])=>t>=e)?.[0]||"xs"},on(t,e){const s=window.matchMedia(`(min-width: ${this._bp[t]}px)`);s.addEventListener("change",t=>{t.matches&&e()}),s.matches&&e()}};export const theme={set(t,e){document.documentElement.dataset.theme=t,e&&(document.documentElement.dataset.mode=e)},setMode(t){document.documentElement.dataset.mode=t},toggle(){const t=document.documentElement.dataset.mode||"light";this.setMode("dark"===t?"light":"dark")},current:()=>({theme:document.documentElement.dataset.theme,mode:document.documentElement.dataset.mode}),save(t,e){this.set(t,e),localStorage.setItem("lx-theme",t),e&&localStorage.setItem("lx-mode",e)},restore(){const t=localStorage.getItem("lx-theme"),e=localStorage.getItem("lx-mode");t&&this.set(t,e||void 0)}};export function init(){on(document,"click",t=>{const e=t.target.closest("[data-lx-toggle],[data-lx-dismiss],[data-lx-slide],[data-lx-slide-to]");if(!e)return;const s=e.dataset.lxToggle,i=e.dataset.lxDismiss,o=e.dataset.lxTarget?qs(e.dataset.lxTarget):null;if("modal"===i){const t=e.closest(".lx-modal");t&&new Modal(t).hide()}if("offcanvas"===i){const t=e.closest(".lx-offcanvas");t&&new Offcanvas(t).hide()}if("alert"===i){const t=e.closest(".lx-alert");t&&(t.style.opacity="0",t.style.transition="opacity .15s",setTimeout(()=>t.remove(),150))}if("toast"===i){const t=e.closest(".lx-toast");t&&(t.style.opacity="0",t.style.transition="opacity .15s",setTimeout(()=>t.remove(),150))}if("modal"===s&&o)t.preventDefault(),new Modal(o).toggle();else if("collapse"===s&&o)t.preventDefault(),new Collapse(o).toggle(),e.setAttribute("aria-expanded",(!o.classList.contains("lx-show")).toString());else if("accordion"===s&&o){t.preventDefault();const s=o.classList.contains("lx-show"),i=e.closest(".lx-accordion");i&&(qsa(".lx-accordion-body.lx-show",i).forEach(t=>{t!==o&&new Collapse(t).hide()}),qsa(".lx-accordion-trigger",i).forEach(t=>{t!==e&&(t.classList.remove("lx-active"),t.setAttribute("aria-expanded","false"))})),new Collapse(o)[s?"hide":"show"](),e.classList.toggle("lx-active",!s),e.setAttribute("aria-expanded",(!s).toString())}else"dropdown"===s?(t.preventDefault(),t.stopPropagation(),new Dropdown(e).toggle()):"offcanvas"===s&&o?(t.preventDefault(),new Offcanvas(o).toggle()):"tab"===s&&o&&(t.preventDefault(),new Tab(e).show());const a=e.dataset.lxSlideTo,l=e.dataset.lxSlide;if(void 0!==a||l){const t=(qs(e.dataset.lxTarget)||e.closest(".lx-carousel"))?._lxCarousel;t&&("next"===l?t.next():"prev"===l?t.prev():void 0!==a&&t.to(parseInt(a)))}}),qsa('[data-lx-spy="scroll"]').forEach(t=>new Scrollspy(t)),qsa('[data-lx-toggle="tooltip"]').forEach(t=>new Tooltip(t,{placement:t.dataset.lxPlacement||"top",trigger:"hover focus",delay:{show:100,hide:0}})),qsa(".lx-carousel").forEach(t=>{const e=new Carousel(t,{interval:parseInt(t.dataset.lxInterval)||5e3});t._lxCarousel=e}),qsa(".lx-number-input").forEach(t=>new NumberInput(t)),qsa(".lx-rating").forEach(t=>new Rating(t));const t=qsa(".lx-back-top");if(t.length){const e=()=>t.forEach(t=>t.classList.toggle("lx-show",window.scrollY>300));on(window,"scroll",e,{passive:!0}),t.forEach(t=>on(t,"click",t=>{t.preventDefault(),window.scrollTo({top:0,behavior:"smooth"})})),e()}if("IntersectionObserver"in window){const t=new IntersectionObserver(e=>{e.forEach(e=>{if(!e.isIntersecting)return;const s=e.target;s.dataset.lxSrc&&(s.src=s.dataset.lxSrc),s.dataset.lxBg&&(s.style.backgroundImage="url("+s.dataset.lxBg+")"),s.classList.add("lx-lazy-loaded"),t.unobserve(s)})},{rootMargin:"200px"});qsa("[data-lx-lazy]").forEach(e=>t.observe(e))}qsa(".lx-file-drop").forEach(t=>{const e=qs('input[type="file"]',t);["dragenter","dragover"].forEach(e=>on(t,e,e=>{e.preventDefault(),t.classList.add("lx-drag-over")})),["dragleave","drop"].forEach(e=>on(t,e,e=>{e.preventDefault(),t.classList.remove("lx-drag-over")})),on(t,"drop",s=>{const i=s.dataTransfer.files;if(e)try{e.files=i}catch(t){}emit(t,"file.drop",{files:i})}),on(t,"click",()=>e&&e.click()),e&&on(e,"change",()=>emit(t,"file.select",{files:e.files}))}),theme.restore()}"undefined"!=typeof document&&("loading"===document.readyState?on(document,"DOMContentLoaded",init):init());export default{version:"1.0.2",homepage:"https://ui.lancar.id",init:init,Modal:Modal,Toast:Toast,Collapse:Collapse,Dropdown:Dropdown,Offcanvas:Offcanvas,Tooltip:Tooltip,Popover:Popover,Tab:Tab,Carousel:Carousel,Scrollspy:Scrollspy,Clipboard:Clipboard,Counter:Counter,NumberInput:NumberInput,Rating:Rating,breakpoint:breakpoint,theme:theme,LxToast:Toast};

package/lxui.js

@@ -1,7 +1,7 @@
 /*!
- * LxUI v1.0.0 — Modern CSS Framework
+ * LxUI v1.0.2 — Modern CSS Framework
  * https://ui.lancar.id | https://cdn.lancar.id/ui/lxui.js
- * Copyright (c) 2025 lancar.id
+ * Copyright (c) 2025–2026 lancar.id
  * Licensed under MIT
  */
 (function (global, factory) {
@@ -853,7 +853,7 @@
     Clipboard, Counter, NumberInput, Rating,
     breakpoint, theme,
     LxToast: Toast,
-    version: '1.0.0',
+    version: '1.0.2',
     homepage: 'https://ui.lancar.id'
   };
 });

package/lxui.min.css

@@ -1,2 +1,2 @@
-/*! LxUI v1.0.0 | MIT License | https://ui.lancar.id */
+/*! LxUI v1.0.2 | MIT License | https://ui.lancar.id */
 *,::after,::before{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;tab-size:4}body{margin:0;min-height:100vh;font-family:var(--font-default, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--lx-text-base, 1rem);line-height:1.6;color:var(--text-primary,#111827);background-color:var(--bg-primary,#fff);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,p{margin:0}audio,canvas,embed,iframe,img,object,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}ol[role=list],ul[role=list]{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-default);font-weight:700;letter-spacing:-.02em;color:var(--text-primary,#111827);margin-top:1.5em;margin-bottom:.5em}p{margin-top:0;margin-bottom:1em}a{color:var(--accent,#3b82f6);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-hover,#2563eb);text-decoration:underline}a:focus-visible{outline:2px solid var(--accent,#3b82f6);outline-offset:2px;border-radius:3px}code,pre{font-family:var(--font-mono, "SFMono-Regular", Consolas, monospace)}code{padding:2px 6px;background:var(--bg-secondary,#f3f4f6);border:1px solid var(--border-subtle,#e5e7eb);border-radius:4px;font-size:.875em}pre{padding:1rem;overflow-x:auto;line-height:1.6;background:var(--bg-secondary,#f3f4f6);border:1px solid var(--border-subtle,#e5e7eb);border-radius:8px}pre code{background:0 0;border:none;padding:0}kbd{font-family:var(--font-mono);font-size:.875em;padding:.125rem .375rem;background:var(--bg-tertiary,#e5e7eb);border:1px solid var(--border-default,#d1d5db);border-radius:4px}mark{background:#fef08a;padding:.1em .2em;border-radius:2px}hr{border:none;border-top:1px solid var(--border-subtle,#e5e7eb);margin:1.5rem 0}::selection{background:var(--accent-subtle,#dbeafe);color:var(--accent,#1d4ed8)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary,#f3f4f6)}::-webkit-scrollbar-thumb{background:var(--border-strong,#d1d5db);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent,#3b82f6)}:focus-visible{outline:2px solid var(--accent,#3b82f6);outline-offset:2px}:focus:not(:focus-visible){outline:0}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}}:root{--font-system:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--font-default:"Plus Jakarta Sans",var(--font-system);--font-modern:"Inter",var(--font-system);--font-mono:"SFMono-Regular","JetBrains Mono",Consolas,"Liberation Mono",Menlo,"Courier New",monospace;--lx-text-xs:0.75rem;--lx-text-sm:0.875rem;--lx-text-base:1rem;--lx-text-lg:1.125rem;--lx-text-xl:1.25rem;--lx-text-2xl:1.5rem;--lx-text-3xl:1.875rem;--lx-text-4xl:2.25rem;--lx-text-5xl:3rem;--lx-spacer:1rem;--lx-space-1:0.25rem;--lx-space-2:0.5rem;--lx-space-3:0.75rem;--lx-space-4:1rem;--lx-space-5:1.25rem;--lx-space-6:1.5rem;--lx-space-8:2rem;--lx-space-10:2.5rem;--lx-space-12:3rem;--lx-space-16:4rem;--lx-radius-none:0;--lx-radius-sm:4px;--lx-radius:8px;--lx-radius-md:12px;--lx-radius-lg:16px;--lx-radius-xl:24px;--lx-radius-full:9999px;--lx-shadow-xs:0 1px 2px rgba(0, 0, 0, 0.04);--lx-shadow-sm:0 1px 3px rgba(0, 0, 0, 0.06),0 1px 2px rgba(0, 0, 0, 0.04);--lx-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.07),0 2px 4px -2px rgba(0, 0, 0, 0.05);--lx-shadow-md:0 8px 12px -3px rgba(0, 0, 0, 0.08),0 4px 6px -4px rgba(0, 0, 0, 0.05);--lx-shadow-lg:0 16px 24px -5px rgba(0, 0, 0, 0.1),0 8px 10px -6px rgba(0, 0, 0, 0.05);--lx-shadow-xl:0 24px 40px -8px rgba(0, 0, 0, 0.12),0 12px 16px -8px rgba(0, 0, 0, 0.06);--lx-shadow-2xl:0 40px 60px -12px rgba(0, 0, 0, 0.18);--lx-transition:all 0.2s ease;--lx-transition-fast:all 0.1s ease;--lx-transition-slow:all 0.4s ease;--lx-z-dropdown:1000;--lx-z-sticky:1020;--lx-z-fixed:1030;--lx-z-offcanvas:1040;--lx-z-modal-bg:1050;--lx-z-modal:1060;--lx-z-popover:1070;--lx-z-tooltip:1080;--lx-z-toast:1090;--lx-primary:#3b82f6;--lx-primary-dark:#2563eb;--lx-primary-light:#93c5fd;--lx-secondary:#6b7280;--lx-success:#22c55e;--lx-warning:#f59e0b;--lx-danger:#ef4444;--lx-info:#06b6d4;--lx-dark:#1f2937;--lx-light:#f9fafb;--bg-primary:#ffffff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--surface:#ffffff;--text-primary:#111827;--text-secondary:#6b7280;--text-muted:#9ca3af;--border-strong:#d1d5db;--border-default:#e5e7eb;--border-subtle:#f3f4f6;--accent:var(--lx-primary);--accent-hover:var(--lx-primary-dark);--accent-subtle:#dbeafe;--accent-fg:#ffffff;--lx-container-padding-x:1rem}@media (min-width:768px){:root{--lx-container-padding-x:1.5rem}}:root{--lx-font-sans:var(--font-default);--lx-font-serif:"Source Serif Pro",Georgia,"Times New Roman",serif;--lx-text:var(--text-primary, #111827);--lx-text-secondary:var(--text-secondary, #6b7280);--lx-text-muted:var(--text-muted, #9ca3af);--lx-text-disabled:#d1d5db;--lx-bg:var(--bg-primary, #ffffff);--lx-bg-soft:var(--bg-secondary, #f9fafb);--lx-bg-muted:var(--bg-tertiary, #f3f4f6);--lx-border:var(--border-default, #e5e7eb);--lx-primary-hover:var(--lx-primary-dark, #2563eb);--lx-primary-subtle:var(--accent-subtle, #dbeafe);--lx-primary-fg:var(--accent-fg, #ffffff);--lx-secondary-hover:#4b5563;--lx-secondary-subtle:#f9fafb;--lx-secondary-fg:#ffffff;--lx-success-hover:#16a34a;--lx-success-subtle:#f0fdf4;--lx-success-light:#86efac;--lx-success-fg:#ffffff;--lx-warning-hover:#d97706;--lx-warning-subtle:#fffbeb;--lx-warning-light:#fcd34d;--lx-warning-fg:#ffffff;--lx-danger-hover:#dc2626;--lx-danger-subtle:#fef2f2;--lx-danger-light:#fca5a5;--lx-danger-fg:#ffffff;--lx-info-hover:#0891b2;--lx-info-subtle:#ecfeff;--lx-info-light:#67e8f9;--lx-info-fg:#ffffff;--lx-white:#ffffff;--lx-black:#000000;--lx-gray-50:#f9fafb;--lx-gray-100:#f3f4f6;--lx-gray-200:#e5e7eb;--lx-gray-300:#d1d5db;--lx-gray-400:#9ca3af;--lx-gray-500:#6b7280;--lx-gray-600:#4b5563;--lx-gray-700:#374151;--lx-gray-800:#1f2937;--lx-gray-900:#111827;--lx-gray-950:#030712;--lx-ease:cubic-bezier(0.4, 0, 0.2, 1);--lx-ease-in:cubic-bezier(0.4, 0, 1, 1);--lx-ease-out:cubic-bezier(0, 0, 0.2, 1);--lx-ease-spring:cubic-bezier(0.34, 1.56, 0.64, 1);--lx-duration-fast:100ms;--lx-duration:200ms;--lx-duration-slow:300ms;--lx-btn-padding-y:0.5rem;--lx-btn-padding-x:1rem;--lx-btn-font-size:var(--lx-text-sm, 0.875rem);--lx-btn-font-weight:600;--lx-btn-radius:var(--lx-radius, 8px);--lx-btn-transition:var(--lx-transition);--lx-card-padding:1.5rem;--lx-card-radius:var(--lx-radius-md, 12px);--lx-card-shadow:var(--lx-shadow);--lx-card-border:1px solid var(--border-default, #e5e7eb);--lx-input-padding-y:0.5rem;--lx-input-padding-x:0.75rem;--lx-input-font-size:var(--lx-text-sm, 0.875rem);--lx-input-radius:var(--lx-radius, 8px);--lx-input-border:1px solid var(--border-strong, #d1d5db);--lx-input-bg:var(--bg-primary, #ffffff);--lx-input-focus-shadow:0 0 0 3px rgba(59,130,246,.15);--lx-modal-radius:var(--lx-radius-lg, 16px);--lx-modal-shadow:var(--lx-shadow-xl);--lx-modal-backdrop:rgba(0,0,0,.5);--lx-tooltip-bg:#111827;--lx-tooltip-color:#ffffff;--lx-tooltip-radius:var(--lx-radius-sm, 4px);--lx-badge-padding-y:0.25em;--lx-badge-padding-x:0.6em;--lx-badge-font-size:0.75em;--lx-badge-font-weight:600;--lx-badge-radius:var(--lx-radius-full, 9999px);--lx-progress-height:0.5rem;--lx-progress-bg:var(--bg-tertiary, #f3f4f6);--lx-progress-radius:var(--lx-radius-full, 9999px);--lx-avatar-size:2.5rem;--lx-avatar-radius:50%;--lx-avatar-font-size:0.875rem;--lx-breadcrumb-sep:"/";--lx-container-sm:640px;--lx-container-md:768px;--lx-container-lg:1024px;--lx-container-xl:1280px;--lx-container-2xl:1536px;--lx-container-pad:var(--lx-container-padding-x, 1rem);--lx-gap:1rem;--lx-container-padding-x:1rem;--lx-grid-cols:12}.lx-container{width:100%;margin-inline:auto;padding-inline:var(--lx-container-padding-x)}.lx-container-fluid{width:100%;padding-inline:var(--lx-container-padding-x)}.lx-container-sm{max-width:640px;margin-inline:auto;padding-inline:var(--lx-container-padding-x)}.lx-container-md{max-width:768px;margin-inline:auto;padding-inline:var(--lx-container-padding-x)}.lx-container-lg{max-width:1024px;margin-inline:auto;padding-inline:var(--lx-container-padding-x)}.lx-container-xl{max-width:1280px;margin-inline:auto;padding-inline:var(--lx-container-padding-x)}.lx-container-2xl{max-width:1536px;margin-inline:auto;padding-inline:var(--lx-container-padding-x)}@media(min-width:640px){.lx-container{max-width:640px}}@media(min-width:768px){.lx-container{max-width:768px}:root{--lx-container-padding-x:1.5rem}}@media(min-width:1024px){.lx-container{max-width:1024px}}@media(min-width:1280px){.lx-container{max-width:1280px}}@media(min-width:1536px){.lx-container{max-width:1536px}}.lx-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--lx-gap)}.lx-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lx-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lx-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lx-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lx-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lx-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lx-cols-auto{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}.lx-col-1{grid-column:span 1/span 1}.lx-col-2{grid-column:span 2/span 2}.lx-col-3{grid-column:span 3/span 3}.lx-col-4{grid-column:span 4/span 4}.lx-col-5{grid-column:span 5/span 5}.lx-col-6{grid-column:span 6/span 6}.lx-col-7{grid-column:span 7/span 7}.lx-col-8{grid-column:span 8/span 8}.lx-col-9{grid-column:span 9/span 9}.lx-col-10{grid-column:span 10/span 10}.lx-col-11{grid-column:span 11/span 11}.lx-col-12{grid-column:span 12/span 12}.lx-col-offset-1{margin-inline-start:calc(100%/12*1)}.lx-col-offset-2{margin-inline-start:calc(100%/12*2)}.lx-col-offset-3{margin-inline-start:calc(100%/12*3)}.lx-col-offset-4{margin-inline-start:calc(100%/12*4)}.lx-col-offset-5{margin-inline-start:calc(100%/12*5)}.lx-col-offset-6{margin-inline-start:calc(100%/12*6)}.lx-order-first{order:-9999}.lx-order-last{order:9999}.lx-order-1{order:1}.lx-order-2{order:2}.lx-order-3{order:3}.lx-order-4{order:4}.lx-order-5{order:5}.lx-order-6{order:6}.lx-gap-0{gap:0}.lx-gap-1{gap:.25rem}.lx-gap-2{gap:.5rem}.lx-gap-3{gap:.75rem}.lx-gap-4{gap:1rem}.lx-gap-5{gap:1.25rem}.lx-gap-6{gap:1.5rem}.lx-gap-8{gap:2rem}.lx-gap-10{gap:2.5rem}.lx-gap-12{gap:3rem}.lx-gap-x-0{column-gap:0}.lx-gap-x-2{column-gap:.5rem}.lx-gap-x-4{column-gap:1rem}.lx-gap-x-6{column-gap:1.5rem}.lx-gap-x-8{column-gap:2rem}.lx-gap-y-0{row-gap:0}.lx-gap-y-2{row-gap:.5rem}.lx-gap-y-4{row-gap:1rem}.lx-gap-y-6{row-gap:1.5rem}.lx-gap-y-8{row-gap:2rem}@media(min-width:640px){.lx-sm-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lx-sm-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lx-sm-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lx-sm-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lx-sm-col-1{grid-column:span 1/span 1}.lx-sm-col-2{grid-column:span 2/span 2}.lx-sm-col-3{grid-column:span 3/span 3}.lx-sm-col-4{grid-column:span 4/span 4}.lx-sm-col-6{grid-column:span 6/span 6}.lx-sm-col-12{grid-column:span 12/span 12}.lx-sm-gap-2{gap:.5rem}.lx-sm-gap-4{gap:1rem}.lx-sm-gap-6{gap:1.5rem}}@media(min-width:768px){.lx-md-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lx-md-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lx-md-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lx-md-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lx-md-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lx-md-col-1{grid-column:span 1/span 1}.lx-md-col-2{grid-column:span 2/span 2}.lx-md-col-3{grid-column:span 3/span 3}.lx-md-col-4{grid-column:span 4/span 4}.lx-md-col-5{grid-column:span 5/span 5}.lx-md-col-6{grid-column:span 6/span 6}.lx-md-col-7{grid-column:span 7/span 7}.lx-md-col-8{grid-column:span 8/span 8}.lx-md-col-9{grid-column:span 9/span 9}.lx-md-col-10{grid-column:span 10/span 10}.lx-md-col-12{grid-column:span 12/span 12}.lx-md-col-offset-3{margin-inline-start:25%}.lx-md-col-offset-4{margin-inline-start:33.333%}.lx-md-gap-2{gap:.5rem}.lx-md-gap-4{gap:1rem}.lx-md-gap-6{gap:1.5rem}.lx-md-gap-8{gap:2rem}}.lx-block{display:block}.lx-inline{display:inline}.lx-inline-block{display:inline-block}.lx-flex{display:flex}.lx-inline-flex{display:inline-flex}.lx-grid{display:grid}.lx-inline-grid{display:inline-grid}.lx-table{display:table}.lx-table-row{display:table-row}.lx-table-cell{display:table-cell}.lx-contents{display:contents}.lx-hidden{display:none}@media print{.lx-print-hidden{display:none!important}.lx-print-block{display:block!important}}.lx-flex-row{flex-direction:row}.lx-flex-row-reverse{flex-direction:row-reverse}.lx-flex-col{flex-direction:column}.lx-flex-col-reverse{flex-direction:column-reverse}.lx-flex-wrap{flex-wrap:wrap}.lx-flex-nowrap{flex-wrap:nowrap}.lx-flex-wrap-reverse{flex-wrap:wrap-reverse}.lx-justify-start{justify-content:flex-start}.lx-justify-end{justify-content:flex-end}.lx-justify-center{justify-content:center}.lx-justify-between{justify-content:space-between}.lx-justify-around{justify-content:space-around}.lx-justify-evenly{justify-content:space-evenly}.lx-items-start{align-items:flex-start}.lx-items-end{align-items:flex-end}.lx-items-center{align-items:center}.lx-items-baseline{align-items:baseline}.lx-items-stretch{align-items:stretch}.lx-self-start{align-self:flex-start}.lx-self-end{align-self:flex-end}.lx-self-center{align-self:center}.lx-self-stretch{align-self:stretch}.lx-self-auto{align-self:auto}.lx-content-start{align-content:flex-start}.lx-content-end{align-content:flex-end}.lx-content-center{align-content:center}.lx-content-between{align-content:space-between}.lx-flex-1{flex:1 1 0%}.lx-flex-auto{flex:1 1 auto}.lx-flex-none{flex:none}.lx-flex-shrink-0{flex-shrink:0}.lx-flex-shrink{flex-shrink:1}.lx-grow{flex-grow:1}.lx-grow-0{flex-grow:0}.lx-stack>*+*{margin-block-start:var(--lx-stack-gap,1rem)}.lx-hstack{display:flex;align-items:center}.lx-m-0{margin:0}.lx-m-1{margin:.25rem}.lx-m-2{margin:.5rem}.lx-m-3{margin:.75rem}.lx-m-4{margin:1rem}.lx-m-5{margin:1.25rem}.lx-m-6{margin:1.5rem}.lx-m-8{margin:2rem}.lx-m-10{margin:2.5rem}.lx-m-12{margin:3rem}.lx-m-16{margin:4rem}.lx-m-auto{margin:auto}.lx-mt-0{margin-top:0}.lx-mt-1{margin-top:.25rem}.lx-mt-2{margin-top:.5rem}.lx-mt-3{margin-top:.75rem}.lx-mt-4{margin-top:1rem}.lx-mt-5{margin-top:1.25rem}.lx-mt-6{margin-top:1.5rem}.lx-mt-8{margin-top:2rem}.lx-mt-10{margin-top:2.5rem}.lx-mt-12{margin-top:3rem}.lx-mt-16{margin-top:4rem}.lx-mt-auto{margin-top:auto}.lx-mb-0{margin-bottom:0}.lx-mb-1{margin-bottom:.25rem}.lx-mb-2{margin-bottom:.5rem}.lx-mb-3{margin-bottom:.75rem}.lx-mb-4{margin-bottom:1rem}.lx-mb-5{margin-bottom:1.25rem}.lx-mb-6{margin-bottom:1.5rem}.lx-mb-8{margin-bottom:2rem}.lx-mb-10{margin-bottom:2.5rem}.lx-mb-12{margin-bottom:3rem}.lx-mb-16{margin-bottom:4rem}.lx-mb-auto{margin-bottom:auto}.lx-ms-0{margin-inline-start:0}.lx-ms-1{margin-inline-start:.25rem}.lx-ms-2{margin-inline-start:.5rem}.lx-ms-3{margin-inline-start:.75rem}.lx-ms-4{margin-inline-start:1rem}.lx-ms-5{margin-inline-start:1.25rem}.lx-ms-6{margin-inline-start:1.5rem}.lx-ms-8{margin-inline-start:2rem}.lx-ms-auto{margin-inline-start:auto}.lx-me-0{margin-inline-end:0}.lx-me-1{margin-inline-end:.25rem}.lx-me-2{margin-inline-end:.5rem}.lx-me-3{margin-inline-end:.75rem}.lx-me-4{margin-inline-end:1rem}.lx-me-5{margin-inline-end:1.25rem}.lx-me-6{margin-inline-end:1.5rem}.lx-me-8{margin-inline-end:2rem}.lx-me-auto{margin-inline-end:auto}.lx-mx-0{margin-inline:0}.lx-mx-1{margin-inline:.25rem}.lx-mx-2{margin-inline:.5rem}.lx-mx-3{margin-inline:.75rem}.lx-mx-4{margin-inline:1rem}.lx-mx-6{margin-inline:1.5rem}.lx-mx-8{margin-inline:2rem}.lx-mx-auto{margin-inline:auto}.lx-my-0{margin-block:0}.lx-my-1{margin-block:.25rem}.lx-my-2{margin-block:.5rem}.lx-my-3{margin-block:.75rem}.lx-my-4{margin-block:1rem}.lx-my-6{margin-block:1.5rem}.lx-my-8{margin-block:2rem}.lx-my-auto{margin-block:auto}.lx-p-0{padding:0}.lx-p-1{padding:.25rem}.lx-p-2{padding:.5rem}.lx-p-3{padding:.75rem}.lx-p-4{padding:1rem}.lx-p-5{padding:1.25rem}.lx-p-6{padding:1.5rem}.lx-p-8{padding:2rem}.lx-p-10{padding:2.5rem}.lx-p-12{padding:3rem}.lx-p-16{padding:4rem}.lx-pt-0{padding-top:0}.lx-pt-1{padding-top:.25rem}.lx-pt-2{padding-top:.5rem}.lx-pt-3{padding-top:.75rem}.lx-pt-4{padding-top:1rem}.lx-pt-6{padding-top:1.5rem}.lx-pt-8{padding-top:2rem}.lx-pt-12{padding-top:3rem}.lx-pt-16{padding-top:4rem}.lx-pb-0{padding-bottom:0}.lx-pb-1{padding-bottom:.25rem}.lx-pb-2{padding-bottom:.5rem}.lx-pb-3{padding-bottom:.75rem}.lx-pb-4{padding-bottom:1rem}.lx-pb-6{padding-bottom:1.5rem}.lx-pb-8{padding-bottom:2rem}.lx-pb-12{padding-bottom:3rem}.lx-pb-16{padding-bottom:4rem}.lx-ps-0{padding-inline-start:0}.lx-ps-1{padding-inline-start:.25rem}.lx-ps-2{padding-inline-start:.5rem}.lx-ps-3{padding-inline-start:.75rem}.lx-ps-4{padding-inline-start:1rem}.lx-ps-5{padding-inline-start:1.25rem}.lx-ps-6{padding-inline-start:1.5rem}.lx-ps-8{padding-inline-start:2rem}.lx-pe-0{padding-inline-end:0}.lx-pe-1{padding-inline-end:.25rem}.lx-pe-2{padding-inline-end:.5rem}.lx-pe-3{padding-inline-end:.75rem}.lx-pe-4{padding-inline-end:1rem}.lx-pe-5{padding-inline-end:1.25rem}.lx-pe-6{padding-inline-end:1.5rem}.lx-pe-8{padding-inline-end:2rem}.lx-px-0{padding-inline:0}.lx-px-1{padding-inline:.25rem}.lx-px-2{padding-inline:.5rem}.lx-px-3{padding-inline:.75rem}.lx-px-4{padding-inline:1rem}.lx-px-5{padding-inline:1.25rem}.lx-px-6{padding-inline:1.5rem}.lx-px-8{padding-inline:2rem}.lx-py-0{padding-block:0}.lx-py-1{padding-block:.25rem}.lx-py-2{padding-block:.5rem}.lx-py-3{padding-block:.75rem}.lx-py-4{padding-block:1rem}.lx-py-5{padding-block:1.25rem}.lx-py-6{padding-block:1.5rem}.lx-py-8{padding-block:2rem}.lx-text-xs{font-size:.75rem}.lx-text-sm{font-size:.875rem}.lx-text-base{font-size:1rem}.lx-text-lg{font-size:1.125rem}.lx-text-xl{font-size:1.25rem}.lx-text-2xl{font-size:1.5rem}.lx-text-3xl{font-size:1.875rem}.lx-text-4xl{font-size:2.25rem}.lx-text-5xl{font-size:3rem}.lx-text-left{text-align:left}.lx-text-center{text-align:center}.lx-text-right{text-align:right}.lx-text-justify{text-align:justify}.lx-text-start{text-align:start}.lx-text-end{text-align:end}.lx-font-thin{font-weight:100}.lx-font-extralight{font-weight:200}.lx-font-light{font-weight:300}.lx-font-normal{font-weight:400}.lx-font-medium{font-weight:500}.lx-font-semibold{font-weight:600}.lx-font-bold{font-weight:700}.lx-font-extrabold{font-weight:800}.lx-font-black{font-weight:900}.lx-italic{font-style:italic}.lx-not-italic{font-style:normal}.lx-uppercase{text-transform:uppercase}.lx-lowercase{text-transform:lowercase}.lx-capitalize{text-transform:capitalize}.lx-normal-case{text-transform:none}.lx-underline{text-decoration-line:underline}.lx-overline{text-decoration-line:overline}.lx-line-through{text-decoration-line:line-through}.lx-no-underline{text-decoration:none}.lx-tracking-tighter{letter-spacing:-.05em}.lx-tracking-tight{letter-spacing:-.025em}.lx-tracking-normal{letter-spacing:0}.lx-tracking-wide{letter-spacing:.025em}.lx-tracking-wider{letter-spacing:.05em}.lx-tracking-widest{letter-spacing:.1em}.lx-leading-none{line-height:1}.lx-leading-tight{line-height:1.25}.lx-leading-snug{line-height:1.375}.lx-leading-normal{line-height:1.6}.lx-leading-relaxed{line-height:1.75}.lx-leading-loose{line-height:2}.lx-text-truncate,.lx-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lx-line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.lx-line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.lx-line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.lx-line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}.lx-whitespace-nowrap{white-space:nowrap}.lx-whitespace-pre{white-space:pre}.lx-whitespace-pre-wrap{white-space:pre-wrap}.lx-whitespace-normal{white-space:normal}.lx-break-all{word-break:break-all}.lx-break-words{overflow-wrap:break-word}.lx-word-break{word-break:break-all}.lx-text-primary{color:var(--lx-primary,#3b82f6)}.lx-text-secondary{color:var(--lx-secondary,#6b7280)}.lx-text-success{color:var(--lx-success,#22c55e)}.lx-text-warning{color:var(--lx-warning,#f59e0b)}.lx-text-danger{color:var(--lx-danger,#ef4444)}.lx-text-info{color:var(--lx-info,#06b6d4)}.lx-text-dark{color:var(--lx-dark,#1f2937)}.lx-text-light{color:var(--lx-light,#f9fafb)}.lx-text-white{color:#fff}.lx-text-black{color:#000}.lx-text-muted{color:var(--text-muted,#9ca3af)}.lx-text-body{color:var(--text-primary,#111827)}.lx-text-opacity-75{opacity:.75;color:color-mix(in srgb,currentColor 75%,transparent)!important}.lx-text-opacity-50{opacity:.5;color:color-mix(in srgb,currentColor 50%,transparent)!important}.lx-text-opacity-25{opacity:.25;color:color-mix(in srgb,currentColor 25%,transparent)!important}.lx-bg-primary{background-color:var(--lx-primary,#3b82f6)}.lx-bg-secondary{background-color:var(--lx-secondary,#6b7280)}.lx-bg-success{background-color:var(--lx-success,#22c55e)}.lx-bg-warning{background-color:var(--lx-warning,#f59e0b)}.lx-bg-danger{background-color:var(--lx-danger,#ef4444)}.lx-bg-info{background-color:var(--lx-info,#06b6d4)}.lx-bg-dark{background-color:var(--lx-dark,#1f2937)}.lx-bg-light{background-color:var(--lx-light,#f9fafb)}.lx-bg-white{background-color:#fff}.lx-bg-transparent{background-color:transparent}.lx-bg-primary-soft{background-color:color-mix(in srgb,var(--lx-primary,#3b82f6) 12%,#fff)}.lx-bg-success-soft{background-color:color-mix(in srgb,var(--lx-success,#22c55e) 12%,#fff)}.lx-bg-warning-soft{background-color:color-mix(in srgb,var(--lx-warning,#f59e0b) 12%,#fff)}.lx-bg-danger-soft{background-color:color-mix(in srgb,var(--lx-danger,#ef4444) 12%,#fff)}.lx-bg-opacity-75{opacity:.75}.lx-bg-opacity-50{opacity:.5}.lx-bg-opacity-25{opacity:.25}.lx-bg-opacity-10{opacity:.1}.lx-w-auto{width:auto}.lx-w-full{width:100%}.lx-w-screen{width:100vw}.lx-w-fit{width:fit-content}.lx-w-1\/2{width:50%}.lx-w-1\/3{width:33.333%}.lx-w-2\/3{width:66.666%}.lx-w-1\/4{width:25%}.lx-w-3\/4{width:75%}.lx-w-1\/5{width:20%}.lx-w-4\/5{width:80%}.lx-w-4{width:1rem}.lx-w-6{width:1.5rem}.lx-w-8{width:2rem}.lx-w-12{width:3rem}.lx-w-16{width:4rem}.lx-w-24{width:6rem}.lx-w-32{width:8rem}.lx-w-48{width:12rem}.lx-w-64{width:16rem}.lx-h-auto{height:auto}.lx-h-full{height:100%}.lx-h-screen{height:100vh}.lx-h-fit{height:fit-content}.lx-h-4{height:1rem}.lx-h-6{height:1.5rem}.lx-h-8{height:2rem}.lx-h-12{height:3rem}.lx-h-16{height:4rem}.lx-h-24{height:6rem}.lx-h-32{height:8rem}.lx-min-w-0{min-width:0}.lx-max-w-full{max-width:100%}.lx-max-w-screen-sm{max-width:640px}.lx-max-w-screen-md{max-width:768px}.lx-max-w-screen-lg{max-width:1024px}.lx-max-w-screen-xl{max-width:1280px}.lx-min-h-screen{min-height:100vh}.lx-max-h-screen{max-height:100vh}.lx-max-h-64{max-height:16rem}.lx-size-4{width:1rem;height:1rem}.lx-size-6{width:1.5rem;height:1.5rem}.lx-size-8{width:2rem;height:2rem}.lx-size-12{width:3rem;height:3rem}.lx-size-16{width:4rem;height:4rem}.lx-static{position:static}.lx-relative{position:relative}.lx-absolute{position:absolute}.lx-fixed{position:fixed}.lx-sticky{position:sticky}.lx-top-0{top:0}.lx-top-50{top:50%}.lx-top-100{top:100%}.lx-top-auto{top:auto}.lx-bottom-0{bottom:0}.lx-bottom-50{bottom:50%}.lx-bottom-auto{bottom:auto}.lx-start-0{inset-inline-start:0}.lx-start-50{inset-inline-start:50%}.lx-start-auto{inset-inline-start:auto}.lx-end-0{inset-inline-end:0}.lx-end-50{inset-inline-end:50%}.lx-end-auto{inset-inline-end:auto}.lx-inset-0{inset:0}.lx-translate-middle{transform:translate(-50%,-50%)}.lx-translate-middle-x{transform:translateX(-50%)}.lx-translate-middle-y{transform:translateY(-50%)}.lx-sticky-top{position:sticky;top:0;z-index:var(--lx-z-sticky,1020)}.lx-border{border:1px solid var(--border-default,#e5e7eb)}.lx-border-0{border:0!important}.lx-border-2{border-width:2px}.lx-border-3{border-width:3px}.lx-border-t{border-top:1px solid var(--border-default,#e5e7eb)}.lx-border-b{border-bottom:1px solid var(--border-default,#e5e7eb)}.lx-border-s{border-inline-start:1px solid var(--border-default,#e5e7eb)}.lx-border-e{border-inline-end:1px solid var(--border-default,#e5e7eb)}.lx-border-t-0{border-top:0}.lx-border-b-0{border-bottom:0}.lx-border-primary{border-color:var(--lx-primary,#3b82f6)!important}.lx-border-success{border-color:var(--lx-success,#22c55e)!important}.lx-border-danger{border-color:var(--lx-danger,#ef4444)!important}.lx-border-warning{border-color:var(--lx-warning,#f59e0b)!important}.lx-border-white{border-color:#fff!important}.lx-border-opacity-50{border-color:color-mix(in srgb,currentColor 50%,transparent)!important}.lx-rounded-none{border-radius:0}.lx-rounded-sm{border-radius:4px}.lx-rounded{border-radius:8px}.lx-rounded-md{border-radius:12px}.lx-rounded-lg{border-radius:16px}.lx-rounded-xl{border-radius:24px}.lx-rounded-2xl{border-radius:32px}.lx-rounded-full{border-radius:9999px}.lx-rounded-t{border-top-left-radius:8px;border-top-right-radius:8px}.lx-rounded-b{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.lx-rounded-s{border-top-left-radius:8px;border-bottom-left-radius:8px}.lx-rounded-e{border-top-right-radius:8px;border-bottom-right-radius:8px}.lx-shadow-none{box-shadow:none!important}.lx-shadow-xs{box-shadow:0 1px 2px rgba(0,0,0,.04)}.lx-shadow-sm{box-shadow:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04)}.lx-shadow{box-shadow:0 4px 6px -1px rgba(0,0,0,.07),0 2px 4px -2px rgba(0,0,0,.05)}.lx-shadow-md{box-shadow:0 8px 12px -3px rgba(0,0,0,.08),0 4px 6px -4px rgba(0,0,0,.05)}.lx-shadow-lg{box-shadow:0 16px 24px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.05)}.lx-shadow-xl{box-shadow:0 24px 40px -8px rgba(0,0,0,.12),0 12px 16px -8px rgba(0,0,0,.06)}.lx-shadow-2xl{box-shadow:0 40px 60px -12px rgba(0,0,0,.18)}.lx-shadow-inner{box-shadow:inset 0 2px 4px rgba(0,0,0,.06)}.lx-overflow-auto{overflow:auto}.lx-overflow-hidden{overflow:hidden}.lx-overflow-visible{overflow:visible}.lx-overflow-scroll{overflow:scroll}.lx-overflow-x-auto{overflow-x:auto}.lx-overflow-y-auto{overflow-y:auto}.lx-overflow-x-hidden{overflow-x:hidden}.lx-overflow-y-hidden{overflow-y:hidden}.lx-overflow-x-scroll{overflow-x:scroll}.lx-overflow-y-scroll{overflow-y:scroll}.lx-visible{visibility:visible}.lx-invisible{visibility:hidden}.lx-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.lx-sr-only-focusable:focus,.lx-sr-only-focusable:focus-within{position:static;width:auto;height:auto;padding:inherit;margin:inherit;overflow:visible;clip:auto;white-space:normal}.lx-pointer-events-none{pointer-events:none}.lx-pointer-events-auto{pointer-events:auto}.lx-select-none{user-select:none}.lx-select-all{user-select:all}.lx-select-text{user-select:text}.lx-cursor-pointer{cursor:pointer}.lx-cursor-default{cursor:default}.lx-cursor-auto{cursor:auto}.lx-cursor-not-allowed{cursor:not-allowed}.lx-cursor-wait{cursor:wait}.lx-cursor-move{cursor:move}.lx-cursor-grab{cursor:grab}.lx-cursor-text{cursor:text}.lx-float-start{float:inline-start}.lx-float-end{float:inline-end}.lx-float-none{float:none}.lx-clearfix::after{content:"";display:table;clear:both}.lx-align-baseline{vertical-align:baseline}.lx-align-top{vertical-align:top}.lx-align-middle{vertical-align:middle}.lx-align-bottom{vertical-align:bottom}.lx-align-text-top{vertical-align:text-top}.lx-align-text-bottom{vertical-align:text-bottom}.lx-align-sub{vertical-align:sub}.lx-align-super{vertical-align:super}.lx-object-cover{object-fit:cover}.lx-object-contain{object-fit:contain}.lx-object-fill{object-fit:fill}.lx-object-none{object-fit:none}.lx-object-center{object-position:center}.lx-object-top{object-position:top}.lx-opacity-0{opacity:0}.lx-opacity-25{opacity:.25}.lx-opacity-50{opacity:.5}.lx-opacity-75{opacity:.75}.lx-opacity-100{opacity:1}.lx-text-opacity-80{color:color-mix(in srgb,currentColor 80%,transparent)!important}.lx-z-n1{z-index:-1}.lx-z-0{z-index:0}.lx-z-10{z-index:10}.lx-z-20{z-index:20}.lx-z-50{z-index:50}.lx-z-dropdown{z-index:1000}.lx-z-sticky{z-index:1020}.lx-z-fixed{z-index:1030}.lx-z-offcanvas{z-index:1040}.lx-z-modal-bg{z-index:1050}.lx-z-modal{z-index:1060}.lx-z-popover{z-index:1070}.lx-z-tooltip{z-index:1080}.lx-z-toast{z-index:1090}.lx-ratio{position:relative;width:100%}.lx-ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.lx-ratio::before{display:block;content:"";padding-top:calc(var(--lx-aspect-ratio) * 100%)}.lx-ratio-1x1{--lx-aspect-ratio:1}.lx-ratio-4x3{--lx-aspect-ratio:calc(3/4)}.lx-ratio-16x9{--lx-aspect-ratio:calc(9/16)}.lx-ratio-21x9{--lx-aspect-ratio:calc(9/21)}.lx-stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:""}@media(min-width:640px){.lx-sm-block{display:block}.lx-sm-flex{display:flex}.lx-sm-grid{display:grid}.lx-sm-hidden{display:none}.lx-sm-text-center{text-align:center}.lx-sm-text-left{text-align:left}.lx-sm-w-full{width:100%}.lx-sm-w-auto{width:auto}}@media(min-width:768px){.lx-md-block{display:block}.lx-md-flex{display:flex}.lx-md-grid{display:grid}.lx-md-hidden{display:none}.lx-md-inline-flex{display:inline-flex}.lx-md-inline-block{display:inline-block}.lx-md-flex-row{flex-direction:row}.lx-md-flex-col{flex-direction:column}.lx-md-justify-center{justify-content:center}.lx-md-justify-between{justify-content:space-between}.lx-md-items-center{align-items:center}.lx-md-items-start{align-items:flex-start}.lx-md-text-center{text-align:center}.lx-md-text-left{text-align:left}.lx-md-text-right{text-align:right}.lx-md-text-sm{font-size:.875rem}.lx-md-text-base{font-size:1rem}.lx-md-text-lg{font-size:1.125rem}.lx-md-text-xl{font-size:1.25rem}.lx-md-text-2xl{font-size:1.5rem}.lx-md-text-3xl{font-size:1.875rem}.lx-md-p-0{padding:0}.lx-md-p-2{padding:.5rem}.lx-md-p-4{padding:1rem}.lx-md-p-6{padding:1.5rem}.lx-md-p-8{padding:2rem}.lx-md-px-4{padding-inline:1rem}.lx-md-px-6{padding-inline:1.5rem}.lx-md-px-8{padding-inline:2rem}.lx-md-py-4{padding-block:1rem}.lx-md-py-6{padding-block:1.5rem}.lx-md-py-8{padding-block:2rem}.lx-md-mt-0{margin-top:0}.lx-md-mt-4{margin-top:1rem}.lx-md-mt-8{margin-top:2rem}.lx-md-w-full{width:100%}.lx-md-w-auto{width:auto}.lx-md-w-1\/2{width:50%}.lx-md-float-start{float:inline-start}.lx-md-float-end{float:inline-end}.lx-md-float-none{float:none}}@media(min-width:1024px){.lx-lg-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lx-lg-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lx-lg-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lx-lg-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lx-lg-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lx-lg-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lx-lg-col-1{grid-column:span 1/span 1}.lx-lg-col-2{grid-column:span 2/span 2}.lx-lg-col-3{grid-column:span 3/span 3}.lx-lg-col-4{grid-column:span 4/span 4}.lx-lg-col-5{grid-column:span 5/span 5}.lx-lg-col-6{grid-column:span 6/span 6}.lx-lg-col-8{grid-column:span 8/span 8}.lx-lg-col-9{grid-column:span 9/span 9}.lx-lg-col-12{grid-column:span 12/span 12}.lx-lg-gap-4{gap:1rem}.lx-lg-gap-6{gap:1.5rem}.lx-lg-gap-8{gap:2rem}.lx-lg-block{display:block}.lx-lg-flex{display:flex}.lx-lg-grid{display:grid}.lx-lg-hidden{display:none}.lx-lg-inline-flex{display:inline-flex}.lx-lg-inline-block{display:inline-block}.lx-lg-flex-row{flex-direction:row}.lx-lg-flex-col{flex-direction:column}.lx-lg-justify-center{justify-content:center}.lx-lg-justify-between{justify-content:space-between}.lx-lg-items-center{align-items:center}.lx-lg-text-base{font-size:1rem}.lx-lg-text-lg{font-size:1.125rem}.lx-lg-text-xl{font-size:1.25rem}.lx-lg-text-2xl{font-size:1.5rem}.lx-lg-text-3xl{font-size:1.875rem}.lx-lg-text-4xl{font-size:2.25rem}.lx-lg-p-4{padding:1rem}.lx-lg-p-6{padding:1.5rem}.lx-lg-p-8{padding:2rem}.lx-lg-p-12{padding:3rem}.lx-lg-px-6{padding-inline:1.5rem}.lx-lg-px-8{padding-inline:2rem}.lx-lg-px-12{padding-inline:3rem}.lx-lg-py-4{padding-block:1rem}.lx-lg-py-6{padding-block:1.5rem}.lx-lg-py-8{padding-block:2rem}.lx-lg-w-auto{width:auto}.lx-lg-w-full{width:100%}}@media(min-width:1280px){.lx-xl-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lx-xl-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lx-xl-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lx-xl-col-3{grid-column:span 3/span 3}.lx-xl-col-4{grid-column:span 4/span 4}.lx-xl-col-6{grid-column:span 6/span 6}.lx-xl-block{display:block}.lx-xl-flex{display:flex}.lx-xl-grid{display:grid}.lx-xl-hidden{display:none}}.lx-h1,h1{font-size:clamp(1.75rem,4vw + 1rem,2.5rem);font-weight:700;line-height:1.2;letter-spacing:-.03em}.lx-h2,h2{font-size:clamp(1.5rem,3vw + .8rem,2rem);font-weight:700;line-height:1.25;letter-spacing:-.02em}.lx-h3,h3{font-size:clamp(1.25rem,2.5vw + .6rem,1.75rem);font-weight:700;line-height:1.3;letter-spacing:-.01em}.lx-h4,h4{font-size:clamp(1.125rem,2vw + .5rem,1.5rem);font-weight:600;line-height:1.35}.lx-h5,h5{font-size:clamp(1rem,1.5vw + .4rem,1.25rem);font-weight:600;line-height:1.4}.lx-h6,h6{font-size:1rem;font-weight:600;line-height:1.5}.lx-display-1{font-size:clamp(2.5rem,8vw + .5rem,5rem);font-weight:700;line-height:1.1;letter-spacing:-.04em}.lx-display-2{font-size:clamp(2.2rem,7vw + .5rem,4.5rem);font-weight:700;line-height:1.1;letter-spacing:-.04em}.lx-display-3{font-size:clamp(2rem,6vw + .5rem,4rem);font-weight:700;line-height:1.15;letter-spacing:-.03em}.lx-display-4{font-size:clamp(1.8rem,5vw + .5rem,3.5rem);font-weight:700;line-height:1.2;letter-spacing:-.03em}.lx-lead{font-size:var(--lx-text-lg,1.125rem);font-weight:400;line-height:1.7;color:var(--lx-text-secondary,#6b7280)}.lx-small,small{font-size:var(--lx-text-xs,.75rem);color:var(--lx-text-muted,#9ca3af)}.lx-blockquote,blockquote{border-left:3px solid var(--accent,#3b82f6);padding:1rem 1.5rem;margin:1.5rem 0;background:var(--accent-subtle,#dbeafe);border-radius:0 var(--lx-radius,8px) var(--lx-radius,8px) 0;font-style:italic;color:var(--lx-text-secondary,#6b7280)}.lx-blockquote-footer{font-size:var(--lx-text-sm,.875rem);font-style:normal;font-weight:600;color:var(--lx-text-muted,#9ca3af);margin-top:.5rem}.lx-blockquote-footer::before{content:"— "}.lx-btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:var(--lx-btn-padding-y) var(--lx-btn-padding-x);font-size:var(--lx-btn-font-size);font-weight:var(--lx-btn-font-weight);line-height:1.5;border-radius:var(--lx-btn-radius);border:1px solid transparent;background:0 0;cursor:pointer;text-decoration:none;white-space:nowrap;transition:var(--lx-btn-transition);user-select:none;-webkit-appearance:none}.lx-btn:focus-visible{outline:2px solid var(--lx-primary);outline-offset:2px}.lx-btn:disabled,.lx-btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;pointer-events:none}.lx-btn-xs{padding:.2rem .5rem;font-size:.7rem}.lx-btn-sm{padding:.35rem .75rem;font-size:.8rem}.lx-btn-lg{padding:.65rem 1.25rem;font-size:1rem}.lx-btn-xl{padding:.8rem 1.5rem;font-size:1.1rem}.lx-btn-block{width:100%;justify-content:center}.lx-btn-icon{padding:var(--lx-btn-padding-y);aspect-ratio:1}.lx-btn-primary{background:var(--lx-primary,#3b82f6);color:var(--lx-primary-fg,#fff);border-color:var(--lx-primary,#3b82f6)}.lx-btn-primary:hover{background:var(--lx-primary-hover,#2563eb);border-color:var(--lx-primary-hover,#2563eb)}.lx-btn-secondary{background:var(--lx-secondary,#6b7280);color:var(--lx-secondary-fg,#fff);border-color:var(--lx-secondary,#6b7280)}.lx-btn-secondary:hover{background:var(--lx-secondary-hover,#4b5563);border-color:var(--lx-secondary-hover,#4b5563)}.lx-btn-success{background:var(--lx-success,#22c55e);color:var(--lx-success-fg,#fff);border-color:var(--lx-success,#22c55e)}.lx-btn-success:hover{background:var(--lx-success-hover,#16a34a);border-color:var(--lx-success-hover,#16a34a)}.lx-btn-warning{background:var(--lx-warning,#f59e0b);color:var(--lx-warning-fg,#fff);border-color:var(--lx-warning,#f59e0b)}.lx-btn-warning:hover{background:var(--lx-warning-hover,#d97706);border-color:var(--lx-warning-hover,#d97706)}.lx-btn-danger{background:var(--lx-danger,#ef4444);color:var(--lx-danger-fg,#fff);border-color:var(--lx-danger,#ef4444)}.lx-btn-danger:hover{background:var(--lx-danger-hover,#dc2626);border-color:var(--lx-danger-hover,#dc2626)}.lx-btn-info{background:var(--lx-info,#06b6d4);color:var(--lx-info-fg,#fff);border-color:var(--lx-info,#06b6d4)}.lx-btn-info:hover{background:var(--lx-info-hover,#0891b2);border-color:var(--lx-info-hover,#0891b2)}.lx-btn-dark{background:var(--lx-dark,#1f2937);color:#fff;border-color:var(--lx-dark,#1f2937)}.lx-btn-dark:hover{background:var(--lx-gray-700,#374151)}.lx-btn-light{background:var(--lx-light,#f9fafb);color:var(--lx-text,#111827);border-color:var(--border-default,#e5e7eb)}.lx-btn-light:hover{background:var(--lx-gray-200,#e5e7eb)}.lx-btn-outline-primary{border-color:var(--lx-primary,#3b82f6);color:var(--lx-primary,#3b82f6)}.lx-btn-outline-primary:hover{background:var(--lx-primary,#3b82f6);color:#fff}.lx-btn-outline-secondary{border-color:var(--lx-secondary,#6b7280);color:var(--lx-secondary,#6b7280)}.lx-btn-outline-secondary:hover{background:var(--lx-secondary,#6b7280);color:#fff}.lx-btn-outline-success{border-color:var(--lx-success,#22c55e);color:var(--lx-success,#22c55e)}.lx-btn-outline-success:hover{background:var(--lx-success,#22c55e);color:#fff}.lx-btn-outline-warning{border-color:var(--lx-warning,#f59e0b);color:var(--lx-warning,#f59e0b)}.lx-btn-outline-warning:hover{background:var(--lx-warning,#f59e0b);color:#fff}.lx-btn-outline-danger{border-color:var(--lx-danger,#ef4444);color:var(--lx-danger,#ef4444)}.lx-btn-outline-danger:hover{background:var(--lx-danger,#ef4444);color:#fff}.lx-btn-outline-info{border-color:var(--lx-info,#06b6d4);color:var(--lx-info,#06b6d4)}.lx-btn-outline-info:hover{background:var(--lx-info,#06b6d4);color:#fff}.lx-btn-ghost{color:var(--lx-text-secondary,#6b7280)}.lx-btn-ghost:hover{background:var(--lx-bg-muted,#f3f4f6);color:var(--lx-text,#111827)}.lx-btn-ghost-primary{color:var(--lx-primary,#3b82f6)}.lx-btn-ghost-primary:hover{background:var(--lx-primary-subtle,#dbeafe)}.lx-btn-link{color:var(--lx-primary,#3b82f6);text-decoration:underline}.lx-btn-link:hover{color:var(--lx-primary-hover,#2563eb)}.lx-btn-group{display:inline-flex;border-radius:var(--lx-radius,8px);overflow:hidden}.lx-btn-group .lx-btn{border-radius:0;border-inline-end-width:0}.lx-btn-group .lx-btn:first-child{border-radius:var(--lx-radius,8px) 0 0 var(--lx-radius,8px)}.lx-btn-group .lx-btn:last-child{border-radius:0 var(--lx-radius,8px) var(--lx-radius,8px) 0;border-inline-end-width:1px}.lx-btn-group-vertical{display:inline-flex;flex-direction:column}.lx-btn-group-vertical .lx-btn{border-radius:0;border-bottom-width:0}.lx-btn-group-vertical .lx-btn:first-child{border-radius:var(--lx-radius,8px) var(--lx-radius,8px) 0 0}.lx-btn-group-vertical .lx-btn:last-child{border-radius:0 0 var(--lx-radius,8px) var(--lx-radius,8px);border-bottom-width:1px}.lx-btn-toolbar{display:flex;flex-wrap:wrap;gap:.5rem}.lx-btn-check{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.lx-btn-close{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;background:0 0;border:none;border-radius:var(--lx-radius-full,9999px);cursor:pointer;opacity:.5;transition:var(--lx-transition);font-size:1.2rem;line-height:1;color:var(--lx-text,#111827)}.lx-btn-close::before{content:"×"}.lx-btn-close:hover{opacity:1;background:var(--lx-bg-muted,#f3f4f6)}.lx-btn-close-white{color:#fff}.lx-btn-close-white:hover{background:rgba(255,255,255,.15)}.lx-card{background:var(--lx-bg,#fff);border:var(--lx-card-border);border-radius:var(--lx-card-radius);box-shadow:var(--lx-card-shadow);overflow:hidden}.lx-card-hover{-webkit-transition:var(--lx-transition);transition:var(--lx-transition)}.lx-card-hover:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:var(--lx-shadow-lg);box-shadow:var(--lx-shadow-lg)}.lx-card-header{padding:.875rem var(--lx-card-padding);border-bottom:1px solid var(--lx-border,#e5e7eb);background:var(--lx-bg-soft,#f9fafb);font-weight:600;font-size:var(--lx-text-sm,.875rem);color:var(--lx-text-secondary,#6b7280);text-transform:uppercase;letter-spacing:.05em}.lx-card-body{padding:var(--lx-card-padding)}.lx-card-footer{padding:.875rem var(--lx-card-padding);border-top:1px solid var(--lx-border,#e5e7eb);background:var(--lx-bg-soft,#f9fafb)}.lx-card-title{font-size:var(--lx-text-lg,1.125rem);font-weight:600;margin-bottom:.5rem;color:var(--lx-text,#111827)}.lx-card-subtitle{font-size:var(--lx-text-sm,.875rem);color:var(--lx-text-muted,#9ca3af);margin-top:-.25rem;margin-bottom:.75rem}.lx-card-text{color:var(--lx-text-secondary,#6b7280);line-height:1.65}.lx-card-img-top{width:100%;object-fit:cover;display:block}.lx-card-img-side{object-fit:cover;flex-shrink:0}.lx-card-img{width:100%;height:100%;object-fit:cover}.lx-card-img-overlay-wrap{position:relative}.lx-card-img-overlay{position:absolute;inset:0;padding:var(--lx-card-padding);display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(to top,rgba(0,0,0,.7) 0,transparent 60%)}.lx-badge{display:inline-flex;align-items:center;padding:var(--lx-badge-padding-y) var(--lx-badge-padding-x);font-size:var(--lx-badge-font-size);font-weight:var(--lx-badge-font-weight);line-height:1;border-radius:var(--lx-badge-radius);white-space:nowrap}.lx-badge-sm{font-size:.65em}.lx-badge-lg{font-size:.875em;padding:.35em .7em}.lx-badge-primary{background:var(--lx-primary,#3b82f6);color:var(--lx-primary-fg,#fff)}.lx-badge-secondary{background:var(--lx-secondary,#6b7280);color:#fff}.lx-badge-success{background:var(--lx-success,#22c55e);color:#fff}.lx-badge-warning{background:var(--lx-warning,#f59e0b);color:#fff}.lx-badge-danger{background:var(--lx-danger,#ef4444);color:#fff}.lx-badge-info{background:var(--lx-info,#06b6d4);color:#fff}.lx-badge-dark{background:var(--lx-dark,#1f2937);color:#fff}.lx-badge-light{background:var(--lx-light,#f9fafb);color:var(--lx-text,#111827);border:1px solid var(--border-default,#e5e7eb)}.lx-badge-outline-primary{border:1px solid var(--lx-primary,#3b82f6);color:var(--lx-primary,#3b82f6);background:0 0}.lx-badge-outline-secondary{border:1px solid var(--lx-secondary,#6b7280);color:var(--lx-secondary,#6b7280);background:0 0}.lx-badge-outline-success{border:1px solid var(--lx-success,#22c55e);color:var(--lx-success,#22c55e);background:0 0}.lx-badge-outline-danger{border:1px solid var(--lx-danger,#ef4444);color:var(--lx-danger,#ef4444);background:0 0}.lx-badge-outline-warning{border:1px solid var(--lx-warning,#f59e0b);color:var(--lx-warning,#f59e0b);background:0 0}.lx-badge-soft-primary{background:var(--lx-primary-subtle,#dbeafe);color:var(--lx-primary,#3b82f6)}.lx-badge-soft-secondary{background:var(--lx-gray-100,#f3f4f6);color:var(--lx-secondary,#6b7280)}.lx-badge-soft-success{background:var(--lx-success-subtle,#f0fdf4);color:var(--lx-success-hover,#16a34a)}.lx-badge-soft-warning{background:var(--lx-warning-subtle,#fffbeb);color:var(--lx-warning-hover,#d97706)}.lx-badge-soft-danger{background:var(--lx-danger-subtle,#fef2f2);color:var(--lx-danger-hover,#dc2626)}.lx-badge-soft-info{background:var(--lx-info-subtle,#ecfeff);color:var(--lx-info-hover,#0891b2)}.lx-alert{position:relative;padding:.875rem 1.125rem;border-radius:var(--lx-radius,8px);border:1px solid transparent;font-size:var(--lx-text-sm,.875rem);line-height:1.6}.lx-alert-heading{font-weight:700;font-size:var(--lx-text-base,1rem);margin-bottom:.375rem}.lx-alert-divider{border-color:currentColor;opacity:.2;margin:.75rem 0}.lx-alert-dismissible{padding-inline-end:3rem}.lx-alert-close{position:absolute;top:.5rem;inset-inline-end:.5rem}.lx-alert-primary{background:var(--lx-primary-subtle,#dbeafe);color:var(--lx-primary-hover,#2563eb);border-color:var(--lx-primary-light,#93c5fd)}.lx-alert-secondary{background:var(--lx-gray-100,#f3f4f6);color:var(--lx-gray-700,#374151);border-color:var(--lx-gray-300,#d1d5db)}.lx-alert-success{background:var(--lx-success-subtle,#f0fdf4);color:var(--lx-success-hover,#16a34a);border-color:var(--lx-success-light,#86efac)}.lx-alert-warning{background:var(--lx-warning-subtle,#fffbeb);color:var(--lx-warning-hover,#d97706);border-color:var(--lx-warning-light,#fcd34d)}.lx-alert-danger{background:var(--lx-danger-subtle,#fef2f2);color:var(--lx-danger-hover,#dc2626);border-color:var(--lx-danger-light,#fca5a5)}.lx-alert-info{background:var(--lx-info-subtle,#ecfeff);color:var(--lx-info-hover,#0891b2);border-color:var(--lx-info-light,#67e8f9)}.lx-progress{height:var(--lx-progress-height);background:var(--lx-progress-bg);border-radius:var(--lx-progress-radius);overflow:hidden}.lx-progress-bar{height:100%;background:var(--lx-primary,#3b82f6);border-radius:inherit;transition:width .4s;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;color:#fff}.lx-progress-bar-striped{background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.15) 0,rgba(255,255,255,.15) 10px,transparent 10px,transparent 20px)}.lx-progress-bar-animated{animation:1s linear infinite lx-progress-stripes}@keyframes lx-progress-stripes{to{background-position-x:-20px}}.lx-spinner{display:inline-block;width:1.5rem;height:1.5rem;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;-webkit-animation:.6s linear infinite lx-spin;animation:.6s linear infinite lx-spin;vertical-align:-.125em;color:var(--lx-primary,#3b82f6)}.lx-spinner-sm{width:1rem;height:1rem;border-width:2px}.lx-spinner-lg{width:2.25rem;height:2.25rem;border-width:3px}.lx-spinner-xl{width:3rem;height:3rem;border-width:3px}.lx-spinner-grow{background:currentColor;border:none;animation:.75s ease-in-out infinite lx-grow}@-webkit-keyframes lx-spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes lx-spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes lx-grow{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}50%{opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}@keyframes lx-grow{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}50%{opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}.lx-loading-overlay{position:fixed;inset:0;background:rgba(255,255,255,.8);display:flex;align-items:center;justify-content:center;z-index:var(--lx-z-toast,1090);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.lx-avatar{display:inline-flex;align-items:center;justify-content:center;width:var(--lx-avatar-size);height:var(--lx-avatar-size);border-radius:var(--lx-avatar-radius);font-size:var(--lx-avatar-font-size);font-weight:600;background:var(--lx-gray-200,#e5e7eb);color:var(--lx-gray-600,#4b5563);overflow:hidden;flex-shrink:0;user-select:none}.lx-avatar img{width:100%;height:100%;object-fit:cover}.lx-avatar-xs{width:1.5rem;height:1.5rem;font-size:.55rem}.lx-avatar-sm{width:2rem;height:2rem;font-size:.7rem}.lx-avatar-lg{width:3.5rem;height:3.5rem;font-size:1rem}.lx-avatar-xl{width:4.5rem;height:4.5rem;font-size:1.25rem}.lx-avatar-2xl{width:6rem;height:6rem;font-size:1.5rem}.lx-avatar-primary{background:var(--lx-primary-subtle,#dbeafe);color:var(--lx-primary,#3b82f6)}.lx-avatar-success{background:var(--lx-success-subtle,#f0fdf4);color:var(--lx-success-hover,#16a34a)}.lx-avatar-warning{background:var(--lx-warning-subtle,#fffbeb);color:var(--lx-warning-hover,#d97706)}.lx-avatar-danger{background:var(--lx-danger-subtle,#fef2f2);color:var(--lx-danger-hover,#dc2626)}.lx-avatar-info{background:var(--lx-info-subtle,#ecfeff);color:var(--lx-info-hover,#0891b2)}.lx-avatar-wrapper{position:relative;display:inline-block}.lx-avatar-status{position:absolute;bottom:0;inset-inline-end:0;width:.75rem;height:.75rem;border-radius:50%;border:2px solid var(--lx-bg,#fff)}.lx-avatar-status-online{background:var(--lx-success,#22c55e)}.lx-avatar-status-busy{background:var(--lx-danger,#ef4444)}.lx-avatar-status-away{background:var(--lx-warning,#f59e0b)}.lx-avatar-status-offline{background:var(--lx-gray-400,#9ca3af)}.lx-avatar-group{display:inline-flex}.lx-avatar-group .lx-avatar{margin-inline-start:-.5rem;border:2px solid var(--lx-bg,#fff)}.lx-avatar-group .lx-avatar:first-child{margin-inline-start:0}.lx-breadcrumb{display:flex;flex-wrap:wrap;gap:.25rem;list-style:none;padding:0;margin:0;font-size:var(--lx-text-sm,.875rem)}.lx-breadcrumb-item{display:flex;align-items:center;color:var(--lx-text-muted,#9ca3af)}.lx-breadcrumb-item a{color:var(--lx-text-secondary,#6b7280);text-decoration:none;transition:color .1s}.lx-breadcrumb-item a:hover{color:var(--lx-primary,#3b82f6)}.lx-breadcrumb-item.lx-active{color:var(--lx-text,#111827);font-weight:500}.lx-breadcrumb-item+.lx-breadcrumb-item::before{content:var(--lx-breadcrumb-sep);padding-inline:.4rem;color:var(--lx-text-muted,#9ca3af)}body.lx-modal-open{overflow:hidden}.lx-fade{animation:.2s lx-fadein}.lx-offcanvas-backdrop{position:fixed;inset:0;z-index:1039;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.lx-modal{display:none;position:fixed;inset:0;z-index:var(--lx-z-modal,1060);overflow-x:hidden;overflow-y:auto;align-items:center;justify-content:center}.lx-modal.lx-show{display:flex}.lx-modal-backdrop{position:fixed;inset:0;background:var(--lx-modal-backdrop,rgba(0,0,0,.5));z-index:var(--lx-z-modal-bg,1050);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.lx-modal-dialog{position:relative;width:100%;max-width:500px;margin:auto;padding:1rem;z-index:inherit}.lx-modal-sm{max-width:300px}.lx-modal-lg{max-width:800px}.lx-modal-xl{max-width:1100px}.lx-modal-fullscreen{max-width:none;padding:0;min-height:100dvh}.lx-modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 2rem)}.lx-modal-dialog-scrollable .lx-modal-body{overflow-y:auto;max-height:60vh}.lx-modal-content{background:var(--lx-bg,#fff);border-radius:var(--lx-modal-radius,16px);box-shadow:var(--lx-modal-shadow);border:1px solid var(--border-default,#e5e7eb);overflow:hidden}.lx-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem var(--lx-card-padding);border-bottom:1px solid var(--border-default,#e5e7eb)}.lx-modal-title{font-size:var(--lx-text-lg,1.125rem);font-weight:600;color:var(--lx-text,#111827)}.lx-modal-body{padding:var(--lx-card-padding)}.lx-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;padding:1rem var(--lx-card-padding);border-top:1px solid var(--border-default,#e5e7eb);background:var(--lx-bg-soft,#f9fafb)}.lx-modal.lx-fade .lx-modal-content{-webkit-animation:.3s lx-modal-in;animation:.3s lx-modal-in}@-webkit-keyframes lx-modal-in{from{opacity:0;-webkit-transform:scale(.96) translateY(-8px)}to{opacity:1;-webkit-transform:scale(1) translateY(0)}}@keyframes lx-modal-in{from{opacity:0;transform:scale(.96) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.lx-offcanvas{position:fixed;z-index:var(--lx-z-offcanvas,1040);background:var(--lx-bg,#fff);box-shadow:var(--lx-shadow-xl);display:flex;flex-direction:column;visibility:hidden;transition:transform .3s,visibility .3s}.lx-offcanvas.lx-show{visibility:visible}.lx-offcanvas-start{top:0;inset-inline-start:0;height:100%;width:min(80vw,360px);transform:translateX(-100%)}.lx-offcanvas-end{top:0;inset-inline-end:0;height:100%;width:min(80vw,360px);transform:translateX(100%)}.lx-offcanvas-top{top:0;inset-inline:0;max-height:80vh;transform:translateY(-100%)}.lx-offcanvas-bottom{bottom:0;inset-inline:0;max-height:80vh;transform:translateY(100%)}.lx-offcanvas.lx-show.lx-offcanvas-bottom,.lx-offcanvas.lx-show.lx-offcanvas-end,.lx-offcanvas.lx-show.lx-offcanvas-start,.lx-offcanvas.lx-show.lx-offcanvas-top{transform:none}.lx-offcanvas-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-default,#e5e7eb);flex-shrink:0}.lx-offcanvas-title{font-weight:600;font-size:var(--lx-text-lg,1.125rem);color:var(--lx-text,#111827)}.lx-offcanvas-body{padding:1.5rem;flex:1;overflow-y:auto}.lx-dropdown{position:relative;display:inline-block}.lx-dropdown-toggle::after{content:"";display:inline-block;width:.35em;height:.35em;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-.1em);margin-inline-start:.4em;vertical-align:.1em}.lx-dropdown-menu{display:none;position:absolute;inset-block-start:calc(100% + .25rem);inset-inline-start:0;min-width:10rem;padding:.375rem;background:var(--lx-bg,#fff);border:1px solid var(--border-default,#e5e7eb);border-radius:var(--lx-radius-md,12px);box-shadow:var(--lx-shadow-lg);z-index:var(--lx-z-dropdown,1000);list-style:none;animation:.1s lx-dropdown-in}.lx-dropdown-menu.lx-show{display:block}.lx-dropdown-menu.lx-dropdown-menu-end{inset-inline-start:auto;inset-inline-end:0}.lx-dropup .lx-dropdown-menu{top:auto;bottom:calc(100% + .25rem)}.lx-dropend .lx-dropdown-menu{top:0;inset-inline-start:calc(100% + .25rem)}.lx-dropstart .lx-dropdown-menu{top:0;inset-inline-start:auto;inset-inline-end:calc(100% + .25rem)}.lx-dropdown-item{display:flex;align-items:center;width:100%;padding:.45rem .75rem;font-size:var(--lx-text-sm,.875rem);color:var(--lx-text-secondary,#6b7280);background:0 0;border:none;border-radius:var(--lx-radius,8px);cursor:pointer;white-space:nowrap;text-decoration:none;transition:background .1s,color .1s}.lx-dropdown-item:hover{background:var(--lx-bg-muted,#f3f4f6);color:var(--lx-text,#111827)}.lx-dropdown-item.lx-active{background:var(--lx-primary-subtle,#dbeafe);color:var(--lx-primary,#3b82f6);font-weight:500}.lx-dropdown-item.lx-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.lx-dropdown-header{padding:.375rem .75rem;font-size:.7rem;font-weight:700;color:var(--lx-text-muted,#9ca3af);text-transform:uppercase;letter-spacing:.05em}.lx-dropdown-divider{border:none;border-top:1px solid var(--border-default,#e5e7eb);margin:.375rem 0}@-webkit-keyframes lx-dropdown-in{from{opacity:0;-webkit-transform:translateY(-4px)}to{opacity:1;-webkit-transform:translateY(0)}}@keyframes lx-dropdown-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.lx-navbar{display:flex;align-items:center;flex-wrap:wrap;padding:.75rem 0;background:var(--lx-bg,#fff);border-bottom:1px solid var(--border-default,#e5e7eb)}.lx-navbar-brand{display:flex;align-items:center;gap:.5rem;font-size:var(--lx-text-lg,1.125rem);font-weight:700;color:var(--lx-text,#111827);text-decoration:none;margin-inline-end:1.5rem;flex-shrink:0}.lx-navbar-brand img{height:32px;width:auto}.lx-navbar-nav{display:flex;align-items:center;gap:.125rem;list-style:none;padding:0;margin:0}.lx-navbar-nav .lx-nav-link{font-size:var(--lx-text-sm,.875rem);font-weight:500;padding:.45rem .75rem;color:var(--lx-text-secondary,#6b7280);border-radius:var(--lx-radius,8px);text-decoration:none;transition:background .1s,color .1s}.lx-navbar-nav .lx-nav-link:hover{background:var(--lx-bg-muted,#f3f4f6);color:var(--lx-text,#111827)}.lx-navbar-nav .lx-nav-link.lx-active{background:var(--lx-primary-subtle,#dbeafe);color:var(--lx-primary,#3b82f6);font-weight:600}.lx-navbar-dark{background:var(--lx-dark,#1f2937);border-color:transparent}.lx-navbar-dark .lx-nav-link,.lx-navbar-dark .lx-navbar-brand{color:rgba(255,255,255,.85)}.lx-navbar-dark .lx-nav-link:hover{background:rgba(255,255,255,.1);color:#fff}.lx-navbar-toggler{padding:.375rem .5rem;background:0 0;border:1px solid var(--border-default,#e5e7eb);border-radius:var(--lx-radius,8px);cursor:pointer;display:none}.lx-navbar-toggler-icon{display:block;width:22px;height:2px;background:currentColor;box-shadow:0 5px 0 currentColor,0 10px 0 currentColor}.lx-navbar-collapse{display:flex;align-items:center;flex:1}.lx-navbar-expand-lg .lx-navbar-collapse{display:flex!important}@media (max-width:1023.98px){.lx-navbar-expand-lg .lx-navbar-toggler{display:flex}.lx-navbar-expand-lg .lx-navbar-collapse{display:none;width:100%;flex-direction:column;align-items:flex-start;padding:.75rem 0;border-top:1px solid var(--border-default,#e5e7eb);margin-top:.75rem}.lx-navbar-expand-lg .lx-navbar-collapse.lx-show{display:flex}.lx-navbar-expand-lg .lx-navbar-nav{flex-direction:column;width:100%;gap:.125rem}.lx-navbar-expand-lg .lx-navbar-nav .lx-nav-link{width:100%}}.lx-nav{display:flex;flex-wrap:wrap;gap:.125rem;list-style:none;padding:0;margin:0}.lx-nav-link{display:block;padding:.45rem .875rem;font-size:var(--lx-text-sm,.875rem);font-weight:500;color:var(--lx-text-secondary,#6b7280);border-radius:var(--lx-radius,8px);text-decoration:none;background:0 0;border:none;cursor:pointer;transition:var(--lx-transition)}.lx-nav-link:hover{background:var(--lx-bg-muted,#f3f4f6);color:var(--lx-text,#111827)}.lx-nav-link.lx-active{background:var(--lx-primary-subtle,#dbeafe);color:var(--lx-primary,#3b82f6);font-weight:600}.lx-nav-link.lx-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.lx-nav-tabs{border-bottom:1px solid var(--border-default,#e5e7eb);gap:0;padding-bottom:0}.lx-nav-tabs .lx-nav-link{border-radius:var(--lx-radius,8px) var(--lx-radius,8px) 0 0;border:1px solid transparent;margin-bottom:-1px}.lx-nav-tabs .lx-nav-link.lx-active{background:var(--lx-bg,#fff);border-color:var(--border-default,#e5e7eb) var(--border-default,#e5e7eb) var(--lx-bg,#fff);color:var(--lx-text,#111827);font-weight:600}.lx-nav-pills .lx-nav-link{border-radius:var(--lx-radius-full,9999px)}.lx-nav-pills .lx-nav-link.lx-active{background:var(--lx-primary,#3b82f6);color:#fff}.lx-nav-fill .lx-nav-item,.lx-nav-justified .lx-nav-item{flex:1}.lx-nav-fill .lx-nav-link,.lx-nav-justified .lx-nav-link{text-align:center}.lx-tab-content .lx-tab-pane{display:none}.lx-tab-content .lx-tab-pane.lx-active{display:block;-webkit-animation:.2s lx-fadein;animation:.2s lx-fadein}@-webkit-keyframes lx-fadein{from{opacity:0}to{opacity:1}}@keyframes lx-fadein{from{opacity:0}to{opacity:1}}.lx-list-group{display:flex;flex-direction:column;border-radius:var(--lx-radius-md,12px);overflow:hidden;border:1px solid var(--border-default,#e5e7eb)}.lx-list-group-item{padding:.75rem 1rem;font-size:var(--lx-text-sm,.875rem);background:var(--lx-bg,#fff);color:var(--lx-text-secondary,#6b7280);border-bottom:1px solid var(--border-default,#e5e7eb)}.lx-list-group-item:last-child{border-bottom:none}.lx-list-group-item.lx-active{background:var(--lx-primary,#3b82f6);color:#fff;border-color:var(--lx-primary,#3b82f6)}.lx-list-group-item.lx-disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.lx-list-group-item-action{cursor:pointer;text-decoration:none;display:block;transition:background .1s}.lx-list-group-item-action:hover{background:var(--lx-bg-muted,#f3f4f6);color:var(--lx-text,#111827)}.lx-list-group-item-success{background:var(--lx-success-subtle,#f0fdf4);color:var(--lx-success-hover,#16a34a);border-color:var(--lx-success-light,#86efac)}.lx-list-group-item-warning{background:var(--lx-warning-subtle,#fffbeb);color:var(--lx-warning-hover,#d97706);border-color:var(--lx-warning-light,#fcd34d)}.lx-list-group-item-danger{background:var(--lx-danger-subtle,#fef2f2);color:var(--lx-danger-hover,#dc2626);border-color:var(--lx-danger-light,#fca5a5)}.lx-list-group-item-info{background:var(--lx-info-subtle,#ecfeff);color:var(--lx-info-hover,#0891b2);border-color:var(--lx-info-light,#67e8f9)}.lx-list-group-horizontal{flex-direction:row}.lx-list-group-horizontal .lx-list-group-item{border-bottom:none;border-inline-end:1px solid var(--border-default,#e5e7eb)}.lx-list-group-horizontal .lx-list-group-item:last-child{border-inline-end:none}.lx-pagination{display:inline-flex;align-items:center;gap:.125rem;list-style:none;padding:0;margin:0}.lx-page-link{display:flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;padding:0 .5rem;font-size:var(--lx-text-sm,.875rem);font-weight:500;color:var(--lx-text-secondary,#6b7280);background:var(--lx-bg,#fff);border:1px solid var(--border-default,#e5e7eb);border-radius:var(--lx-radius,8px);text-decoration:none;cursor:pointer;transition:var(--lx-transition)}.lx-page-link:hover{background:var(--lx-bg-muted,#f3f4f6);color:var(--lx-text,#111827)}.lx-page-item.lx-active .lx-page-link{background:var(--lx-primary,#3b82f6);color:#fff;border-color:var(--lx-primary,#3b82f6)}.lx-page-item.lx-disabled .lx-page-link{opacity:.5;cursor:not-allowed;pointer-events:none}.lx-pagination-sm .lx-page-link{min-width:1.75rem;height:1.75rem;font-size:.75rem}.lx-pagination-lg .lx-page-link{min-width:2.5rem;height:2.5rem;font-size:1rem}.lx-accordion{border:1px solid var(--border-default,#e5e7eb);border-radius:var(--lx-radius-md,12px);overflow:hidden}.lx-accordion-item{border-bottom:1px solid var(--border-default,#e5e7eb)}.lx-accordion-item:last-child{border-bottom:none}.lx-accordion-flush{border:none;border-radius:0}.lx-accordion-flush .lx-accordion-item{border-inline:none}.lx-accordion-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1rem 1.25rem;font-size:var(--lx-text-sm,.875rem);font-weight:600;color:var(--lx-text,#111827);background:var(--lx-bg,#fff);border:none;cursor:pointer;text-align:start;transition:background .1s}.lx-accordion-trigger:hover{background:var(--lx-bg-soft,#f9fafb)}.lx-accordion-trigger.lx-active{color:var(--lx-primary,#3b82f6);background:var(--lx-primary-subtle,#dbeafe)}.lx-accordion-icon{width:.875rem;height:.875rem;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);flex-shrink:0;transition:transform .2s}.lx-accordion-trigger.lx-active .lx-accordion-icon{transform:rotate(-135deg)}.lx-accordion-body{display:none;padding:1rem 1.25rem;font-size:var(--lx-text-sm,.875rem);color:var(--lx-text-secondary,#6b7280);line-height:1.7}.lx-accordion-body.lx-show{display:block;animation:.2s lx-fadein}.lx-collapse{display:none}.lx-collapse.lx-show{display:block;animation:.2s lx-fadein}.lx-collapsing{overflow:hidden;transition:height .3s}.lx-toast-container{display:flex;flex-direction:column;gap:.5rem}.lx-toast{min-width:280px;max-width:380px;background:var(--lx-bg,#fff);border:1px solid var(--border-default,#e5e7eb);border-radius:var(--lx-radius-md,12px);box-shadow:var(--lx-shadow-lg);overflow:hidden;opacity:0;transition:opacity .2s,transform .2s;transform:translateX(1rem)}.lx-toast.lx-show{opacity:1;transform:translateX(0)}.lx-toast-header{display:flex;align-items:center;padding:.6rem .875rem;border-bottom:1px solid var(--border-default,#e5e7eb);background:var(--lx-bg-soft,#f9fafb);font-size:var(--lx-text-sm,.875rem);font-weight:600;gap:.5rem}.lx-toast-body{padding:.75rem .875rem;font-size:var(--lx-text-sm,.875rem);color:var(--lx-text-secondary,#6b7280)}.lx-tooltip{position:absolute;z-index:var(--lx-z-tooltip,1080);background:var(--lx-tooltip-bg,#111827);color:var(--lx-tooltip-color,#fff);font-size:.75rem;padding:.3rem .6rem;border-radius:var(--lx-tooltip-radius,4px);pointer-events:none;max-width:200px;white-space:normal;line-height:1.4;animation:.1s lx-fadein}.lx-popover{position:absolute;z-index:var(--lx-z-popover,1070);background:var(--lx-bg,#fff);border:1px solid var(--border-default,#e5e7eb);border-radius:var(--lx-radius-md,12px);box-shadow:var(--lx-shadow-lg);max-width:280px;font-size:var(--lx-text-sm,.875rem);animation:.1s lx-fadein}.lx-popover-header{padding:.6rem .875rem;font-weight:600;border-bottom:1px solid var(--border-default,#e5e7eb);background:var(--lx-bg-soft,#f9fafb);border-radius:var(--lx-radius-md,12px) var(--lx-radius-md,12px) 0 0}.lx-popover-body{padding:.75rem .875rem;color:var(--lx-text-secondary,#6b7280);line-height:1.6}.lx-carousel{position:relative;overflow:hidden}.lx-carousel-inner{display:flex;-webkit-transition:-webkit-transform .35s;transition:transform .35s;will-change:transform}.lx-carousel-item{min-width:100%;flex-shrink:0}.lx-carousel-indicators{position:absolute;bottom:1rem;inset-inline:0;display:flex;justify-content:center;gap:.375rem;z-index:2;list-style:none;padding:0;margin:0}.lx-carousel-indicators button{width:8px;height:8px;border-radius:50%;border:none;background:rgba(255,255,255,.5);cursor:pointer;padding:0;transition:var(--lx-transition)}.lx-carousel-indicators button.lx-active{background:#fff;width:20px;border-radius:4px}.lx-carousel-control{position:absolute;top:50%;transform:translateY(-50%);z-index:2;background:rgba(0,0,0,.35);border:none;color:#fff;width:2.5rem;height:2.5rem;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--lx-transition)}.lx-carousel-control:hover{background:rgba(0,0,0,.6)}.lx-carousel-prev{inset-inline-start:1rem}.lx-carousel-next{inset-inline-end:1rem}.lx-carousel-prev-icon::before{content:"‹";font-size:1.5rem;line-height:1}.lx-carousel-next-icon::before{content:"›";font-size:1.5rem;line-height:1}.lx-carousel-caption{position:absolute;bottom:3rem;inset-inline:15%;text-align:center;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}.lx-carousel-caption h5{font-size:var(--lx-text-xl,1.25rem);font-weight:700;margin-bottom:.5rem}.lx-skeleton{background:-webkit-linear-gradient(left,var(--lx-gray-100,#f3f4f6) 25%,var(--lx-gray-200,#e5e7eb) 50%,var(--lx-gray-100,#f3f4f6) 75%);background:linear-gradient(90deg,var(--lx-gray-100,#f3f4f6) 25%,var(--lx-gray-200,#e5e7eb) 50%,var(--lx-gray-100,#f3f4f6) 75%);background-size:200% 100%;-webkit-animation:1.5s ease-in-out infinite lx-skeleton-wave;animation:1.5s ease-in-out infinite lx-skeleton-wave;border-radius:var(--lx-radius,8px)}.lx-skeleton-text{height:1em;margin-bottom:.5em}.lx-skeleton-img{width:100%;border-radius:var(--lx-radius,8px)}.lx-skeleton-avatar{width:var(--lx-avatar-size,2.5rem);height:var(--lx-avatar-size,2.5rem);border-radius:50%}.lx-skeleton-btn{height:2.25rem;width:5rem}.lx-skeleton-pulse{animation:1.5s ease-in-out infinite lx-skeleton-pulse;background:var(--lx-gray-200,#e5e7eb)}.lx-skeleton-none{animation:none;background:var(--lx-gray-200,#e5e7eb)}@-webkit-keyframes lx-skeleton-wave{0%{background-position:200% 0}100%{background-position:-200% 0}}@keyframes lx-skeleton-wave{0%{background-position:200% 0}100%{background-position:-200% 0}}@-webkit-keyframes lx-skeleton-pulse{0%,100%{opacity:1}50%{opacity:.4}}@keyframes lx-skeleton-pulse{0%,100%{opacity:1}50%{opacity:.4}}.lx-timeline{position:relative;padding-inline-start:1.75rem}.lx-timeline::before{content:"";position:absolute;inset-inline-start:.55rem;top:0;bottom:0;width:2px;background:var(--border-default,#e5e7eb)}.lx-timeline-item{position:relative;padding-bottom:1.5rem}.lx-timeline-item:last-child{padding-bottom:0}.lx-timeline-marker{position:absolute;inset-inline-start:-1.2rem;top:.25rem;width:.875rem;height:.875rem;border-radius:50%;background:var(--lx-primary,#3b82f6);border:2px solid var(--lx-bg,#fff);box-shadow:0 0 0 2px var(--border-default,#e5e7eb);z-index:1}.lx-timeline-content{padding-inline-start:.25rem}.lx-timeline-title{font-weight:600;font-size:var(--lx-text-sm,.875rem);color:var(--lx-text,#111827);margin:0}.lx-timeline-time{font-size:var(--lx-text-xs,.75rem);color:var(--lx-text-muted,#9ca3af);white-space:nowrap}.lx-link-primary{color:var(--lx-primary,#3b82f6)}.lx-link-secondary{color:var(--lx-secondary,#6b7280)}.lx-link-success{color:var(--lx-success,#22c55e)}.lx-link-warning{color:var(--lx-warning,#f59e0b)}.lx-link-danger{color:var(--lx-danger,#ef4444)}.lx-link-info{color:var(--lx-info,#06b6d4)}.lx-link-dark{color:var(--lx-dark,#1f2937)}[class^=lx-link-]:hover{text-decoration:underline}.lx-form-group{margin-bottom:1.125rem}.lx-form-group:last-child{margin-bottom:0}.lx-form-inline{display:flex;align-items:flex-end;flex-wrap:wrap}.lx-label{display:block;font-size:var(--lx-text-sm,.875rem);font-weight:500;color:var(--lx-text-secondary,#6b7280);margin-bottom:.375rem}.lx-label.lx-required::after{content:" *";color:var(--lx-danger,#ef4444)}.lx-form-hint{display:block;font-size:var(--lx-text-xs,.75rem);color:var(--lx-text-muted,#9ca3af);margin-top:.3rem}.lx-input,.lx-select,.lx-textarea{display:block;width:100%;padding:var(--lx-input-padding-y) var(--lx-input-padding-x);font-size:var(--lx-input-font-size);font-family:var(--font-default,-apple-system,sans-serif);line-height:1.5;color:var(--lx-text,#111827);background:var(--lx-input-bg);border:var(--lx-input-border);border-radius:var(--lx-input-radius);appearance:none;-webkit-appearance:none;transition:border-color .1s,box-shadow .1s}.lx-input:focus,.lx-select:focus,.lx-textarea:focus{outline:0;border-color:var(--lx-primary,#3b82f6);box-shadow:var(--lx-input-focus-shadow)}.lx-input::placeholder,.lx-textarea::placeholder{color:var(--lx-text-muted,#9ca3af)}.lx-input:disabled,.lx-select:disabled,.lx-textarea:disabled{opacity:.55;cursor:not-allowed;background:var(--lx-bg-muted,#f3f4f6)}.lx-input[readonly]{background:var(--lx-bg-soft,#f9fafb);cursor:default}.lx-input-sm,.lx-select-sm,.lx-textarea-sm{padding:.3rem .65rem;font-size:.8rem}.lx-input-lg,.lx-select-lg,.lx-textarea-lg{padding:.65rem 1rem;font-size:1rem}.lx-input-success{border-color:var(--lx-success,#22c55e)!important}.lx-input-success:focus{box-shadow:0 0 0 3px rgba(34,197,94,.15)}.lx-input-warning{border-color:var(--lx-warning,#f59e0b)!important}.lx-input-warning:focus{box-shadow:0 0 0 3px rgba(245,158,11,.15)}.lx-input-error{border-color:var(--lx-danger,#ef4444)!important}.lx-input-error:focus{box-shadow:0 0 0 3px rgba(239,68,68,.15)}.lx-input-color{height:2.4rem;padding:.25rem .4rem;cursor:pointer}.lx-textarea{resize:vertical;min-height:6rem}.lx-textarea-auto{resize:none;overflow:hidden}.lx-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.25rem;cursor:pointer}.lx-select[multiple],.lx-select[size]{background-image:none;padding-right:var(--lx-input-padding-x)}.lx-input-group{display:flex;align-items:stretch}.lx-input-group .lx-input,.lx-input-group .lx-select{flex:1;border-radius:0}.lx-input-group .lx-input:first-child,.lx-input-group .lx-select:first-child{border-radius:var(--lx-input-radius,8px) 0 0 var(--lx-input-radius,8px)}.lx-input-group .lx-input:last-child,.lx-input-group .lx-select:last-child{border-radius:0 var(--lx-input-radius,8px) var(--lx-input-radius,8px) 0}.lx-input-group .lx-input:focus,.lx-input-group .lx-select:focus{z-index:2}.lx-input-addon{display:flex;align-items:center;padding:var(--lx-input-padding-y) var(--lx-input-padding-x);font-size:var(--lx-input-font-size);font-weight:500;color:var(--lx-text-secondary,#6b7280);background:var(--lx-bg-muted,#f3f4f6);border:var(--lx-input-border);white-space:nowrap}.lx-input-group .lx-input-addon:first-child{border-radius:var(--lx-input-radius,8px) 0 0 var(--lx-input-radius,8px);border-right:none}.lx-input-group .lx-input-addon:last-child{border-radius:0 var(--lx-input-radius,8px) var(--lx-input-radius,8px) 0;border-left:none}.lx-input-group .lx-btn:first-child{border-radius:var(--lx-input-radius,8px) 0 0 var(--lx-input-radius,8px)}.lx-input-group .lx-btn:last-child{border-radius:0 var(--lx-input-radius,8px) var(--lx-input-radius,8px) 0}.lx-form-floating{position:relative}.lx-form-floating .lx-input,.lx-form-floating .lx-select,.lx-form-floating .lx-textarea{padding-top:1.5rem;padding-bottom:.5rem;height:3.25rem}.lx-form-floating .lx-textarea{height:auto;padding-top:1.75rem}.lx-form-floating label{position:absolute;top:.875rem;inset-inline-start:var(--lx-input-padding-x,0.75rem);color:var(--lx-text-muted,#9ca3af);font-size:var(--lx-text-sm,.875rem);font-weight:400;pointer-events:none;transform-origin:0 0;transition:transform .1s,font-size .1s,top .1s}.lx-form-floating .lx-input:focus~label,.lx-form-floating .lx-input:not(:placeholder-shown)~label,.lx-form-floating .lx-select:focus~label,.lx-form-floating .lx-select:not(:placeholder-shown)~label,.lx-form-floating .lx-textarea:focus~label,.lx-form-floating .lx-textarea:not(:placeholder-shown)~label{top:.375rem;font-size:.7rem;font-weight:600;color:var(--lx-primary,#3b82f6)}.lx-checkbox,.lx-radio{display:inline-flex;align-items:flex-start;gap:.5rem;cursor:pointer;font-size:var(--lx-text-sm,.875rem);color:var(--lx-text-secondary,#6b7280);user-select:none;line-height:1.5}.lx-checkbox input[type=checkbox],.lx-radio input[type=radio]{position:absolute;opacity:0;width:0;height:0}.lx-checkbox-mark{display:flex;align-items:center;justify-content:center;width:1.125rem;height:1.125rem;border:1.5px solid var(--border-strong,#d1d5db);border-radius:var(--lx-radius-sm,4px);background:var(--lx-bg,#fff);flex-shrink:0;margin-top:.125rem;transition:var(--lx-transition)}.lx-checkbox input:checked~.lx-checkbox-mark{background:var(--lx-primary,#3b82f6);border-color:var(--lx-primary,#3b82f6)}.lx-checkbox input:checked~.lx-checkbox-mark::after{content:"";width:.3rem;height:.55rem;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg) translate(-.05rem,-.1rem)}.lx-checkbox input:disabled~.lx-checkbox-mark{opacity:.5;cursor:not-allowed}.lx-radio-mark{width:1.125rem;height:1.125rem;border:1.5px solid var(--border-strong,#d1d5db);border-radius:50%;background:var(--lx-bg,#fff);flex-shrink:0;margin-top:.125rem;display:flex;align-items:center;justify-content:center;transition:var(--lx-transition)}.lx-radio input:checked~.lx-radio-mark{border-color:var(--lx-primary,#3b82f6)}.lx-radio input:checked~.lx-radio-mark::after{content:"";width:.45rem;height:.45rem;border-radius:50%;background:var(--lx-primary,#3b82f6)}.lx-switch{display:inline-flex;align-items:center;gap:.625rem;cursor:pointer;font-size:var(--lx-text-sm,.875rem);color:var(--lx-text-secondary,#6b7280);user-select:none}.lx-switch input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.lx-switch-thumb{position:relative;width:2.25rem;height:1.25rem;background:var(--lx-gray-300,#d1d5db);border-radius:var(--lx-radius-full,9999px);flex-shrink:0;transition:background .2s}.lx-switch-thumb::before{content:"";position:absolute;top:.1875rem;inset-inline-start:.1875rem;width:.875rem;height:.875rem;border-radius:50%;background:#fff;box-shadow:var(--lx-shadow-sm);transition:transform .2s}.lx-switch input:checked~.lx-switch-thumb{background:var(--lx-primary,#3b82f6)}.lx-switch input:checked~.lx-switch-thumb::before{transform:translateX(1rem)}.lx-switch-success input:checked~.lx-switch-thumb{background:var(--lx-success,#22c55e)}.lx-switch-danger input:checked~.lx-switch-thumb{background:var(--lx-danger,#ef4444)}.lx-switch-warning input:checked~.lx-switch-thumb{background:var(--lx-warning,#f59e0b)}.lx-switch input:disabled~.lx-switch-thumb{opacity:.5;cursor:not-allowed}.lx-range{width:100%;height:.375rem;appearance:none;-webkit-appearance:none;background:var(--border-default,#e5e7eb);border-radius:var(--lx-radius-full,9999px);cursor:pointer;outline:0}.lx-range::-webkit-slider-thumb{appearance:none;width:1.125rem;height:1.125rem;border-radius:50%;background:var(--lx-primary,#3b82f6);border:2px solid #fff;box-shadow:var(--lx-shadow-sm);transition:transform .1s}.lx-range::-webkit-slider-thumb:hover{transform:scale(1.1)}.lx-range::-moz-range-thumb{width:1.125rem;height:1.125rem;border-radius:50%;background:var(--lx-primary,#3b82f6);border:2px solid #fff;cursor:pointer}.lx-range:disabled{opacity:.55;cursor:not-allowed}.lx-valid-feedback{display:none;font-size:var(--lx-text-xs,.75rem);color:var(--lx-success-hover,#16a34a);margin-top:.3rem}.lx-invalid-feedback{display:none;font-size:var(--lx-text-xs,.75rem);color:var(--lx-danger-hover,#dc2626);margin-top:.3rem}.lx-was-validated .lx-input:invalid~.lx-invalid-feedback,.lx-was-validated .lx-input:valid~.lx-valid-feedback{display:block}.lx-was-validated .lx-input:valid{border-color:var(--lx-success,#22c55e)}.lx-was-validated .lx-input:invalid{border-color:var(--lx-danger,#ef4444)}.lx-table{width:100%;caption-side:bottom;border-collapse:collapse;font-size:var(--lx-text-sm,.875rem)}.lx-table td,.lx-table th{padding:.625rem .875rem;vertical-align:middle;border-bottom:1px solid var(--border-default,#e5e7eb);color:var(--lx-text-secondary,#6b7280)}.lx-table th{font-weight:600;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--lx-text-muted,#9ca3af);background:var(--lx-bg-soft,#f9fafb);white-space:nowrap}.lx-table tbody tr:last-child td{border-bottom:none}.lx-table tbody tr:hover td{background:var(--lx-bg-soft,#f9fafb)}.lx-table-striped tbody tr:nth-child(2n) td{background:var(--lx-bg-muted,#f3f4f6)}.lx-table-hover tbody tr:hover td{background:var(--lx-primary-subtle,#dbeafe)}.lx-table-bordered td,.lx-table-bordered th{border:1px solid var(--border-default,#e5e7eb)}.lx-table-borderless td,.lx-table-borderless th{border:none}.lx-table-compact td,.lx-table-compact th{padding:.35rem .75rem}.lx-table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.lx-table-primary td{background:var(--lx-primary-subtle,#dbeafe);color:var(--lx-primary,#3b82f6)}.lx-table-success td{background:var(--lx-success-subtle,#f0fdf4);color:var(--lx-success-hover,#16a34a)}.lx-table-warning td{background:var(--lx-warning-subtle,#fffbeb);color:var(--lx-warning-hover,#d97706)}.lx-table-danger td{background:var(--lx-danger-subtle,#fef2f2);color:var(--lx-danger-hover,#dc2626)}.lx-table-active td{background:var(--lx-bg-muted,#f3f4f6)}.lx-img-fluid{max-width:100%;height:auto;display:block}.lx-img-thumbnail{max-width:100%;height:auto;border:2px solid var(--border-default,#e5e7eb);border-radius:var(--lx-radius,8px);padding:.25rem;background:var(--lx-bg,#fff)}.lx-img-cover{width:100%;height:100%;object-fit:cover;display:block}.lx-figure{margin:0}.lx-figure-caption{margin-top:.5rem;font-size:var(--lx-text-xs,.75rem);color:var(--lx-text-muted,#9ca3af)}.lx-divider{display:flex;align-items:center;gap:.75rem;border:none;margin:1.5rem 0;color:var(--lx-text-muted,#9ca3af);font-size:var(--lx-text-xs,.75rem);font-weight:600;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.lx-divider::after,.lx-divider::before{content:"";flex:1;height:1px;background:var(--border-default,#e5e7eb)}.lx-divider-vertical{display:inline-flex;align-self:stretch;width:1px;height:auto;background:var(--border-default,#e5e7eb);margin-inline:.75rem}.lx-divider-primary{color:var(--lx-primary,#3b82f6)}.lx-divider-primary::after,.lx-divider-primary::before{background:var(--lx-primary,#3b82f6)}.lx-divider-dashed::after,.lx-divider-dashed::before{background:0 0;border-top:1px dashed var(--border-default,#e5e7eb)}.lx-chip{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:var(--lx-text-xs,.75rem);font-weight:500;line-height:1;border-radius:var(--lx-radius-full,9999px);border:1px solid var(--border-default,#e5e7eb);background:var(--bg-secondary,#f9fafb);color:var(--lx-text-secondary,#6b7280);cursor:default;white-space:nowrap;transition:background .15s,border-color .15s;-webkit-user-select:none;user-select:none}.lx-chip-dismiss{display:flex;align-items:center;justify-content:center;width:.875rem;height:.875rem;border-radius:50%;background:0 0;border:none;cursor:pointer;padding:0;font-size:.75rem;line-height:1;color:inherit;opacity:.6;transition:opacity .15s,background .15s}.lx-chip-dismiss:hover{opacity:1;background:rgba(0,0,0,.1)}.lx-chip-dismiss::before{content:"×"}.lx-chip-interactive{cursor:pointer}.lx-chip-interactive:hover{background:var(--bg-tertiary,#f3f4f6);border-color:var(--border-strong,#d1d5db)}.lx-chip-primary,.lx-chip-selected{background:var(--lx-primary-subtle,#dbeafe);border-color:var(--lx-primary,#3b82f6);color:var(--lx-primary,#3b82f6)}.lx-chip-success{background:var(--lx-success-subtle,#f0fdf4);border-color:var(--lx-success,#22c55e);color:var(--lx-success-hover,#16a34a)}.lx-chip-warning{background:var(--lx-warning-subtle,#fffbeb);border-color:var(--lx-warning,#f59e0b);color:var(--lx-warning-hover,#d97706)}.lx-chip-danger{background:var(--lx-danger-subtle,#fef2f2);border-color:var(--lx-danger,#ef4444);color:var(--lx-danger-hover,#dc2626)}.lx-chip-info{background:var(--lx-info-subtle,#ecfeff);border-color:var(--lx-info,#06b6d4);color:var(--lx-info-hover,#0891b2)}.lx-chip-dark{background:var(--lx-dark,#1f2937);border-color:var(--lx-dark,#1f2937);color:#fff}.lx-chip-sm{padding:.15rem .5rem;font-size:.65rem}.lx-chip-lg{padding:.375rem .875rem;font-size:.8rem}.lx-chip-dot::before{content:"";display:inline-block;width:.5rem;height:.5rem;border-radius:50%;background:currentColor}.lx-steps{display:flex;align-items:flex-start;gap:0;list-style:none;padding:0;margin:0}.lx-steps-vertical{flex-direction:column}.lx-step{display:flex;flex:1;flex-direction:column;align-items:center;text-align:center;position:relative}.lx-step:not(:last-child)::after{content:"";position:absolute;top:calc(1.25rem - 1px);inset-inline-start:calc(50% + 1.25rem);width:calc(100% - 2.5rem);height:2px;background:var(--border-default,#e5e7eb);transition:background .3s}.lx-step.lx-step-done:not(:last-child)::after{background:var(--lx-primary,#3b82f6)}.lx-step-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;border:2px solid var(--border-default,#e5e7eb);background:var(--bg-primary,#fff);color:var(--lx-text-muted,#9ca3af);font-size:var(--lx-text-sm,.875rem);font-weight:600;flex-shrink:0;z-index:1;transition:border-color .3s,background .3s,color .3s;-webkit-transition:border-color .3s,background .3s,color .3s}.lx-step.lx-step-active .lx-step-icon{border-color:var(--lx-primary,#3b82f6);background:var(--lx-primary,#3b82f6);color:#fff;-webkit-box-shadow:0 0 0 4px var(--lx-primary-subtle,#dbeafe);box-shadow:0 0 0 4px var(--lx-primary-subtle,#dbeafe)}.lx-step.lx-step-done .lx-step-icon{border-color:var(--lx-primary,#3b82f6);background:var(--lx-primary,#3b82f6);color:#fff}.lx-step.lx-step-done .lx-step-icon::after{content:"✓";font-size:.875rem}.lx-step.lx-step-error .lx-step-icon{border-color:var(--lx-danger,#ef4444);background:var(--lx-danger,#ef4444);color:#fff}.lx-step-label{margin-top:.5rem}.lx-step-title{font-size:var(--lx-text-sm,.875rem);font-weight:600;color:var(--lx-text,#111827)}.lx-step-desc{font-size:var(--lx-text-xs,.75rem);color:var(--lx-text-muted,#9ca3af);margin-top:.125rem}.lx-step.lx-step-active .lx-step-title{color:var(--lx-primary,#3b82f6)}.lx-step.lx-step-done .lx-step-title{color:var(--lx-text-secondary,#6b7280)}.lx-steps-vertical .lx-step{flex-direction:row;align-items:flex-start;text-align:start;flex:none;width:100%;padding-bottom:1.5rem}.lx-steps-vertical .lx-step:not(:last-child)::after{inset-inline-start:calc(1.25rem - 1px);top:2.5rem;width:2px;height:calc(100% - 2.5rem)}.lx-steps-vertical .lx-step-label{margin-top:0;margin-inline-start:.875rem}.lx-steps-sm .lx-step-icon{width:1.75rem;height:1.75rem;font-size:.7rem}.lx-steps-sm .lx-step:not(:last-child)::after{top:calc(.875rem - 1px);inset-inline-start:calc(50% + .875rem);width:calc(100% - 1.75rem)}.lx-stat{background:var(--bg-primary,#fff);border:1px solid var(--border-default,#e5e7eb);border-radius:var(--lx-radius-md,12px);padding:1.25rem 1.5rem;-webkit-box-shadow:var(--lx-shadow-xs);box-shadow:var(--lx-shadow-xs)}.lx-stat-label{font-size:var(--lx-text-xs,.75rem);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--lx-text-muted,#9ca3af);margin-bottom:.375rem}.lx-stat-value{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;line-height:1.1;color:var(--lx-text,#111827);letter-spacing:-.02em}.lx-stat-desc{font-size:var(--lx-text-sm,.875rem);color:var(--lx-text-muted,#9ca3af);margin-top:.375rem}.lx-stat-trend{display:inline-flex;align-items:center;gap:.25rem;font-size:var(--lx-text-xs,.75rem);font-weight:600;margin-top:.375rem}.lx-stat-trend-up{color:var(--lx-success-hover,#16a34a)}.lx-stat-trend-down{color:var(--lx-danger-hover,#dc2626)}.lx-stat-trend-up::before{content:"▲";font-size:.625rem}.lx-stat-trend-down::before{content:"▼";font-size:.625rem}.lx-stat-icon{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:var(--lx-radius-md,12px);font-size:1.25rem;flex-shrink:0}.lx-stat-icon-primary{background:var(--lx-primary-subtle,#dbeafe);color:var(--lx-primary,#3b82f6)}.lx-stat-icon-success{background:var(--lx-success-subtle,#f0fdf4);color:var(--lx-success-hover,#16a34a)}.lx-stat-icon-warning{background:var(--lx-warning-subtle,#fffbeb);color:var(--lx-warning-hover,#d97706)}.lx-stat-icon-danger{background:var(--lx-danger-subtle,#fef2f2);color:var(--lx-danger-hover,#dc2626)}.lx-stat-icon-info{background:var(--lx-info-subtle,#ecfeff);color:var(--lx-info-hover,#0891b2)}.lx-file-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.625rem;padding:2.5rem 1.5rem;border:2px dashed var(--border-strong,#d1d5db);border-radius:var(--lx-radius-lg,16px);background:var(--bg-secondary,#f9fafb);cursor:pointer;transition:border-color .2s,background .2s;text-align:center;outline:0}.lx-file-drop:focus-visible,.lx-file-drop:hover{border-color:var(--lx-primary,#3b82f6);background:var(--lx-primary-subtle,#dbeafe)}.lx-file-drop.lx-drag-over{border-color:var(--lx-primary,#3b82f6);background:var(--lx-primary-subtle,#dbeafe);-webkit-box-shadow:0 0 0 4px rgba(59,130,246,.15);box-shadow:0 0 0 4px rgba(59,130,246,.15)}.lx-file-drop-icon{font-size:2rem;color:var(--lx-text-muted,#9ca3af);line-height:1}.lx-file-drop-title{font-size:var(--lx-text-sm,.875rem);font-weight:600;color:var(--lx-text,#111827)}.lx-file-drop-hint{font-size:var(--lx-text-xs,.75rem);color:var(--lx-text-muted,#9ca3af)}.lx-file-drop input[type=file]{position:absolute;opacity:0;width:0;height:0}.lx-file-list{list-style:none;padding:0;margin:.75rem 0 0;width:100%}.lx-file-list-item{display:flex;align-items:center;gap:.625rem;padding:.5rem .75rem;background:var(--bg-primary,#fff);border:1px solid var(--border-default,#e5e7eb);border-radius:var(--lx-radius,8px);font-size:var(--lx-text-sm,.875rem)}.lx-file-list-item+.lx-file-list-item{margin-top:.375rem}.lx-file-list-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--lx-text,#111827)}.lx-file-list-size{font-size:var(--lx-text-xs,.75rem);color:var(--lx-text-muted,#9ca3af);white-space:nowrap}.lx-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 1.5rem;color:var(--lx-text-muted,#9ca3af)}.lx-empty-icon{font-size:3rem;line-height:1;margin-bottom:1rem;opacity:.5}.lx-empty-title{font-size:var(--lx-text-lg,1.125rem);font-weight:600;color:var(--lx-text,#111827);margin-bottom:.375rem}.lx-empty-desc{font-size:var(--lx-text-sm,.875rem);color:var(--lx-text-muted,#9ca3af);max-width:24rem;line-height:1.65;margin-bottom:1.25rem}.lx-empty-sm{padding:1.5rem 1rem}.lx-empty-sm .lx-empty-icon{font-size:2rem;margin-bottom:.625rem}.lx-empty-sm .lx-empty-title{font-size:var(--lx-text-base,1rem)}.lx-number-input{display:inline-flex;align-items:stretch;border:1px solid var(--border-strong,#d1d5db);border-radius:var(--lx-radius,8px);overflow:hidden;background:var(--bg-primary,#fff)}.lx-number-input:focus-within{border-color:var(--lx-primary,#3b82f6);-webkit-box-shadow:0 0 0 3px rgba(59,130,246,.15);box-shadow:0 0 0 3px rgba(59,130,246,.15)}.lx-number-btn{display:flex;align-items:center;justify-content:center;width:2.25rem;background:var(--bg-secondary,#f9fafb);border:none;cursor:pointer;font-size:1rem;color:var(--lx-text-secondary,#6b7280);-webkit-transition:background .1s,color .1s;transition:background .1s,color .1s;line-height:1;-webkit-user-select:none;user-select:none}.lx-number-btn:hover{background:var(--bg-tertiary,#f3f4f6);color:var(--lx-text,#111827)}.lx-number-btn:active{background:var(--lx-primary-subtle,#dbeafe);color:var(--lx-primary,#3b82f6)}.lx-number-btn:disabled{opacity:.4;cursor:not-allowed}.lx-number-input input[type=number],.lx-number-input input[type=text]{flex:1;min-width:3rem;border:none;padding:.5rem .375rem;font-size:var(--lx-text-sm,.875rem);text-align:center;color:var(--lx-text,#111827);background:0 0;outline:0;-moz-appearance:textfield;-webkit-appearance:none;appearance:textfield}.lx-number-input input[type=number]::-webkit-inner-spin-button,.lx-number-input input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.lx-rating{display:inline-flex;align-items:center;gap:.125rem;direction:ltr}.lx-rating-star{font-size:1.25rem;line-height:1;color:var(--border-strong,#d1d5db);cursor:pointer;-webkit-transition:color .15s,-webkit-transform .15s;transition:color .15s,transform .15s;-webkit-user-select:none;user-select:none}.lx-rating-star::before{content:"★"}.lx-rating-star.lx-filled,.lx-rating:not([data-readonly]) .lx-rating-star:hover,.lx-rating:not([data-readonly]) .lx-rating-star:hover~.lx-rating-star{color:var(--lx-warning,#f59e0b)}.lx-rating-star:hover{-webkit-transform:scale(1.15);transform:scale(1.15)}.lx-rating-sm .lx-rating-star{font-size:.875rem}.lx-rating-lg .lx-rating-star{font-size:1.75rem}.lx-rating[data-readonly] .lx-rating-star{cursor:default;pointer-events:none}.lx-toggler-icon{position:relative;display:block;width:22px;height:2px;background:currentColor;-webkit-transition:background .2s;transition:background .2s}.lx-toggler-icon::after,.lx-toggler-icon::before{content:"";position:absolute;width:22px;height:2px;background:currentColor;-webkit-transition:transform .3s;transition:transform .3s;left:0}.lx-toggler-icon::before{top:-6px}.lx-toggler-icon::after{bottom:-6px}.lx-toggler-open .lx-toggler-icon{background:0 0}.lx-toggler-open .lx-toggler-icon::before{-webkit-transform:rotate(45deg) translate(4px,4px);transform:rotate(45deg) translate(4px,4px)}.lx-toggler-open .lx-toggler-icon::after{-webkit-transform:rotate(-45deg) translate(4px,-4px);transform:rotate(-45deg) translate(4px,-4px)}.lx-fab{position:fixed;inset-inline-end:1.5rem;bottom:1.5rem;z-index:var(--lx-z-fixed,1030);display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;border-radius:50%;background:var(--lx-primary,#3b82f6);color:#fff;border:none;cursor:pointer;-webkit-box-shadow:var(--lx-shadow-lg);box-shadow:var(--lx-shadow-lg);font-size:1.5rem;-webkit-transition:-webkit-transform .2s,-webkit-box-shadow .2s;transition:transform .2s,box-shadow .2s;text-decoration:none}.lx-fab:hover{-webkit-transform:scale(1.05);transform:scale(1.05);-webkit-box-shadow:var(--lx-shadow-xl);box-shadow:var(--lx-shadow-xl)}.lx-fab:active{-webkit-transform:scale(.96);transform:scale(.96)}.lx-fab-sm{width:2.5rem;height:2.5rem;font-size:1.1rem}.lx-back-top{position:fixed;inset-inline-end:1.5rem;bottom:5rem;z-index:var(--lx-z-fixed,1030);display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--bg-primary,#fff);border:1px solid var(--border-default,#e5e7eb);-webkit-box-shadow:var(--lx-shadow-md);box-shadow:var(--lx-shadow-md);cursor:pointer;opacity:0;visibility:hidden;-webkit-transform:translateY(8px);transform:translateY(8px);-webkit-transition:opacity .25s,visibility .25s,-webkit-transform .25s;transition:opacity .25s,visibility .25s,transform .25s;font-size:1.125rem;color:var(--lx-text-secondary,#6b7280);text-decoration:none}.lx-back-top.lx-show{opacity:1;visibility:visible;-webkit-transform:none;transform:none}.lx-back-top:hover{background:var(--lx-primary,#3b82f6);color:#fff;border-color:var(--lx-primary,#3b82f6)}.lx-back-top::before{content:"↑";font-weight:700}.lx-code-block{position:relative}.lx-code-block pre{margin:0}.lx-code-copy{position:absolute;top:.625rem;inset-inline-end:.625rem;padding:.25rem .625rem;font-size:.7rem;font-weight:600;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:var(--lx-radius-sm,4px);color:rgba(255,255,255,.7);cursor:pointer;-webkit-transition:background .15s,color .15s;transition:background .15s,color .15s}.lx-code-copy:hover{background:rgba(255,255,255,.2);color:#fff}.lx-code-copy.lx-copied{background:var(--lx-success,#22c55e);border-color:var(--lx-success,#22c55e);color:#fff}.lx-callout{display:flex;gap:.875rem;padding:1rem 1.25rem;border-radius:var(--lx-radius,8px);border-inline-start:4px solid var(--lx-primary,#3b82f6);background:var(--lx-primary-subtle,#dbeafe);font-size:var(--lx-text-sm,.875rem);color:var(--lx-text,#111827)}.lx-callout-icon{flex-shrink:0;font-size:1.125rem}.lx-callout-title{font-weight:700;margin-bottom:.25rem}.lx-callout-body{color:var(--lx-text-secondary,#6b7280);line-height:1.6}.lx-callout-success{border-color:var(--lx-success,#22c55e);background:var(--lx-success-subtle,#f0fdf4)}.lx-callout-warning{border-color:var(--lx-warning,#f59e0b);background:var(--lx-warning-subtle,#fffbeb)}.lx-callout-danger{border-color:var(--lx-danger,#ef4444);background:var(--lx-danger-subtle,#fef2f2)}.lx-callout-info{border-color:var(--lx-info,#06b6d4);background:var(--lx-info-subtle,#ecfeff)}.lx-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;border-radius:var(--lx-radius-sm,4px);background:var(--bg-tertiary,#f3f4f6);color:var(--lx-text-secondary,#6b7280);white-space:nowrap;line-height:1.5}.lx-tag-primary{background:var(--lx-primary,#3b82f6);color:#fff}.lx-tag-success{background:var(--lx-success,#22c55e);color:#fff}.lx-tag-warning{background:var(--lx-warning,#f59e0b);color:#fff}.lx-tag-danger{background:var(--lx-danger,#ef4444);color:#fff}.lx-tag-info{background:var(--lx-info,#06b6d4);color:#fff}.lx-tag-dark{background:var(--lx-dark,#1f2937);color:#fff}.lx-tag-soft-primary{background:var(--lx-primary-subtle,#dbeafe);color:var(--lx-primary,#3b82f6)}.lx-tag-soft-success{background:var(--lx-success-subtle,#f0fdf4);color:var(--lx-success-hover,#16a34a)}.lx-tag-soft-warning{background:var(--lx-warning-subtle,#fffbeb);color:var(--lx-warning-hover,#d97706)}.lx-tag-soft-danger{background:var(--lx-danger-subtle,#fef2f2);color:var(--lx-danger-hover,#dc2626)}.lx-tag-soft-info{background:var(--lx-info-subtle,#ecfeff);color:var(--lx-info-hover,#0891b2)}.lx-shortcut{display:inline-flex;align-items:center;gap:.25rem}.lx-shortcut kbd{font-family:var(--font-mono,"SFMono-Regular",Consolas,monospace)}.lx-section{padding-block:var(--lx-section-py,4rem)}.lx-section-sm{--lx-section-py:2.5rem}.lx-section-lg{--lx-section-py:6rem}.lx-section-xl{--lx-section-py:8rem}.lx-gradient-text{background:linear-gradient(135deg,var(--lx-primary,#3b82f6),var(--lx-info,#06b6d4));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.lx-gradient-primary{background:linear-gradient(135deg,var(--lx-primary,#3b82f6),var(--lx-primary-dark,#2563eb))}.lx-gradient-warm{background:linear-gradient(135deg,#f59e0b,#ef4444)}.lx-gradient-cool{background:linear-gradient(135deg,#06b6d4,#3b82f6)}.lx-gradient-purple{background:linear-gradient(135deg,#8b5cf6,#ec4899)}@keyframes lx-slide-up{from{opacity:0;-webkit-transform:translateY(16px);transform:translateY(16px)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes lx-slide-down{from{opacity:0;-webkit-transform:translateY(-16px);transform:translateY(-16px)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes lx-slide-left{from{opacity:0;-webkit-transform:translateX(16px);transform:translateX(16px)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes lx-slide-right{from{opacity:0;-webkit-transform:translateX(-16px);transform:translateX(-16px)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes lx-zoom-in{from{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes lx-bounce-in{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);transform:scale(.9)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes lx-pulse-ring{0%{-webkit-box-shadow:0 0 0 0 rgba(59,130,246,.4);box-shadow:0 0 0 0 rgba(59,130,246,.4)}70%{-webkit-box-shadow:0 0 0 10px transparent;box-shadow:0 0 0 10px transparent}100%{-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent}}.lx-animate-slide-up{-webkit-animation:lx-slide-up .35s var(--lx-ease,cubic-bezier(.4,0,.2,1)) both;animation:lx-slide-up .35s var(--lx-ease,cubic-bezier(.4,0,.2,1)) both}.lx-animate-slide-down{-webkit-animation:lx-slide-down .35s var(--lx-ease,cubic-bezier(.4,0,.2,1)) both;animation:lx-slide-down .35s var(--lx-ease,cubic-bezier(.4,0,.2,1)) both}.lx-animate-slide-left{-webkit-animation:lx-slide-left .35s var(--lx-ease,cubic-bezier(.4,0,.2,1)) both;animation:lx-slide-left .35s var(--lx-ease,cubic-bezier(.4,0,.2,1)) both}.lx-animate-slide-right{-webkit-animation:lx-slide-right.35s var(--lx-ease,cubic-bezier(.4,0,.2,1)) both;animation:lx-slide-right.35s var(--lx-ease,cubic-bezier(.4,0,.2,1)) both}.lx-animate-zoom-in{-webkit-animation:lx-zoom-in .3s var(--lx-ease,cubic-bezier(.4,0,.2,1)) both;animation:lx-zoom-in .3s var(--lx-ease,cubic-bezier(.4,0,.2,1)) both}.lx-animate-bounce-in{-webkit-animation:.5s both lx-bounce-in;animation:.5s both lx-bounce-in}.lx-animate-pulse-ring{-webkit-animation:1.5s infinite lx-pulse-ring;animation:1.5s infinite lx-pulse-ring}.lx-animate-spin{-webkit-animation:.6s linear infinite lx-spin;animation:.6s linear infinite lx-spin}.lx-animate-ping{-webkit-animation:1s ease-in-out infinite lx-grow;animation:1s ease-in-out infinite lx-grow}.lx-delay-100{-webkit-animation-delay:.1s;animation-delay:.1s}.lx-delay-200{-webkit-animation-delay:.2s;animation-delay:.2s}.lx-delay-300{-webkit-animation-delay:.3s;animation-delay:.3s}.lx-delay-500{-webkit-animation-delay:.5s;animation-delay:.5s}.lx-delay-700{-webkit-animation-delay:.7s;animation-delay:.7s}.dark,[data-mode=dark]{--bg-primary:#111827;--bg-secondary:#1f2937;--bg-tertiary:#374151;--surface:#1f2937;--text-primary:#f9fafb;--text-secondary:#d1d5db;--text-muted:#9ca3af;--border-strong:#4b5563;--border-default:#374151;--border-subtle:#1f2937;--accent-subtle:#1e3a5f;--lx-bg:#111827;--lx-bg-soft:#1f2937;--lx-bg-muted:#374151;--lx-text:#f9fafb;--lx-text-secondary:#d1d5db;--lx-text-muted:#9ca3af;--lx-border:#374151;--lx-border-strong:#4b5563}.dark .lx-card,.dark .lx-dropdown-menu,.dark .lx-file-drop,.dark .lx-modal-content,.dark .lx-stat,[data-mode=dark] .lx-card,[data-mode=dark] .lx-dropdown-menu,[data-mode=dark] .lx-file-drop,[data-mode=dark] .lx-modal-content,[data-mode=dark] .lx-stat{background:var(--bg-secondary,#1f2937)}@supports not (aspect-ratio:1){.lx-ratio-1x1{padding-top:100%}.lx-ratio-4x3{padding-top:75%}.lx-ratio-16x9{padding-top:56.25%}.lx-ratio-21x9{padding-top:42.857%}}@supports not (inset:0){.lx-inset-0,.lx-loading-overlay,.lx-modal,.lx-modal-backdrop,.lx-offcanvas-backdrop{top:0;right:0;bottom:0;left:0}}@supports not (gap:1rem){.lx-nav>*+*,.lx-pagination>*+*{margin-inline-start:.125rem}}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}