@charset "UTF-8";.iti{position:relative;display:inline-block}.iti *{box-sizing:border-box}.iti__hide{display:none}.iti__v-hide{visibility:hidden}.iti input.iti__tel-input,.iti input.iti__tel-input[type=tel],.iti input.iti__tel-input[type=text]{position:relative;z-index:0;margin-top:0!important;margin-bottom:0!important;padding-right:36px;margin-right:0}.iti__flag-container{position:absolute;top:0;bottom:0;right:0;padding:1px}.iti__selected-flag{z-index:1;position:relative;display:flex;align-items:center;height:100%;padding:0 6px 0 8px}.iti__arrow{margin-left:6px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #555}[dir=rtl] .iti__arrow{margin-right:6px;margin-left:0}.iti__arrow--up{border-top:none;border-bottom:4px solid #555}.iti__dropdown-content{position:absolute;z-index:2;margin-left:-1px;box-shadow:1px 1px 4px #0003;background-color:#fff;border:1px solid #ccc;max-height:200px;overflow-y:scroll;-webkit-overflow-scrolling:touch}.iti__dropdown-content--dropup{bottom:100%;margin-bottom:-1px}.iti__search-input{width:100%;border-width:0}.iti__country-list{list-style:none;padding:0;margin:0}.iti--flexible-dropdown-width .iti__country-list{white-space:nowrap}@media (max-width:500px){.iti--flexible-dropdown-width .iti__country-list{white-space:normal}}.iti__flag-box{display:inline-block;width:20px}.iti__divider{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #ccc}.iti__country{display:flex;align-items:center;padding:5px 10px;outline:0}.iti__dial-code{color:#999}.iti__country.iti__highlight{background-color:#0000000d}.iti__country-name,.iti__flag-box{margin-right:6px}[dir=rtl] .iti__country-name,[dir=rtl] .iti__flag-box{margin-right:0;margin-left:6px}.iti--allow-dropdown input.iti__tel-input,.iti--allow-dropdown input.iti__tel-input[type=tel],.iti--allow-dropdown input.iti__tel-input[type=text],.iti--separate-dial-code input.iti__tel-input,.iti--separate-dial-code input.iti__tel-input[type=tel],.iti--separate-dial-code input.iti__tel-input[type=text]{padding-right:6px;padding-left:52px;margin-left:0}[dir=rtl] .iti--allow-dropdown input.iti__tel-input,[dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=tel],[dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=text],[dir=rtl] .iti--separate-dial-code input.iti__tel-input,[dir=rtl] .iti--separate-dial-code input.iti__tel-input[type=tel],[dir=rtl] .iti--separate-dial-code input.iti__tel-input[type=text]{padding-right:52px;padding-left:6px;margin-right:0}.iti--allow-dropdown .iti__flag-container,.iti--separate-dial-code .iti__flag-container{right:auto;left:0}[dir=rtl] .iti--allow-dropdown .iti__flag-container,[dir=rtl] .iti--separate-dial-code .iti__flag-container{right:0;left:auto}.iti--allow-dropdown .iti__flag-container:hover{cursor:pointer}.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag{background-color:#0000000d}.iti--allow-dropdown .iti__flag-container:has(+input[disabled]):hover,.iti--allow-dropdown .iti__flag-container:has(+input[readonly]):hover{cursor:default}.iti--allow-dropdown .iti__flag-container:has(+input[disabled]):hover .iti__selected-flag,.iti--allow-dropdown .iti__flag-container:has(+input[readonly]):hover .iti__selected-flag{background-color:transparent}.iti--separate-dial-code .iti__selected-flag{background-color:#0000000d}.iti--separate-dial-code.iti--show-flags .iti__selected-dial-code{margin-left:6px}[dir=rtl] .iti--separate-dial-code.iti--show-flags .iti__selected-dial-code{margin-left:0;margin-right:6px}.iti--container{position:absolute;top:-1000px;left:-1000px;z-index:1060;padding:1px}.iti--container:hover{cursor:pointer}.iti--fullscreen-popup.iti--container{background-color:#00000080;inset:0;position:fixed;padding:30px;display:flex;flex-direction:column;justify-content:center}.iti--fullscreen-popup .iti__dropdown-content{max-height:100%;position:relative}.iti--fullscreen-popup .iti__country{padding:10px;line-height:1.5em}.iti__flag{width:20px}.iti__flag.iti__be{width:18px}.iti__flag.iti__ch{width:15px}.iti__flag.iti__mc{width:19px}.iti__flag.iti__ne{width:18px}.iti__flag.iti__np{width:13px}.iti__flag.iti__va{width:15px}@media (min-resolution:2x){.iti__flag{background-size:5762px 15px}}.iti__flag.iti__ac{height:10px;background-position:0 0}.iti__flag.iti__ad{height:14px;background-position:-22px 0}.iti__flag.iti__ae{height:10px;background-position:-44px 0}.iti__flag.iti__af{height:14px;background-position:-66px 0}.iti__flag.iti__ag{height:14px;background-position:-88px 0}.iti__flag.iti__ai{height:10px;background-position:-110px 0}.iti__flag.iti__al{height:15px;background-position:-132px 0}.iti__flag.iti__am{height:10px;background-position:-154px 0}.iti__flag.iti__ao{height:14px;background-position:-176px 0}.iti__flag.iti__aq{height:14px;background-position:-198px 0}.iti__flag.iti__ar{height:13px;background-position:-220px 0}.iti__flag.iti__as{height:10px;background-position:-242px 0}.iti__flag.iti__at{height:14px;background-position:-264px 0}.iti__flag.iti__au{height:10px;background-position:-286px 0}.iti__flag.iti__aw{height:14px;background-position:-308px 0}.iti__flag.iti__ax{height:13px;background-position:-330px 0}.iti__flag.iti__az{height:10px;background-position:-352px 0}.iti__flag.iti__ba{height:10px;background-position:-374px 0}.iti__flag.iti__bb{height:14px;background-position:-396px 0}.iti__flag.iti__bd{height:12px;background-position:-418px 0}.iti__flag.iti__be{height:15px;background-position:-440px 0}.iti__flag.iti__bf{height:14px;background-position:-460px 0}.iti__flag.iti__bg{height:12px;background-position:-482px 0}.iti__flag.iti__bh{height:12px;background-position:-504px 0}.iti__flag.iti__bi{height:12px;background-position:-526px 0}.iti__flag.iti__bj{height:14px;background-position:-548px 0}.iti__flag.iti__bl{height:14px;background-position:-570px 0}.iti__flag.iti__bm{height:10px;background-position:-592px 0}.iti__flag.iti__bn{height:10px;background-position:-614px 0}.iti__flag.iti__bo{height:14px;background-position:-636px 0}.iti__flag.iti__bq{height:14px;background-position:-658px 0}.iti__flag.iti__br{height:14px;background-position:-680px 0}.iti__flag.iti__bs{height:10px;background-position:-702px 0}.iti__flag.iti__bt{height:14px;background-position:-724px 0}.iti__flag.iti__bv{height:15px;background-position:-746px 0}.iti__flag.iti__bw{height:14px;background-position:-768px 0}.iti__flag.iti__by{height:10px;background-position:-790px 0}.iti__flag.iti__bz{height:12px;background-position:-812px 0}.iti__flag.iti__ca{height:10px;background-position:-834px 0}.iti__flag.iti__cc{height:10px;background-position:-856px 0}.iti__flag.iti__cd{height:15px;background-position:-878px 0}.iti__flag.iti__cf{height:14px;background-position:-900px 0}.iti__flag.iti__cg{height:14px;background-position:-922px 0}.iti__flag.iti__ch{height:15px;background-position:-944px 0}.iti__flag.iti__ci{height:14px;background-position:-961px 0}.iti__flag.iti__ck{height:10px;background-position:-983px 0}.iti__flag.iti__cl{height:14px;background-position:-1005px 0}.iti__flag.iti__cm{height:14px;background-position:-1027px 0}.iti__flag.iti__cn{height:14px;background-position:-1049px 0}.iti__flag.iti__co{height:14px;background-position:-1071px 0}.iti__flag.iti__cp{height:14px;background-position:-1093px 0}.iti__flag.iti__cq{height:12px;background-position:-1115px 0}.iti__flag.iti__cr{height:12px;background-position:-1137px 0}.iti__flag.iti__cu{height:10px;background-position:-1159px 0}.iti__flag.iti__cv{height:12px;background-position:-1181px 0}.iti__flag.iti__cw{height:14px;background-position:-1203px 0}.iti__flag.iti__cx{height:10px;background-position:-1225px 0}.iti__flag.iti__cy{height:14px;background-position:-1247px 0}.iti__flag.iti__cz{height:14px;background-position:-1269px 0}.iti__flag.iti__de{height:12px;background-position:-1291px 0}.iti__flag.iti__dg{height:10px;background-position:-1313px 0}.iti__flag.iti__dj{height:14px;background-position:-1335px 0}.iti__flag.iti__dk{height:15px;background-position:-1357px 0}.iti__flag.iti__dm{height:10px;background-position:-1379px 0}.iti__flag.iti__do{height:14px;background-position:-1401px 0}.iti__flag.iti__dz{height:14px;background-position:-1423px 0}.iti__flag.iti__ea{height:14px;background-position:-1445px 0}.iti__flag.iti__ec{height:14px;background-position:-1467px 0}.iti__flag.iti__ee{height:13px;background-position:-1489px 0}.iti__flag.iti__eg{height:14px;background-position:-1511px 0}.iti__flag.iti__eh{height:10px;background-position:-1533px 0}.iti__flag.iti__er{height:10px;background-position:-1555px 0}.iti__flag.iti__es{height:14px;background-position:-1577px 0}.iti__flag.iti__et{height:10px;background-position:-1599px 0}.iti__flag.iti__eu{height:14px;background-position:-1621px 0}.iti__flag.iti__ez{height:14px;background-position:-1643px 0}.iti__flag.iti__fi{height:12px;background-position:-1665px 0}.iti__flag.iti__fj{height:10px;background-position:-1687px 0}.iti__flag.iti__fk{height:10px;background-position:-1709px 0}.iti__flag.iti__fm{height:11px;background-position:-1731px 0}.iti__flag.iti__fo{height:15px;background-position:-1753px 0}.iti__flag.iti__fr{height:14px;background-position:-1775px 0}.iti__flag.iti__fx{height:14px;background-position:-1797px 0}.iti__flag.iti__ga{height:15px;background-position:-1819px 0}.iti__flag.iti__gb{height:10px;background-position:-1841px 0}.iti__flag.iti__gd{height:12px;background-position:-1863px 0}.iti__flag.iti__ge{height:14px;background-position:-1885px 0}.iti__flag.iti__gf{height:14px;background-position:-1907px 0}.iti__flag.iti__gg{height:14px;background-position:-1929px 0}.iti__flag.iti__gh{height:14px;background-position:-1951px 0}.iti__flag.iti__gi{height:10px;background-position:-1973px 0}.iti__flag.iti__gl{height:14px;background-position:-1995px 0}.iti__flag.iti__gm{height:14px;background-position:-2017px 0}.iti__flag.iti__gn{height:14px;background-position:-2039px 0}.iti__flag.iti__gp{height:14px;background-position:-2061px 0}.iti__flag.iti__gq{height:14px;background-position:-2083px 0}.iti__flag.iti__gr{height:14px;background-position:-2105px 0}.iti__flag.iti__gs{height:10px;background-position:-2127px 0}.iti__flag.iti__gt{height:13px;background-position:-2149px 0}.iti__flag.iti__gu{height:11px;background-position:-2171px 0}.iti__flag.iti__gw{height:10px;background-position:-2193px 0}.iti__flag.iti__gy{height:12px;background-position:-2215px 0}.iti__flag.iti__hk{height:14px;background-position:-2237px 0}.iti__flag.iti__hm{height:10px;background-position:-2259px 0}.iti__flag.iti__hn{height:10px;background-position:-2281px 0}.iti__flag.iti__hr{height:10px;background-position:-2303px 0}.iti__flag.iti__ht{height:12px;background-position:-2325px 0}.iti__flag.iti__hu{height:10px;background-position:-2347px 0}.iti__flag.iti__ic{height:14px;background-position:-2369px 0}.iti__flag.iti__id{height:14px;background-position:-2391px 0}.iti__flag.iti__ie{height:10px;background-position:-2413px 0}.iti__flag.iti__il{height:15px;background-position:-2435px 0}.iti__flag.iti__im{height:10px;background-position:-2457px 0}.iti__flag.iti__in{height:14px;background-position:-2479px 0}.iti__flag.iti__io{height:10px;background-position:-2501px 0}.iti__flag.iti__iq{height:14px;background-position:-2523px 0}.iti__flag.iti__ir{height:12px;background-position:-2545px 0}.iti__flag.iti__is{height:15px;background-position:-2567px 0}.iti__flag.iti__it{height:14px;background-position:-2589px 0}.iti__flag.iti__je{height:12px;background-position:-2611px 0}.iti__flag.iti__jm{height:10px;background-position:-2633px 0}.iti__flag.iti__jo{height:10px;background-position:-2655px 0}.iti__flag.iti__jp{height:14px;background-position:-2677px 0}.iti__flag.iti__ke{height:14px;background-position:-2699px 0}.iti__flag.iti__kg{height:12px;background-position:-2721px 0}.iti__flag.iti__kh{height:13px;background-position:-2743px 0}.iti__flag.iti__ki{height:10px;background-position:-2765px 0}.iti__flag.iti__km{height:12px;background-position:-2787px 0}.iti__flag.iti__kn{height:14px;background-position:-2809px 0}.iti__flag.iti__kp{height:10px;background-position:-2831px 0}.iti__flag.iti__kr{height:14px;background-position:-2853px 0}.iti__flag.iti__kw{height:10px;background-position:-2875px 0}.iti__flag.iti__ky{height:10px;background-position:-2897px 0}.iti__flag.iti__kz{height:10px;background-position:-2919px 0}.iti__flag.iti__la{height:14px;background-position:-2941px 0}.iti__flag.iti__lb{height:14px;background-position:-2963px 0}.iti__flag.iti__lc{height:10px;background-position:-2985px 0}.iti__flag.iti__li{height:12px;background-position:-3007px 0}.iti__flag.iti__lk{height:10px;background-position:-3029px 0}.iti__flag.iti__lr{height:11px;background-position:-3051px 0}.iti__flag.iti__ls{height:14px;background-position:-3073px 0}.iti__flag.iti__lt{height:12px;background-position:-3095px 0}.iti__flag.iti__lu{height:12px;background-position:-3117px 0}.iti__flag.iti__lv{height:10px;background-position:-3139px 0}.iti__flag.iti__ly{height:10px;background-position:-3161px 0}.iti__flag.iti__ma{height:14px;background-position:-3183px 0}.iti__flag.iti__mc{height:15px;background-position:-3205px 0}.iti__flag.iti__md{height:10px;background-position:-3226px 0}.iti__flag.iti__me{height:10px;background-position:-3248px 0}.iti__flag.iti__mf{height:14px;background-position:-3270px 0}.iti__flag.iti__mg{height:14px;background-position:-3292px 0}.iti__flag.iti__mh{height:11px;background-position:-3314px 0}.iti__flag.iti__mk{height:10px;background-position:-3336px 0}.iti__flag.iti__ml{height:14px;background-position:-3358px 0}.iti__flag.iti__mm{height:14px;background-position:-3380px 0}.iti__flag.iti__mn{height:10px;background-position:-3402px 0}.iti__flag.iti__mo{height:14px;background-position:-3424px 0}.iti__flag.iti__mp{height:10px;background-position:-3446px 0}.iti__flag.iti__mq{height:14px;background-position:-3468px 0}.iti__flag.iti__mr{height:14px;background-position:-3490px 0}.iti__flag.iti__ms{height:10px;background-position:-3512px 0}.iti__flag.iti__mt{height:14px;background-position:-3534px 0}.iti__flag.iti__mu{height:14px;background-position:-3556px 0}.iti__flag.iti__mv{height:14px;background-position:-3578px 0}.iti__flag.iti__mw{height:14px;background-position:-3600px 0}.iti__flag.iti__mx{height:12px;background-position:-3622px 0}.iti__flag.iti__my{height:10px;background-position:-3644px 0}.iti__flag.iti__mz{height:14px;background-position:-3666px 0}.iti__flag.iti__na{height:14px;background-position:-3688px 0}.iti__flag.iti__nc{height:10px;background-position:-3710px 0}.iti__flag.iti__ne{height:15px;background-position:-3732px 0}.iti__flag.iti__nf{height:10px;background-position:-3752px 0}.iti__flag.iti__ng{height:10px;background-position:-3774px 0}.iti__flag.iti__ni{height:12px;background-position:-3796px 0}.iti__flag.iti__nl{height:14px;background-position:-3818px 0}.iti__flag.iti__no{height:15px;background-position:-3840px 0}.iti__flag.iti__np{height:15px;background-position:-3862px 0}.iti__flag.iti__nr{height:10px;background-position:-3877px 0}.iti__flag.iti__nu{height:10px;background-position:-3899px 0}.iti__flag.iti__nz{height:10px;background-position:-3921px 0}.iti__flag.iti__om{height:10px;background-position:-3943px 0}.iti__flag.iti__pa{height:14px;background-position:-3965px 0}.iti__flag.iti__pe{height:14px;background-position:-3987px 0}.iti__flag.iti__pf{height:14px;background-position:-4009px 0}.iti__flag.iti__pg{height:15px;background-position:-4031px 0}.iti__flag.iti__ph{height:10px;background-position:-4053px 0}.iti__flag.iti__pk{height:14px;background-position:-4075px 0}.iti__flag.iti__pl{height:13px;background-position:-4097px 0}.iti__flag.iti__pm{height:14px;background-position:-4119px 0}.iti__flag.iti__pn{height:10px;background-position:-4141px 0}.iti__flag.iti__pr{height:14px;background-position:-4163px 0}.iti__flag.iti__ps{height:10px;background-position:-4185px 0}.iti__flag.iti__pt{height:14px;background-position:-4207px 0}.iti__flag.iti__pw{height:13px;background-position:-4229px 0}.iti__flag.iti__py{height:11px;background-position:-4251px 0}.iti__flag.iti__qa{height:8px;background-position:-4273px 0}.iti__flag.iti__re{height:14px;background-position:-4295px 0}.iti__flag.iti__ro{height:14px;background-position:-4317px 0}.iti__flag.iti__rs{height:14px;background-position:-4339px 0}.iti__flag.iti__ru{height:14px;background-position:-4361px 0}.iti__flag.iti__rw{height:14px;background-position:-4383px 0}.iti__flag.iti__sa{height:14px;background-position:-4405px 0}.iti__flag.iti__sb{height:10px;background-position:-4427px 0}.iti__flag.iti__sc{height:10px;background-position:-4449px 0}.iti__flag.iti__sd{height:10px;background-position:-4471px 0}.iti__flag.iti__se{height:13px;background-position:-4493px 0}.iti__flag.iti__sg{height:14px;background-position:-4515px 0}.iti__flag.iti__sh{height:10px;background-position:-4537px 0}.iti__flag.iti__si{height:10px;background-position:-4559px 0}.iti__flag.iti__sj{height:15px;background-position:-4581px 0}.iti__flag.iti__sk{height:14px;background-position:-4603px 0}.iti__flag.iti__sl{height:14px;background-position:-4625px 0}.iti__flag.iti__sm{height:15px;background-position:-4647px 0}.iti__flag.iti__sn{height:14px;background-position:-4669px 0}.iti__flag.iti__so{height:14px;background-position:-4691px 0}.iti__flag.iti__sr{height:14px;background-position:-4713px 0}.iti__flag.iti__ss{height:10px;background-position:-4735px 0}.iti__flag.iti__st{height:10px;background-position:-4757px 0}.iti__flag.iti__su{height:10px;background-position:-4779px 0}.iti__flag.iti__sv{height:12px;background-position:-4801px 0}.iti__flag.iti__sx{height:14px;background-position:-4823px 0}.iti__flag.iti__sy{height:14px;background-position:-4845px 0}.iti__flag.iti__sz{height:14px;background-position:-4867px 0}.iti__flag.iti__ta{height:10px;background-position:-4889px 0}.iti__flag.iti__tc{height:10px;background-position:-4911px 0}.iti__flag.iti__td{height:14px;background-position:-4933px 0}.iti__flag.iti__tf{height:14px;background-position:-4955px 0}.iti__flag.iti__tg{height:13px;background-position:-4977px 0}.iti__flag.iti__th{height:14px;background-position:-4999px 0}.iti__flag.iti__tj{height:10px;background-position:-5021px 0}.iti__flag.iti__tk{height:10px;background-position:-5043px 0}.iti__flag.iti__tl{height:10px;background-position:-5065px 0}.iti__flag.iti__tm{height:14px;background-position:-5087px 0}.iti__flag.iti__tn{height:14px;background-position:-5109px 0}.iti__flag.iti__to{height:10px;background-position:-5131px 0}.iti__flag.iti__tr{height:14px;background-position:-5153px 0}.iti__flag.iti__tt{height:12px;background-position:-5175px 0}.iti__flag.iti__tv{height:10px;background-position:-5197px 0}.iti__flag.iti__tw{height:14px;background-position:-5219px 0}.iti__flag.iti__tz{height:14px;background-position:-5241px 0}.iti__flag.iti__ua{height:14px;background-position:-5263px 0}.iti__flag.iti__ug{height:14px;background-position:-5285px 0}.iti__flag.iti__uk{height:10px;background-position:-5307px 0}.iti__flag.iti__um{height:11px;background-position:-5329px 0}.iti__flag.iti__un{height:14px;background-position:-5351px 0}.iti__flag.iti__us{height:11px;background-position:-5373px 0}.iti__flag.iti__uy{height:14px;background-position:-5395px 0}.iti__flag.iti__uz{height:10px;background-position:-5417px 0}.iti__flag.iti__va{height:15px;background-position:-5439px 0}.iti__flag.iti__vc{height:14px;background-position:-5456px 0}.iti__flag.iti__ve{height:14px;background-position:-5478px 0}.iti__flag.iti__vg{height:10px;background-position:-5500px 0}.iti__flag.iti__vi{height:14px;background-position:-5522px 0}.iti__flag.iti__vn{height:14px;background-position:-5544px 0}.iti__flag.iti__vu{height:12px;background-position:-5566px 0}.iti__flag.iti__wf{height:14px;background-position:-5588px 0}.iti__flag.iti__ws{height:10px;background-position:-5610px 0}.iti__flag.iti__xk{height:15px;background-position:-5632px 0}.iti__flag.iti__ye{height:14px;background-position:-5654px 0}.iti__flag.iti__yt{height:14px;background-position:-5676px 0}.iti__flag.iti__za{height:14px;background-position:-5698px 0}.iti__flag.iti__zm{height:14px;background-position:-5720px 0}.iti__flag.iti__zw{height:10px;background-position:-5742px 0}.iti__flag{height:15px;box-shadow:0 0 1px #888;background-image:url("./media/flags-6C4T4GAU.png?1");background-repeat:no-repeat;background-color:#dbdbdb;background-position:20px 0}@media (min-resolution:2x){.iti__flag{background-image:url("./media/flags@2x-O7DSVWO7.png?1")}}.iti__flag.iti__np{background-color:transparent}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width: 768px){html{-webkit-text-size-adjust:115%;text-size-adjust:115%}}html.modal-open-no-scroll{overflow:hidden!important}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1rem;color:#1a1a1a;background-color:#fff;margin:0;padding:0}body.tutorial-active{overflow:auto}body.tutorial-active .tutorial-highlight{position:relative;z-index:10005!important;pointer-events:auto!important;isolation:isolate;box-shadow:0 0 0 4px #3b82f699,0 0 20px #3b82f666!important;border-radius:8px}body.tutorial-active .add-items-placeholder.tutorial-highlight,body.tutorial-active .view-toggle .view-toggle-btn.tutorial-highlight:not(.active),body.tutorial-active .tutorial-highlight.btn-outline-primary,body.tutorial-active .tutorial-highlight.btn-outline-secondary,body.tutorial-active .tutorial-highlight.btn-outline-danger,body.tutorial-active .tutorial-highlight.btn-outline-success{background-color:#fff!important}body.tutorial-active .tutorial-highlight-readonly,body.tutorial-active .tutorial-highlight-readonly *{pointer-events:none!important}body.modal-open-no-scroll{overflow:hidden!important;position:fixed!important;width:100%!important;left:0;right:0}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:.5rem}p{margin-bottom:1rem}a{color:#1a56db;text-decoration:none;transition:color .2s}a:hover{color:#3182ce}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mt-5{margin-top:2rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:2rem}.form-control{width:100%;padding:.625rem .875rem;font-size:.875rem;font-weight:400;line-height:1.5;color:var(--color-text-primary);background-color:#fff;background-clip:padding-box;border:1px solid var(--color-border);border-radius:var(--border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control:focus{color:var(--color-text-primary);background-color:#fff;border-color:var(--color-primary);outline:0;box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.form-control::placeholder{color:var(--color-text-tertiary);opacity:1}.form-control:disabled,.form-control[readonly]{background-color:var(--color-background);opacity:1}textarea.form-control{resize:vertical;min-height:100px}select.form-control{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;padding-right:2.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.form-group .form-text{display:block;margin-top:.25rem;font-size:.75rem;color:var(--color-text-tertiary)}.form-check{display:flex;align-items:center;padding-left:0;margin-bottom:.5rem}.form-check input[type=checkbox],.form-check input[type=radio]{width:1.125rem;height:1.125rem;margin-right:.5rem;cursor:pointer}.form-check label{margin-bottom:0;cursor:pointer}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:1rem}.p-4{padding:1.5rem}.p-5{padding:2rem}:root{--color-primary: #1a56db;--color-primary-hover: #3182ce;--color-primary-light: rgb(26 86 219 / 10%);--color-secondary: #718096;--color-secondary-hover: #4a5568;--color-success: #16a34a;--color-success-light: #d1fae5;--color-success-dark: #276749;--color-danger: #ef4444;--color-danger-light: #fee2e2;--color-danger-dark: #c53030;--color-warning: #f59e0b;--color-warning-light: #fef3c7;--color-warning-dark: #744210;--color-info: #3b82f6;--color-info-light: #dbeafe;--color-info-dark: #1e40af;--color-text: #1a1a1a;--color-text-secondary: #718096;--color-border: #CDD2D8;--color-background: rgb(26 86 219 / 3%);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--transition-fast: .15s ease-in-out;--transition-base: .2s ease-in-out;--transition-slow: .3s ease-in-out}.form-control{width:100%;padding:.75rem 1rem;font-size:1rem;font-family:inherit;line-height:1.5;color:var(--color-text);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-base)}.form-control::placeholder{color:var(--color-text-secondary);opacity:.7}.form-control:focus{outline:none;background-color:#fff;border-color:var(--color-primary);box-shadow:0 0 0 3px #4299e11a}.form-control:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.6}.form-control.is-invalid{border-color:var(--color-danger);background-color:#fff5f5}.form-control.is-invalid:focus{border-color:var(--color-danger);box-shadow:0 0 0 3px #fc81811a}.form-control.is-valid{border-color:var(--color-success)}.form-control.is-valid:focus{border-color:var(--color-success);box-shadow:0 0 0 3px #48bb781a}textarea.form-control{min-height:100px;resize:vertical}select.form-control{appearance:none;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='%23718096' d='M10.293 3.293L6 7.586 1.707 3.293A1 1 0 00.293 4.707l5 5a1 1 0 001.414 0l5-5a1 1 0 10-1.414-1.414z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}input[type=date].form-control,input[type=time].form-control,input[type=datetime-local].form-control{-webkit-appearance:none;appearance:none;position:relative;background-repeat:no-repeat;background-position:right 1rem center;background-size:16px 16px;padding-right:2.5rem}input[type=date].form-control::-webkit-date-and-time-value,input[type=time].form-control::-webkit-date-and-time-value,input[type=datetime-local].form-control::-webkit-date-and-time-value{text-align:left;min-height:1.5em;line-height:1.5em}input[type=date].form-control::-webkit-calendar-picker-indicator,input[type=time].form-control::-webkit-calendar-picker-indicator,input[type=datetime-local].form-control::-webkit-calendar-picker-indicator{position:absolute;inset:0;width:auto;height:auto;opacity:0;cursor:pointer}input[type=date].form-control,input[type=datetime-local].form-control{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23718096' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5'/%3E%3C/svg%3E")}input[type=time].form-control{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23718096' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z'/%3E%3C/svg%3E")}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;margin-bottom:var(--spacing-sm);font-size:.875rem;font-weight:500;color:var(--color-text)}.form-group small{display:block;margin-top:var(--spacing-xs);font-size:.75rem;color:var(--color-text-secondary)}.form-checkbox,.form-radio{display:flex;align-items:center;cursor:pointer}.form-checkbox input[type=checkbox],.form-checkbox input[type=radio],.form-radio input[type=checkbox],.form-radio input[type=radio]{width:1.25rem;height:1.25rem;margin-right:var(--spacing-sm);cursor:pointer}.form-checkbox label,.form-radio label{margin:0;cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;line-height:1;text-align:center;text-decoration:none;border:none;border-radius:var(--radius-md);cursor:pointer}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn.btn-lg{padding:1rem 2rem;font-size:1.125rem}.btn.btn-block{width:100%}.btn.btn-primary{background-color:var(--color-primary);color:#fff}.btn.btn-primary:hover:not(:disabled){filter:brightness(.9);transform:translateY(-1px)}.btn.btn-primary:active:not(:disabled){transform:translateY(0)}.btn.btn-secondary{background-color:#e2e8f0;color:var(--color-text)}.btn.btn-secondary:hover:not(:disabled){background-color:#cbd5e0}.btn.btn-success{background-color:var(--color-success);color:#fff}.btn.btn-success:hover:not(:disabled){background-color:#38a169}.btn.btn-danger{background-color:#e53e3e;color:#fff}.btn.btn-danger:hover:not(:disabled){background-color:#c53030}.btn.btn-outline-primary{background-color:transparent;color:var(--color-primary);border:1.5px solid var(--color-primary)}.btn.btn-outline-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark, #1a56db) 100%);color:#fff}.btn.btn-icon{padding:.75rem}.btn.btn-icon.btn-sm{padding:.5rem}.card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow var(--transition-base);width:100%;box-sizing:border-box}.card:hover{box-shadow:var(--shadow-md)}.card .card-header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.card .card-header h1,.card .card-header h2,.card .card-header h3,.card .card-header h4,.card .card-header h5,.card .card-header h6{margin:0}.card .card-body{padding:var(--spacing-lg)}.card .card-footer{padding:var(--spacing-lg);border-top:1px solid var(--color-border);background-color:var(--color-background)}.card.card-bordered{border:1px solid var(--color-border)}.card.card-hoverable{cursor:pointer}.card.card-hoverable:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.alert{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-size:.875rem;margin-bottom:var(--spacing-md);display:flex;align-items:center}.alert.alert-success{background-color:var(--color-success-light);color:var(--color-success-dark);border:1px solid var(--color-success)}.alert.alert-error,.alert.alert-danger{background-color:var(--color-danger-light);color:var(--color-danger-dark);border:1px solid var(--color-danger)}.alert.alert-warning{background-color:var(--color-warning-light);color:var(--color-warning-dark);border:1px solid var(--color-warning)}.alert.alert-info{background-color:var(--color-primary-light);color:var(--color-primary-hover);border:1px solid var(--color-primary)}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-weight:600;color:var(--color-text);padding:var(--spacing-md);border-bottom:1px solid var(--color-border);background-color:var(--color-background)}.table td{padding:var(--spacing-md);border-bottom:1px solid var(--color-border)}.table tr:hover{background-color:var(--color-background)}.table.table-striped tbody tr:nth-child(odd){background-color:#f9fafb}.badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem;font-weight:600;border-radius:var(--radius-full);line-height:1}.badge.badge-primary{background-color:var(--color-primary-light);color:var(--color-primary-hover)}.badge.badge-success{background-color:var(--color-success-light);color:var(--color-success-dark)}.badge.badge-danger{background-color:var(--color-danger-light);color:var(--color-danger-dark)}.badge.badge-warning{background-color:var(--color-warning-light);color:var(--color-warning-dark)}.badge.badge-info{background-color:var(--color-info-light);color:var(--color-info-dark)}.badge.badge-secondary{background-color:var(--color-background-secondary);color:var(--color-text-secondary)}.modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md)}.modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080}.modal-content{position:relative;background:#fff;border-radius:var(--radius-lg);max-width:600px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.modal-header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--color-text)}.modal-body{padding:var(--spacing-lg);overflow-y:auto;flex:1}.modal-footer{padding:var(--spacing-lg);border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;gap:var(--spacing-md)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.grid{display:grid;gap:var(--spacing-lg)}.grid.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 768px){.grid.grid-cols-2,.grid.grid-cols-3,.grid.grid-cols-4{grid-template-columns:1fr}}.flex{display:flex}.flex.flex-center{align-items:center;justify-content:center}.flex.flex-between{justify-content:space-between}.flex.flex-end{justify-content:flex-end}.flex.gap-sm{gap:var(--spacing-sm)}.flex.gap-md{gap:var(--spacing-md)}.flex.gap-lg{gap:var(--spacing-lg)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a0aec0}:focus{outline:none;box-shadow:0 0 0 3px #4299e14d}.loading{position:relative;pointer-events:none;opacity:.6}.spinner{display:inline-block;width:40px;height:40px;border:2px solid #f3f3f3;border-top:2px solid #4299e1;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){html{font-size:14px}}.iti:not(.iti--container){width:100%}.iti__flag-container{z-index:10}.iti__selected-flag{padding:0 0 0 8px}@media print{body{font-size:12pt}.no-print{display:none!important}}.checkbox-group{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:.875rem;color:var(--color-text-secondary);cursor:pointer;line-height:1.4}.checkbox-label input[type=checkbox]{margin:0;flex-shrink:0;cursor:pointer;vertical-align:middle}.checkbox-label span,.checkbox-label>label{line-height:1.4}.invalid-feedback{margin-top:var(--spacing-xs);font-size:.875rem;color:var(--color-danger-dark)}.link{color:var(--color-primary);text-decoration:none;font-size:.875rem;transition:color var(--transition-base)}.link:hover{color:var(--color-primary-hover);text-decoration:underline}.btn-outline-secondary{background-color:#fff;color:var(--color-text-secondary);border:1.5px solid var(--color-text-secondary)}.btn.btn-outline-secondary:hover:not(:disabled){background-color:var(--color-text-secondary);color:#fff}.btn-outline-success{background-color:#fff;color:var(--color-success);border:1.5px solid var(--color-success)}.btn.btn-outline-success:hover:not(:disabled){background-color:var(--color-success);color:#fff}.btn-outline-danger{background-color:#fff;color:var(--color-danger);border:1.5px solid var(--color-danger)}.btn.btn-outline-danger:hover:not(:disabled){background-color:var(--color-danger);color:#fff}.btn-close{background:none;border:none;font-size:1.5rem;color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-sm);transition:color var(--transition-base)}.btn-close:hover{color:var(--color-text)}.empty-message{font-size:.875rem;color:var(--color-text-tertiary);font-style:italic;margin:0}.mycursorr{width:25px;margin-left:10px;position:relative;top:2px;opacity:.3;cursor:pointer}.mycursorr2{top:6px}.vursoetp:focus{box-shadow:none!important}@media (max-width: 522px){.vursoetp{display:none!important}.mobilecard{flex-direction:column!important}.plusright{margin-right:0!important}.plusleft{margin-left:0!important}.picolepolice{position:absolute;right:10px;top:10px}.thetitos{display:flex;flex-direction:row-reverse;justify-content:start;align-items:center;gap:.5rem}}.cdk-drag-preview{visibility:hidden!important}.cdk-drag-preview .cdk-drag-placeholder{background:linear-gradient(45deg,#4299e11a 25%,#4299e10d 25% 50%,#4299e11a 50% 75%,#4299e10d 75%,#4299e10d)!important;background-size:20px 20px!important;border:2px dashed var(--color-primary)!important;border-radius:8px!important;min-height:100px!important;animation:slide 1s linear infinite!important}@keyframes slide{0%{background-position:0 0}to{background-position:20px 20px}}.cdk-drag-preview .cdk-drop-list-dragging .cdk-drag-placeholder{border-color:var(--color-success)!important;background:#48bb781a!important}.cdk-drag-preview .cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.mobile-nav-scroll{background:var(--color-background)}.icon-help{display:inline-block;width:1rem;height:1rem;margin-left:.25rem;color:var(--color-text-secondary);cursor:help;vertical-align:text-bottom}.actions .btn-sm,.actions-menu .btn-sm{box-shadow:var(--shadow-md)!important}.filters-section{padding-top:1rem!important;transition:box-shadow var(--transition-base);box-shadow:var(--shadow-md)!important;border:1px solid var(--color-border)}.table-container{box-shadow:var(--shadow-md)!important;margin-bottom:10px;border-radius:8px;border:1px solid var(--color-border)}.btn-primary,.btn-secondary{box-shadow:var(--shadow-md)!important;text-box:trim-both cap alphabetic}.btn-outline-primary,.product-type-item,.badge,.store-count{box-shadow:var(--shadow-md)!important}.type-badge{box-shadow:var(--shadow-md)!important;border-radius:8px!important}.event-time{border-radius:8px}table th{font-size:14px!important;font-weight:350!important;color:var(--color-text-secondary)!important}.user-button{box-shadow:var(--shadow-md)!important}table tr:last-child td{border-bottom:none!important}.filters-section .form-control{background:#fff!important}thead th{text-transform:uppercase}.nav-label{font-size:.9375rem!important;font-weight:500!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important}.nav-description{opacity:.82}.image-upload .image-container{border-radius:8px!important}.widget-card,.settings-card{border:1px solid var(--color-border)}.onboarding-modal .mat-mdc-dialog-container{padding:0!important;border-radius:12px!important;overflow:hidden!important}.onboarding-modal .mat-mdc-dialog-surface{border-radius:12px!important;overflow:hidden!important}.mat-mdc-dialog-container{--mdc-dialog-container-shape: 12px}.cdk-overlay-dark-backdrop{background:#00000080}.iti.iti--container{z-index:99999!important}.iti__dropdown-content{z-index:99999!important;max-height:200px;overflow-y:auto;background:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 4px 12px #00000026}.iti__country{padding:8px 10px;cursor:pointer}.iti__country:hover{background-color:#f0f0f0}.iti__country.iti__highlight{background-color:#e8e8e8}.filters-section .form-control{padding:.5rem .8rem!important}.xp-scope{--color-primary: #1a56db;--color-primary-rgb: 26, 86, 219;--color-primary-light: #1a56db1a;--color-primary-dark: #1747b8;--color-text-primary: #1a1a1a;--color-text-secondary: #6b7280;--color-text-tertiary: #9ca3af;--color-text-inverse: #ffffff;--color-bg-primary: #ffffff;--color-bg-secondary: #f9fafb;--color-bg-tertiary: #f3f4f6;--color-border: #cdd2d8;--color-border-focus: #1a56db;--color-text: var(--color-text-primary);--color-background: var(--color-bg-secondary);--color-success: #16a34a;--color-success-light: #d1fae5;--color-success-dark: #276749;--color-danger: #ef4444;--color-danger-light: #fee2e2;--color-danger-dark: #c53030;--color-warning: #f59e0b;--color-warning-light: #fef3c7;--color-warning-dark: #744210;--color-info: #3b82f6;--color-info-light: #dbeafe;--color-info-dark: #1e40af;--color-delivered: #7c3aed;--color-delivered-light: #ede9fe;--color-delivered-dark: #5b21b6;--color-messaging: #06b6d4;--color-messaging-light: #cffafe;--color-messaging-dark: #155e75;--color-pink: #d946ef;--color-pink-light: #fae8ff;--color-pink-dark: #86198f;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -1px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-size-xxs: .72rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--input-height: 48px;--btn-height: 48px;--icon-btn-size: 40px;--container-narrow: 400px}.xp-scope .xp-auth-container{position:fixed;inset:0;background:var(--color-bg-secondary);overflow-y:auto;-webkit-overflow-scrolling:touch}.xp-scope .xp-auth-content{width:100%;max-width:var(--container-narrow);margin:0 auto;padding:var(--spacing-lg);padding-top:calc(env(safe-area-inset-top) + var(--spacing-xl));padding-bottom:calc(env(safe-area-inset-bottom) + 80px);min-height:100%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}.xp-scope .xp-auth-card{background:var(--color-bg-primary);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-lg);border:1px solid var(--color-border)}.xp-scope .xp-auth-header{margin-bottom:var(--spacing-lg)}.xp-scope .xp-auth-footer{text-align:center;margin-top:var(--spacing-lg);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.xp-scope .xp-auth-footer .xp-link{margin-left:var(--spacing-xs)}.xp-scope .xp-form-title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--spacing-md);text-align:center}.xp-scope .xp-form-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-lg);text-align:center}.xp-scope .xp-form-group{margin-bottom:var(--spacing-md)}.xp-scope .xp-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}@media (max-width: 380px){.xp-scope .xp-form-row{grid-template-columns:1fr}}.xp-scope .xp-form-label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.xp-scope .xp-form-label-hint{font-weight:400;color:var(--color-text-tertiary)}.xp-scope .xp-form-options{display:flex;justify-content:flex-end;margin-bottom:var(--spacing-lg)}.xp-scope .xp-form-icon{width:64px;height:64px;background:var(--color-primary-light);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-lg)}.xp-scope .xp-form-icon svg{width:32px;height:32px;color:var(--color-primary)}.xp-scope .xp-form-error{display:block;font-size:var(--font-size-xs);color:var(--color-danger);margin-top:var(--spacing-xs);padding-left:var(--spacing-xs)}.xp-scope .xp-form-hint{display:block;font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:var(--spacing-xs);padding-left:var(--spacing-xs)}.xp-scope .xp-input-wrapper{position:relative;display:flex;align-items:center;background:var(--color-bg-secondary);border:1.5px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-base)}.xp-scope .xp-input-wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.xp-scope .xp-input-wrapper.is-error{border-color:var(--color-danger);background:var(--color-danger-light)}.xp-scope .xp-input-wrapper.is-error:focus-within{box-shadow:0 0 0 3px #ef44441a}.xp-scope .xp-input{flex:1;width:100%;padding:14px 16px;font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--color-text-primary);background:transparent;border:none;outline:none}.xp-scope .xp-input::placeholder{color:var(--color-text-tertiary)}.xp-scope textarea.xp-input{resize:vertical;min-height:96px}.xp-scope .xp-search-input-wrapper{position:relative;display:flex;align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);transition:all var(--transition-base)}.xp-scope .xp-search-input-wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.xp-scope .xp-search-input-wrapper .xp-input{padding:10px 12px;font-size:var(--font-size-sm)}.xp-scope .xp-search-input-wrapper .xp-input-prefix{padding-left:var(--spacing-md)}.xp-scope .xp-search-input-wrapper .xp-input-prefix svg{width:16px;height:16px}.xp-scope .xp-input-prefix{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding-left:var(--spacing-md);color:var(--color-text-tertiary)}.xp-scope .xp-input-prefix svg{width:18px;height:18px}.xp-scope .xp-input-suffix{flex-shrink:0;padding-right:var(--spacing-md);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-tertiary)}.xp-scope .xp-select-wrapper{position:relative;min-width:180px}.xp-scope .xp-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);width:100%;padding:10px var(--spacing-md);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--color-text-primary);cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);text-align:left}.xp-scope .xp-select-trigger:hover{border-color:var(--color-text-tertiary)}.xp-scope .xp-select-trigger.has-selection{border-color:var(--color-primary);color:var(--color-primary);font-weight:500}.xp-scope .xp-select-trigger:disabled{opacity:.5;cursor:not-allowed}.xp-scope .xp-select-trigger>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xp-scope .xp-select-chevron{width:16px;height:16px;color:var(--color-text-secondary);flex-shrink:0;transition:transform var(--transition-base)}.xp-scope .xp-select-chevron.open{transform:rotate(180deg)}.xp-scope .xp-select-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:4px;z-index:101;max-height:280px;overflow-y:auto;animation:xp-select-fade var(--transition-fast) ease-out}.xp-scope .xp-select-backdrop{position:fixed;inset:0;z-index:100}@keyframes xp-select-fade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.xp-scope .xp-select-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:9px var(--spacing-sm);background:transparent;border:none;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--color-text-primary);text-align:left;cursor:pointer;transition:background var(--transition-fast)}.xp-scope .xp-select-option:hover{background:var(--color-bg-tertiary)}.xp-scope .xp-select-option.active{background:var(--color-primary-light);color:var(--color-primary);font-weight:500}.xp-scope .xp-select-option svg{width:16px;height:16px;flex-shrink:0}.xp-scope select.xp-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;padding-right:48px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%236b7280'><path fill-rule='evenodd' d='M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z' clip-rule='evenodd'/></svg>");background-repeat:no-repeat;background-position:right 14px center;background-size:16px 16px}.xp-scope .xp-input-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:none;cursor:pointer;color:var(--color-text-tertiary);transition:color var(--transition-fast)}.xp-scope .xp-input-toggle:hover{color:var(--color-text-secondary)}.xp-scope .xp-input-toggle svg{width:20px;height:20px}.xp-scope .xp-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:12px 20px;font-size:var(--font-size-base);font-weight:600;font-family:var(--font-family);line-height:1.2;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);text-decoration:none;white-space:nowrap}.xp-scope .xp-btn:disabled{opacity:.6;cursor:not-allowed}.xp-scope .xp-btn-primary{background:var(--color-primary);color:#fff}.xp-scope .xp-btn-primary:hover:not(:disabled){opacity:.85;transform:translateY(-1px);box-shadow:var(--shadow-md)}.xp-scope .xp-btn-primary:active:not(:disabled){transform:translateY(0)}.xp-scope .xp-btn-primary svg{width:20px;height:20px}.xp-scope .xp-btn-outline-secondary{background:var(--color-bg-primary);color:var(--color-text-secondary);border:1.5px solid var(--color-border)}.xp-scope .xp-btn-outline-secondary:hover:not(:disabled){background:var(--color-bg-tertiary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.xp-scope .xp-btn-outline-secondary:active:not(:disabled){transform:translateY(0)}.xp-scope .xp-btn-outline-secondary svg{width:20px;height:20px}.xp-scope .xp-btn-outline-primary{background:transparent;color:var(--color-primary);border:1.5px solid var(--color-primary)}.xp-scope .xp-btn-outline-primary:hover:not(:disabled){background:var(--color-primary-light);transform:translateY(-1px);box-shadow:var(--shadow-md)}.xp-scope .xp-btn-outline-primary:active:not(:disabled){transform:translateY(0)}.xp-scope .xp-btn-outline-primary svg{width:20px;height:20px}.xp-scope .xp-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.xp-scope .xp-action-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:88px;padding:var(--spacing-md) var(--spacing-sm);border:none;border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:600;text-align:center;cursor:pointer;line-height:1.2;transition:opacity var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.xp-scope .xp-action-tile svg{width:26px;height:26px;flex-shrink:0}.xp-scope .xp-action-tile span{display:block}.xp-scope .xp-action-tile:hover:not(:disabled){opacity:.92;transform:translateY(-1px);box-shadow:var(--shadow-md)}.xp-scope .xp-action-tile:active:not(:disabled){transform:translateY(0)}.xp-scope .xp-action-tile:disabled{opacity:.5;cursor:not-allowed}.xp-scope .xp-action-tile.xp-action-tile-wide{grid-column:1/-1;flex-direction:row;min-height:56px}.xp-scope .xp-action-tile.xp-action-tile-wide svg{width:22px;height:22px}.xp-scope .xp-action-tile-neutral{background:var(--color-bg-primary);color:var(--color-text-primary);border:1.5px solid var(--color-border)}.xp-scope .xp-action-tile-secondary{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.xp-scope .xp-action-tile-primary{background:var(--color-primary);color:#fff}.xp-scope .xp-action-tile-success{background:var(--color-success);color:#fff}.xp-scope .xp-action-tile-warning{background:var(--color-warning);color:#fff}.xp-scope .xp-action-tile-danger{background:var(--color-danger);color:#fff}.xp-scope .xp-action-tile-messaging{background:var(--color-messaging);color:#fff}.xp-scope .xp-action-tile-outline-primary{background:transparent;color:var(--color-primary);border:1.5px solid var(--color-primary)}.xp-scope .xp-action-tile-outline-primary:hover:not(:disabled){background:var(--color-primary-light)}.xp-scope .xp-action-tile-outline-warning{background:transparent;color:var(--color-warning);border:1.5px solid var(--color-warning)}.xp-scope .xp-action-tile-outline-warning:hover:not(:disabled){background:var(--color-warning-light)}.xp-scope .xp-action-tile-outline-danger{background:transparent;color:var(--color-danger);border:1.5px solid var(--color-danger)}.xp-scope .xp-action-tile-outline-danger:hover:not(:disabled){background:var(--color-danger-light)}.xp-scope .xp-action-tile-outline-messaging{background:transparent;color:var(--color-messaging);border:1.5px solid var(--color-messaging)}.xp-scope .xp-action-tile-outline-messaging:hover:not(:disabled){background:var(--color-messaging-light)}.xp-scope .xp-action-tile-outline-delivered{background:transparent;color:var(--color-delivered);border:1.5px solid var(--color-delivered)}.xp-scope .xp-action-tile-outline-delivered:hover:not(:disabled){background:var(--color-delivered-light)}.xp-scope .xp-btn-outline-warning{background:transparent;color:var(--color-warning);border:1.5px solid var(--color-warning)}.xp-scope .xp-btn-outline-warning:hover:not(:disabled){background:var(--color-warning-light);transform:translateY(-1px);box-shadow:var(--shadow-md)}.xp-scope .xp-btn-outline-warning:active:not(:disabled){transform:translateY(0)}.xp-scope .xp-btn-outline-warning svg{width:20px;height:20px}.xp-scope .xp-btn-outline-danger{background:transparent;color:var(--color-danger);border:1.5px solid var(--color-danger)}.xp-scope .xp-btn-outline-danger:hover:not(:disabled){background:var(--color-danger-light);transform:translateY(-1px);box-shadow:var(--shadow-md)}.xp-scope .xp-btn-outline-danger:active:not(:disabled){transform:translateY(0)}.xp-scope .xp-btn-outline-danger svg{width:20px;height:20px}.xp-scope .xp-btn-outline-success{background:transparent;color:var(--color-success);border:1.5px solid var(--color-success)}.xp-scope .xp-btn-outline-success:hover:not(:disabled){background:var(--color-success-light);transform:translateY(-1px);box-shadow:var(--shadow-md)}.xp-scope .xp-btn-outline-success:active:not(:disabled){transform:translateY(0)}.xp-scope .xp-btn-outline-success svg{width:20px;height:20px}.xp-scope .xp-btn-ghost{background:transparent;color:var(--color-primary)}.xp-scope .xp-btn-ghost:hover:not(:disabled){background:var(--color-primary-light);transform:translateY(-1px);box-shadow:var(--shadow-md)}.xp-scope .xp-btn-ghost:active:not(:disabled){transform:translateY(0)}.xp-scope .xp-btn-ghost svg{width:20px;height:20px}.xp-scope .xp-btn-warning{background:var(--color-warning);color:#fff}.xp-scope .xp-btn-warning:hover:not(:disabled){opacity:.85;transform:translateY(-1px);box-shadow:var(--shadow-md)}.xp-scope .xp-btn-warning:active:not(:disabled){transform:translateY(0)}.xp-scope .xp-btn-warning svg{width:20px;height:20px}.xp-scope .xp-btn-danger{background:var(--color-danger);color:#fff}.xp-scope .xp-btn-danger:hover:not(:disabled){opacity:.85;transform:translateY(-1px);box-shadow:var(--shadow-md)}.xp-scope .xp-btn-danger:active:not(:disabled){transform:translateY(0)}.xp-scope .xp-btn-danger svg{width:20px;height:20px}.xp-scope .xp-btn-success{background:var(--color-success);color:#fff}.xp-scope .xp-btn-success:hover:not(:disabled){opacity:.85;transform:translateY(-1px);box-shadow:var(--shadow-md)}.xp-scope .xp-btn-success:active:not(:disabled){transform:translateY(0)}.xp-scope .xp-btn-success svg{width:20px;height:20px}.xp-scope .xp-btn-sm{padding:8px 14px;font-size:var(--font-size-sm)}.xp-scope .xp-btn-lg{padding:14px 24px}.xp-scope .xp-btn-block{width:100%}.xp-scope .xp-btn-icon{display:inline-flex;align-items:center;justify-content:center;width:var(--icon-btn-size);height:var(--icon-btn-size);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;color:var(--color-text-primary);transition:all var(--transition-fast);box-shadow:var(--shadow-sm);padding:0}.xp-scope .xp-btn-icon:hover:not(:disabled){background:var(--color-bg-secondary);transform:scale(1.05)}.xp-scope .xp-btn-icon:active:not(:disabled){transform:scale(.95)}.xp-scope .xp-btn-icon:disabled{opacity:.6;cursor:not-allowed}.xp-scope .xp-btn-icon svg{width:20px;height:20px}.xp-scope .xp-btn-icon.xp-btn-icon-sm{width:32px;height:32px}.xp-scope .xp-btn-icon.xp-btn-icon-sm svg{width:16px;height:16px}.xp-scope .xp-btn-icon-flat{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:var(--color-bg-primary);border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-secondary);border:1.5px solid var(--color-border);transition:all var(--transition-fast)}.xp-scope .xp-btn-icon-flat svg{width:18px;height:18px}.xp-scope .xp-btn-icon-flat:hover:not(:disabled){background:var(--color-bg-tertiary);color:var(--color-text-primary)}.xp-scope .xp-btn-icon-flat:disabled{opacity:.5;cursor:not-allowed}.xp-scope .xp-btn-icon-flat.is-primary{color:var(--color-primary);border:1px solid var(--color-primary)}.xp-scope .xp-btn-icon-flat.is-primary:hover:not(:disabled){background:var(--color-primary-light);color:var(--color-primary)}.xp-scope .xp-btn-icon-flat.is-danger{color:var(--color-danger);border:1px solid var(--color-danger)}.xp-scope .xp-btn-icon-flat.is-danger:hover:not(:disabled){background:var(--color-danger-light);color:var(--color-danger)}.xp-scope .xp-btn-icon-flat.is-success{color:var(--color-success);border:1px solid var(--color-success)}.xp-scope .xp-btn-icon-flat.is-success:hover:not(:disabled){background:var(--color-success-light);color:var(--color-success)}.xp-scope .xp-btn-icon-flat.is-warning{color:var(--color-warning);border:1px solid var(--color-warning)}.xp-scope .xp-btn-icon-flat.is-warning:hover:not(:disabled){background:var(--color-warning-light);color:var(--color-warning)}.xp-scope .xp-btn-icon-flat.xp-btn-icon-touch{width:44px;height:44px}.xp-scope .xp-btn-icon-flat.xp-btn-icon-touch svg{width:20px;height:20px}.xp-scope .xp-stat-pill{appearance:none;display:inline-flex;align-items:baseline;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);border:1px solid transparent;background:var(--color-bg-secondary);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;white-space:nowrap;min-width:0;transition:background var(--transition-base),color var(--transition-base),transform var(--transition-fast),box-shadow var(--transition-base)}.xp-scope .xp-stat-pill:hover:not(.xp-stat-pill-active):not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-sm)}.xp-scope .xp-stat-pill:active:not(:disabled){transform:scale(.97)}.xp-scope .xp-stat-pill:disabled{opacity:.6;cursor:not-allowed}.xp-scope .xp-stat-pill .xp-stat-pill-value{font-weight:800;font-variant-numeric:tabular-nums}.xp-scope .xp-stat-pill .xp-stat-pill-label{font-weight:500;overflow:hidden;text-overflow:ellipsis}.xp-scope .xp-stat-pill.is-warning{--stat-bg: var(--color-warning-light);--stat-fg: var(--color-warning);--stat-solid: var(--color-warning);background:var(--stat-bg);color:var(--stat-fg)}.xp-scope .xp-stat-pill.is-primary{--stat-bg: var(--color-primary-light);--stat-fg: var(--color-primary);--stat-solid: var(--color-primary);background:var(--stat-bg);color:var(--stat-fg)}.xp-scope .xp-stat-pill.is-success{--stat-bg: var(--color-success-light);--stat-fg: var(--color-success);--stat-solid: var(--color-success);background:var(--stat-bg);color:var(--stat-fg)}.xp-scope .xp-stat-pill.is-danger{--stat-bg: var(--color-danger-light);--stat-fg: var(--color-danger);--stat-solid: var(--color-danger);background:var(--stat-bg);color:var(--stat-fg)}.xp-scope .xp-stat-pill.is-info{--stat-bg: var(--color-info-light);--stat-fg: var(--color-info);--stat-solid: var(--color-info);background:var(--stat-bg);color:var(--stat-fg)}.xp-scope .xp-stat-pill.is-delivered{--stat-bg: var(--color-delivered-light);--stat-fg: var(--color-delivered);--stat-solid: var(--color-delivered);background:var(--stat-bg);color:var(--stat-fg)}.xp-scope .xp-stat-pill.is-pink{--stat-bg: var(--color-pink-light);--stat-fg: var(--color-pink);--stat-solid: var(--color-pink);background:var(--stat-bg);color:var(--stat-fg)}.xp-scope .xp-stat-pill.xp-stat-pill-active{border-color:var(--stat-solid);box-shadow:var(--shadow-md)}.xp-scope .xp-avatar{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:120px;height:120px;border-radius:var(--radius-full);background:var(--color-primary-light);border:4px solid var(--color-bg-primary);box-shadow:var(--shadow-lg);overflow:hidden}.xp-scope .xp-avatar img{width:100%;height:100%;object-fit:cover}.xp-scope .xp-avatar.is-uploading{opacity:.7;pointer-events:none}.xp-scope .xp-avatar-initials{font-size:40px;font-weight:700;color:var(--color-primary);letter-spacing:-.5px;line-height:1}.xp-scope .xp-avatar-loading{position:absolute;inset:0;background:#0000004d;display:flex;align-items:center;justify-content:center;border-radius:inherit}.xp-scope .xp-avatar.xp-avatar-clickable{cursor:pointer;transition:transform var(--transition-fast)}.xp-scope .xp-avatar.xp-avatar-clickable:active{transform:scale(.95)}.xp-scope .xp-avatar-wrapper{position:relative;display:inline-block}.xp-scope .xp-avatar.xp-avatar-md{width:80px;height:80px;border-width:3px;box-shadow:var(--shadow-md)}.xp-scope .xp-avatar.xp-avatar-md .xp-avatar-initials{font-size:28px}.xp-scope .xp-avatar.xp-avatar-sm{width:48px;height:48px;border-width:2px;box-shadow:var(--shadow-sm)}.xp-scope .xp-avatar.xp-avatar-sm .xp-avatar-initials{font-size:18px}.xp-scope .xp-avatar.xp-avatar-xs{width:32px;height:32px;border-width:2px;box-shadow:none}.xp-scope .xp-avatar.xp-avatar-xs .xp-avatar-initials{font-size:12px}.xp-scope .xp-btn-fab{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:var(--radius-full);cursor:pointer;background:var(--color-primary);color:#fff;box-shadow:var(--shadow-md);transition:all var(--transition-fast)}.xp-scope .xp-btn-fab svg{width:18px;height:18px}.xp-scope .xp-btn-fab:hover:not(:disabled){opacity:.85}.xp-scope .xp-btn-fab:active:not(:disabled){transform:scale(.95)}.xp-scope .xp-btn-fab:disabled{opacity:.5;cursor:not-allowed}.xp-scope .xp-btn-fab.xp-btn-fab-lg{width:48px;height:48px}.xp-scope .xp-btn-fab.xp-btn-fab-lg svg{width:22px;height:22px}.xp-scope .xp-btn-fab.xp-btn-fab-danger{background:var(--color-danger)}.xp-scope .xp-btn-fab.xp-btn-fab-success{background:var(--color-success)}.xp-scope .xp-btn-fab.xp-btn-fab-warning{background:var(--color-warning)}.xp-scope .xp-btn-fab.xp-btn-fab-neutral{background:var(--color-bg-primary);color:var(--color-text-primary);border:1px solid var(--color-border)}.xp-scope .xp-btn-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:none;cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:500;color:var(--color-primary);text-decoration:underline;transition:color var(--transition-fast)}.xp-scope .xp-btn-link:hover:not(:disabled){color:var(--color-primary-hover, var(--color-primary))}.xp-scope .xp-btn-link:disabled{color:var(--color-text-tertiary);cursor:not-allowed;text-decoration:none}.xp-scope .xp-link{font-size:var(--font-size-sm);font-weight:500;color:var(--color-primary);text-decoration:none;cursor:pointer;transition:color var(--transition-fast)}.xp-scope .xp-link:hover{opacity:.85;text-decoration:underline}.xp-scope .xp-alert{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);font-size:var(--font-size-sm)}.xp-scope .xp-alert svg{width:20px;height:20px;flex-shrink:0}.xp-scope .xp-alert.xp-alert-error{background:var(--color-danger-light);color:var(--color-danger)}.xp-scope .xp-alert.xp-alert-success{background:var(--color-success-light);color:var(--color-success)}.xp-scope .xp-alert.xp-alert-warning{background:var(--color-warning-light);color:var(--color-warning)}.xp-scope .xp-alert.xp-alert-info{background:var(--color-info-light);color:var(--color-info)}.xp-scope .xp-banner{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);margin-bottom:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.xp-scope .xp-banner-icon{flex-shrink:0;width:40px;height:40px;border-radius:50%;border:none;padding:0;background:currentColor;color:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform var(--transition-fast)}.xp-scope .xp-banner-icon svg{width:20px;height:20px;color:var(--color-bg-primary)}.xp-scope .xp-banner-icon:hover{transform:scale(1.05)}.xp-scope .xp-banner-icon:active{transform:scale(.95)}.xp-scope .xp-banner-text{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0}.xp-scope .xp-banner-text strong{font-size:var(--font-size-base);font-weight:600}.xp-scope .xp-banner-text span{font-size:var(--font-size-sm)}.xp-scope .xp-banner-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.xp-scope .xp-banner-warning{background:var(--color-warning-light);border-color:var(--color-warning);color:var(--color-warning)}.xp-scope .xp-banner-warning .xp-banner-icon{background:var(--color-warning)}.xp-scope .xp-banner-danger{background:var(--color-danger-light);border-color:var(--color-danger);color:var(--color-danger)}.xp-scope .xp-banner-danger .xp-banner-icon{background:var(--color-danger)}.xp-scope .xp-banner-primary{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.xp-scope .xp-banner-primary .xp-banner-icon{background:var(--color-primary)}.xp-scope .xp-banner-primary .xp-banner-text strong,.xp-scope .xp-banner-primary .xp-banner-text span{color:var(--color-primary)}@media (max-width: 600px){.xp-scope .xp-banner{flex-wrap:wrap;padding:var(--spacing-md);gap:var(--spacing-sm) var(--spacing-md)}.xp-scope .xp-banner-icon{width:36px;height:36px}.xp-scope .xp-banner-icon svg{width:18px;height:18px}.xp-scope .xp-banner-text{flex:1 1 0}.xp-scope .xp-banner-actions{flex:1 1 100%;justify-content:flex-end}}.xp-scope .xp-info-box{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-lg)}.xp-scope .xp-info-box-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);color:#fff}.xp-scope .xp-info-box-icon svg{width:22px;height:22px}.xp-scope .xp-info-box-content{flex:1;min-width:0}.xp-scope .xp-info-box-title{margin:0 0 var(--spacing-xs);font-size:var(--font-size-sm);font-weight:600}.xp-scope .xp-info-box-description{margin:0;font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.5}.xp-scope .xp-info-box-primary{background:var(--color-primary-light);border-color:var(--color-primary)}.xp-scope .xp-info-box-primary .xp-info-box-icon{background:var(--color-primary)}.xp-scope .xp-info-box-primary .xp-info-box-title{color:var(--color-primary)}.xp-scope .xp-info-box-danger{background:var(--color-danger-light);border-color:var(--color-danger)}.xp-scope .xp-info-box-danger .xp-info-box-icon{background:var(--color-danger)}.xp-scope .xp-info-box-danger .xp-info-box-title{color:var(--color-danger)}.xp-scope .xp-info-box-success{background:var(--color-success-light);border-color:var(--color-success)}.xp-scope .xp-info-box-success .xp-info-box-icon{background:var(--color-success)}.xp-scope .xp-info-box-success .xp-info-box-title{color:var(--color-success)}.xp-scope .xp-info-box-warning{background:var(--color-warning-light);border-color:var(--color-warning)}.xp-scope .xp-info-box-warning .xp-info-box-icon{background:var(--color-warning)}.xp-scope .xp-info-box-warning .xp-info-box-title{color:var(--color-warning)}.xp-scope .xp-info-box-info{background:var(--color-info-light);border-color:var(--color-info)}.xp-scope .xp-info-box-info .xp-info-box-icon{background:var(--color-info)}.xp-scope .xp-info-box-info .xp-info-box-title{color:var(--color-info)}.xp-scope .xp-preset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm)}.xp-scope .xp-preset-grid.xp-preset-grid-2{grid-template-columns:repeat(2,1fr)}.xp-scope .xp-preset-grid.xp-preset-grid-3{grid-template-columns:repeat(3,1fr)}@media (max-width: 480px){.xp-scope .xp-preset-grid{grid-template-columns:repeat(2,1fr)}.xp-scope .xp-preset-grid.xp-preset-grid-2{grid-template-columns:1fr}}.xp-scope .xp-preset-btn{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500;font-family:var(--font-family);color:var(--color-text-secondary);cursor:pointer;text-align:center;transition:all var(--transition-fast)}.xp-scope .xp-preset-btn:hover{background:var(--color-bg-tertiary);border-color:var(--color-text-secondary);color:var(--color-text-primary)}.xp-scope .xp-preset-btn:active{transform:scale(.98)}.xp-scope .xp-preset-btn.xp-preset-btn-left{text-align:left;font-size:var(--font-size-xs)}.xp-scope .xp-preset-btn.xp-preset-btn-negative{color:var(--color-danger);border-color:var(--color-danger)}.xp-scope .xp-preset-btn.xp-preset-btn-negative:hover{background:var(--color-danger-light);border-color:var(--color-danger);color:var(--color-danger)}.xp-scope .xp-preset-btn.xp-preset-btn-positive{color:var(--color-success);border-color:var(--color-success)}.xp-scope .xp-preset-btn.xp-preset-btn-positive:hover{background:var(--color-success-light);border-color:var(--color-success);color:var(--color-success)}.xp-scope .xp-info-rows{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md)}.xp-scope .xp-info-row{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm)}.xp-scope .xp-info-row-label{color:var(--color-text-secondary)}.xp-scope .xp-info-row-value{font-weight:600;color:var(--color-text-primary)}.xp-scope .xp-info-row-value.is-success{color:var(--color-success)}.xp-scope .xp-info-row-value.is-danger{color:var(--color-danger)}.xp-scope .xp-info-row-value.is-warning{color:var(--color-warning)}.xp-scope .xp-info-row-value.is-primary{color:var(--color-primary)}.xp-scope .xp-info-row-value.is-muted{color:var(--color-text-tertiary)}.xp-scope .xp-toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast);-webkit-tap-highlight-color:transparent}.xp-scope .xp-toggle:hover{border-color:var(--color-primary)}.xp-scope .xp-toggle:active{transform:scale(.99)}.xp-scope .xp-toggle input[type=checkbox]{display:none}.xp-scope .xp-toggle-label{flex:1;font-weight:500;font-size:var(--font-size-sm);color:var(--color-text-primary)}.xp-scope .xp-toggle-switch{flex-shrink:0;position:relative;width:52px;height:28px;background:var(--color-border);border-radius:var(--radius-full);transition:background var(--transition-base)}.xp-scope .xp-toggle-switch:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;transition:transform var(--transition-base)}.xp-scope .xp-toggle input[type=checkbox]:checked~.xp-toggle-switch{background:var(--color-primary)}.xp-scope .xp-toggle input[type=checkbox]:checked~.xp-toggle-switch:after{transform:translate(24px)}.xp-scope .xp-radio-card{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.xp-scope .xp-radio-card:hover{border-color:var(--color-primary)}.xp-scope .xp-radio-card.is-selected{border-color:var(--color-primary);background:var(--color-primary-light)}.xp-scope .xp-radio-card input[type=radio]{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0}.xp-scope .xp-radio-card-icon{flex-shrink:0;width:36px;height:36px;border-radius:var(--radius-md);background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);transition:background var(--transition-fast),color var(--transition-fast)}.xp-scope .xp-radio-card-icon svg{width:20px;height:20px}.xp-scope .xp-radio-card.is-selected .xp-radio-card-icon{background:var(--color-primary);color:#fff}.xp-scope .xp-radio-card-body{flex:1;display:flex;flex-direction:column;gap:2px}.xp-scope .xp-radio-card-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary)}.xp-scope .xp-radio-card-desc{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.xp-scope .xp-radio-card-amount{font-size:var(--font-size-base);font-weight:700;color:var(--color-success)}.xp-scope .xp-radio-card-label{flex:1;font-size:var(--font-size-sm);color:var(--color-text-primary)}.xp-scope .xp-radio-inline{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.xp-scope .xp-radio-inline-option{display:inline-flex;align-items:center;gap:var(--spacing-sm);cursor:pointer}.xp-scope .xp-radio-inline-option input[type=radio]{width:18px;height:18px;margin:0;cursor:pointer;accent-color:var(--color-primary)}.xp-scope .xp-radio-inline-option span{font-size:var(--font-size-sm);color:var(--color-text-primary)}.xp-scope .xp-modal-intro{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5;margin:0 0 var(--spacing-md)}.xp-scope .xp-contact-link{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-size-xs);color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast)}.xp-scope .xp-contact-link svg{width:12px;height:12px;flex-shrink:0}.xp-scope .xp-contact-link:hover{color:var(--color-primary)}.xp-scope .xp-contact-link-primary{color:var(--color-primary);font-weight:500}.xp-scope .xp-contact-link-primary:hover{color:var(--color-primary)}.xp-scope .xp-phone-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:3px 10px;font-size:var(--font-size-xs);font-weight:600;color:#fff;background:var(--color-primary);border:none;border-radius:var(--radius-sm);text-decoration:none;cursor:pointer;transition:transform var(--transition-fast),filter var(--transition-fast);width:fit-content}.xp-scope .xp-phone-badge svg{width:12px;height:12px;flex-shrink:0}.xp-scope .xp-phone-badge:hover{transform:scale(1.03);filter:brightness(1.05)}.xp-scope .xp-chip{display:inline-flex;gap:4px;padding:2px var(--spacing-xs);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-secondary);align-items:center}.xp-scope .xp-chip svg{width:12px;height:12px;flex-shrink:0}.xp-scope .xp-chip-primary{background:var(--color-primary-light);border-color:transparent;color:var(--color-primary)}.xp-scope .xp-chip-success{background:var(--color-success-light);border-color:transparent;color:var(--color-success)}.xp-scope .xp-chip-danger{background:var(--color-danger-light);border-color:transparent;color:var(--color-danger)}.xp-scope .xp-chip-warning{background:var(--color-warning-light);border-color:transparent;color:var(--color-warning)}.xp-scope .xp-chip-info{background:var(--color-info-light);border-color:transparent;color:var(--color-info)}.xp-scope .xp-order-type-chip{display:inline-flex;align-items:center;gap:4px;padding:3px var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-secondary);background:var(--color-bg-secondary);white-space:nowrap;flex-shrink:0}.xp-scope .xp-order-type-chip img{width:14px;height:14px}.xp-scope .xp-order-type-chip-delivery{background:var(--color-info-light);color:var(--color-info)}.xp-scope .xp-order-type-chip-pickup{background:var(--color-warning-light);color:var(--color-warning)}.xp-scope .xp-order-type-chip-dinein{background:var(--color-delivered-light);color:var(--color-delivered)}.xp-scope .xp-store-chip{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-secondary);background:var(--color-bg-tertiary);padding:.18rem .45rem;border-radius:var(--radius-sm);max-width:180px;width:fit-content}.xp-scope .xp-store-chip img{width:11px;height:11px;flex-shrink:0}.xp-scope .xp-store-chip-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xp-scope .xp-empty-message{text-align:center;padding:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.xp-scope .xp-tabs{display:flex;gap:var(--spacing-xs);border-bottom:1px solid var(--color-border);overflow-x:auto;scrollbar-width:none}.xp-scope .xp-tabs::-webkit-scrollbar{display:none}.xp-scope .xp-tab{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-bottom:2px solid transparent;font-size:var(--font-size-sm);font-weight:500;font-family:var(--font-family);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;transition:color var(--transition-fast),border-color var(--transition-fast)}.xp-scope .xp-tab:hover{color:var(--color-text-primary)}.xp-scope .xp-tab.is-active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600}.xp-scope .xp-tab.is-active .xp-tab-count{background:var(--color-primary-light);color:var(--color-primary)}.xp-scope .xp-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 var(--spacing-xs);background:var(--color-bg-tertiary);color:var(--color-text-secondary);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;transition:background var(--transition-fast),color var(--transition-fast)}.xp-scope .xp-checkbox{display:flex;align-items:flex-start;gap:var(--spacing-sm);cursor:pointer;position:relative}.xp-scope .xp-checkbox input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.xp-scope .xp-checkbox .xp-checkbox-box{flex-shrink:0;width:20px;height:20px;background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-sm);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;margin-top:2px}.xp-scope .xp-checkbox .xp-checkbox-box:after{content:"";display:none;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.xp-scope .xp-checkbox input[type=checkbox]:checked~.xp-checkbox-box{background:var(--color-primary);border-color:var(--color-primary)}.xp-scope .xp-checkbox input[type=checkbox]:checked~.xp-checkbox-box:after{display:block}.xp-scope .xp-checkbox input[type=checkbox]:focus~.xp-checkbox-box{box-shadow:0 0 0 3px var(--color-primary-light)}.xp-scope .xp-checkbox .xp-checkbox-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.xp-scope .xp-modal-shell{display:flex;flex-direction:column;height:100%;background:var(--color-bg-primary);overflow:hidden}.xp-scope .xp-modal-header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-bg-primary);border-bottom:1px solid var(--color-border);flex-shrink:0}.xp-scope .xp-modal-header h1,.xp-scope .xp-modal-header h2{margin:0;color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:500;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xp-scope .xp-modal-scroll{flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.xp-scope .xp-modal-scroll::-webkit-scrollbar{width:5px}.xp-scope .xp-modal-scroll::-webkit-scrollbar-track{background:transparent}.xp-scope .xp-modal-scroll::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.xp-scope .xp-modal-scroll::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.xp-scope .xp-page-back,.xp-scope .xp-modal-close{width:40px;height:40px;border-radius:50%;background:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000026;z-index:100;transition:all var(--transition-base);flex-shrink:0;padding:0}.xp-scope .xp-page-back:hover,.xp-scope .xp-modal-close:hover{transform:scale(1.05);box-shadow:0 4px 12px #0003}.xp-scope .xp-page-back:active,.xp-scope .xp-modal-close:active{transform:scale(.95)}.xp-scope .xp-page-back svg,.xp-scope .xp-modal-close svg{width:24px;height:24px;display:block;color:#64748b}.xp-scope .xp-modal-body{flex:1;padding:var(--spacing-lg);background:var(--color-bg-secondary)}.xp-scope .xp-modal-footer{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--color-border);flex-shrink:0}.xp-scope .xp-modal-footer .xp-btn{flex:1}@media (max-width: 480px){.xp-scope .xp-modal-footer{flex-direction:column;padding:var(--spacing-sm) var(--spacing-md)}.xp-scope .xp-modal-footer .xp-btn{flex:none}}.xp-scope .xp-modal-backdrop{position:fixed;inset:0;background:#00000080;z-index:999;animation:xp-modal-backdrop-in var(--transition-base)}.xp-scope .xp-modal-overlay{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100% - var(--spacing-lg) * 2);max-width:var(--container-narrow);max-height:90vh;background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);z-index:1000;overflow:hidden;display:flex;flex-direction:column;animation:xp-modal-overlay-in var(--transition-base) both}@media (max-width: 768px){.xp-scope .xp-modal-overlay{top:0;left:0;transform:none;width:100%;max-width:100%;height:100%;max-height:100%;border-radius:0;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);animation:xp-modal-overlay-slide-up var(--transition-slow) ease-out both}}@media (min-width: 769px){.xp-scope .xp-modal-overlay-md{max-width:500px}}@media (min-width: 769px){.xp-scope .xp-modal-overlay-lg{max-width:600px}}@media (min-width: 769px){.xp-scope .xp-modal-overlay-xl{max-width:800px}}@keyframes xp-modal-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes xp-modal-overlay-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes xp-modal-overlay-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.xp-scope .xp-modal-confirm-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-lg);text-align:center}.xp-scope .xp-modal-confirm-icon{width:56px;height:56px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-md)}.xp-scope .xp-modal-confirm-icon svg{width:28px;height:28px}.xp-scope .xp-modal-confirm-icon.xp-modal-confirm-icon-danger{background:var(--color-danger-light);color:var(--color-danger)}.xp-scope .xp-modal-confirm-icon.xp-modal-confirm-icon-warning{background:var(--color-warning-light);color:var(--color-warning)}.xp-scope .xp-modal-confirm-icon.xp-modal-confirm-icon-success{background:var(--color-success-light);color:var(--color-success)}.xp-scope .xp-modal-confirm-icon.xp-modal-confirm-icon-info{background:var(--color-info-light);color:var(--color-info)}.xp-scope .xp-modal-confirm-icon.xp-modal-confirm-icon-primary{background:var(--color-primary-light);color:var(--color-primary)}.xp-scope .xp-modal-confirm-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--spacing-sm)}.xp-scope .xp-modal-confirm-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:1.5}.xp-scope .xp-fullscreen-modal{--width: 100%;--height: 100%;--max-width: 100%;--max-height: 100%;--border-radius: 0}@media (min-width: 769px){.xp-scope .xp-fullscreen-modal{--width: 90%;--max-width: 600px;--height: 90%;--max-height: 90vh;--border-radius: 16px}}.xp-scope .xp-page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);padding-top:calc(env(safe-area-inset-top) + var(--spacing-md));background:var(--color-bg-primary);border-bottom:1px solid var(--color-border);flex-shrink:0}.xp-scope .xp-page-title{flex:1;min-width:0;font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin:0;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xp-scope .xp-page-spacer{width:40px;height:40px;flex-shrink:0}.xp-scope .xp-action-sheet{position:fixed;left:0;right:0;bottom:0;z-index:1000;background:var(--color-bg-primary);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--spacing-lg);padding-bottom:calc(env(safe-area-inset-bottom) + var(--spacing-lg));animation:xp-modal-overlay-slide-up var(--transition-slow) ease-out both}.xp-scope .xp-action-sheet-header{text-align:center;padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-md)}.xp-scope .xp-action-sheet-header h3{margin:0;font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary)}.xp-scope .xp-action-sheet-options{display:flex;flex-direction:column;gap:var(--spacing-xs)}.xp-scope .xp-action-sheet-option{display:flex;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-md);background:var(--color-bg-secondary);border:none;border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-primary);text-align:left;transition:background var(--transition-fast)}.xp-scope .xp-action-sheet-option:hover{background:var(--color-border)}.xp-scope .xp-action-sheet-option:active{transform:scale(.98)}.xp-scope .xp-action-sheet-option svg{width:24px;height:24px;color:var(--color-primary);flex-shrink:0}.xp-scope .xp-action-sheet-cancel{width:100%;margin-top:var(--spacing-md);padding:var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:600;color:var(--color-danger);cursor:pointer;transition:background var(--transition-fast)}.xp-scope .xp-action-sheet-cancel:hover{background:var(--color-danger-light)}.xp-scope .xp-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;background:var(--color-text-tertiary);color:#fff;font-size:11px;font-weight:700;line-height:1;border-radius:var(--radius-full);border:2px solid var(--color-bg-primary);box-shadow:0 2px 4px #0003;box-sizing:content-box}.xp-scope .xp-badge-primary{background:var(--color-primary)}.xp-scope .xp-badge-danger{background:var(--color-danger)}.xp-scope .xp-badge-success{background:var(--color-success)}.xp-scope .xp-badge-warning{background:var(--color-warning)}.xp-scope .xp-badge-floating{position:absolute;z-index:10;top:-2px;right:-4px}.xp-scope .xp-badge-tl{top:-2px;left:-6px;right:auto}.xp-scope .xp-badge-tr{top:-2px;right:-4px;left:auto}.xp-scope .xp-badge-bl{inset:auto auto -2px -6px}.xp-scope .xp-badge-br{inset:auto -4px -2px auto}.xp-scope .xp-status-badge{display:inline-flex;align-items:center;gap:4px;padding:3px var(--spacing-sm);background:var(--color-bg-secondary);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-secondary);white-space:nowrap;line-height:1.4}.xp-scope .xp-status-badge-primary{background:var(--color-primary-light);color:var(--color-primary)}.xp-scope .xp-status-badge-success{background:var(--color-success-light);color:var(--color-success)}.xp-scope .xp-status-badge-warning{background:var(--color-warning-light);color:var(--color-warning)}.xp-scope .xp-status-badge-danger{background:var(--color-danger-light);color:var(--color-danger)}.xp-scope .xp-status-badge-info{background:var(--color-info-light);color:var(--color-info)}.xp-scope .xp-status-badge-delivered{background:var(--color-delivered-light);color:var(--color-delivered)}.xp-scope .xp-status-badge-pink{background:var(--color-pink-light);color:var(--color-pink)}.xp-scope .xp-status-text{font-weight:600;color:var(--color-text-primary)}.xp-scope .xp-status-text-success{color:var(--color-success)}.xp-scope .xp-status-text-info{color:var(--color-info)}.xp-scope .xp-status-text-delivered{color:var(--color-delivered)}.xp-scope .xp-status-text-warning{color:var(--color-warning)}.xp-scope .xp-status-text-danger{color:var(--color-danger)}.xp-scope .xp-status-text-muted{color:var(--color-text-tertiary)}.xp-scope .xp-status-sep{color:var(--color-border);font-weight:400}.xp-scope .xp-card-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.xp-scope .xp-card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:box-shadow var(--transition-base),border-color var(--transition-base)}.xp-scope .xp-card.is-expanded{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.xp-scope .xp-card.is-clickable{cursor:pointer}.xp-scope .xp-card-row{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md)}.xp-scope .xp-card-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.xp-scope .xp-card-top{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);flex-wrap:wrap}.xp-scope .xp-card-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xp-scope .xp-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.xp-scope .xp-card-actions{flex-shrink:0;display:flex;align-items:center;gap:var(--spacing-xs)}.xp-scope .xp-card-expand{padding:var(--spacing-md);background:var(--color-bg-secondary);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--spacing-md)}.xp-scope .xp-card-toggle svg{transition:transform var(--transition-fast)}.xp-scope .xp-card-toggle.is-open svg{transform:rotate(180deg)}.xp-scope .xp-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:xp-spin .8s linear infinite}.xp-scope .xp-spinner.xp-spinner{border-color:#0000001a;border-top-color:var(--color-primary)}.xp-scope .xp-spinner.xp-spinner-sm{width:14px;height:14px;border-width:2px}@keyframes xp-spin{to{transform:rotate(360deg)}}.xp-scope .xp-notes-section{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-warning-light);border-radius:var(--radius-md)}.xp-scope .xp-notes-label{font-weight:600;color:var(--color-warning);margin-bottom:6px;font-size:var(--font-size-sm)}.xp-scope .xp-notes-text{color:var(--color-warning);font-size:var(--font-size-xs)}
