@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";.sa-root{--sa-primary: #171717;--sa-primary-fg: #ffffff;--sa-accent: #d4af37;--sa-accent-fg: #171717;--sa-radius: 12px;--sa-radius-sm: 8px;--sa-radius-lg: 16px;--sa-border: #e5e7eb;--sa-border-subtle: #f3f4f6;--sa-muted: #64748b;--sa-muted-light: #94a3b8;--sa-bg: #ffffff;--sa-bg-subtle: #f8fafc;--sa-bg-muted: #f1f5f9;--sa-text: #0f172a;--sa-text-secondary: #475569;--sa-shadow-sm: 0 1px 2px rgb(15 23 42 / .04);--sa-shadow: 0 1px 3px rgb(15 23 42 / .06), 0 1px 2px rgb(15 23 42 / .04);--sa-shadow-md: 0 4px 6px -1px rgb(15 23 42 / .07), 0 2px 4px -2px rgb(15 23 42 / .05);--sa-shadow-lg: 0 10px 15px -3px rgb(15 23 42 / .08), 0 4px 6px -4px rgb(15 23 42 / .05);--sa-sidebar-width: 240px;--sa-transition: .2s cubic-bezier(.4, 0, .2, 1);font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;color:var(--sa-text);line-height:1.6;-webkit-font-smoothing:antialiased}@media (prefers-reduced-motion: reduce){.sa-root *,.sa-root *:before,.sa-root *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.sa-layout{display:flex;flex-direction:column;min-height:100%;background:var(--sa-bg-subtle)}@media (min-width: 768px){.sa-layout{flex-direction:row;align-items:flex-start;gap:0;max-width:72rem;margin:0 auto;padding:2rem 1.5rem}}.sa-sidebar{flex-shrink:0;background:var(--sa-bg);border-bottom:1px solid var(--sa-border);padding:1rem 1.25rem}@media (min-width: 768px){.sa-sidebar{position:sticky;top:2rem;width:var(--sa-sidebar-width);border:1px solid var(--sa-border);border-radius:var(--sa-radius-lg);box-shadow:var(--sa-shadow-sm);padding:1.25rem}}.sa-sidebar-header{display:none}@media (min-width: 768px){.sa-sidebar-header{display:block;padding:.25rem .75rem 1.25rem;border-bottom:1px solid var(--sa-border-subtle);margin-bottom:.75rem}}.sa-sidebar-title{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--sa-muted-light);margin:0}.sa-nav{display:flex;gap:.375rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.sa-nav::-webkit-scrollbar{display:none}@media (min-width: 768px){.sa-nav{flex-direction:column;overflow-x:visible;gap:.25rem}}.sa-nav-item{display:inline-flex;align-items:center;gap:.625rem;padding:.625rem .875rem;font-size:.875rem;font-weight:500;color:var(--sa-text-secondary);background:transparent;border:none;border-radius:var(--sa-radius-sm);cursor:pointer;white-space:nowrap;transition:background var(--sa-transition),color var(--sa-transition)}.sa-nav-item:hover{background:var(--sa-bg-muted);color:var(--sa-text)}.sa-nav-item:focus-visible{outline:2px solid var(--sa-primary);outline-offset:2px}.sa-nav-item-active{background:var(--sa-bg-muted);color:var(--sa-text);font-weight:600}@media (min-width: 768px){.sa-nav-item-active{background:color-mix(in srgb,var(--sa-primary) 8%,transparent);color:var(--sa-primary)}}.sa-nav-icon{flex-shrink:0;opacity:.7}.sa-nav-item-active .sa-nav-icon{opacity:1}.sa-main{flex:1;min-width:0;padding:1.5rem 1.25rem 2.5rem}@media (min-width: 768px){.sa-main{padding:0 0 0 1.5rem}}.sa-page-header{margin-bottom:1.75rem}.sa-title{font-size:1.625rem;font-weight:700;letter-spacing:-.025em;color:var(--sa-text);margin:0 0 .375rem;line-height:1.25}@media (min-width: 768px){.sa-title{font-size:1.875rem}}.sa-subtitle{font-size:.9375rem;color:var(--sa-muted);margin:0}.sa-section{background:var(--sa-bg);border:1px solid var(--sa-border);border-radius:var(--sa-radius-lg);padding:1.5rem;margin-bottom:1.25rem;box-shadow:var(--sa-shadow-sm)}@media (min-width: 768px){.sa-section{padding:1.75rem}}.sa-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.sa-section-title{font-size:.9375rem;font-weight:600;color:var(--sa-text);margin:0;letter-spacing:-.01em}.sa-section-desc{font-size:.8125rem;color:var(--sa-muted);margin:.25rem 0 0}.sa-profile-card{display:flex;flex-direction:column;gap:1.5rem}@media (min-width: 640px){.sa-profile-card{flex-direction:row;align-items:flex-start}}.sa-profile-identity{display:flex;align-items:center;gap:1rem;flex-shrink:0}.sa-avatar{width:4rem;height:4rem;border-radius:9999px;-o-object-fit:cover;object-fit:cover;background:var(--sa-bg-muted);border:2px solid var(--sa-bg);box-shadow:0 0 0 1px var(--sa-border)}.sa-avatar-fallback{width:4rem;height:4rem;border-radius:9999px;background:linear-gradient(135deg,var(--sa-primary) 0%,color-mix(in srgb,var(--sa-primary) 70%,#000) 100%);color:var(--sa-primary-fg);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.375rem;letter-spacing:-.02em;box-shadow:var(--sa-shadow)}.sa-profile-name{font-size:1.125rem;font-weight:600;color:var(--sa-text);margin:0 0 .125rem;letter-spacing:-.01em}.sa-profile-email{font-size:.875rem;color:var(--sa-muted);margin:0}.sa-profile-meta{flex:1;display:grid;gap:.75rem;grid-template-columns:1fr}@media (min-width: 480px){.sa-profile-meta{grid-template-columns:1fr 1fr}}.sa-meta-item{padding:.875rem 1rem;background:var(--sa-bg-subtle);border-radius:var(--sa-radius-sm);border:1px solid var(--sa-border-subtle)}.sa-meta-label{font-size:.75rem;font-weight:500;color:var(--sa-muted);margin:0 0 .25rem;text-transform:uppercase;letter-spacing:.04em}.sa-meta-value{font-size:.875rem;color:var(--sa-text);margin:0;word-break:break-all}.sa-meta-value-mono{font-family:ui-monospace,SF Mono,monospace;font-size:.8125rem}.sa-stats-grid{display:grid;gap:.875rem;grid-template-columns:1fr}@media (min-width: 480px){.sa-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.sa-stats-grid{grid-template-columns:repeat(3,1fr)}}.sa-stat-card{padding:1.125rem 1.25rem;background:var(--sa-bg-subtle);border:1px solid var(--sa-border-subtle);border-radius:var(--sa-radius);transition:border-color var(--sa-transition),box-shadow var(--sa-transition)}.sa-stat-card:hover{border-color:var(--sa-border);box-shadow:var(--sa-shadow-sm)}.sa-stat-icon-wrap{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:var(--sa-radius-sm);background:color-mix(in srgb,var(--sa-primary) 10%,transparent);color:var(--sa-primary);margin-bottom:.75rem}.sa-stat-label{font-size:.75rem;font-weight:500;color:var(--sa-muted);margin:0 0 .25rem}.sa-stat-value{font-size:1.25rem;font-weight:700;color:var(--sa-text);margin:0;letter-spacing:-.02em}.sa-stat-hint{font-size:.75rem;color:var(--sa-muted);margin:.375rem 0 0}.sa-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:600;letter-spacing:.01em}.sa-badge-member{background:color-mix(in srgb,var(--sa-accent) 15%,transparent);color:color-mix(in srgb,var(--sa-accent) 80%,#000);border:1px solid color-mix(in srgb,var(--sa-accent) 30%,transparent)}.sa-badge-free{background:var(--sa-bg-muted);color:var(--sa-text-secondary);border:1px solid var(--sa-border)}.sa-badge-warning{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.sa-dl{display:grid;gap:.875rem;font-size:.875rem}.sa-dl dt{color:var(--sa-muted);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em;margin:0 0 .25rem}.sa-dl dd{margin:0;word-break:break-word;color:var(--sa-text)}.sa-table-wrap{overflow-x:auto;border:1px solid var(--sa-border-subtle);border-radius:var(--sa-radius)}.sa-table{width:100%;border-collapse:collapse;font-size:.8125rem}.sa-table th,.sa-table td{text-align:left;padding:.75rem 1rem;border-bottom:1px solid var(--sa-border-subtle)}.sa-table th{background:var(--sa-bg-subtle);color:var(--sa-muted);font-weight:600;font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.sa-table tbody tr{transition:background var(--sa-transition)}.sa-table tbody tr:hover{background:var(--sa-bg-subtle)}.sa-table tbody tr:last-child td{border-bottom:none}.sa-delta-pos{color:#059669;font-weight:600}.sa-delta-neg{color:#dc2626;font-weight:600}.sa-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:1rem}@media (min-width: 640px){.sa-grid{grid-template-columns:repeat(auto-fill,minmax(12.5rem,1fr))}}.sa-card{border:1px solid var(--sa-border);border-radius:var(--sa-radius);overflow:hidden;cursor:pointer;transition:border-color var(--sa-transition),box-shadow var(--sa-transition),transform var(--sa-transition);background:var(--sa-bg)}.sa-card:hover{border-color:color-mix(in srgb,var(--sa-primary) 25%,var(--sa-border));box-shadow:var(--sa-shadow-md)}.sa-card:focus-visible{outline:2px solid var(--sa-primary);outline-offset:2px}.sa-card-thumb{aspect-ratio:1;background:var(--sa-bg-muted);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.sa-card-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.sa-card:hover .sa-card-thumb img{transform:scale(1.03)}.sa-card-thumb-placeholder{display:flex;flex-direction:column;align-items:center;gap:.375rem;color:var(--sa-muted-light)}.sa-card-body{padding:.75rem .875rem}.sa-card-prompt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--sa-text);font-size:.8125rem;font-weight:500;margin:0 0 .375rem;line-height:1.4}.sa-card-meta{color:var(--sa-muted);font-size:.75rem;margin:0}.sa-btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;font-family:inherit;border-radius:var(--sa-radius-sm);border:1px solid var(--sa-border);background:var(--sa-bg);cursor:pointer;color:var(--sa-text);transition:background var(--sa-transition),border-color var(--sa-transition),box-shadow var(--sa-transition);text-decoration:none}.sa-btn:hover{background:var(--sa-bg-subtle);border-color:color-mix(in srgb,var(--sa-text) 20%,var(--sa-border))}.sa-btn:focus-visible{outline:2px solid var(--sa-primary);outline-offset:2px}.sa-btn-primary{background:var(--sa-primary);border-color:var(--sa-primary);color:var(--sa-primary-fg)}.sa-btn-primary:hover{background:color-mix(in srgb,var(--sa-primary) 90%,#000);border-color:color-mix(in srgb,var(--sa-primary) 90%,#000)}.sa-btn-accent{background:var(--sa-accent);border-color:var(--sa-accent);color:var(--sa-accent-fg)}.sa-btn-accent:hover{background:color-mix(in srgb,var(--sa-accent) 90%,#000);border-color:color-mix(in srgb,var(--sa-accent) 90%,#000)}.sa-btn-ghost{border-color:transparent;background:transparent}.sa-btn-ghost:hover{background:var(--sa-bg-muted)}.sa-btn-icon{padding:.5rem}.sa-btn:disabled{opacity:.5;cursor:not-allowed}.sa-btn-center{display:flex;justify-content:center;margin-top:1.25rem}.sa-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 1.5rem;color:var(--sa-muted)}.sa-empty-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:9999px;background:var(--sa-bg-muted);color:var(--sa-muted-light);margin-bottom:.875rem}.sa-empty-text{font-size:.875rem;margin:0}.sa-error{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#991b1b;padding:.75rem 1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--sa-radius-sm);margin-bottom:1rem}.sa-loading-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1.5rem;gap:.875rem}.sa-loading{font-size:.875rem;color:var(--sa-muted);margin:0}.sa-spinner{animation:sa-spin .8s linear infinite;color:var(--sa-primary)}@keyframes sa-spin{to{transform:rotate(360deg)}}.sa-drawer-backdrop{position:fixed;inset:0;background:#0f172a80;backdrop-filter:blur(4px);z-index:9998;display:flex;align-items:flex-end;justify-content:center;animation:sa-fade-in .2s ease}@media (min-width: 640px){.sa-drawer-backdrop{align-items:center;padding:1.5rem}}@keyframes sa-fade-in{0%{opacity:0}to{opacity:1}}.sa-drawer{background:var(--sa-bg);width:100%;max-width:36rem;max-height:92vh;overflow-y:auto;border-radius:var(--sa-radius-lg) var(--sa-radius-lg) 0 0;padding:1.5rem;z-index:9999;box-shadow:var(--sa-shadow-lg);animation:sa-slide-up .25s ease}@media (min-width: 640px){.sa-drawer{border-radius:var(--sa-radius-lg);animation:sa-scale-in .2s ease}}@keyframes sa-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes sa-scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.sa-drawer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--sa-border-subtle)}.sa-drawer-title{font-size:1.0625rem;font-weight:600;margin:0;letter-spacing:-.01em}.sa-drawer-image{margin-bottom:1.25rem;border-radius:var(--sa-radius);overflow:hidden;border:1px solid var(--sa-border-subtle);background:var(--sa-bg-muted)}.sa-drawer-image img{width:100%;display:block}.sa-pre{font-size:.8125rem;font-family:ui-monospace,SF Mono,monospace;background:var(--sa-bg-subtle);border:1px solid var(--sa-border-subtle);padding:.875rem 1rem;border-radius:var(--sa-radius-sm);overflow-x:auto;white-space:pre-wrap;word-break:break-word;line-height:1.6;color:var(--sa-text-secondary)}.sa-drawer-actions{display:flex;gap:.625rem;margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--sa-border-subtle)}.sa-card{cursor:default}.sa-card-open{display:block;width:100%;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}.sa-card-open:focus-visible{outline:2px solid var(--sa-primary);outline-offset:-2px}.sa-card-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;padding:0 .75rem .75rem}.sa-card-action{min-height:2.75rem;display:inline-flex;align-items:center;justify-content:center;gap:.375rem;border:1px solid var(--sa-border);border-radius:var(--sa-radius-sm);background:var(--sa-bg-subtle);color:var(--sa-text-secondary);font:inherit;font-size:.75rem;font-weight:600;cursor:pointer;transition:background var(--sa-transition),border-color var(--sa-transition),color var(--sa-transition)}.sa-card-action:hover{border-color:color-mix(in srgb,var(--sa-primary) 45%,var(--sa-border));background:color-mix(in srgb,var(--sa-primary) 10%,var(--sa-bg));color:var(--sa-primary)}.sa-card-action-danger:hover{border-color:color-mix(in srgb,#ef4444 55%,var(--sa-border));background:color-mix(in srgb,#ef4444 10%,var(--sa-bg));color:#ef4444}.sa-card-action:focus-visible{outline:2px solid var(--sa-primary);outline-offset:2px}.sa-card-action:disabled{opacity:.55;cursor:wait}.sa-drawer-backdrop{align-items:center;padding:clamp(.75rem,3vw,2rem);background:#020617c2;backdrop-filter:blur(10px)}.sa-drawer{display:flex;flex-direction:column;width:min(70rem,100%);max-width:70rem;height:min(46rem,calc(100dvh - 3rem));max-height:calc(100dvh - 1.5rem);padding:0;overflow:hidden;border:1px solid var(--sa-border);border-radius:var(--sa-radius-lg);animation:sa-scale-in .2s ease}.sa-drawer-header{flex:0 0 auto;margin:0;padding:.875rem 1rem .875rem 1.25rem;background:var(--sa-bg)}.sa-drawer-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(20rem,.85fr);flex:1 1 auto;min-height:0}.sa-drawer-preview{display:flex;min-width:0;min-height:0;flex-direction:column;padding:1.25rem;background:color-mix(in srgb,var(--sa-bg-muted) 72%,#020617)}.sa-drawer-image{display:flex;flex:1 1 auto;min-height:0;align-items:center;justify-content:center;margin:0;background:#0206178a}.sa-drawer-image img{width:100%;height:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.sa-drawer-image-empty{display:flex;flex-direction:column;align-items:center;gap:.75rem;color:var(--sa-muted);font-size:.875rem}.sa-drawer-preview .sa-drawer-actions{flex:0 0 auto;margin-top:1rem;padding-top:0;border-top:0}.sa-drawer-preview .sa-drawer-actions .sa-btn{min-height:2.75rem;padding-inline:1.25rem}.sa-drawer-details{min-width:0;min-height:0;overflow-y:auto;padding:1.25rem;border-inline-start:1px solid var(--sa-border-subtle);background:var(--sa-bg);overscroll-behavior:contain}.sa-detail-title{margin:0 0 1rem;color:var(--sa-text);font-size:.9375rem;font-weight:700}.sa-drawer-details .sa-dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.sa-drawer-details .sa-dl>div{min-width:0;padding:.75rem;border:1px solid var(--sa-border-subtle);border-radius:var(--sa-radius-sm);background:var(--sa-bg-subtle)}.sa-detail-block{margin-top:1.25rem}.sa-detail-block .sa-meta-label{margin-bottom:.5rem}.sa-detail-block .sa-pre{max-height:14rem;margin:0}.sa-status{display:inline-flex;align-items:center;min-height:1.5rem;padding:.125rem .5rem;border-radius:9999px;background:var(--sa-bg-muted);color:var(--sa-text-secondary);font-size:.75rem;font-weight:700}.sa-status-succeeded{background:color-mix(in srgb,#10b981 14%,transparent);color:#34d399}.sa-status-failed,.sa-status-canceled{background:color-mix(in srgb,#ef4444 14%,transparent);color:#f87171}.sa-confirm-backdrop{position:fixed;inset:0;z-index:10001;display:flex;align-items:center;justify-content:center;padding:1rem;background:#020617c7;backdrop-filter:blur(8px);animation:sa-fade-in .16s ease}.sa-confirm{width:min(25rem,100%);padding:1.5rem;border:1px solid var(--sa-border);border-radius:var(--sa-radius-lg);background:var(--sa-bg);box-shadow:var(--sa-shadow-lg);text-align:center;animation:sa-scale-in .18s ease}.sa-confirm-icon{display:inline-flex;width:3rem;height:3rem;align-items:center;justify-content:center;margin-bottom:1rem;border-radius:9999px;background:color-mix(in srgb,#ef4444 14%,transparent);color:#f87171}.sa-confirm-title{margin:0;color:var(--sa-text);font-size:1.0625rem;font-weight:700}.sa-confirm-description{margin:.625rem 0 0;color:var(--sa-muted);font-size:.875rem;line-height:1.6}.sa-confirm-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1.5rem}.sa-confirm-actions .sa-btn{min-height:2.75rem}.sa-btn-danger{border-color:#dc2626;background:#dc2626;color:#fff}.sa-btn-danger:hover{border-color:#ef4444;background:#ef4444}.sa-success{margin-bottom:1rem;padding:.75rem 1rem;border:1px solid color-mix(in srgb,#10b981 40%,transparent);border-radius:var(--sa-radius-sm);background:color-mix(in srgb,#10b981 12%,transparent);color:#047857;font-size:.875rem}@media (max-width: 767px){.sa-drawer{width:100%;height:auto;max-height:calc(100dvh - 1.5rem)}.sa-drawer-layout{grid-template-columns:1fr;overflow-y:auto}.sa-drawer-preview{min-height:19rem;max-height:56dvh;padding:.875rem}.sa-drawer-details{max-height:none;overflow:visible;padding:1rem;border-inline-start:0;border-top:1px solid var(--sa-border-subtle)}}.sa-order-list{display:flex;flex-direction:column;gap:.75rem}.sa-order-card{display:flex;flex-direction:column;gap:.875rem;padding:1.125rem 1.25rem;background:var(--sa-bg-subtle);border:1px solid var(--sa-border-subtle);border-radius:var(--sa-radius);transition:border-color var(--sa-transition),box-shadow var(--sa-transition)}.sa-order-card:hover{border-color:var(--sa-border);box-shadow:var(--sa-shadow-sm)}@media (min-width: 640px){.sa-order-card{flex-direction:row;align-items:center;justify-content:space-between}}.sa-order-id-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--sa-muted);margin:0 0 .25rem}.sa-order-id{font-family:ui-monospace,SF Mono,monospace;font-size:.8125rem;color:var(--sa-text);margin:0}.sa-order-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem .625rem;margin-top:.5rem;font-size:.8125rem;color:var(--sa-text-secondary)}.sa-order-amount{font-weight:700;color:var(--sa-text);font-size:.9375rem}.sa-order-sep{color:var(--sa-border)}.sa-order-main{min-width:0}.sa-order-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;flex-shrink:0}.sa-order-renewal-status{margin:.625rem 0 0;color:var(--sa-text-secondary);font-size:.8125rem;font-weight:500}.sa-overview-grid{display:flex;flex-direction:column;gap:1.25rem}.sa-tabs{display:flex;gap:.375rem;flex-wrap:wrap;margin-bottom:1rem}.sa-tab{padding:.5rem .875rem;font-size:.8125rem;font-weight:500;font-family:inherit;border-radius:var(--sa-radius-sm);border:1px solid var(--sa-border);background:var(--sa-bg);cursor:pointer;color:var(--sa-text-secondary);transition:background var(--sa-transition),color var(--sa-transition)}.sa-tab:hover{background:var(--sa-bg-muted)}.sa-tab-active{background:var(--sa-primary);border-color:var(--sa-primary);color:var(--sa-primary-fg)}.sa-stat-grid{display:grid;gap:.5rem;font-size:.875rem}.sa-profile-row{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.sa-order-row{display:flex;flex-direction:column;gap:.5rem;padding:.75rem 0;border-bottom:1px solid var(--sa-border-subtle);font-size:.875rem}@media (min-width: 640px){.sa-order-row{flex-direction:row;align-items:center;justify-content:space-between}}.sa-page{max-width:72rem;margin:0 auto}.app-account-shell .sa-root{--sa-primary: #7c3aed;--sa-primary-fg: #ffffff;--sa-accent: #a78bfa;--sa-accent-fg: #0f172a;--sa-border: rgba(255, 255, 255, .08);--sa-border-subtle: rgba(255, 255, 255, .06);--sa-muted: #94a3b8;--sa-muted-light: #64748b;--sa-bg: rgba(255, 255, 255, .03);--sa-bg-subtle: rgba(255, 255, 255, .02);--sa-bg-muted: rgba(255, 255, 255, .06);--sa-text: #f8fafc;--sa-text-secondary: #cbd5e1;--sa-shadow-sm: 0 1px 2px rgb(0 0 0 / .2);--sa-shadow: 0 4px 12px rgb(0 0 0 / .25);--sa-shadow-md: 0 8px 24px rgb(0 0 0 / .3);--sa-shadow-lg: 0 12px 32px rgb(0 0 0 / .35)}.app-account-shell .sa-layout{background:transparent}.app-account-shell .sa-sidebar{background:#ffffff08;border-color:#ffffff14;backdrop-filter:blur(12px)}@media (min-width: 768px){.app-account-shell .sa-sidebar{box-shadow:0 8px 32px #00000040}}.app-account-shell .sa-nav-item:hover{background:#ffffff0f;color:var(--sa-text)}.app-account-shell .sa-nav-item-active{background:#7c3aed26;color:#c4b5fd}@media (min-width: 768px){.app-account-shell .sa-nav-item-active{background:#7c3aed26;color:#c4b5fd}}.app-account-shell .sa-section{backdrop-filter:blur(12px)}.app-account-shell .sa-meta-item,.app-account-shell .sa-stat-card{background:#ffffff08;border-color:#ffffff0f}.app-account-shell .sa-stat-card:hover{border-color:#7c3aed59}.app-account-shell .sa-table-wrap{border-color:#ffffff14;background:#ffffff05}.app-account-shell .sa-table tbody tr:hover{background:#ffffff0a}.app-account-shell .sa-btn-primary{background:linear-gradient(135deg,#7c3aed,#6366f1);border:none;color:#fff}.app-account-shell .sa-btn-primary:hover{opacity:.92}.app-account-shell .sa-btn-ghost:hover{background:#ffffff0f}.app-account-shell .sa-card:hover{border-color:#7c3aed59;box-shadow:0 8px 24px #0000004d}.app-account-shell .sa-card-thumb video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.site-video-play-badge{position:absolute;inset:50% auto auto 50%;display:inline-flex;width:2.75rem;height:2.75rem;align-items:center;justify-content:center;border:1px solid rgb(255 255 255 / .55);border-radius:9999px;background:#020617ad;box-shadow:0 6px 18px #00000047;transform:translate(-50%,-50%);pointer-events:none}.site-video-play-badge span{width:0;height:0;margin-inline-start:.2rem;border-top:.42rem solid transparent;border-bottom:.42rem solid transparent;border-inline-start:.68rem solid #fff}.app-account-shell .sa-empty{color:var(--sa-muted)}.app-account-shell .sa-success{color:#6ee7b7}.app-account-shell .sa-drawer,.app-account-shell .sa-confirm{background:#111827;border-color:#ffffff1f}.app-account-shell .sa-drawer-header,.app-account-shell .sa-drawer-details{background:#111827}.app-account-shell .sa-drawer-preview{background:#0b1120}.app-account-shell .sa-drawer-image{background:#050914}.app-account-shell .site-creation-media video{width:100%;height:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;background:#050914}.app-account-shell .site-creation-media-audio{min-height:10rem;padding:1rem}.app-account-shell .site-creation-media audio{width:min(32rem,100%)}html[data-theme=light] .app-account-shell .sa-root{--sa-primary: #7c3aed;--sa-primary-fg: #ffffff;--sa-accent: #6d28d9;--sa-accent-fg: #ffffff;--sa-border: #dbe3ee;--sa-border-subtle: #e2e8f0;--sa-muted: #64748b;--sa-muted-light: #94a3b8;--sa-bg: #ffffff;--sa-bg-subtle: #f8fafc;--sa-bg-muted: #f1f5f9;--sa-text: #0f172a;--sa-text-secondary: #475569;--sa-shadow-sm: 0 1px 2px rgb(15 23 42 / .05);--sa-shadow: 0 4px 12px rgb(15 23 42 / .08);--sa-shadow-md: 0 8px 24px rgb(15 23 42 / .1);--sa-shadow-lg: 0 12px 32px rgb(15 23 42 / .12)}html[data-theme=light] .app-account-shell .sa-sidebar,html[data-theme=light] .app-account-shell .sa-meta-item,html[data-theme=light] .app-account-shell .sa-stat-card,html[data-theme=light] .app-account-shell .sa-table-wrap{background:#ffffffe6;border-color:#dbe3ee}html[data-theme=light] .app-account-shell .sa-nav-item:hover,html[data-theme=light] .app-account-shell .sa-btn-ghost:hover,html[data-theme=light] .app-account-shell .sa-table tbody tr:hover{background:#f1f5f9}html[data-theme=light] .app-account-shell .sa-nav-item-active{color:#6d28d9;background:#ede9fe}html[data-theme=light] .app-account-shell .sa-drawer,html[data-theme=light] .app-account-shell .sa-confirm,html[data-theme=light] .app-account-shell .sa-drawer-header,html[data-theme=light] .app-account-shell .sa-drawer-details{color:#0f172a;background:#fff;border-color:#dbe3ee}html[data-theme=light] .app-account-shell .sa-drawer-preview,html[data-theme=light] .app-account-shell .sa-drawer-image{background:#f1f5f9}html[data-theme=light] .app-account-shell .site-creation-media video{background:#e2e8f0}.site-creations-header{align-items:center;gap:1rem}.site-creation-tabs{display:inline-flex;gap:.25rem;padding:.25rem;border:1px solid var(--sa-border);border-radius:.75rem;background:var(--sa-bg-subtle)}.site-creation-tabs button{min-width:4.25rem;min-height:2.5rem;padding:.5rem .875rem;border:0;border-radius:.55rem;background:transparent;color:var(--sa-muted);font:inherit;font-size:.8125rem;font-weight:600;cursor:pointer;transition:color .16s ease,background .16s ease,box-shadow .16s ease}.site-creation-tabs button:hover{color:var(--sa-text)}.site-creation-tabs button.is-active{color:#fff;background:linear-gradient(135deg,#7c3aed,#6366f1);box-shadow:0 4px 12px #4f46e538}.site-creation-tabs button:focus-visible,.site-tool-task-open:focus-visible,.site-tool-task-delete:focus-visible{outline:2px solid var(--sa-primary);outline-offset:2px}.site-tool-task-list{display:grid;gap:.75rem}.site-tool-task{display:flex;align-items:stretch;gap:.5rem;padding:.5rem;border:1px solid var(--sa-border);border-radius:1rem;background:var(--sa-bg);transition:border-color .16s ease,box-shadow .16s ease}.site-tool-task:hover{border-color:color-mix(in srgb,var(--sa-primary) 42%,var(--sa-border));box-shadow:var(--sa-shadow)}.site-tool-task-open{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:.875rem;min-width:0;min-height:4.5rem;flex:1;padding:.5rem .625rem;border:0;border-radius:.75rem;background:transparent;color:inherit;text-align:start;cursor:pointer}.site-tool-task-icon{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border:1px solid rgb(139 92 246 / .25);border-radius:.8rem;color:#a78bfa;background:#8b5cf61c}.site-tool-task-content{display:block;min-width:0}.site-tool-task-content strong,.site-tool-task-content span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-tool-task-content strong{color:var(--sa-text);font-size:.9375rem;font-weight:650}.site-tool-task-content span{margin-top:.35rem;color:var(--sa-muted);font-size:.75rem}.site-tool-task-arrow{color:var(--sa-muted-light);transition:transform .16s ease,color .16s ease}.site-tool-task-open:hover .site-tool-task-arrow{color:var(--sa-primary);transform:translate(.15rem)}.site-tool-task-delete{align-self:center;display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border:1px solid var(--sa-border);border-radius:.75rem;color:var(--sa-muted);background:var(--sa-bg-subtle);cursor:pointer;transition:color .16s ease,border-color .16s ease,background .16s ease}.site-tool-task-delete:hover{color:#ef4444;border-color:#ef444473;background:#ef444414}.site-account-spinner{width:1.75rem;height:1.75rem;border:2px solid rgb(139 92 246 / .25);border-top-color:#8b5cf6;border-radius:9999px;animation:sa-spin .8s linear infinite}@media (max-width: 639px){.site-creations-header{align-items:flex-start;flex-direction:column}.site-creation-tabs{width:100%}.site-creation-tabs button{flex:1}.site-tool-task-open{grid-template-columns:auto minmax(0,1fr) auto;gap:.625rem}.site-tool-task-open .sa-status{grid-column:2;justify-self:start}.site-tool-task-arrow{grid-column:3;grid-row:1 / span 2}}html[data-theme=light] .site-creation-tabs button.is-active{color:#fff}@media (prefers-reduced-motion: reduce){.app-account-shell .sa-card-thumb img,.site-tool-task-arrow{transition:none}.app-account-shell .sa-card:hover .sa-card-thumb img,.site-tool-task-open:hover .site-tool-task-arrow{transform:none}}