:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--font-sans:"DM Sans", system-ui, sans-serif;--font-display:"Fraunces", Georgia, serif;--bg-base:#f4f6fb;--bg-elevated:#ffffffb8;--bg-card:#ffffffe0;--text:#334155;--text-strong:#0f172a;--text-muted:#64748b;--border:#0f172a14;--border-strong:#0f172a24;--shadow-sm:0 1px 2px #0f172a0f;--shadow-md:0 12px 40px #0f172a1a;--shadow-card:0 4px 24px #0f172a14;--glow:#6366f159;--accent-default:#6366f1;--accent-compliance:#0d9488;--accent-cc:#2563eb;--accent-family:#7c3aed;--accent-royalty:#db2777;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;font-family:var(--font-sans);color:var(--text);background:var(--bg-base);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg-base:#0b0f1a;--bg-elevated:#0f172aa6;--bg-card:#1e293bbf;--text:#cbd5e1;--text-strong:#f8fafc;--text-muted:#94a3b8;--border:#94a3b81f;--border-strong:#94a3b838;--shadow-sm:0 1px 2px #00000059;--shadow-md:0 20px 50px #00000073;--shadow-card:0 8px 32px #00000059;--glow:#818cf840}}*,:before,:after{box-sizing:border-box}body{min-height:100svh;margin:0}#root{min-height:100svh}a{color:inherit}button{font:inherit}.portal{min-height:100svh;position:relative;overflow-x:hidden}.portal__bg{z-index:0;pointer-events:none;background:radial-gradient(ellipse 80% 50% at 10% -10%, #6366f138, transparent 55%), radial-gradient(ellipse 60% 40% at 90% 0%, #db277724, transparent 50%), radial-gradient(ellipse 50% 40% at 50% 100%, #0d94881f, transparent 55%), var(--bg-base);position:fixed;inset:0}.portal__inner{z-index:1;max-width:1080px;margin:0 auto;padding:1.5rem 1.25rem 3rem;position:relative}.portal__nav{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-elevated);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2.5rem;padding:.75rem 1rem;display:flex}.portal__brand{align-items:center;gap:.75rem;display:flex}.portal__logo{border:1px solid var(--border-strong);box-shadow:var(--shadow-sm);background:#0a0a0a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;padding:.35rem .55rem;display:flex}.portal__logo img{object-fit:contain;width:auto;height:1.65rem;display:block}.portal__brand-text{text-align:left;flex-direction:column;gap:.1rem;display:flex}.portal__brand-name{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-strong);font-size:1.15rem;font-weight:600}.portal__brand-tag{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:.75rem}.portal__sign-out-form{margin:0}.portal__sign-out{color:var(--text);cursor:pointer;border:1px solid var(--border-strong);background:var(--bg-card);border-radius:999px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:border-color .2s,background .2s,transform .15s;display:inline-flex}.portal__sign-out:hover{border-color:var(--accent-default);background:var(--bg-elevated);transform:translateY(-1px)}.portal__hero{text-align:left;margin-bottom:2rem}.portal__hero h1{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text-strong);margin:0 0 .5rem;font-size:clamp(2rem,5vw,2.75rem);font-weight:600;line-height:1.1}.portal__hero p{max-width:32rem;color:var(--text-muted);margin:0;font-size:1.05rem}.portal__grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem;margin:0;padding:0;list-style:none;display:grid}.app-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-card);flex-direction:column;gap:.75rem;padding:1.25rem;text-decoration:none;transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s,border-color .25s;animation:.5s cubic-bezier(.22,1,.36,1) backwards card-in;display:flex;position:relative}.app-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-4px)}.app-card:focus-visible{outline:2px solid var(--accent-default);outline-offset:3px}.app-card__accent{background:var(--card-accent,var(--accent-default));opacity:.9;border-radius:0 0 4px 4px;height:3px;position:absolute;top:0;left:1.25rem;right:1.25rem}.app-card__head{align-items:flex-start;gap:.875rem;display:flex}.app-card__icon{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--card-accent,var(--accent-default)) 14%, transparent);border:1px solid color-mix(in srgb, var(--card-accent,var(--accent-default)) 28%, transparent);flex-shrink:0;place-items:center;width:3rem;height:3rem;font-size:1.35rem;display:grid}.app-card__title{color:var(--text-strong);margin:0;font-size:1.05rem;font-weight:600;line-height:1.3}.app-card__desc{color:var(--text-muted);flex:1;margin:0;font-size:.9rem;line-height:1.45}.app-card__footer{border-top:1px solid var(--border);color:var(--text-muted);justify-content:space-between;align-items:center;gap:.5rem;padding-top:.5rem;font-size:.8rem;display:flex}.app-card__host{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-card__arrow{color:var(--card-accent,var(--accent-default));flex-shrink:0;font-size:1rem;transition:transform .2s}.app-card:hover .app-card__arrow{transform:translate(3px,-3px)}.portal__empty,.portal__error{text-align:center;border:1px dashed var(--border-strong);border-radius:var(--radius-md);background:var(--bg-elevated);padding:2.5rem 1.5rem}.portal__empty-icon,.portal__error-icon{background:color-mix(in srgb, var(--accent-default) 12%, transparent);border-radius:50%;place-items:center;width:3.5rem;height:3.5rem;margin-bottom:1rem;font-size:1.5rem;display:inline-grid}.portal__empty h2,.portal__error h2{font-family:var(--font-display);color:var(--text-strong);margin:0 0 .5rem;font-size:1.35rem}.portal__empty p,.portal__error p{color:var(--text-muted);margin:0}.portal__page-loading{justify-content:center;align-items:center;min-height:12rem;display:flex}.portal__spinner{border:2px solid var(--border-strong);border-top-color:var(--accent-default);border-radius:50%;width:2rem;height:2rem;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.portal__loading{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem;display:grid}.skeleton-card{border-radius:var(--radius-md);background:linear-gradient(90deg, color-mix(in srgb, var(--text-muted) 8%, transparent) 0%, color-mix(in srgb, var(--text-muted) 16%, transparent) 50%, color-mix(in srgb, var(--text-muted) 8%, transparent) 100%);background-size:200% 100%;height:168px;animation:1.4s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes card-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}