:root{--bg:#f5f5f7;--bg-2:#ebebee;--bg-alt:#fbfbfd;--surface:#ffffffb3;--surface-2:#ffffffe6;--border:#00000012;--border-2:#00000021;--text:#111114;--text-dim:#3a3a42;--text-faint:#66666e;--text-ghost:#999;--mks-blue:#1db7f1;--mks-blue-dim:#1db7f1b3;--accent:#0e8fbf;--accent-soft:#1db7f11a;--accent-line:#1db7f13d;--ok-bg:#dcfce7;--ok-fg:#166534;--info-bg:#e0f2fe;--info-fg:#0369a1;--warn-bg:#fef9c3;--warn-fg:#854d0e;--muted-bg:#f3f4f6;--muted-fg:#6b7280;--danger-bg:#fee2e2;--danger-fg:#dc2626;--danger-fg2:#991b1b;--sans:-apple-system, "Segoe UI", system-ui, "Helvetica Neue", Arial, sans-serif;--mono:"SF Mono", ui-monospace, "JetBrains Mono", Menlo, monospace;--maxw:1180px;--gutter:clamp(20px, 5vw, 64px);--radius:16px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--sans);letter-spacing:-.011em;text-rendering:optimizelegibility;margin:0;line-height:1.6}#root{min-height:100vh}::selection{background:var(--accent-soft);color:var(--text)}h1,h2,h3{color:var(--text);letter-spacing:-.03em;margin:0;font-weight:600;line-height:1.04}p{margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.eyebrow{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--mks-blue);align-items:center;gap:9px;font-size:12px;display:inline-flex}.btn{font-family:var(--sans);letter-spacing:-.01em;cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-size:15px;font-weight:500;transition:transform .18s cubic-bezier(.2,.7,.3,1),background .18s,border-color .18s,box-shadow .18s,color .18s;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary{color:#fff;background:#1db7f1;box-shadow:0 1px 2px #1db7f138,0 4px 12px -6px #1db7f166}.btn-primary:hover:not(:disabled){color:#fff;background:#0ea5d9;transform:translateY(-1px);box-shadow:0 1px 3px #1db7f147,0 6px 16px -6px #1db7f17a}.btn-ghost{color:#18181b;background:#fff;border-color:#0000001f;box-shadow:0 1px 2px #0000000d}.btn-ghost:hover:not(:disabled){background:#fafafa;border-color:#0000002e;transform:translateY(-1px);box-shadow:0 1px 3px #00000014}.field{gap:7px;min-width:0;display:grid}.field label{color:var(--text-faint);letter-spacing:-.005em;font-size:12.5px}.field input,.field select,.field textarea{font-family:var(--sans);color:var(--text);appearance:none;border:1px solid var(--border-2);background:#fff;border-radius:9px;width:100%;padding:11px 13px;font-size:14.5px;transition:border-color .15s,background .15s,box-shadow .15s}.field input::placeholder,.field textarea::placeholder{color:var(--text-ghost)}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--mks-blue-dim);box-shadow:0 0 0 3px var(--accent-soft);outline:none}:root{--railpad:clamp(16px, 2.5vw, 36px);--shell-maxw:940px}@media (width<=720px){:root{--railpad:0px}}.app-shell{background:var(--bg);isolation:isolate;flex-direction:column;min-height:100vh;display:flex;position:relative}.app-shell:before{content:"";z-index:-2;background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);opacity:.6;pointer-events:none;background-position:50% -1px;background-size:64px 64px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(120% 90% at 50% 0,#000 20%,#0000 70%);mask-image:radial-gradient(120% 90% at 50% 0,#000 20%,#0000 70%)}.app-main{width:100%;max-width:var(--shell-maxw);padding:clamp(28px, 4vw, 48px) var(--gutter) clamp(56px, 8vw, 96px);isolation:isolate;flex:1;margin:0 auto;position:relative}.app-main:before,.app-main:after{content:"";background:var(--border);pointer-events:none;z-index:-1;width:1px;position:absolute;top:0;bottom:0}.app-main:before{left:calc(var(--gutter) - var(--railpad))}.app-main:after{right:calc(var(--gutter) - var(--railpad))}@media (width<=720px){.app-main:before,.app-main:after{display:none}}.page-head{flex-direction:column;gap:10px;margin-bottom:clamp(24px,3.5vw,40px);display:flex}.page-head-top{justify-content:space-between;align-items:center;gap:16px;display:flex}.page-eyebrow{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--mks-blue);align-items:center;gap:9px;font-size:11.5px;display:inline-flex}.page-eyebrow:before{content:"";background:var(--mks-blue);opacity:.7;width:22px;height:1px}.page-title{letter-spacing:-.035em;color:var(--text);margin:0;font-size:clamp(30px,4.4vw,48px);font-weight:600;line-height:1.02}.page-title .grad{background:linear-gradient(100deg,#1db7f1 0%,#0e8fbf 55%,#0a6f9a 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.page-sub{color:var(--text-faint);text-wrap:pretty;max-width:46em;margin-top:4px;font-size:clamp(15px,1.6vw,17px)}.page-back{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);cursor:pointer;background:0 0;border:none;align-self:flex-end;align-items:center;gap:8px;padding:6px 0;font-size:12px;transition:color .15s,gap .18s;display:inline-flex}.page-back:hover{color:var(--text);gap:12px}.page-back .arr{transition:transform .2s}.page-back:hover .arr{transform:translate(-3px)}.rule{height:1px;margin-inline:calc(-1 * var(--railpad));background:linear-gradient(90deg, transparent, var(--accent-line) 12%, var(--accent-line) 88%, transparent);position:relative}.card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:0 1px 3px #0000000a}.card-pad{padding:clamp(20px,2.6vw,30px)}.card-eyebrow{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);margin:0;font-size:11px;font-weight:500}.module-grid{border-top:1px solid var(--border);border-bottom:1px solid var(--border);display:grid;position:relative}.module-cell{border-right:1px solid var(--border);padding:clamp(18px,2.2vw,26px) clamp(16px,2.2vw,28px);position:relative}.module-cell:last-child{border-right:none}.module-cell:before{content:"";background:var(--mks-blue);opacity:.85;width:32px;height:2px;position:absolute;top:-1px;left:clamp(16px,2.2vw,28px)}.module-label{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);margin-bottom:8px;font-size:10.5px;font-weight:500}.module-value{letter-spacing:-.02em;color:var(--text);font-size:clamp(18px,2vw,22px);font-weight:600;line-height:1.15}.data-table{border:1px solid var(--border);background:#fff;border-radius:12px;overflow:hidden}.data-head{font-family:var(--mono);color:var(--text-faint);text-transform:uppercase;letter-spacing:.12em;background:var(--bg-alt);border-bottom:1px solid var(--border-2);font-size:10.5px;font-weight:500}.data-row{border-bottom:1px solid var(--border);transition:background .15s}.data-row:last-child{border-bottom:none}.data-row:hover{background:var(--accent-soft)}.badge{text-transform:uppercase;letter-spacing:.07em;white-space:nowrap;border-radius:999px;align-items:center;padding:.3rem .75rem;font-size:.72rem;font-weight:600;display:inline-flex}.reveal{opacity:0;animation:.6s cubic-bezier(.2,.7,.3,1) forwards reveal-in;transform:translateY(14px)}.reveal[data-d="1"]{animation-delay:60ms}.reveal[data-d="2"]{animation-delay:.12s}.reveal[data-d="3"]{animation-delay:.18s}@keyframes reveal-in{to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;animation:none;transform:none}html{scroll-behavior:auto}}.auth-layout{background:var(--bg);isolation:isolate;flex-direction:column;justify-content:flex-start;align-items:center;min-height:100vh;padding:8vh 1rem 1rem;display:flex;position:relative;overflow:hidden}.auth-layout:before{content:"";z-index:-1;background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);opacity:.5;pointer-events:none;background-position:top;background-size:64px 64px;position:absolute;inset:-2px;-webkit-mask-image:radial-gradient(120% 70% at 50% 0,#000 25%,#0000 72%);mask-image:radial-gradient(120% 70% at 50% 0,#000 25%,#0000 72%)}.auth-logo{width:auto;height:64px;margin-bottom:1.75rem}.auth-card{background:var(--surface-2);-webkit-backdrop-filter:blur(14px)saturate(140%);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:400px;padding:2.5rem 2rem;position:relative;overflow:hidden;box-shadow:0 4px 24px -8px #0000001a,0 1px #00000008}.auth-card:before{content:"";background:linear-gradient(90deg, var(--mks-blue), transparent);width:40px;height:2px;position:absolute;top:0;left:2rem}.auth-card h1{letter-spacing:-.03em;color:var(--text);margin:0 0 1.75rem;font-size:1.6rem;font-weight:600}.auth-eyebrow{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--mks-blue);margin:0 0 .6rem;font-size:11px}.auth-card form{flex-direction:column;gap:1rem;display:flex}.auth-card label{letter-spacing:-.005em;color:var(--text-faint);flex-direction:column;gap:.4rem;font-size:12.5px;font-weight:400;display:flex}.auth-card input{font-family:var(--sans);color:var(--text);appearance:none;border:1px solid var(--border-2);background:#fff;border-radius:9px;outline:none;padding:11px 13px;font-size:14.5px;transition:border-color .15s,box-shadow .15s}.auth-card input::placeholder{color:var(--text-ghost)}.auth-card input:focus{border-color:var(--mks-blue-dim);box-shadow:0 0 0 3px var(--accent-soft)}.auth-card button[type=submit]{color:#fff;font-family:var(--sans);letter-spacing:-.01em;cursor:pointer;background:#1db7f1;border:1px solid #0000;border-radius:10px;margin-top:.5rem;padding:12px;font-size:15px;font-weight:500;transition:transform .18s cubic-bezier(.2,.7,.3,1),background .18s,color .18s,box-shadow .18s;box-shadow:0 1px 2px #1db7f138,0 4px 12px -6px #1db7f166}.auth-card button[type=submit]:hover:not(:disabled){color:#fff;background:#0ea5d9;transform:translateY(-1px);box-shadow:0 1px 3px #1db7f147,0 6px 16px -6px #1db7f17a}.auth-card button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.optional{color:var(--text-ghost);font-weight:400}.form-error{color:var(--danger-fg);margin:0;font-size:13px}.auth-hint{color:var(--text-dim);margin:0 0 1.25rem;font-size:.9rem;line-height:1.5}.auth-links{color:var(--text-faint);flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1.25rem;font-size:13px;display:flex}.auth-links a{color:var(--accent);text-decoration:none;transition:color .15s}.auth-links a:hover{color:var(--mks-blue);text-decoration:underline}.app-nav{background:var(--surface-2);-webkit-backdrop-filter:blur(14px)saturate(140%);border-bottom:1px solid var(--border);padding:0 var(--gutter);z-index:60;justify-content:space-between;align-items:center;height:64px;display:flex;position:sticky;top:0;box-shadow:0 1px #0000000a}.app-nav-logo{width:auto;height:32px}.app-nav-right{align-items:center;gap:.75rem;display:flex}.app-nav-email{letter-spacing:-.01em;color:var(--text-dim);background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:999px;padding:.32rem .9rem;font-size:13px;font-weight:500}.app-nav-logout{color:var(--text-faint);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.35rem .7rem;font-size:13px;font-weight:500;transition:color .15s,background .15s}.app-nav-logout:hover:not(:disabled){color:var(--danger-fg);background:var(--danger-bg)}.app-nav-logout:disabled{opacity:.5;cursor:not-allowed}.acct-loading{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.acct-spinner{border:3px solid var(--accent-soft);border-top-color:var(--mks-blue);border-radius:50%;width:36px;height:36px;animation:.7s linear infinite acct-spin}@keyframes acct-spin{to{transform:rotate(360deg)}}.acct-stack{flex-direction:column;gap:clamp(14px,1.8vw,20px);max-width:600px;display:flex}.acct-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:.85rem;padding:clamp(20px,2.4vw,28px);display:flex;box-shadow:0 1px 3px #0000000a}.acct-card--danger{background:linear-gradient(180deg, #fee2e247, var(--surface-2) 60%);border-color:#dc262638}.acct-field{flex-direction:column;gap:.4rem;display:flex}.acct-field label{color:var(--text-faint);letter-spacing:-.005em;font-size:12.5px}.acct-section-title{letter-spacing:-.02em;color:var(--text);margin:0;font-size:1.05rem;font-weight:600}.acct-section-title--danger,.acct-eyebrow--danger{color:var(--danger-fg)}.acct-readonly-field{background:var(--bg);border:1px solid var(--border-2);color:var(--text-dim);border-radius:9px;padding:11px 13px;font-size:14.5px}.acct-input{font-family:var(--sans);color:var(--text);appearance:none;border:1px solid var(--border-2);background:#fff;border-radius:9px;outline:none;padding:11px 13px;font-size:14.5px;transition:border-color .15s,box-shadow .15s}.acct-input::placeholder{color:var(--text-ghost)}.acct-input:focus{border-color:var(--mks-blue-dim);box-shadow:0 0 0 3px var(--accent-soft)}.acct-actions{justify-content:flex-start;margin-top:.15rem;display:flex}.acct-btn{font-family:var(--sans);color:#fff;cursor:pointer;background:#1db7f1;border:1px solid #0000;border-radius:10px;padding:.6rem 1.25rem;font-size:.875rem;font-weight:500;transition:background .18s,color .18s,transform .18s,box-shadow .18s;box-shadow:0 1px 2px #1db7f138,0 4px 12px -6px #1db7f166}.acct-btn:hover:not(:disabled){color:#fff;background:#0ea5d9;transform:translateY(-1px);box-shadow:0 1px 3px #1db7f147,0 6px 16px -6px #1db7f17a}.acct-btn:disabled{opacity:.6;cursor:not-allowed}.acct-btn--danger{color:var(--danger-fg);background:#fff;border-color:#dc26264d;box-shadow:0 1px 2px #0000000d}.acct-btn--danger:hover:not(:disabled){background:var(--danger-fg);color:#fff;box-shadow:0 4px 12px -6px #dc262673}.acct-hint{color:var(--text-dim);margin:0;font-size:.875rem}.acct-error{color:var(--danger-fg);margin:0;font-size:.85rem}.acct-success{color:var(--ok-fg);margin:0;font-size:.85rem}.acct-danger-text{color:var(--text-faint);max-width:42em;margin:0;font-size:.875rem;line-height:1.5}.portal-loading{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.portal-spinner{border:3px solid var(--accent-soft);border-top-color:var(--mks-blue);border-radius:50%;width:40px;height:40px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.portal-grid{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start;gap:clamp(16px,2vw,24px);display:grid}@media (width<=820px){.portal-grid{grid-template-columns:1fr}}.portal-license{flex-direction:column;display:flex}.portal-license-top{justify-content:space-between;align-items:flex-start;gap:1.5rem;padding:clamp(22px,2.8vw,32px) clamp(22px,2.8vw,32px) clamp(18px,2.2vw,26px);display:flex}.portal-license-title{letter-spacing:-.03em;margin:6px 0 0;font-size:clamp(2rem,4vw,2.75rem);font-weight:600;line-height:1}.portal-beam-text{color:var(--mks-blue);font-family:"Oswald", var(--sans);font-weight:500}.portal-pro-text{color:#0a1628;font-family:"Oswald", var(--sans);font-weight:500}.portal-team-name{color:var(--text-faint);letter-spacing:-.01em;margin:.55rem 0 0;font-size:.9rem;font-weight:500}.portal-license-brand{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.7rem;display:flex}.portal-card-beam-logo{opacity:.92;width:52px;height:auto}.portal-license-badges{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.4rem;display:flex}.portal-license-type-badge--trial{background:var(--warn-bg);color:var(--warn-fg);border:1px solid #854d0e2e}.portal-license-type-badge--edu{background:var(--accent-soft);color:var(--info-fg);border:1px solid var(--accent-line)}.portal-status-badge--active{background:var(--ok-bg);color:var(--ok-fg)}.portal-status-badge--trialing{background:var(--info-bg);color:var(--info-fg)}.portal-status-badge--past-due{background:var(--warn-bg);color:var(--warn-fg)}.portal-status-badge--canceled{background:var(--muted-bg);color:var(--muted-fg)}.portal-status-badge--expired{background:var(--danger-bg);color:var(--danger-fg2)}.portal-status-badge--unpaid{color:#92400e;background:#fef3c7}.portal-status-badge--inactive{background:var(--muted-bg);color:var(--muted-fg)}.portal-module{grid-template-columns:repeat(3,1fr)}@media (width<=520px){.portal-module{grid-template-columns:1fr}.portal-module .module-cell{border-right:none;border-bottom:1px solid var(--border)}.portal-module .module-cell:last-child{border-bottom:none}}.portal-card-actions{flex-wrap:wrap;gap:.5rem;padding:clamp(18px,2.2vw,26px) clamp(22px,2.8vw,32px);display:flex}.portal-action-btn{border:1px solid var(--border-2);font-family:var(--sans);color:var(--text-dim);cursor:pointer;white-space:nowrap;background:#fff;border-radius:9px;align-items:center;gap:6px;padding:.55rem 1.05rem;font-size:.85rem;font-weight:500;line-height:1;text-decoration:none;transition:background .15s,border-color .15s,color .15s,transform .12s,box-shadow .15s;display:inline-flex;box-shadow:0 1px 2px #0000000d}.portal-action-btn .arr{transition:transform .2s}.portal-action-btn:hover:not(:disabled) .arr{transform:translate(3px)}.portal-action-btn:hover:not(:disabled){background:var(--mks-blue);border-color:var(--mks-blue);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px -6px #1db7f173}.portal-action-btn:active:not(:disabled){transform:translateY(0)}.portal-action-btn:disabled,.portal-action-btn--disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.portal-action-btn--danger{color:var(--danger-fg);border-color:#dc262647}.portal-action-btn--danger:hover:not(:disabled){background:var(--danger-fg);border-color:var(--danger-fg);color:#fff;box-shadow:0 4px 12px -6px #dc262673}.portal-empty{flex-direction:column;align-items:flex-start;gap:.5rem;padding:clamp(8px,1vw,12px) clamp(22px,2.8vw,32px) clamp(26px,3vw,34px);display:flex}.portal-no-license{letter-spacing:-.02em;color:var(--text);margin:0;font-size:1.05rem;font-weight:600}.portal-empty-sub{color:var(--text-faint);max-width:34em;margin:0 0 .75rem;font-size:.9rem;line-height:1.5}.portal-account{flex-direction:column;gap:1rem;padding:clamp(20px,2.6vw,28px);display:flex}.portal-detail-list{flex-direction:column;margin:0;display:flex}.portal-detail-row{border-bottom:1px solid var(--border);flex-direction:column;gap:.2rem;padding:.7rem 0;display:flex}.portal-detail-row:last-child{border-bottom:none}.portal-detail-label{font-family:var(--mono);color:var(--text-faint);text-transform:uppercase;letter-spacing:.1em;font-size:.66rem;font-weight:500}.portal-detail-value{color:var(--text);word-break:break-word;margin:0;font-size:.95rem;font-weight:500}.portal-account-btn{align-self:flex-start}.team-loading{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.team-spinner{border:3px solid var(--accent-soft);border-top-color:var(--mks-blue);border-radius:50%;width:36px;height:36px;animation:.7s linear infinite team-spin}@keyframes team-spin{to{transform:rotate(360deg)}}.team-count-badge{background:var(--accent-soft);color:var(--info-fg);border:1px solid var(--accent-line);letter-spacing:.04em}.team-stack{flex-direction:column;gap:clamp(14px,1.8vw,20px);display:flex}.team-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:.85rem;padding:clamp(20px,2.4vw,28px);display:flex;box-shadow:0 1px 3px #0000000a}.team-section-title{letter-spacing:-.02em;color:var(--text);margin:0;font-size:1.05rem;font-weight:600}.team-add-row{align-items:center;gap:12px;display:flex}.team-input{font-family:var(--sans);border:1px solid var(--border-2);color:var(--text);background:#fff;border-radius:9px;outline:none;flex:1;padding:11px 13px;font-size:14.5px;transition:border-color .15s,box-shadow .15s}.team-input:focus{border-color:var(--mks-blue-dim);box-shadow:0 0 0 3px var(--accent-soft)}.team-input::placeholder{color:var(--text-ghost)}.team-btn{color:#fff;font-family:var(--sans);cursor:pointer;white-space:nowrap;background:#1db7f1;border:1px solid #0000;border-radius:10px;padding:.6rem 1.25rem;font-size:.875rem;font-weight:500;transition:background .18s,color .18s,transform .18s,box-shadow .18s;box-shadow:0 1px 2px #1db7f138,0 4px 12px -6px #1db7f166}.team-btn:hover:not(:disabled){color:#fff;background:#0ea5d9;transform:translateY(-1px);box-shadow:0 1px 3px #1db7f147,0 6px 16px -6px #1db7f17a}.team-btn:disabled{opacity:.6;cursor:not-allowed}.team-error{color:var(--danger-fg);margin:0;font-size:.85rem}.team-success{color:var(--ok-fg);margin:0;font-size:.85rem}.team-table{flex-direction:column;display:flex}.team-table-head{font-family:var(--mono);color:var(--text-faint);text-transform:uppercase;letter-spacing:.12em;background:var(--bg-alt);border-bottom:1px solid var(--border-2);grid-template-columns:1.4fr 2fr 90px 90px;padding:.65rem .85rem;font-size:.68rem;font-weight:500;display:grid}.team-table-row{border-bottom:1px solid var(--border);grid-template-columns:1.4fr 2fr 90px 90px;align-items:center;padding:.8rem .85rem;transition:background .15s;display:grid}.team-table-row:last-child{border-bottom:none}.team-table-row:hover{background:var(--accent-soft)}.team-col-name{align-items:center;gap:8px;min-width:0;display:flex}.team-col-email{min-width:0}.team-col-center{justify-content:center;align-items:center;display:flex}.team-member-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:500;overflow:hidden}.team-member-email{color:var(--text-faint);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;overflow:hidden}.team-owner-badge{font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--info-fg);background:var(--info-bg);border:1px solid #0369a12e;border-radius:5px;flex-shrink:0;padding:2px 6px;font-size:.6rem;font-weight:500}.team-checkbox{appearance:none;border:1.5px solid var(--border-2);cursor:pointer;background:#fff;border-radius:5px;flex-shrink:0;width:18px;height:18px;transition:background .15s,border-color .15s;position:relative}.team-checkbox:checked{background:var(--mks-blue);border-color:var(--mks-blue);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 10 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4l3 3 5-6' stroke='white' stroke-width='1.8' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:10px 8px}.team-checkbox:focus-visible{outline:2px solid var(--mks-blue);outline-offset:2px}.team-checkbox:disabled{cursor:not-allowed;opacity:.45}.team-remove-btn{color:var(--danger-fg);cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #dc262647;border-radius:8px;padding:.35rem .75rem;font-size:.78rem;font-weight:500;transition:background .15s,color .15s}.team-remove-btn:hover:not(:disabled){background:var(--danger-fg);color:#fff}.team-remove-btn:disabled{opacity:.4;cursor:not-allowed;border-color:var(--border);color:var(--text-ghost)}@media (width<=600px){.team-table-head,.team-table-row{grid-template-columns:1fr 90px 80px}.team-col-email{display:none}.team-add-row{flex-direction:column;align-items:stretch}}.dev-loading{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.dev-spinner{border:3px solid var(--accent-soft);border-top-color:var(--mks-blue);border-radius:50%;width:36px;height:36px;animation:.7s linear infinite dev-spin}@keyframes dev-spin{to{transform:rotate(360deg)}}.dev-count-badge{background:var(--accent-soft);color:var(--info-fg);border:1px solid var(--accent-line);letter-spacing:.04em}.dev-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:.85rem;padding:clamp(20px,2.4vw,28px);display:flex;box-shadow:0 1px 3px #0000000a}.dev-empty{color:var(--text-faint);margin:0;padding:.5rem 0 .25rem;font-size:.9rem}.dev-error{color:var(--danger-fg);margin:0;font-size:.85rem}.dev-table{flex-direction:column;display:flex}.dev-table-head{font-family:var(--mono);color:var(--text-faint);text-transform:uppercase;letter-spacing:.12em;background:var(--bg-alt);border-bottom:1px solid var(--border-2);grid-template-columns:1.6fr 1.4fr 110px;padding:.65rem .85rem;font-size:.68rem;font-weight:500;display:grid}.dev-table-row{border-bottom:1px solid var(--border);grid-template-columns:1.6fr 1.4fr 110px;align-items:center;padding:.8rem .85rem;transition:background .15s;display:grid}.dev-table-row:last-child{border-bottom:none}.dev-table-row:hover{background:var(--accent-soft)}.dev-col-machine,.dev-col-user{min-width:0}.dev-col-expiry{align-items:center;display:flex}.dev-machine-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:500;overflow:hidden}.dev-user-name{color:var(--text-faint);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;overflow:hidden}.dev-expiry{background:var(--info-bg);color:var(--info-fg);border-radius:999px;padding:.25rem .65rem;font-size:.76rem;font-weight:600;display:inline-block}.dev-expiry--soon{background:var(--warn-bg);color:var(--warn-fg)}@media (width<=600px){.dev-table-head,.dev-table-row{grid-template-columns:1fr 100px}.dev-col-user{display:none}}.buy-card{max-width:480px}.buy-loading{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.buy-spinner{border:3px solid var(--accent-soft);border-top-color:var(--mks-blue);border-radius:50%;width:36px;height:36px;animation:.7s linear infinite buy-spin}@keyframes buy-spin{to{transform:rotate(360deg)}}.buy-spinner-wrap{justify-content:center;padding:2rem 0 1rem;display:flex}.buy-summary{background:var(--bg-alt);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:.65rem;margin:0 0 1.5rem;padding:1rem 1.25rem;display:flex}.buy-row{color:var(--text-dim);justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.buy-row strong{color:var(--text);font-weight:600}.buy-total{border-top:1px solid var(--border);margin-top:.15rem;padding-top:.65rem}.buy-total strong{color:var(--mks-blue);font-size:1.05rem}.buy-btn{color:#fff;width:100%;font-family:var(--sans);letter-spacing:-.01em;cursor:pointer;background:#1db7f1;border:1px solid #0000;border-radius:10px;padding:.8rem;font-size:1rem;font-weight:500;transition:transform .18s cubic-bezier(.2,.7,.3,1),background .18s,color .18s,box-shadow .18s;box-shadow:0 1px 2px #1db7f138,0 4px 12px -6px #1db7f166}.buy-btn:hover:not(:disabled){color:#fff;background:#0ea5d9;transform:translateY(-1px);box-shadow:0 1px 3px #1db7f147,0 6px 16px -6px #1db7f17a}.buy-btn:disabled{opacity:.6;cursor:not-allowed}.link-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.875rem;transition:color .15s}.link-btn:hover{color:var(--mks-blue);text-decoration:underline}
