:root{color-scheme:light;--font-family-sans: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;--ink: #111217;--ink-soft: #4b505d;--background: #f3f5f8;--surface: rgba(255, 255, 255, .72);--surface-strong: #ffffff;--border: rgba(17, 18, 23, .1);--accent: #ff9056;--accent-soft: #ff40b7;--accent-deep: #e96f39;--accent-deeper: #d03c94;--danger: #9f1239;--danger-bg: rgba(255, 241, 242, .86);--success: #116149;--success-bg: rgba(238, 251, 245, .88);--shadow-soft: 0 20px 70px rgba(20, 30, 48, .12);--shadow-strong: 0 32px 90px rgba(7, 16, 32, .2);--radius-xl: 36px;--radius-lg: 28px;--radius-md: 20px;--radius-sm: 14px;font-family:var(--font-family-sans);color:var(--ink);background:var(--background)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{min-height:100svh;color:var(--ink);background:radial-gradient(68rem 32rem at 14% -4%,rgba(255,162,64,.23),transparent 60%),radial-gradient(72rem 40rem at 90% -6%,rgba(255,64,183,.16),transparent 64%),linear-gradient(180deg,#fbfcff,#f4f6f9 42%,#f0f2f6);background-position:top center;background-repeat:no-repeat;line-height:1.55;-webkit-font-smoothing:antialiased}button,a,input,select{font:inherit}a{color:inherit}.signin-shell{display:grid;min-height:100svh;place-items:center;padding:clamp(1.25rem,4vw,2rem)}.signin-panel{width:min(100%,460px);display:grid;gap:1.35rem;padding:clamp(1.5rem,4vw,2.35rem);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-strong);-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);text-align:center}.signin-panel p{color:var(--ink-soft)}.app-shell{min-height:100svh;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem clamp(1rem,4vw,2.5rem);border-bottom:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);position:sticky;top:0;z-index:10}.immersive-studio-logo{height:26px;display:block}.app-nav{display:flex;align-items:center;gap:.35rem}.app-nav a{padding:.4rem .9rem;border-radius:999px;text-decoration:none;color:var(--ink-soft);font-weight:500}.app-nav a.active{background:var(--surface-strong);color:var(--ink);box-shadow:0 8px 24px #141e301a}.header-account{display:flex;align-items:center;gap:.65rem}.header-account .avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.app-main{width:min(100%,960px);margin:0 auto;padding:clamp(1.25rem,4vw,2.5rem) clamp(1rem,4vw,2rem) 4rem;display:grid;gap:1.5rem;align-content:start}.page-title{font-size:clamp(1.45rem,3vw,1.9rem);letter-spacing:-.02em}.page-subtitle{color:var(--ink-soft)}.card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);padding:clamp(1.15rem,3vw,1.6rem);display:grid;gap:1rem}.card h2{font-size:1.1rem;letter-spacing:-.01em}.card-list{list-style:none;display:grid;gap:.35rem}.card-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem .85rem;border-radius:var(--radius-sm);background:var(--surface-strong);border:1px solid var(--border)}.card-row-link{text-decoration:none;transition:box-shadow .12s ease}.card-row-link:hover{box-shadow:0 10px 30px #141e301f}.card-row-main{display:flex;align-items:center;gap:.75rem;min-width:0}.card-row-main .avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}.card-row-title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-row-subtitle{color:var(--ink-soft);font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-row-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.empty-note{color:var(--ink-soft);padding:.35rem .15rem}.badge{display:inline-flex;align-items:center;padding:.14rem .65rem;border-radius:999px;font-size:.82rem;font-weight:600;border:1px solid var(--border);background:var(--surface-strong);color:var(--ink-soft)}.badge-owner{background:linear-gradient(120deg,#ff905629,#ff40b724);color:var(--accent-deep);border-color:#e96f3940}.badge-status-active,.badge-status-trial{background:var(--success-bg);color:var(--success);border-color:#11614933}.badge-status-past_due,.badge-status-suspended{background:var(--danger-bg);color:var(--danger);border-color:#9f123933}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.62rem 1.15rem;border-radius:999px;border:1px solid transparent;cursor:pointer;font-weight:600;transition:transform .12s ease,box-shadow .12s ease}.button:disabled{opacity:.55;cursor:default}.button svg{width:18px;height:18px}.button-primary{color:#fff;background:linear-gradient(120deg,var(--accent) 0%,var(--accent-soft) 100%);box-shadow:0 14px 34px #e96f3959}.button-primary:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 18px 40px #d03c9459}.button-secondary{background:var(--surface-strong);border-color:var(--border);color:var(--ink)}.button-danger{background:var(--danger-bg);border-color:#9f123940;color:var(--danger)}.button-compact{padding:.32rem .8rem;font-size:.88rem;font-weight:500}.form-grid{display:grid;gap:.85rem}.form-field{display:grid;gap:.3rem}.form-field label{font-size:.9rem;font-weight:600;color:var(--ink-soft)}.form-field input,.form-field select{padding:.55rem .8rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-strong);color:var(--ink)}.form-field input:focus-visible,.form-field select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.form-inline{display:flex;flex-wrap:wrap;gap:.75rem;align-items:end}.form-inline .form-field{flex:1 1 220px}select.role-select{padding:.32rem .6rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-strong);font-size:.88rem}.status-row,.error-row,.success-row{display:flex;gap:.65rem;align-items:flex-start;padding:.8rem .95rem;border-radius:var(--radius-sm);border:1px solid var(--border)}.status-row{background:var(--surface-strong);color:var(--ink-soft)}.error-row{background:var(--danger-bg);color:var(--danger);border-color:#9f123933}.success-row{background:var(--success-bg);color:var(--success);border-color:#11614933}.status-row svg,.error-row svg,.success-row svg{width:19px;height:19px;flex-shrink:0;margin-top:.15rem}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.plan-summary{display:flex;flex-wrap:wrap;align-items:baseline;gap:.75rem}.plan-name{font-size:1.35rem;font-weight:700;letter-spacing:-.01em}.seat-count{font-size:1.05rem;font-weight:600}.seat-breakdown{color:var(--ink-soft);font-size:.92rem}.plan-contact{justify-self:start}.danger-zone{border-color:#9f123940}.danger-zone h2{color:var(--danger)}@media(max-width:640px){.app-header{flex-wrap:wrap}.card-row{flex-direction:column;align-items:stretch}.card-row-actions{justify-content:flex-end}}