.saas-root{--saas-muted:var(--colorNeutralForeground3);--saas-card:var(--colorNeutralBackground1);--saas-shadow:0 4px 16px rgba(0,0,0,0.08);--saas-header-bg:var(--colorNeutralBackground1);min-height:100vh;font-family:var(--fontFamilyBase,system-ui,sans-serif);background:var(--colorNeutralBackground2);color:var(--colorNeutralForeground1)}.saas-root-portal{--saas-muted:#4e5f77;--saas-shadow:0 12px 24px -26px rgba(11,36,74,0.6);--saas-header-bg:rgba(255,255,255,0.82);--colorBrandBackground:#137ca7;--colorBrandBackgroundHover:#116e92;--colorBrandBackground2:#dff3ee;--colorBrandBackground2Hover:#ccebe3;--colorBrandForeground1:#0f6f86;--colorNeutralBackground1:rgba(255,255,255,0.9);--colorNeutralBackground1Hover:#f4f8fc;--colorNeutralBackground2:#eef3f7;--colorNeutralStroke1:#bfcce0;--colorNeutralStroke2:#cfd7e5;--colorNeutralForeground3:#4e5f77;background:radial-gradient(circle at 8% 14%,rgba(19,141,161,.18),transparent 38%),radial-gradient(circle at 92% 6%,rgba(232,114,44,.2),transparent 36%),linear-gradient(180deg,#f3f6fb,#eef3f7)}.saas-root-portal .saas-logo{background:linear-gradient(95deg,#137ca7,#1f9f7d);box-shadow:0 10px 20px -12px rgba(11,36,74,.45)}.saas-root-portal .saas-header-button{border-color:#cfd7e5;background:rgba(255,255,255,.92)}.saas-root-portal .saas-nav-footer{border-top-color:rgba(79,105,137,.28)}.saas-root-portal .saas-card-hover{border-color:#cfd7e5!important}.saas-root-portal .saas-card-hover:hover{box-shadow:0 12px 24px -22px rgba(11,36,74,.48)}@supports (background:color-mix(in srgb,red,blue)){.saas-root{background:radial-gradient(1200px 400px at 10% -10%,color-mix(in srgb,var(--colorBrandBackground2) 75%,transparent),transparent 60%),var(--colorNeutralBackground2)}.saas-root-portal{background:radial-gradient(circle at 8% 14%,rgba(19,141,161,.18),transparent 38%),radial-gradient(circle at 92% 6%,rgba(232,114,44,.2),transparent 36%),linear-gradient(180deg,#f3f6fb,#eef3f7)}}.saas-logo{width:40px;height:40px;background:var(--colorBrandBackground);color:var(--colorNeutralForegroundOnBrand,#fff);justify-content:center;box-shadow:0 8px 20px rgba(0,0,0,.18)}.saas-header-button,.saas-logo{border-radius:14px;display:inline-flex;align-items:center}.saas-header-button{gap:12px;padding:8px 14px;border:1px solid var(--colorNeutralStroke2);background:var(--colorNeutralBackground1);box-shadow:0 2px 6px rgba(0,0,0,.06);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.saas-header-button span{max-width:360px}.saas-header-button:hover{transform:translateY(-1px);border-color:var(--colorNeutralStroke1);box-shadow:0 4px 12px rgba(0,0,0,.1)}.saas-shop-meta{min-width:0}.saas-shop-meta span{max-width:240px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.saas-nav-footer{padding-top:12px;border-top:1px dashed var(--colorNeutralStroke2)}.saas-card-hover{transition:box-shadow .18s ease}.saas-card-hover:hover{box-shadow:var(--saas-shadow)}.saas-fade-in{animation:saasFadeUp .5s ease both}.saas-denied{max-width:640px;margin:40px auto;padding:20px 24px;border-radius:16px;background:var(--colorNeutralBackground1);border:1px solid var(--colorNeutralStroke2);color:var(--colorNeutralForeground3);text-align:center}.saas-link{display:inline-flex;align-items:center;justify-content:center;margin-top:12px;padding:10px 16px;border-radius:999px;background:var(--colorBrandBackground);color:var(--colorNeutralForegroundOnBrand,#fff);font-weight:600;text-decoration:none;box-shadow:0 4px 12px rgba(0,0,0,.14)}.saas-link:hover{background:var(--colorBrandBackgroundHover)}.saas-shop-list{gap:10px;margin-top:12px}.saas-shop-list,.saas-shop-option{display:flex;flex-direction:column}.saas-shop-option{gap:2px;padding:10px 14px;border-radius:12px;border:1px solid var(--colorNeutralStroke2);text-align:left;color:var(--colorNeutralForeground1);text-decoration:none;background:var(--colorNeutralBackground1);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.saas-shop-option span{color:var(--colorNeutralForeground3);font-size:12px}.saas-shop-option:hover{border-color:var(--colorNeutralStroke1);box-shadow:0 4px 12px rgba(0,0,0,.08);transform:translateY(-1px)}.saas-loading-screen{min-height:100vh;width:100%;padding:24px;position:relative}.saas-loading-screen,.saas-loading-shell{display:flex;align-items:center;justify-content:center}.saas-loading-shell{width:112px;height:112px;border-radius:32px;border:1px solid rgba(255,255,255,.68);background:rgba(255,255,255,.52);box-shadow:0 24px 50px -34px rgba(11,36,74,.42);backdrop-filter:blur(14px)}.saas-loading-logo{width:64px;height:64px;border-radius:22px;animation:saasPortalLoaderPulse 1.8s ease-in-out infinite}.saas-loading-logo-icon{animation:saasPortalLoaderSparkle 2.8s ease-in-out infinite;transform-origin:center}.saas-loading-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.saas-main{padding-bottom:48px}.saas-nav-progress{position:fixed;top:0;left:0;right:0;height:3px;opacity:0;pointer-events:none;z-index:2500;transition:opacity .12s ease}.saas-nav-progress.is-visible{opacity:1}.saas-nav-progress-bar{height:100%;width:34%;background:linear-gradient(90deg,#137ca7,#1f9f7d);border-radius:0 999px 999px 0;animation:saasNavProgressSlide 1.05s ease-in-out infinite}@keyframes saasFadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes saasNavProgressSlide{0%{transform:translateX(-120%)}to{transform:translateX(340%)}}@keyframes saasPortalLoaderPulse{0%,to{transform:translateY(0) scale(1);box-shadow:0 10px 20px -14px rgba(11,36,74,.32)}50%{transform:translateY(-3px) scale(1.05);box-shadow:0 18px 28px -14px rgba(11,36,74,.42)}}@keyframes saasPortalLoaderSparkle{0%,to{transform:rotate(0deg) scale(1);opacity:1}50%{transform:rotate(12deg) scale(1.08);opacity:.92}}@media (prefers-reduced-motion:reduce){.saas-fade-in,.saas-loading-logo,.saas-loading-logo-icon,.saas-nav-progress-bar{animation:none!important}}