:root{--bg: #ffffff;--bg-muted: #f8fafc;--bg-dark: #0f172a;--surface: #ffffff;--ink: #0f172a;--muted: #475569;--line: #e2e8f0;--accent: #1e40af;--accent-hover: #1e3a8a;--accent-ink: #ffffff;--on-dark: #ffffff;--danger: #b91c1c;--focus: #2563eb;--chip: #f1f5f9;--font-sans: "DM Sans", system-ui, sans-serif;--font-display: "Instrument Serif", Georgia, serif;--radius: 6px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-sans);color:var(--ink);background:var(--bg)}a{color:var(--ink)}button,input,select{font:inherit}.button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:var(--radius);padding:.55rem .9rem;text-decoration:none;cursor:pointer;transition:background .15s ease,border-color .15s ease}.button:hover{border-color:#cbd5e1;background:var(--bg-muted)}.button.primary{background:var(--accent);color:var(--accent-ink);border-color:transparent;font-weight:600}.button.primary:hover{background:var(--accent-hover)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:1px solid var(--line);border-radius:.45rem;background:var(--surface);color:var(--ink);cursor:pointer;text-decoration:none;padding:0}.icon-btn:hover{border-color:#cbd5e1;background:var(--bg-muted)}.icon-btn--danger:hover{border-color:#f0b4ae;color:var(--danger);background:#fff5f4}.icon-actions{display:inline-flex;gap:.35rem}.text-link{display:inline-flex;align-items:center;gap:.35rem;color:var(--ink);text-decoration:none;font-weight:500}.text-link:hover{text-decoration:underline}.page-title{display:inline-flex;align-items:center;gap:.5rem;margin:0;font-size:1.55rem;font-weight:600;letter-spacing:-.02em}.section-title{display:inline-flex;align-items:center;gap:.4rem;margin:0;font-size:1.05rem;font-weight:600}.hint{margin:.35rem 0 0;font-size:.85rem}.type-badge{display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.04em;padding:.15rem .4rem;border-radius:.3rem;background:var(--chip);border:1px solid var(--line)}.col-actions{width:1%;white-space:nowrap;text-align:right}.admin-stats{display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width: 720px){.admin-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}.admin-stat{display:flex;flex-direction:column;gap:.35rem}.admin-stat strong{font-size:1.45rem;font-weight:600;letter-spacing:-.02em}.form-grid{display:grid;gap:.85rem}@media (min-width: 640px){.form-grid{grid-template-columns:1fr 1fr}}.search-field{display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--line);background:var(--surface);border-radius:.55rem;padding:.35rem .7rem;color:var(--muted)}.search-field input{border:0;background:transparent;color:var(--ink);outline:none;min-width:10rem;padding:.25rem 0}tr.is-editing{background:#f0f4ff}.sales-page{min-height:100vh;color:var(--ink);background:var(--bg)}.sales-page a{color:var(--accent)}.sales-page .button{border-radius:var(--radius);border-color:var(--line);background:var(--surface);color:var(--ink)}.sales-page .button.primary{background:var(--accent);color:var(--accent-ink);border-color:transparent}.sales-page .button.primary:hover{background:var(--accent-hover)}.sales-nav{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem clamp(1rem,3vw,2.25rem);position:sticky;top:0;z-index:2;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.sales-nav nav{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.sales-nav a{text-decoration:none;color:var(--muted);font-size:.95rem}.sales-nav a:hover,.sales-nav a.is-active{color:var(--ink)}.sales-hero{position:relative;min-height:min(70svh,34rem);display:grid;align-items:center;padding:clamp(2rem,5vh,3.5rem) clamp(1rem,3vw,2.25rem) clamp(2rem,5vh,3.5rem);overflow:hidden;color:var(--on-dark);background:linear-gradient(135deg,#1e3a8a,#1e40af 55%,#2563eb)}.sales-hero-atmosphere{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 55% at 12% 90%,rgba(255,255,255,.14),transparent 55%),radial-gradient(ellipse 50% 40% at 92% 18%,rgba(15,23,42,.25),transparent 50%);pointer-events:none;animation:salesGlow 14s ease-in-out infinite alternate}@keyframes salesGlow{0%{opacity:.85;transform:translateY(0)}to{opacity:1;transform:translateY(-1.5%)}}.sales-hero-inner{position:relative;z-index:1;max-width:38rem;animation:salesRise .75s ease both}@keyframes salesRise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.sales-hero .sales-brand,.sales-hero .sales-headline{color:var(--on-dark)}.sales-hero .sales-subhead{color:#ffffffd1}.sales-hero .button{border-color:#ffffff59;background:transparent;color:var(--on-dark)}.sales-hero .button:hover{background:#ffffff1a;border-color:#ffffff8c}.sales-hero .button.primary{background:#fff;color:#1e3a8a;border-color:transparent}.sales-hero .button.primary:hover{background:#f8fafc}.sales-brand{font-family:var(--font-display);font-size:clamp(2.4rem,7vw,4rem);letter-spacing:-.03em;text-transform:none;color:var(--ink);margin:0 0 .65rem;font-weight:400;line-height:.95}.sales-brand-link{display:inline-flex;align-items:center;text-decoration:none;line-height:0}.sales-brand-link img{display:block}.sales-hero-mark{display:none}.auth-brand-row{display:flex;align-items:center;gap:.65rem;margin-bottom:.35rem}.auth-brand-row .sales-brand{margin:0;font-size:1.35rem;color:var(--ink)}.sales-headline{font-family:var(--font-display);font-weight:400;font-size:clamp(1.65rem,3.8vw,2.35rem);line-height:1.15;margin:0 0 .9rem;letter-spacing:-.02em}.sales-hero .sales-headline{max-width:22ch}.sales-headline--page{font-size:clamp(2rem,5vw,3.1rem);margin-bottom:.85rem}.sales-subhead{color:var(--muted);font-size:1.05rem;line-height:1.55;max-width:34rem;margin:0 0 1.5rem}.sales-cta{display:flex;flex-wrap:wrap;gap:.7rem}.eyebrow{margin:0 0 .55rem;letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:600;color:var(--accent)}@media (max-height: 760px){.sales-brand{font-size:clamp(2rem,6vw,3.2rem)}.sales-headline{font-size:clamp(1.45rem,3.5vw,2rem)}.sales-subhead{font-size:.98rem;margin-bottom:1.15rem}}.sales-section{padding:clamp(2.5rem,6vw,4.5rem) clamp(1rem,3vw,2rem)}.sales-section-inner{max-width:42rem;margin:0 auto}.sales-section h2{font-family:var(--font-display);font-weight:400;font-size:clamp(1.8rem,4vw,2.6rem);margin:0 0 .85rem}.sales-list{margin:1rem 0 0;padding-left:1.1rem;color:var(--muted);line-height:1.6}.sales-grid{display:grid;gap:1rem;margin-top:1.5rem}@media (min-width: 720px){.sales-grid{grid-template-columns:repeat(3,1fr)}}.sales-grid article{border:1px solid var(--line);border-radius:var(--radius);padding:1rem;background:var(--bg-muted)}.sales-grid h3{margin:0 0 .4rem;font-size:1rem}.sales-close{text-align:center}.sales-section-wide{max-width:56rem}.sales-section--alt{background:var(--bg-muted);border-block:1px solid var(--line)}.sales-lead{font-size:1.05rem;max-width:40rem;line-height:1.55}.sales-hero-plane{position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(180deg,transparent,rgba(8,12,10,.55)),repeating-linear-gradient(-12deg,transparent 0 18px,rgba(196,240,97,.035) 18px 19px);pointer-events:none;animation:planeShift 22s linear infinite}@keyframes planeShift{0%{background-position:0 0,0 0}to{background-position:0 0,120px 40px}}.sales-provider-row{list-style:none;display:flex;flex-wrap:wrap;gap:.55rem;margin:1.5rem 0 0;padding:0}.sales-provider-row li{padding:.4rem .75rem;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.88rem;letter-spacing:.02em}.sales-steps{list-style:none;margin:1.5rem 0 0;padding:0;display:grid;gap:1rem}@media (min-width: 800px){.sales-steps{grid-template-columns:repeat(3,1fr);gap:1.5rem}}.sales-providers-inline{margin:1.35rem 0 0;font-size:.95rem;letter-spacing:.01em}.sales-steps li{display:grid;gap:.35rem;padding-top:.85rem;border-top:1px solid var(--line);animation:salesRise .7s ease both}.sales-steps li:nth-child(2){animation-delay:.08s}.sales-steps li:nth-child(3){animation-delay:.16s}.sales-steps strong{font-size:1.05rem}.sales-steps span{color:var(--muted);line-height:1.5}.sales-feature-list{display:grid;gap:1.25rem 1.75rem;margin-top:1.75rem}@media (min-width: 720px){.sales-feature-list{grid-template-columns:repeat(2,1fr)}}@media (min-width: 980px){.sales-feature-list{grid-template-columns:repeat(3,1fr)}}.sales-feature-list h3{margin:0 0 .35rem;font-size:1.05rem}.sales-feature-list p{margin:0}.sales-cta--center{justify-content:center;margin-top:1.25rem}.pricing-panel{margin-top:2rem;padding:1.5rem 0 0;border-top:1px solid var(--line);max-width:36rem}.pricing-amount{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);margin:.35rem 0 .65rem;font-weight:400}.pricing-notes{margin-top:2rem;max-width:36rem}.sales-footer{border-top:none;padding:2.5rem clamp(1rem,3vw,2rem) 1.5rem;margin-top:0;background:var(--bg-dark);color:var(--on-dark)}.sales-footer a{color:#93c5fd}.sales-footer .muted,.sales-footer-fine{color:#ffffff9e}.sales-footer-inner{display:grid;gap:2rem;max-width:64rem;margin:0 auto 1.5rem}@media (min-width: 860px){.sales-footer-inner{grid-template-columns:1.2fr 2fr}}.sales-footer-brand p{margin:.75rem 0 0;max-width:22rem;color:#ffffffb8;line-height:1.5;font-size:.92rem}.sales-footer-cols{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr))}.sales-footer-cols h3{margin:0 0 .55rem;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:#93c5fd}.sales-footer-cols a,.sales-footer-linkbtn{display:block;color:#ffffffb8;text-decoration:none;font-size:.92rem;margin:0 0 .4rem;background:none;border:0;padding:0;text-align:left;cursor:pointer;font:inherit}.sales-footer-cols a:hover,.sales-footer-linkbtn:hover{color:var(--on-dark)}.sales-footer-fine{max-width:64rem;margin:0 auto;font-size:.82rem}.legal-doc-inner{max-width:44rem}.legal-body{margin-top:1.5rem;color:var(--muted);line-height:1.65}.legal-body h2{font-family:var(--font-display);font-weight:400;font-size:1.45rem;color:var(--ink);margin:1.75rem 0 .55rem}.legal-body p,.legal-body ul{margin:0 0 .9rem}.legal-body ul{padding-left:1.15rem}.legal-body a{color:var(--accent)}.consent-banner{position:fixed;left:.75rem;right:.75rem;bottom:.75rem;z-index:40;max-width:42rem;margin:0 auto;padding:.85rem 1rem;background:var(--bg-dark);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 12px 40px #0f172a47;color:var(--on-dark)}.consent-banner a{color:#93c5fd}.consent-banner__inner{max-width:none;margin:0;display:flex;flex-wrap:wrap;gap:.75rem 1rem;align-items:center;justify-content:space-between}.consent-banner__inner p{margin:0;color:#ffffffc7;font-size:.85rem;max-width:28rem;line-height:1.45;flex:1 1 14rem}.consent-banner__actions{display:flex;gap:.5rem}.pricing-card{max-width:28rem;margin:4rem auto;text-align:left}.app-shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr;background:var(--bg);color:var(--ink)}.app-top{display:flex;align-items:center;gap:1rem;padding:.75rem clamp(1rem,3vw,2rem);border-bottom:1px solid var(--line);background:var(--surface);position:sticky;top:0;z-index:5}.app-brand{display:inline-flex;align-items:center;line-height:0;text-decoration:none;flex-shrink:0}.app-brand img{display:block}.app-nav{display:flex;gap:.35rem;flex-wrap:wrap;align-items:center;flex:1;min-width:0}.app-nav a{display:inline-flex;align-items:center;gap:.35rem;color:var(--muted);text-decoration:none;font-size:.92rem;padding:.4rem .65rem;border-radius:.45rem}.app-nav a.active,.app-nav a:hover{color:var(--ink);background:var(--chip)}.app-top-end{display:flex;align-items:center;gap:.55rem;margin-left:auto;flex-shrink:0}.nav-workspace{display:inline-flex;align-items:center}.account-menu{position:relative}.account-trigger{padding:.28rem .55rem;font-size:.82rem;gap:.3rem;min-height:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:1.25rem;background:#14141473;overflow:auto}.modal-panel{width:min(40rem,calc(100vw - 2.5rem));max-height:min(92vh,48rem);overflow-x:hidden;overflow-y:auto;padding:1.25rem 1.35rem 1.35rem;border:1px solid var(--line);border-radius:.75rem;background:var(--surface);box-shadow:0 18px 48px #0000002e;box-sizing:border-box}.modal-panel .stack,.modal-panel .form-row,.modal-panel .form-grid,.modal-panel .toolbar{min-width:0;max-width:100%}.modal-panel .form-row input,.modal-panel .form-row select,.modal-panel .form-row textarea{width:100%;max-width:100%;box-sizing:border-box}.field-label{display:block;font-size:.85rem;font-weight:500;margin-bottom:.35rem}.option-toggle{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;padding:.25rem;border:1px solid var(--line);border-radius:.65rem;background:var(--chip);width:100%;box-sizing:border-box;min-width:0}.option-toggle button{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;border:0;background:transparent;color:var(--muted);border-radius:.45rem;padding:.55rem .65rem;font:inherit;font-size:.85rem;cursor:pointer;min-width:0;white-space:normal;text-align:center;line-height:1.25}.option-toggle button.is-active{background:var(--surface);color:var(--ink);font-weight:600;box-shadow:0 1px 2px #0000000f}@media (max-width: 520px){.option-toggle{grid-template-columns:1fr}}.account-dropdown{position:absolute;right:0;top:calc(100% + .4rem);min-width:12rem;padding:.4rem;border:1px solid var(--line);border-radius:.65rem;background:var(--surface);box-shadow:0 10px 28px #00000014;display:grid;gap:.15rem;z-index:20}.account-email{margin:0;padding:.35rem .55rem .5rem;font-size:.75rem;color:var(--muted);border-bottom:1px solid var(--line);word-break:break-all}.account-dropdown a,.account-dropdown button{display:flex;align-items:center;gap:.45rem;width:100%;text-align:left;border:0;background:transparent;color:var(--ink);text-decoration:none;padding:.55rem .6rem;border-radius:.4rem;cursor:pointer;font:inherit}.account-dropdown a:hover,.account-dropdown button:hover{background:var(--chip)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.app-main{padding:clamp(1rem,3vw,2rem);max-width:1100px;width:100%;margin:0 auto}.panel{border:1px solid var(--line);border-radius:.75rem;padding:1rem 1.1rem;background:var(--surface)}.stack{display:grid;gap:1rem}.muted{color:var(--muted)}.error{color:var(--danger)}.table{width:100%;border-collapse:collapse;font-size:.95rem}.table th,.table td{text-align:left;padding:.7rem .4rem;border-bottom:1px solid var(--line);vertical-align:middle}.form-row{display:grid;gap:.35rem;margin-bottom:.85rem}.form-row input,.form-row select,.workspace-select{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:.5rem;padding:.6rem .7rem}.form-row input:focus,.form-row select:focus,.workspace-select:focus,.search-field:focus-within{outline:2px solid var(--focus);outline-offset:1px}.auth-layout{min-height:100vh;display:grid;place-items:center;padding:2rem 1rem;background:var(--bg)}.auth-card{max-width:26rem;width:100%}.auth-card .sales-brand{color:var(--ink)}.totp-qr{display:inline-flex;padding:.75rem;background:#fff;border:1px solid var(--line);border-radius:.55rem}.totp-secret{display:inline-block;margin-top:.25rem;word-break:break-all;font-size:.85rem;color:var(--ink)}.page-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;align-items:flex-end}.toolbar{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center}.provider-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr))}.provider-card{display:grid;gap:.45rem;text-align:left;padding:1rem;border:1px solid var(--line);border-radius:.75rem;background:var(--surface);color:var(--ink);cursor:pointer;transition:border-color .15s ease;min-height:8.5rem}.provider-card:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}.provider-card__top{display:flex;justify-content:space-between;gap:.5rem;align-items:flex-start}.provider-card__name{font-weight:600}.provider-card__summary{font-size:.82rem;line-height:1.35;color:var(--muted)}.provider-card__roles{display:flex;flex-wrap:wrap;gap:.35rem}.role-pill,.chip{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:.15rem .5rem;font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;background:var(--chip)}.chip--ok{color:#fff;background:var(--ink);border-color:transparent;font-weight:600}.flow-strip{background:var(--chip)}.flow-strip__title{margin:0;font-weight:600}.flow-strip__steps{margin:0;padding-left:1.15rem;color:var(--muted);line-height:1.55}.dest-form{display:grid;gap:.75rem}@media (min-width: 720px){.dest-form{grid-template-columns:1.2fr .8fr 1.2fr auto;align-items:end}.dest-form .form-row{margin-bottom:0}}.wizard-steps{display:flex;flex-wrap:wrap;gap:.65rem;font-size:.8rem;color:var(--muted)}.wizard-step.is-active{color:var(--ink);font-weight:600}.wizard-step.is-done{color:var(--ink)}.import-group{border:1px solid var(--line);border-radius:.75rem;padding:.85rem 1rem;background:var(--surface)}.import-group__head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.65rem}.import-list{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}.import-list label{display:flex;gap:.55rem;align-items:flex-start;cursor:pointer}.import-list input{margin-top:.2rem}.import-list__label{font-weight:600}.workspace-select{min-width:8.5rem;max-width:12rem;padding:.28rem 1.6rem .28rem .55rem;font-size:.82rem;line-height:1.2;border-radius:.45rem}.check-row{display:flex;align-items:flex-start;gap:.55rem;font-size:.9rem;color:var(--ink-muted, var(--muted, #666))}.check-row input{margin-top:.2rem}.page-tabs{display:flex;flex-wrap:wrap;gap:.35rem;padding:.25rem;border:1px solid var(--line);border-radius:.75rem;background:var(--chip, #f4f4f4);width:fit-content;max-width:100%}.page-tabs button{display:inline-flex;align-items:center;gap:.4rem;border:none;background:transparent;color:var(--muted);padding:.45rem .85rem;border-radius:.55rem;cursor:pointer;font:inherit;font-size:.9rem}.page-tabs button.is-active{background:var(--surface, #fff);color:var(--ink);box-shadow:0 1px 2px #0000000f}.page-tabs__count{display:inline-flex;min-width:1.25rem;justify-content:center;padding:.05rem .35rem;border-radius:999px;background:#0000000f;font-size:.72rem;color:var(--muted)}.cert-names{display:flex;flex-wrap:wrap;gap:.35rem}.cert-expiry--soon{color:#9a3412;font-weight:600}.cert-host-picker{border:1px solid var(--line);border-radius:.75rem;padding:.85rem 1rem 1rem;margin:0}.cert-host-picker legend{padding:0 .35rem;font-weight:600;font-size:.9rem}.cert-host-list{display:grid;gap:.35rem;margin:.5rem 0 .85rem;max-height:12rem;overflow:auto}.cert-host-custom .toolbar{align-items:stretch}.cert-host-custom input{flex:1;min-width:10rem}.settings-banner{margin:0;padding:.75rem 1rem;border-radius:.65rem;background:color-mix(in srgb,var(--accent, #1e40af) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent, #1e40af) 22%,transparent);color:var(--ink);font-size:.92rem}.settings-billing-grid{display:grid;gap:.85rem;grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr))}.settings-metric-label{margin:0;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.settings-metric-value{margin:.2rem 0 0;font-size:1.15rem;font-weight:600}.settings-create-ws{margin-top:.35rem;padding-top:.85rem;border-top:1px solid var(--line)}.settings-create-ws input{flex:1;min-width:12rem}