/* MDUI 1.0.2 reference compatibility. Fonts and icon glyphs come from yang-mdui-theme. */
@font-face{font-family:'XF Roboto';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/Roboto-Regular.woff2') format('woff2')}
@font-face{font-family:'XF Roboto';font-style:normal;font-weight:500 700;font-display:swap;src:url('../fonts/Roboto-Medium.woff2') format('woff2')}
@font-face{font-family:'XF Material Icons';font-style:normal;font-weight:400;font-display:block;src:url('../fonts/MaterialIcons-Regular.woff2?v=20261104out') format('woff2')}
html[theme] .xf-material{font-family:'XF Material Icons'!important;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:'liga';-webkit-font-smoothing:antialiased;vertical-align:middle;flex-shrink:0}
html[theme]{--xf-font:'XF Roboto',Noto,Helvetica,Arial,sans-serif}
html[theme] :is(.template,.goods,.product) .el-header{height:64px!important;line-height:64px;color:rgba(0,0,0,.7)!important;padding:0 16px!important;box-shadow:0 2px 4px rgba(0,0,0,.18)!important}
html[theme] :is(.template,.goods,.product) .el-header .header-left,html[theme] :is(.template,.goods,.product) .el-header .header-right{height:64px;gap:16px}
html[theme] :is(.template,.goods,.product) .xf-hamburger,html[theme] :is(.template,.goods,.product) .xf-topbar-back,html[theme] :is(.template,.goods,.product) .xf-dark-toggle{width:40px;height:40px;margin:0;display:flex;align-items:center;justify-content:center;border-radius:50%}
html[theme] :is(.template,.goods,.product) .xf-hamburger{gap:4px}
html[theme] :is(.template,.goods,.product) .xf-hamburger span{background:currentColor}
html[theme] :is(.template,.goods,.product) .xf-topbar-back::before{left:12px;top:19px;background:currentColor}
html[theme] :is(.template,.goods,.product) .xf-topbar-back::after{left:11px;top:14px;border-color:currentColor}
html[theme] :is(.template,.goods,.product) .xf-topbar-brand{font-size:24px;font-weight:400;color:inherit;line-height:32px}
html[theme] :is(.template,.goods,.product) .xf-topbar-logo{width:28px;height:28px;margin:0}
html[theme] :is(.template,.goods,.product) .xf-topbar-pill{font-size:20px;font-weight:400;color:inherit;background:none;padding:0;border-radius:0;height:auto}
html[theme] :is(.template,.goods,.product) .xf-topbar-page{font-size:20px;font-weight:500;color:inherit;border:0;margin:0;padding-left:16px}
html[theme] :is(.template,.goods,.product) .xf-dark-toggle svg{stroke:currentColor;width:24px;height:24px}
html[theme] :is(.template,.goods,.product) .el-header .header-right-item,html[theme] :is(.template,.goods,.product) .el-header .header-right-item i,html[theme] :is(.template,.goods,.product) .el-header .header-right-item span{color:inherit!important}
html[theme] :is(.template,.goods,.product) .el-header .right-item img{filter:brightness(0);width:24px;height:24px}
html[theme] :is(.template,.goods,.product) .el-header .head-box{width:40px;height:40px;line-height:40px;border-radius:50%;font-size:28px;font-weight:400;box-shadow:none;background:transparent!important;color:inherit!important}
html[theme] :is(.template,.goods,.product) .el-header .head-box img{filter:none;width:100%;height:100%}
html[theme] :is(.template,.goods,.product) .el-aside{width:240px!important;padding:64px 0 0;flex-shrink:0;height:100vh}
html[theme] :is(.template,.goods,.product) .menu-group-title{height:40px;line-height:40px;padding:0 16px;font-size:12px;color:rgba(0,0,0,.54);box-sizing:border-box;border-top:1px solid var(--xf-line);margin:4px 0 0}
html[theme] :is(.template,.goods,.product) .el-aside>.menu-group-title:first-of-type{margin:0;border-top:0}
html[theme] :is(.template,.goods,.product) .menu-top{padding:0 0 4px;margin:0;border:0}
html[theme] :is(.template,.goods,.product) .menu-top .el-menu-item,html[theme] :is(.template,.goods,.product) .menu-top .el-submenu__title{height:40px!important;line-height:40px!important;padding:0 16px!important;display:flex;align-items:center;font-family:var(--xf-font);font-size:13px!important;color:#535b63!important}
html[theme] :is(.template,.goods,.product) .menu-top .xf-material{width:24px;height:24px;font-size:24px;margin:0 32px 0 0;color:rgba(0,0,0,.54)}
html[theme] :is(.template,.goods,.product) .aside-menu-text{font-size:13px;line-height:18px;margin:0;white-space:nowrap}
html[theme] :is(.template,.goods,.product) .menu-top .el-menu-item.is-active{background:rgba(0,0,0,.04)!important;color:#535b63!important}
html[theme] :is(.template,.goods,.product) .menu-top .el-menu-item.is-active::before{display:none}
html[theme] :is(.template,.goods,.product) .el-main{padding-top:92px!important}
html[theme] :is(.template,.goods,.product) .xf-auth-aside{padding-top:86px!important}
html[theme] :is(.template,.goods,.product) .xf-card{transition:box-shadow .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);border:0}
html[theme] :is(.template,.goods,.product) .xf-card:hover,html[theme] :is(.template,.goods,.product) .xf-card:focus-within{box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}
/* Account menu matches appbaraccountmenu: greeting, four destinations, divider, logout. */
html[theme] .xf-account-menu{width:200px;padding:8px 0;border:0;border-radius:2px;background:var(--xf-card);box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #0002,0 3px 14px 2px #0002}
html[theme] .xf-account-menu .el-dropdown-menu__item{height:48px;line-height:48px;padding:0 16px;font-family:var(--xf-font);font-size:15px;color:var(--xf-text)}
html[theme] .xf-account-menu .xf-material{width:24px;margin-right:16px;color:var(--xf-muted)}
html[theme] .xf-account-menu .xf-account-greeting{color:var(--xf-muted);font-size:14px}
html[theme] .xf-account-menu .el-dropdown-menu__item--divided{border-top:1px solid var(--xf-line);margin-top:8px;padding-top:8px}
html[theme] .xf-account-menu .el-dropdown-menu__item--divided::before{display:none}
html[theme] .xf-account-menu .popper__arrow{display:none}
/* Reference dashboard: welcome spans both columns, then an 8:4 grid. */
html[theme] :is(.template,.goods,.product) .home-main{padding:92px 16px 24px!important;margin:0!important;overflow:visible;min-width:0}
html[theme] :is(.template,.goods,.product) .home-main .main-card{max-width:1264px;width:100%;margin:0 auto}
html[theme] :is(.template,.goods,.product) .home-main .xf-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px;padding:0 8px;align-items:start}
html[theme] :is(.template,.goods,.product) .home-main .xf-col-main>.xf-card,html[theme] :is(.template,.goods,.product) .home-main .xf-col-side>.xf-card{margin-bottom:8px}
html[theme] :is(.template,.goods,.product) .home-main .xf-card{padding:24px 16px 16px;color:var(--xf-ink);font-size:14px;line-height:24px;border-radius:2px;box-sizing:border-box}
html[theme] :is(.template,.goods,.product) .home-main .xf-card-title{font-size:24px;font-weight:400;line-height:36px;color:var(--xf-text);display:flex;align-items:center;gap:8px}
html[theme] :is(.template,.goods,.product) .home-main .xf-card-desc{font-size:14px;line-height:24px;margin:0;color:var(--xf-muted)}
html[theme] :is(.template,.goods,.product) .home-main .xf-welcome{height:208px;margin:0 0 27px;padding:24px 16px 8px;position:relative}
html[theme] :is(.template,.goods,.product) .home-main .xf-welcome-title{font-size:24px;line-height:36px;font-weight:400;margin:0;color:var(--xf-accent)}
html[theme] :is(.template,.goods,.product) .home-main .xf-welcome-sub{margin:24px 0 0;font-size:24px;line-height:32px;color:var(--xf-ink)}
html[theme] :is(.template,.goods,.product) .home-main .xf-welcome-actions{position:absolute;bottom:8px;left:8px;right:8px;display:flex;gap:12px;margin:0;flex-wrap:wrap}
html[theme] :is(.template,.goods,.product) .home-main :is(.xf-welcome-btn,.xf-pill-tab,.xf-btn){display:inline-flex;align-items:center;justify-content:center;gap:4px;height:36px;padding:0 16px;font-size:14px;font-weight:500;line-height:36px;border:0;border-radius:2px;background:var(--xf-card);color:var(--xf-ink);text-decoration:none;box-shadow:0 2px 2px #0003,0 1px 5px #0002;white-space:nowrap}
html[theme] :is(.template,.goods,.product) .home-main .xf-welcome-btn:first-child,html[theme] :is(.template,.goods,.product) .home-main .xf-pill-tab.is-active,html[theme] :is(.template,.goods,.product) .home-main .xf-btn--primary{background:var(--xf-primary);color:#111}
html[theme] :is(.template,.goods,.product) .home-main .xf-activated{height:208px;position:relative}
html[theme] :is(.template,.goods,.product) .home-main .xf-quote{font-size:13px;color:var(--xf-muted);line-height:24px;margin:32px 0 0}
html[theme] :is(.template,.goods,.product) .home-main .xf-activated-blank{display:none}
html[theme] :is(.template,.goods,.product) .home-main .xf-circle-btn{position:absolute;right:12px;bottom:8px;width:40px;height:40px;background:none;color:var(--xf-ink);border:0;display:flex;align-items:center;justify-content:center}
html[theme] :is(.template,.goods,.product) .home-main .xf-quick-manage{min-height:560px}
html[theme] :is(.template,.goods,.product) .home-main .xf-sub-title{font-size:14px;line-height:24px;font-weight:500;color:var(--xf-text);margin:28px 0 20px}
html[theme] :is(.template,.goods,.product) .home-main .el-table{font-family:var(--xf-font);font-size:14px;color:#38536d;border:0;box-shadow:none}
html[theme] :is(.template,.goods,.product) .home-main .el-table th{height:52px;background:#eef1f7!important;color:#38536d;font-weight:500;border:0!important}
html[theme] :is(.template,.goods,.product) .home-main .el-table td{border-color:var(--xf-line)}
html[theme] :is(.template,.goods,.product) .home-main .el-table::before{display:none}
html[theme] :is(.template,.goods,.product) .home-main .el-table__empty-block{min-height:176px;background:var(--xf-card)}
html[theme] :is(.template,.goods,.product) .home-main .el-table__empty-text{font-size:14px;color:#38536d}
html[theme] :is(.template,.goods,.product) .home-main .xf-account{min-height:228px;padding:16px 16px 8px}
html[theme] :is(.template,.goods,.product) .home-main .xf-user{gap:12px;min-height:48px;align-items:flex-start}
html[theme] :is(.template,.goods,.product) .home-main .xf-avatar{width:40px;height:40px;font-size:34px;background:none;color:var(--xf-ink);font-weight:400}
html[theme] :is(.template,.goods,.product) .home-main .xf-user-name{font-size:16px;line-height:32px;gap:4px}
html[theme] :is(.template,.goods,.product) .home-main .xf-tag{height:32px;font-size:13px;font-weight:400;color:var(--xf-ink);background:#e6e6e6;padding:0 12px}
html[theme] :is(.template,.goods,.product) .home-main .xf-user-id{font-size:14px;line-height:20px;margin:0;color:var(--xf-muted)}
html[theme] :is(.template,.goods,.product) .home-main .xf-user-welcome{font-size:14px;line-height:24px;margin:16px 0 0;color:var(--xf-ink)}
html[theme] :is(.template,.goods,.product) .home-main .xf-kv{font-size:14px;line-height:24px;margin:0;gap:4px;color:var(--xf-ink)}
html[theme] :is(.template,.goods,.product) .home-main .xf-kv>span{font-weight:700}
html[theme] :is(.template,.goods,.product) .home-main .xf-kv b{font-weight:400;color:inherit;overflow-wrap:anywhere}
html[theme] :is(.template,.goods,.product) .home-main .xf-pill-tabs{display:flex;gap:12px;margin:24px -8px 0;padding:0;background:none;border:0;flex-wrap:wrap}
html[theme] :is(.template,.goods,.product) .home-main .xf-pill-tab{flex:none}
html[theme] :is(.template,.goods,.product) .home-main .xf-todo-card{min-height:216px}
html[theme] :is(.template,.goods,.product) .home-main .xf-todos{margin:32px 0 0;padding:0 16px}
html[theme] :is(.template,.goods,.product) .home-main .xf-todos li{font-size:14px;line-height:36px;padding:0 0 0 28px;color:#bdbdbd;white-space:normal}
html[theme] :is(.template,.goods,.product) .home-main .xf-todos li::before{content:'check_circle';font-family:'XF Material Icons';font-size:24px;line-height:24px;width:24px;height:24px;border:0;color:#bdbdbd;left:0;top:6px}
html[theme] :is(.template,.goods,.product) .home-main .xf-todos li::after{display:none}
html[theme] :is(.template,.goods,.product) .home-main .xf-money{font-size:34px;line-height:40px;margin:24px 0 16px;color:var(--xf-accent);font-weight:400}
html[theme] :is(.template,.goods,.product) .home-main .xf-currency{font-size:14px;color:var(--xf-ink);margin:0}
html[theme] :is(.template,.goods,.product) .home-main .xf-meta{font-size:14px;line-height:24px;color:var(--xf-ink);margin:0}
html[theme] :is(.template,.goods,.product) .home-main .xf-cost{font-size:14px;line-height:24px;border:0;border-bottom:4px solid #3f51b5;margin-top:16px;padding:0;color:var(--xf-ink)}
html[theme] :is(.template,.goods,.product) .home-main .xf-actions{margin:24px -8px -8px;gap:12px}
html[theme] :is(.template,.goods,.product) .xf-fab{position:fixed;right:24px;bottom:16px;width:56px;height:56px;border-radius:50%;background:var(--xf-accent);color:#fff}
html[theme] body.xf-dark :is(.template,.goods,.product) .el-header{color:#fff!important}
html[theme] body.xf-dark :is(.template,.goods,.product) .el-header .right-item img{filter:brightness(0) invert(1)}
html[theme] body.xf-dark :is(.template,.goods,.product) .el-header .head-box img{filter:none}
html[theme] body.xf-dark :is(.template,.goods,.product) .menu-top .el-menu-item,html[theme] body.xf-dark :is(.template,.goods,.product) .menu-top .el-submenu__title,html[theme] body.xf-dark :is(.template,.goods,.product) .menu-group-title,html[theme] body.xf-dark :is(.template,.goods,.product) .menu-top .xf-material{color:var(--xf-text)!important}
html[theme] body.xf-dark :is(.template,.goods,.product) .menu-top .el-menu-item.is-active{background:#28334b!important;color:var(--xf-accent)!important}
html[theme] body.xf-dark :is(.template,.goods,.product) .home-main .xf-tag{background:var(--xf-soft);color:var(--xf-text)}
html[theme] body.xf-dark :is(.template,.goods,.product) .home-main .el-table :is(th,.el-table__empty-text){color:var(--xf-text)}
html[theme] body.xf-dark :is(.template,.goods,.product) .home-main .el-table th{background:var(--xf-soft)!important}
@media(max-width:1100px){html[theme] :is(.template,.goods,.product) .home-main .xf-layout{grid-template-columns:minmax(0,1fr)}html[theme] :is(.template,.goods,.product) .home-main .xf-welcome{height:auto;min-height:248px;padding-bottom:100px}html[theme] :is(.template,.goods,.product) .home-main .xf-welcome-actions{position:static;margin:24px -8px -92px}html[theme] :is(.template,.goods,.product) .home-main .xf-welcome-btn{height:auto;min-height:36px;white-space:normal;line-height:22px;padding:8px 12px}}
@media(max-width:768px){html[theme] :is(.template,.goods,.product) .el-header{height:56px!important;line-height:56px;padding:0 8px!important}html[theme] :is(.template,.goods,.product) .el-header .header-left,html[theme] :is(.template,.goods,.product) .el-header .header-right{height:56px;gap:4px}html[theme] :is(.template,.goods,.product) .xf-topbar-brand{font-size:18px}html[theme] :is(.template,.goods,.product) .xf-topbar-back,html[theme] :is(.template,.goods,.product) .xf-topbar-pill,html[theme] :is(.template,.goods,.product) .xf-topbar-page{display:none}html[theme] :is(.template,.goods,.product) .home-main{padding:76px 12px 24px!important}html[theme] :is(.template,.goods,.product) .home-main .xf-layout{padding:0}html[theme] :is(.template,.goods,.product) .home-main .xf-welcome{margin-bottom:16px}html[theme] :is(.template,.goods,.product) .home-main .xf-welcome-sub{font-size:21px}html[theme] :is(.template,.goods,.product) .home-main .xf-pill-tabs{gap:8px}html[theme] :is(.template,.goods,.product) .home-main .xf-pill-tab{padding:0 12px}html[theme] :is(.template,.goods,.product) .home-main .xf-quick-manage{overflow-x:auto}html[theme] :is(.template,.goods,.product) .home-main .el-table{min-width:620px}}
@media(prefers-reduced-motion:reduce){html[theme] :is(.template,.goods,.product) .xf-card{transition:none}}
/* Values verified against the live reference site's computed styles. */
html[theme]{--xf-font:Arial,sans-serif}
html[theme] :is(.template,.goods,.product) .menu-top{padding-bottom:0}
html[theme] :is(.template,.goods,.product) .home-main .xf-layout{padding:0;gap:0}
html[theme] :is(.template,.goods,.product) .home-main :is(.xf-col-main,.xf-col-side){padding:0 8px;box-sizing:border-box}
html[theme] :is(.template,.goods,.product) .home-main .xf-quick-manage{min-height:630px}
html[theme] :is(.template,.goods,.product) .home-main .xf-sub-title{margin-top:28px}
html[theme] :is(.template,.goods,.product) .home-main .xf-account .xf-user{min-height:60px}
html[theme] :is(.template,.goods,.product) .home-main .xf-account .xf-user-welcome{margin-top:16px}
html[theme] :is(.template,.goods,.product) .home-main .xf-account .xf-pill-tabs{margin-top:24px}
@media(max-width:1100px){html[theme] :is(.template,.goods,.product) .home-main .xf-layout{gap:8px}html[theme] :is(.template,.goods,.product) .home-main :is(.xf-col-main,.xf-col-side){padding:0}}
html[theme] .xf-account-menu{position:fixed!important;top:8px!important;right:8px!important;left:auto!important;transform:none!important;width:168px;min-width:168px;z-index:2100}
html[theme] .xf-account-menu .el-dropdown-menu__item{font-family:Arial,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

html[theme] :is(.template,.goods,.product) .home-main .main-card{font-family:Arial,sans-serif}
html[theme] :is(.template,.goods,.product) .home-main .el-table .cell{padding:0 12px!important;text-align:left;font-size:14px;font-weight:500}
html[theme] :is(.template,.goods,.product) .home-main .el-table th{height:52px!important;padding:0!important}
html[theme] .xf-account-menu{margin:0!important}
html[theme] .xf-account-menu .el-dropdown-menu__item .xf-material{color:var(--xf-text)}
html[theme] :is(.template,.goods,.product) .home-main .xf-avatar{background:transparent!important}

@font-face{font-family:'XF Boxicons';font-weight:400;font-style:normal;font-display:block;src:url('../fonts/boxicons.woff2') format('woff2')}
html[theme] .xf-boxicon{font-family:'XF Boxicons'!important;font-style:normal;font-weight:400;font-size:24px;line-height:1;display:inline-block;text-transform:none;-webkit-font-smoothing:antialiased}
html[theme] :is(.template,.goods,.product) .menu-top .xf-boxicon{width:24px;height:24px;font-size:24px;margin:0 32px 0 0;color:rgba(0,0,0,.54);flex-shrink:0}
html[theme] body.xf-dark :is(.template,.goods,.product) .menu-top .xf-boxicon{color:var(--xf-text)}

/* A masked light sweep follows the logo shape, rather than a rectangle. */
.xf-loader-mark{position:relative;display:block;width:96px;height:96px;flex-shrink:0}
.xf-loader-mark img{display:block;width:96px;height:96px;object-fit:contain}
.xf-loader-mark::after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,#91c2ed 44%,#fff 50%,#91c2ed 56%,transparent 65%);background-size:300% 100%;mask:url('/static/img/brand-logo.png') center/contain no-repeat;-webkit-mask:url('/static/img/brand-logo.png') center/contain no-repeat;animation:xf-logo-sheen 2.4s ease-in-out infinite;pointer-events:none}
@keyframes xf-logo-sheen{0%,15%{background-position:150% 0}75%,100%{background-position:-50% 0}}
@media(prefers-reduced-motion:reduce){.xf-loader-mark::after{animation:none;background:none}}

html[theme] #mainLoading:has(.xf-loader-mark)::before{display:none}html[theme] #mainLoading .xf-loader-mark img{filter:brightness(0)}html[theme] body.xf-dark #mainLoading .xf-loader-mark img,html[data-xf-dark='1'] #mainLoading .xf-loader-mark img{filter:none}html[theme] :is(.template,.goods,.product) .xf-topbar-logo{filter:brightness(0)}html[theme] body.xf-dark :is(.template,.goods,.product) .xf-topbar-logo{filter:none}

/* Five staggered gray dots beneath the brand mark. */
.xf-loader-dots{display:flex;align-items:center;justify-content:center;gap:12px;flex-shrink:0}
.xf-loader-dots>span{display:block;width:14px;height:14px;border-radius:50%;background:#dedede;animation:xf-loading-dots 1.5s ease-in-out infinite}
.xf-loader-dots>span:nth-child(2){animation-delay:-1.2s}
.xf-loader-dots>span:nth-child(3){animation-delay:-0.9s}
.xf-loader-dots>span:nth-child(4){animation-delay:-0.6s}
.xf-loader-dots>span:nth-child(5){animation-delay:-0.3s}
@keyframes xf-loading-dots{0%,60%,100%{background-color:#dedede}30%{background-color:#747474}}