.xp-root{--u:var(--xp-space,16px);view-transition-name:xp-preview;background:var(--xp-surface);min-height:100%;color:var(--xp-text);font-family:var(--xp-font-body), system-ui, sans-serif;font-size:14px;line-height:var(--xp-line-height,1.5);letter-spacing:var(--xp-letter-spacing,0);text-align:start;flex-direction:column;display:flex;container-type:inline-size}.xp-root,.xp-root *{box-sizing:border-box}.xp-root[data-strategy=css],.xp-root[data-strategy=css] *{transition:background-color var(--xp-ms) var(--xp-ease), color var(--xp-ms) var(--xp-ease), border-color var(--xp-ms) var(--xp-ease)}.xp-root h2,.xp-root h3,.xp-root p,.xp-root ul,.xp-root ol{margin:0;padding:0}.xp-root ul,.xp-root ol{list-style:none}.xp-root a{color:var(--xp-accent);text-decoration:none}.xp-root a:hover{text-decoration:underline}.xp-root :focus-visible{outline:2px solid var(--xp-accent);outline-offset:2px}.xp-muted{color:var(--xp-muted)}.xp-num{font-variant-numeric:tabular-nums;text-align:end}.xp-code{font-family:var(--font-mono), monospace;font-size:.92em}.xp-topbar{align-items:center;gap:var(--u);padding:calc(var(--u) * .6) var(--u);background:var(--xp-sidebar);border-block-end:1px solid var(--xp-border);display:flex}.xp-brand{font-family:var(--xp-font-display), var(--xp-font-body), sans-serif;font-weight:var(--xp-heading-weight);white-space:nowrap;align-items:center;gap:8px;font-size:15px;display:flex}.xp-brand-mark{border-radius:calc(var(--xp-radius-control) * .75);background:var(--xp-accent);block-size:18px;inline-size:18px;box-shadow:inset -6px -6px 0 color-mix(in srgb, var(--xp-accentText) 30%, transparent)}.xp-search{border:1px solid var(--xp-border);border-radius:var(--xp-radius-control);background:var(--xp-raised);max-inline-size:320px;color:var(--xp-muted);white-space:nowrap;flex:1;align-items:center;gap:8px;padding:6px 10px;font-size:13px;display:flex;overflow:hidden}.xp-topbar-end{align-items:center;gap:calc(var(--u) * .75);margin-inline-start:auto;display:flex}.xp-icon-button{border:1px solid var(--xp-border);border-radius:var(--xp-radius-control);block-size:32px;inline-size:32px;color:inherit;cursor:pointer;background:0 0;place-items:center;display:grid;position:relative}.xp-badge{background:var(--xp-negative);min-inline-size:17px;color:var(--xp-surface);text-align:center;border-radius:9px;padding:0 4px;font-size:10.5px;font-weight:600;line-height:17px;position:absolute;inset-block-start:-6px;inset-inline-end:-6px}.xp-account{align-items:center;gap:8px;display:flex}.xp-avatar{background:var(--xp-accentSoft);block-size:30px;inline-size:30px;color:var(--xp-accent);border-radius:50%;place-items:center;font-weight:600;display:grid}.xp-account-text{white-space:nowrap;flex-direction:column;font-size:12.5px;line-height:1.3;display:flex}.xp-account-text .xp-muted{font-size:11.5px}.xp-body{flex:1;min-block-size:0;display:flex}.xp-nav{padding:var(--u) calc(var(--u) * .6);background:var(--xp-sidebar);border-inline-end:1px solid var(--xp-border);flex:none}.xp-nav[data-variant=rail]{inline-size:176px}.xp-nav ul{flex-direction:column;gap:2px;display:flex}.xp-nav a{padding:calc(var(--u) * .42) 10px;border-radius:var(--xp-radius-control);color:var(--xp-muted);align-items:center;gap:10px;font-size:13.5px;display:flex}.xp-nav a:hover{background:var(--xp-raised);color:var(--xp-text);text-decoration:none}.xp-nav a[aria-current=page]{background:var(--xp-accentSoft);color:var(--xp-accent);font-weight:600}.xp-nav[data-variant=compact] a{justify-content:center;block-size:34px;inline-size:34px;padding:0}.xp-main{gap:var(--u);min-inline-size:0;padding:calc(var(--u) * 1.25);flex-direction:column;flex:1;display:flex}.xp-hero{justify-content:space-between;align-items:end;gap:var(--u);padding:calc(var(--u) * 1.4);border:1px solid var(--xp-border);border-radius:var(--xp-radius);background:var(--xp-card);box-shadow:var(--xp-shadow);flex-wrap:wrap;display:flex;position:relative;overflow:hidden}.xp-hero:before{content:"";background:var(--xp-texture) right center / cover no-repeat;pointer-events:none;position:absolute;inset-block:0;inset-inline:42% 0}.xp-root[dir=rtl] .xp-hero:before{transform:scaleX(-1)}.xp-hero>*{position:relative}.xp-hero h2{font-family:var(--xp-font-display), var(--xp-font-body), sans-serif;font-size:clamp(20px,3.6cqi,30px);font-weight:var(--xp-heading-weight);letter-spacing:var(--xp-heading-tracking);line-height:1.25}.xp-hero p{max-inline-size:46ch;color:var(--xp-muted);margin-block-start:6px}.xp-hero-actions{gap:8px;display:flex}.xp-button{padding:calc(var(--u) * .45) calc(var(--u) * .9);border:1px solid var(--xp-button-border);border-radius:var(--xp-radius-control);background:var(--xp-button-bg);color:var(--xp-button-text);font:inherit;white-space:nowrap;cursor:pointer;font-size:13.5px;font-weight:600}.xp-button:hover{filter:brightness(1.08)}.xp-button-quiet{border-color:var(--xp-border);color:var(--xp-text);background:0 0}.xp-card{border:1px solid var(--xp-border);border-radius:var(--xp-radius);background:var(--xp-card);box-shadow:var(--xp-shadow)}.xp-card-head{padding:calc(var(--u) * .85) var(--u) calc(var(--u) * .5);justify-content:space-between;align-items:baseline;gap:12px;font-size:12.5px;display:flex}.xp-card-head h3{font-family:var(--xp-font-display), var(--xp-font-body), sans-serif;font-size:15px;font-weight:var(--xp-heading-weight);letter-spacing:var(--xp-heading-tracking)}.xp-kpis{gap:var(--u);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.xp-kpi{padding:var(--u);flex-direction:column;gap:4px;display:flex}.xp-label{color:var(--xp-muted);font-size:12.5px}.xp-kpi strong{font-family:var(--xp-font-display), var(--xp-font-body), sans-serif;font-size:clamp(18px,2.8cqi,24px);font-weight:var(--xp-heading-weight);letter-spacing:var(--xp-heading-tracking);font-variant-numeric:tabular-nums;line-height:1.2}.xp-trend{flex-wrap:wrap;align-items:baseline;gap:4px;font-size:12px;font-weight:600;display:flex}.xp-trend>span:first-child{font-size:9px}.xp-trend .xp-muted{font-weight:400}.xp-trend[data-direction=up]{color:var(--xp-positive)}.xp-trend[data-direction=down]{color:var(--xp-negative)}.xp-columns{gap:var(--u);grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);display:grid}.xp-chart-plot{block-size:150px;inline-size:100%;padding-inline:var(--u);display:block;overflow:visible}.xp-root[dir=rtl] .xp-chart-plot{transform:scaleX(-1)}.xp-chart-grid{stroke:var(--xp-border);stroke-width:1px;vector-effect:non-scaling-stroke}.xp-chart-line{fill:none;stroke:var(--xp-accent);stroke-width:2px;stroke-linejoin:round}.xp-chart-area{fill:var(--xp-accentSoft)}.xp-chart-dot{fill:var(--xp-card);stroke:var(--xp-accent);stroke-width:2px;vector-effect:non-scaling-stroke}.xp-chart-axis{padding:6px var(--u) calc(var(--u) * .75);justify-content:space-between;font-size:11.5px;display:flex}.xp-activity ol{padding:0 var(--u) calc(var(--u) * .6)}.xp-activity li{padding-block:calc(var(--u) * .4);border-block-start:1px solid var(--xp-border);grid-template-columns:auto 1fr;column-gap:10px;font-size:13px;display:grid}.xp-activity li:first-child{border-block-start:0}.xp-activity-mark{background:var(--xp-accent);border-radius:50%;block-size:7px;inline-size:7px;margin-block-start:.55em}.xp-activity time{grid-column:2;font-size:11.5px}.xp-table{border-collapse:collapse;inline-size:100%;font-size:13px}.xp-table th{padding:calc(var(--u) * .4) var(--u);border-block:1px solid var(--xp-border);background:var(--xp-raised);color:var(--xp-muted);text-align:start;font-size:12px;font-weight:500}.xp-table th.xp-num{text-align:end}.xp-table td{padding:calc(var(--u) * .55) var(--u);border-block-end:1px solid var(--xp-border);white-space:nowrap}.xp-table tr:last-child td{border-block-end:0}.xp-status{border-radius:calc(var(--xp-radius-control) * 2);white-space:nowrap;border:1px solid;align-items:center;gap:6px;padding:1px 8px;font-size:12px;display:inline-flex}.xp-status-mark{background:currentColor;block-size:7px;inline-size:7px}.xp-status[data-status=paid]{color:var(--xp-positive)}.xp-status[data-status=paid] .xp-status-mark{border-radius:50%}.xp-status[data-status=pending]{color:var(--xp-warning)}.xp-status[data-status=pending] .xp-status-mark{background:0 0;border:1.5px solid;border-radius:50%}.xp-status[data-status=shipped]{color:var(--xp-accent)}.xp-status[data-status=refunded]{color:var(--xp-negative)}.xp-status[data-status=refunded] .xp-status-mark{transform:rotate(45deg)}.xp-orders-list li{padding:calc(var(--u) * .6) var(--u);border-block-start:1px solid var(--xp-border);justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.xp-orders-list-name{font-weight:600;display:block}.xp-orders-list-meta{color:var(--xp-muted);gap:8px;font-size:12px;display:flex}.xp-orders-list-end{align-items:center;gap:12px;display:flex}.xp-orders-fallback{block-size:180px}.xp-columns-wide{grid-template-columns:minmax(0,2.2fr) minmax(0,1fr)}.xp-system ul{padding:0 var(--u)}.xp-system li{padding-block:calc(var(--u) * .35);align-items:center;gap:8px;font-size:13px;display:flex}.xp-system li>span{block-size:16px;inline-size:16px;color:var(--xp-card);border-radius:50%;place-items:center;font-size:10px;font-weight:700;display:grid}.xp-system li[data-level=ok]>span{background:var(--xp-positive)}.xp-system li[data-level=warn]>span{background:var(--xp-warning)}.xp-demo-note{border-block-start:1px dashed var(--xp-border);color:var(--xp-muted);padding-block-start:calc(var(--u) * .5);font-size:11.5px;margin:calc(var(--u) * .6) var(--u) var(--u)!important}@container (max-width:860px){.xp-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.xp-columns,.xp-columns-wide{grid-template-columns:minmax(0,1fr)}.xp-account-text{display:none}}@container (max-width:640px){.xp-nav[data-variant=rail]{inline-size:auto}.xp-nav[data-variant=rail] a span,.xp-search{display:none}.xp-main{padding:var(--u)}.xp-table th:nth-child(3),.xp-table td:nth-child(3){display:none}.xp-table th,.xp-table td{padding-inline:calc(var(--u) * .6)}}@container (max-width:420px){.xp-nav,.xp-table th:first-child,.xp-table td:first-child{display:none}}::view-transition-old(root){opacity:0;animation:none}::view-transition-new(root){animation:none}::view-transition-group(xp-preview){animation-duration:var(--xp-vt-ms,.3s);animation-timing-function:var(--xp-vt-ease,ease)}::view-transition-old(xp-preview){animation:xp-leave var(--xp-vt-ms,.3s) var(--xp-vt-ease,ease) both}::view-transition-new(xp-preview){animation:xp-enter var(--xp-vt-ms,.3s) var(--xp-vt-ease,ease) both}@keyframes xp-leave{to{opacity:0;filter:blur(6px);transform:scale(.985)}}@keyframes xp-enter{0%{opacity:0;filter:blur(6px);transform:scale(1.015)}}.xp-hero:before{opacity:.55}