:root{color:#13203b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f4f7fb;font-family:Inter,SF Pro Text,PingFang SC,sans-serif;font-weight:500;line-height:1.5}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}html{scrollbar-gutter:stable;overflow-y:scroll}body{background:radial-gradient(circle at 100% 0,#2f6fed1a,#0000 32%),linear-gradient(#f8fbff 0%,#f4f7fb 32%,#f3f5f8 100%)}a{color:inherit;text-decoration:none}.shop-shell{min-height:100vh;padding:24px}.shop-shell__header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe0;border:1px solid #13203b14;border-radius:24px;grid-template-columns:1fr auto auto;align-items:center;gap:24px;padding:18px 22px;display:grid;box-shadow:0 18px 60px #10224a14}.shop-shell__brand h1{margin:4px 0 0;font-size:1.35rem;line-height:1.1}.shop-shell__eyebrow,.catalog-overview__eyebrow,.catalog-focus__eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#6b7a97;align-items:center;gap:8px;font-size:.78rem;font-weight:700;display:inline-flex}.shop-shell__nav{background:#eef3fb;border-radius:18px;align-items:center;gap:10px;padding:6px;display:inline-flex}.shop-shell__nav-link{color:#52607b;border-radius:14px;padding:10px 14px;font-size:.94rem;font-weight:700;transition:background-color .14s,color .14s}.shop-shell__nav-link.router-link-active{color:#18243d;background:#fff;box-shadow:0 6px 18px #23469114}.shop-shell__session{justify-content:flex-end;align-items:center;gap:14px;display:flex}.shop-shell__identity{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.shop-shell__identity span{color:#7885a0;text-transform:uppercase;letter-spacing:.08em;font-size:.76rem}.shop-shell__identity strong{color:#14203a;font-size:.92rem}.shop-shell__identity--ghost strong{color:#5e6e8a;font-weight:600}.shop-shell__content{padding:28px 4px 0}.catalog-view,.subscriptions-view{flex-direction:column;gap:24px;display:flex}.subscriptions-hero{background:linear-gradient(135deg,#fffffffa,#f4f8fff5),linear-gradient(120deg,#2f6fed14,#0000 55%);border:1px solid #13203b14;border-radius:28px;grid-template-columns:1.8fr .9fr;gap:24px;padding:28px 30px;display:grid;box-shadow:0 24px 80px #10224a14}.subscriptions-hero h2{letter-spacing:-.04em;margin:8px 0 10px;font-size:clamp(2rem,3.4vw,3.25rem);line-height:1}.subscriptions-hero p{color:#586883;max-width:42rem;margin:0;font-size:1rem}.catalog-overview{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:22px;padding:0 4px;display:grid}.catalog-overview__intro h2{letter-spacing:-.06em;margin:8px 0 6px;font-size:clamp(2.1rem,4vw,3.6rem);line-height:.95}.catalog-overview__intro p{color:#61718d;max-width:34rem;margin:0}.catalog-overview__stats{align-items:stretch;gap:10px;display:inline-flex}.catalog-overview__stat{background:#ffffffc2;border:1px solid #13203b14;border-radius:18px;min-width:7.5rem;padding:14px 16px}.catalog-overview__stat span{text-transform:uppercase;letter-spacing:.08em;color:#71809d;font-size:.76rem;display:block}.catalog-overview__stat strong{letter-spacing:-.05em;margin-top:8px;font-size:1.8rem;line-height:1;display:block}.catalog-focus{background:linear-gradient(140deg,#fffffffa,#f3f7fff2),radial-gradient(circle at 100% 0,#2f6fed14,#0000 36%);border:1px solid #13203b14;border-radius:30px;padding:28px 28px 24px;box-shadow:0 28px 80px #10224a14}.catalog-focus__header{margin-bottom:20px}.catalog-focus__header h3{letter-spacing:-.05em;margin:8px 0 4px;font-size:clamp(1.8rem,3vw,2.75rem);line-height:1}.catalog-focus__header p{color:#61718d;max-width:34rem;margin:0}.catalog-focus__body,.catalog-focus__loading{flex-direction:column;gap:12px;display:flex}.catalog-focus__panel{background:#ffffffd1;border:1px solid #13203b14;border-radius:24px;grid-template-columns:minmax(16rem,.9fr) minmax(18rem,1.2fr) minmax(14rem,.8fr);align-items:center;gap:20px;padding:22px 22px 20px;display:grid}.catalog-focus__panel--ghost{background:#f8faffdb}.catalog-focus__identity,.catalog-focus__rail{flex-direction:column;display:flex}.catalog-focus__identity{gap:14px}.catalog-focus__matrix{min-width:0}.catalog-focus__rail{align-items:flex-start;gap:14px}.catalog-focus__chips{flex-wrap:wrap;gap:8px;display:flex}.catalog-focus__note{color:#5c6c88;margin:0;font-size:.94rem}.catalog-focus__actions{align-items:center;display:flex}.catalog-focus__placeholder{color:#8d99af;grid-template-columns:minmax(10rem,.6fr) minmax(12rem,1fr) auto;align-items:center;gap:18px;padding:14px 2px 2px;display:grid}.catalog-focus__placeholder-bar{background:#d0d7e2e0;border-radius:999px;height:.88rem}.catalog-focus__placeholder-bar--short{max-width:12rem}.catalog-focus__placeholder-text{letter-spacing:.02em;justify-self:end;font-size:.88rem}.catalog-section{background:#ffffffe6;border:1px solid #13203b14;border-radius:26px;padding:24px 24px 18px;box-shadow:0 20px 60px #10224a0f}.catalog-section--secondary{background:#ffffffc7}.catalog-section__header{justify-content:space-between;align-items:end;gap:18px;margin-bottom:18px;display:flex}.catalog-section__header h3{margin:0 0 4px;font-size:1.15rem}.catalog-section__header p{color:#61718d;margin:0}.catalog-list{flex-direction:column;gap:14px;display:flex}.catalog-row{background:linear-gradient(#fffffff0,#f8faffeb);border:1px solid #13203b14;border-radius:22px;grid-template-columns:minmax(18rem,1.05fr) minmax(16rem,.95fr) auto;align-items:center;gap:18px;padding:18px 20px;display:grid}.catalog-row--inactive{background:linear-gradient(#fffffff5,#f5f7fbf0)}.catalog-row--placeholder,.catalog-row--ghost{background:#f8faffdb}.catalog-row__identity{flex-direction:column;gap:12px;display:flex}.catalog-row__credential{flex-direction:column;gap:6px;display:flex}.catalog-row__credential label{text-transform:uppercase;letter-spacing:.08em;color:#7b89a4;font-size:.78rem}.catalog-row__plain,.masked-credential__value{color:#16213b;word-break:break-all;font-size:.98rem;font-weight:700}.masked-credential__skeleton,.catalog-row__skeleton{background:linear-gradient(90deg,#d3dbe9bf,#e7ecf5f5,#d3dbe9bf) 0 0/220% 100%;border-radius:999px;height:.95rem;animation:1.5s linear infinite shimmer;display:inline-flex}.catalog-row__skeleton--short{width:6rem}.catalog-row__skeleton--long{width:11rem}.catalog-row__ghost-bar{background:#cfd6e1e6;border-radius:999px;width:5rem;height:.74rem}.catalog-row__tags{flex-wrap:wrap;gap:8px;display:flex}.catalog-row__matrix{min-width:0}.catalog-row__actions{justify-content:flex-end;display:flex}.catalog-row__placeholder-dots{letter-spacing:.24em;color:#aeb9ca;justify-self:end;font-size:2rem}.product-matrix{grid-template-columns:repeat(3,minmax(4.8rem,1fr));gap:14px;width:100%;display:grid}.product-matrix__column{grid-template-rows:repeat(var(--matrix-rows), minmax(0, 1fr));min-height:calc(var(--matrix-rows) * .8rem + (var(--matrix-rows) - 1) * 12px);align-content:start;gap:12px;display:grid}.product-matrix__bar{border-radius:999px;height:.82rem}.product-matrix__bar.is-sold{background:#5d99ef}.product-matrix__bar.is-available{background:#1db24b}.product-matrix__bar.is-idle{background:#cfd6e2}.product-matrix__tooltip{flex-direction:column;gap:4px;min-width:11rem;display:flex}.shop-dialog{max-width:36rem}.shop-form{flex-direction:column;gap:6px;display:flex}.shop-form__hint{color:#61718d;margin:-4px 0 4px;font-size:.88rem}.dynamic-inputs{flex-direction:column;gap:10px;width:100%;display:flex}.dynamic-inputs__row{grid-template-columns:1fr auto;gap:8px;display:grid}.subscriptions-empty{background:#ffffffe0;border:1px solid #13203b14;border-radius:24px;padding:28px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-20% 0}}@media (width<=1120px){.shop-shell__header,.subscriptions-hero,.catalog-overview,.catalog-focus__panel,.catalog-row{grid-template-columns:1fr}.shop-shell__session,.catalog-row__actions,.catalog-overview__stats{justify-content:flex-start}}@media (width<=760px){.shop-shell{padding:14px}.shop-shell__header,.catalog-focus,.catalog-section{padding:18px}.subscriptions-hero h2{font-size:1.8rem}.catalog-overview__intro h2,.catalog-focus__header h3{font-size:1.85rem}.product-matrix{grid-template-columns:repeat(3,minmax(3rem,1fr))}}
