.toast-container{z-index:9999;pointer-events:none;flex-direction:column;align-items:flex-end;gap:12px;display:flex;position:fixed;top:16px;right:clamp(16px,2vw,32px)}@media (max-width:768px){.toast-container{align-items:center;top:12px;left:16px;right:16px}}.toast{border:1px solid var(--border-color);background:var(--surface-raised);width:min(360px,100vw - 32px);min-height:44px;color:var(--text-primary);pointer-events:auto;will-change:opacity,transform;animation:toast-enter .22s var(--ease-standard) both;border-left-width:2px;border-radius:0;grid-template-columns:16px minmax(0,1fr) 28px;align-items:center;gap:10px;padding:10px 8px 10px 12px;font-size:14px;font-weight:400;line-height:20px;display:grid;position:relative;overflow:hidden;box-shadow:0 12px 28px #0000005c}@media (max-width:768px){.toast{width:100%}}.toast--error{border-left-color:var(--error)}.toast--success{border-left-color:var(--success)}.toast--warning{border-left-color:var(--warning)}.toast--pending{border-left-color:var(--pending)}.toast--info{border-left-color:var(--text-muted)}.toast__icon{color:var(--text-muted)}.toast--error .toast__icon{color:var(--error)}.toast--success .toast__icon{color:var(--success)}.toast--warning .toast__icon{color:var(--warning)}.toast--pending .toast__icon{color:var(--pending)}.toast__message{overflow-wrap:anywhere;min-width:0}.toast__close{width:28px;height:28px;color:var(--text-subtle);cursor:pointer;transition:color .16s var(--ease-standard),background-color .16s var(--ease-standard);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.toast__close:hover{background:var(--surface-hover);color:var(--text-primary)}.toast--leaving{animation:toast-leave .2s var(--ease-standard) forwards}@keyframes toast-enter{0%{opacity:0;transform:translateY(-10px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toast-leave{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-8px)scale(.99)}}@media (prefers-reduced-motion:reduce){.toast,.toast--leaving{animation:none}}
.header{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a0acc;flex:none;width:100%;position:sticky;top:0;left:0;right:0}.header__main{width:100%;height:64px;padding-inline:var(--page-gutter);align-items:center;gap:20px;display:flex;overflow:visible}.header__brand{transition:opacity .12s var(--ease-standard);flex:none;align-items:center;gap:10px;display:inline-flex}.header__brand:hover{opacity:.8}.header__logo{width:142px;max-width:none;display:block}.header__nav{scrollbar-width:none;flex:auto;align-items:center;gap:2px;min-width:0;height:64px;display:flex;overflow:auto hidden}.header__nav::-webkit-scrollbar{display:none}.header__nav-link,.header__sign-out{height:64px;color:var(--text-muted);font-family:var(--font-roboto),sans-serif;white-space:nowrap;transition:color .12s var(--ease-standard);background:0 0;border:0;align-items:center;padding:0 12px;font-size:14px;line-height:20px;display:inline-flex}.header__nav-link:hover,.header__sign-out:hover{color:var(--text-primary)}.header__nav-link{flex:none}.header__analytics-menu{flex:none;align-items:center;height:64px;display:flex;position:relative}.header__analytics-trigger{gap:5px}.header__analytics-trigger svg{transition:transform .12s var(--ease-standard)}.header__analytics-menu--open .header__analytics-trigger svg,.header__analytics-menu:focus-within .header__analytics-trigger svg,.header__analytics-menu:hover .header__analytics-trigger svg{transform:rotate(180deg)}.header__analytics-popover{z-index:1001;background:var(--surface);min-width:188px;box-shadow:none;animation:header-menu-in .12s var(--ease-standard);border:0;padding:8px 0;position:fixed}.header__analytics-menuitem{min-height:36px;color:var(--text-subtle);white-space:nowrap;transition:color .12s var(--ease-standard);align-items:center;padding:0 12px;font-size:14px;line-height:20px;display:flex}.header__analytics-menuitem:hover,.header__analytics-menuitem:focus-visible,.header__nav-link--active{color:var(--text-primary)}.header__divider{background:var(--border-color);flex:0 0 1px;width:1px;height:16px;margin:0 8px}.header__sign-out{height:32px;color:var(--text-subtle);cursor:pointer;flex:none;margin-left:auto}@keyframes header-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.header__analytics-popover{animation:none}}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.header{background:#0a0a0ab3}}@media (max-width:760px){.header__main{gap:12px;overflow:hidden}.header__logo{width:126px}.header__nav-link{padding-inline:10px}}
.status-badge{min-height:24px;font-family:var(--font-roboto),"Roboto",sans-serif;letter-spacing:0;white-space:nowrap;border:none;border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:12px;font-weight:500;line-height:18px;display:inline-flex}.status-badge:focus-visible{outline:1px solid var(--text-primary);outline-offset:2px}.status-badge__icon{flex:none}.status-badge--success{background:var(--success);color:#0a0a0a}.status-badge--pending{background:var(--pending);color:#0a0a0a}.status-badge--pending .status-badge__icon{animation:1.4s linear infinite status-badge-spin}.status-badge--failed,.status-badge--refund{background:var(--error);color:#0a0a0a}.status-badge--neutral{background:var(--border-color);color:var(--text-primary)}@keyframes status-badge-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.status-badge--pending .status-badge__icon{animation:none}}
.tooltip-trigger{min-width:0;display:inline-flex}.tooltip{z-index:1200;background:var(--tooltip-surface);width:max-content;max-width:min(280px,100vw - 24px);color:var(--tooltip-text);pointer-events:none;opacity:0;overflow-wrap:anywhere;transition:opacity .12s var(--ease-standard),transform .12s var(--ease-standard);border:0;border-radius:2px;padding:8px 12px;font-size:12px;font-weight:400;line-height:18px;position:fixed;transform:translateY(2px)}.tooltip--bottom{transform:translateY(-2px)}.tooltip--visible{opacity:1;transform:translateY(0)}.info-tooltip{margin-left:1px}.info-tooltip__button{width:16px;height:16px;color:var(--text-subtle);transition:color .12s var(--ease-standard);background:0 0;border:0;border-radius:2px;justify-content:center;align-items:center;padding:0;display:inline-flex}.info-tooltip__button:hover,.info-tooltip__button:focus-visible{color:var(--text-primary)}@media (pointer:coarse){.info-tooltip__button{position:relative}.info-tooltip__button:after{content:"";width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}@media (prefers-reduced-motion:reduce){.tooltip,.info-tooltip__button{transition:none}}
