:root{font-family:Yuji Syuku;color:#f4efe7;background:radial-gradient(circle at top left,rgba(211,152,86,.32),transparent 30%),linear-gradient(135deg,#10201e,#163633 52%,#274b47)}*{box-sizing:border-box}body{margin:0;min-height:100vh}a{color:#ffd79f}button,input,select,textarea{font:inherit}input,select,textarea{width:100%;padding:.85rem 1rem;border-radius:14px;border:1px solid rgba(255,239,219,.18);background:#06121173;color:#fff8f0}textarea{min-height:112px;resize:vertical;word-break:break-all}label{display:grid;gap:.45rem;color:#f4d9b2}.screen-shell{display:grid;gap:1.5rem;max-width:1120px;margin:0 auto;padding:2rem}.hero-card,.panel{border:1px solid rgba(244,217,178,.16);border-radius:28px;background:#0b1c1bcc;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 24px 80px #00000038}.hero-card{padding:2.2rem}.hero-card h1{font-size:clamp(2rem,5vw,4rem);line-height:.95;max-width:12ch;margin:.5rem 0 1rem}.hero-card p,.panel p{color:#dccab2}.hero-actions,.action-row,.link-row,.stats-row{display:flex;flex-wrap:wrap;gap:.75rem}.pill,.secondary-button,.text-button,.primary-button,.customer-pill{cursor:pointer;border:none;border-radius:999px;transition:transform .14s ease,background .14s ease}.pill,.secondary-button,.text-button,.customer-pill{background:#ffefdb14;color:#fff7ee}.primary-button{padding:.95rem 1.2rem;background:linear-gradient(135deg,#f2a75c,#ffd79f);color:#092220;font-weight:700}.secondary-button,.pill,.customer-pill{padding:.8rem 1rem}.secondary-button:disabled,.primary-button:disabled{cursor:not-allowed;opacity:.55;transform:none}.pill.active,.customer-pill.active{background:#f2a75c38;outline:1px solid rgba(255,214,150,.25)}.link-pill,.text-link-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.text-button{background:transparent;padding:0;color:#ffd79f}.form-panel,.centered-panel{padding:1.6rem}.form-panel{display:grid;gap:1rem}.centered-panel{max-width:520px;margin:0 auto}.preview-box,.alert{padding:.9rem 1rem;border-radius:16px;background:#fff4e614;color:#fef5eb}.alert.error{background:#99291a59}.alert.warning{align-items:center;background:#b46f2340;display:flex;gap:.75rem;justify-content:space-between}.vpn-health-panel{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem;border:1px solid rgba(255,215,159,.18);border-radius:20px}.vpn-health-panel.ready{background:radial-gradient(circle at top right,rgba(85,189,135,.18),transparent 45%),#378e631f}.vpn-health-panel.attention{background:radial-gradient(circle at top right,rgba(217,89,61,.16),transparent 45%),#b46f2329}.vpn-health-panel strong{display:block;margin-top:.2rem;font-size:1.1rem}.vpn-health-panel p{margin:.45rem 0}.vpn-health-panel small{color:#ffd79f;line-height:1.35}.vpn-health-badge{display:inline-flex;width:fit-content;align-items:center;justify-content:center;border-radius:999px;padding:.35rem .65rem;font-size:.78rem;line-height:1;white-space:nowrap}.vpn-health-badge.ready{background:#55bd8738;color:#b8ffd2}.vpn-health-badge.attention{background:#d9593d33;color:#ffd7be}.vpn-health-badge.compact{margin-top:.35rem}.inline-action-button{flex:0 0 auto;min-height:0;padding:.45rem .8rem}.invite-preview{display:grid;gap:.55rem}.invite-preview small{color:#d7c8b2}.invite-link-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:.5rem}.invite-link-row input{min-width:0}.invite-link-row a{color:#ffd79f;font-weight:700}.eyebrow{color:#f2b774;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem}.dashboard-shell{padding:1.5rem;max-width:1320px;margin:0 auto}.dashboard-header{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.5rem}.dashboard-header h1{margin:.25rem 0 0;font-size:clamp(2rem,4vw,3.4rem)}.header-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.identity-chip{padding:.75rem 1rem;border-radius:999px;background:#ffefdb14}.workspace-grid,.admin-grid{display:grid;gap:1rem}.workspace-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.admin-grid{grid-template-columns:minmax(280px,1fr) minmax(280px,1fr)}.panel{padding:1.35rem}.hero-panel{display:flex;justify-content:space-between;align-items:center;gap:1rem;grid-column:1 / -1}.usage-ring{min-width:180px;min-height:180px;border-radius:50%;display:grid;place-content:center;background:radial-gradient(circle,rgba(12,27,26,.7) 48%,transparent 52%),conic-gradient(#ffd79f,#f2a75c 160deg,#ffefdb26 160deg 360deg);text-align:center}.usage-ring strong{font-size:2rem}.stats-row{grid-column:1 / -1}.metric-card,.detail-card{flex:1 1 180px;min-width:180px;padding:1rem;border-radius:22px;background:#ffefdb0f;display:grid;gap:.35rem}.metric-card span,.detail-card span{color:#e4c399;font-size:.9rem}.metric-card strong,.detail-card strong{font-size:1.1rem}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.85rem;margin:1rem 0}.section-heading{display:grid;gap:.75rem}.setup-panel{grid-column:1 / -1}.chart-panel{grid-column:1 / -1;display:grid;gap:1rem}.chart-heading{grid-template-columns:minmax(0,1fr) auto;align-items:start}.chart-summary{display:grid;gap:.2rem;min-width:190px;padding:.9rem 1rem;border-radius:18px;background:#ffefdb0f;text-align:right}.chart-summary span,.chart-summary small,.chart-point-list span,.chart-point-list small{color:#e4c399;font-size:.86rem}.chart-summary strong{font-size:1.25rem}.usage-chart-wrap{overflow-x:auto;padding-bottom:.25rem}.usage-chart{width:100%;min-width:520px;min-height:220px;border-radius:22px;background:linear-gradient(rgba(255,239,219,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,239,219,.045) 1px,transparent 1px),#06121138;background-size:100% 42px,64px 100%}.chart-axis{stroke:#ffefdb33;stroke-width:1.5}.allowance-line{stroke:#b8ffd29e;stroke-width:1.5;stroke-dasharray:6 7}.usage-polyline{fill:none;stroke:#ffd79f;stroke-linecap:round;stroke-linejoin:round;stroke-width:4;filter:drop-shadow(0 6px 12px rgba(242,167,92,.28))}.usage-dot{fill:#ffd79f;stroke:#10201e;stroke-width:3}.chart-label{fill:#d7c8b2;font-size:.78rem}.chart-label.end{text-anchor:end}.chart-point-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}.chart-point-list div{display:grid;gap:.25rem;padding:.85rem 1rem;border-radius:18px;background:#ffefdb0f}.plan-fare-panel{grid-column:1 / -1}.fare-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.85rem;margin-top:1rem}.fare-card{display:grid;gap:.55rem;align-content:start;padding:1rem;border:1px solid rgba(255,239,219,.1);border-radius:22px;background:#ffefdb0f}.fare-card.current{border-color:#ffd79f59;background:radial-gradient(circle at top right,rgba(242,167,92,.16),transparent 42%),#ffefdb12}.fare-card span{color:#f2b774;font-size:.76rem;letter-spacing:.12em;text-transform:uppercase}.fare-card h4{margin:0;font-size:1.2rem}.fare-card strong{font-size:1.25rem}.annual-request-button{justify-self:start;color:#ffd79f;font-size:.9rem}.fare-meta{display:grid;gap:.25rem;min-height:3.2rem}.fare-meta small{color:#d7c8b2;line-height:1.35}.setup-steps{display:grid;gap:.75rem;margin:1rem 0}.import-guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.75rem;margin:1rem 0}.import-guide-grid.compact{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.import-guide-card{display:grid;gap:.4rem;padding:.95rem;border:1px solid rgba(255,239,219,.1);border-radius:18px;background:radial-gradient(circle at top right,rgba(242,167,92,.12),transparent 45%),#ffefdb0b}.import-guide-card strong{color:#fff8f0}.import-guide-card span{color:#d8c5aa;font-size:.9rem;line-height:1.35}.config-action-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.8rem}.app-link-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.75rem;margin-top:.25rem}.app-link-card{display:grid;gap:.35rem;padding:1rem;border-radius:18px;background:#ffefdb0f;text-decoration:none;transition:transform .14s ease,background .14s ease}.app-link-card strong{color:#fff8f0;font-size:1.05rem}.app-link-card span{color:#e4c399;font-size:.92rem}.app-link-card:hover{background:#f2a75c24;transform:translateY(-1px)}.setup-steps div{display:flex;align-items:center;gap:.85rem;padding:.85rem 1rem;border-radius:18px;background:#ffefdb0f}.setup-steps strong{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:#f2a75c38;color:#ffd79f}.vpn-config-box{display:grid;gap:.85rem;margin-top:1rem}.quiet-note{margin:0;color:#d7c8b2;font-size:.92rem}.table-like{display:grid;gap:.65rem}.table-like.compact{margin-bottom:1rem}.table-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;padding:.85rem 1rem;border-radius:16px;background:#ffefdb0d}.table-row.plan-row{grid-template-columns:1.15fr .8fr 1fr 1fr 1.25fr}.empty-state{color:#d7c8b2;padding:1rem 0}.stacked-form{display:grid;gap:.75rem}.access-import-form{margin:1rem 0;padding:1rem;border:1px solid rgba(255,239,219,.12);border-radius:18px;background:#06121138}.access-import-form h4{margin:0}.panel-span-two{grid-column:1 / -1}.readiness-panel{border-color:#ffbe8059;background:radial-gradient(circle at top right,rgba(217,89,61,.18),transparent 38%),#fff4e614}.readiness-panel.ready{border-color:#80e0ae59;background:radial-gradient(circle at top right,rgba(85,189,135,.18),transparent 38%),#fff4e614}.readiness-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.readiness-item{display:grid;gap:.3rem;padding:.9rem;border-radius:16px;background:#99291a38}.readiness-item.ready{background:#378e6338}.readiness-item span{color:#ffd79f;font-size:.76rem;letter-spacing:.12em;text-transform:uppercase}.readiness-item.ready span{color:#b8ffd2}.readiness-item small{color:#d7c8b2;line-height:1.35}.launch-checklist{background:linear-gradient(135deg,#ffd79f14,#0b1c1bd1),#0b1c1bcc}.launch-step-grid{display:grid;gap:.85rem;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.launch-step{border:1px solid rgba(255,215,159,.14);border-radius:18px;background:#06121152;padding:1rem}.launch-step.ready{border-color:#80e0ae38;background:#378e631f}.launch-step h4{margin:.4rem 0}.launch-step p{margin:.35rem 0 .75rem}.step-kicker{color:#ffd79f;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase}.launch-step.ready .step-kicker{color:#b8ffd2}.env-pill-row{display:flex;flex-wrap:wrap;gap:.45rem}.env-pill{border:1px solid rgba(255,239,219,.14);border-radius:999px;color:#ffe5c4;font-family:Yuji Syuku;font-size:.76rem;padding:.35rem .55rem}.admin-customer-layout{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:1rem}.customer-list{display:grid;gap:.65rem}.customer-pill{display:grid;gap:.15rem;text-align:left}.customer-detail{display:grid;gap:1rem}.text-link{color:#ffd79f}.public-shell{display:grid;gap:1rem;max-width:1180px;margin:0 auto;padding:1.5rem}.public-header{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem}.public-header h1{max-width:15ch;margin:.35rem 0 0;font-size:clamp(2.15rem,5vw,4.5rem);line-height:.92}.public-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:1rem;align-items:center;background:radial-gradient(circle at top right,rgba(242,167,92,.22),transparent 34%),#0b1c1bcc}.public-hero h2{max-width:17ch;font-size:clamp(1.8rem,3vw,3rem);line-height:.98;margin:0}.service-status-panel{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.service-status-panel.ready{border-color:#80e0ae47;background:radial-gradient(circle at top right,rgba(85,189,135,.16),transparent 38%),#0b1c1bcc}.service-status-panel.degraded{border-color:#ffbe8052;background:radial-gradient(circle at top right,rgba(217,89,61,.18),transparent 38%),#0b1c1bcc}.service-status-panel h2{margin:.25rem 0}.service-status-panel small,.service-status-panel strong{color:#ffd79f}.step-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.step-strip div,.download-card,.public-plan-card{border:1px solid rgba(255,239,219,.1);background:#ffefdb0f}.step-strip div{min-height:112px;display:grid;align-content:space-between;padding:1rem;border-radius:22px}.step-strip strong{display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:50%;background:#f2a75c33;color:#ffd79f}.download-grid,.plan-catalog,.public-shell .import-guide-grid{display:grid;gap:.85rem;margin:1rem 0}.download-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.download-card,.public-plan-card{display:grid;gap:.4rem;padding:1rem;border-radius:22px;text-decoration:none}.download-card{min-height:150px;align-content:space-between;transition:transform .14s ease,background .14s ease}.download-card:hover{background:#f2a75c24;transform:translateY(-1px)}.download-card span,.public-plan-card span{color:#f2b774;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}.download-card strong{color:#fff8f0;font-size:1.25rem;line-height:1.1}.download-card small{color:#ffd79f}.plan-catalog{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.public-plan-card h3{margin:0;font-size:1.35rem}.public-plan-card strong{color:#fff8f0;font-size:1.35rem}.public-plan-card p{margin:0}.public-plan-card.bespoke{border-color:#ffd79f40;background:radial-gradient(circle at top right,rgba(255,215,159,.14),transparent 46%),#ffefdb0f}.status-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem}.companion-shell{display:grid;gap:1rem;max-width:1180px;margin:0 auto;padding:1.35rem}.companion-hero{display:grid;gap:1rem;padding:2.2rem;border:1px solid rgba(244,217,178,.16);border-radius:28px;background:linear-gradient(135deg,#07211feb,#254943c7),radial-gradient(circle at 80% 20%,rgba(255,215,159,.22),transparent 34%);box-shadow:0 24px 80px #0003}.companion-hero h1,.companion-header h1{margin:0;line-height:1}.companion-hero h1{max-width:13ch;font-size:clamp(2rem,5vw,4.4rem)}.companion-hero p{max-width:720px;color:#dccab2;line-height:1.55}.companion-platform-strip,.companion-header,.companion-status-grid,.companion-step-grid,.companion-platform-grid{display:grid;gap:.8rem}.companion-platform-strip{grid-template-columns:repeat(auto-fit,minmax(90px,1fr))}.companion-platform-strip span{padding:.75rem .85rem;border-radius:999px;background:#ffefdb14;color:#fff8f0;text-align:center}.companion-login-panel{max-width:520px;width:100%}.companion-header{grid-template-columns:minmax(0,1fr) auto;align-items:center}.companion-status-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.companion-status-card{display:grid;gap:.35rem}.companion-status-card span,.companion-status-card small,.companion-platform-card span{color:#d7c8b2}.companion-status-card strong{color:#fff8f0;font-size:1.35rem}.companion-status-card.ready{border-color:#7ed99a52;background:radial-gradient(circle at top right,rgba(126,217,154,.14),transparent 42%),#0b1c1bcc}.companion-main-panel{display:grid;gap:1rem}.companion-main-panel .section-heading{align-items:end}.companion-main-panel select{max-width:240px}.companion-step-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.companion-step-grid article{display:grid;align-content:start;gap:.75rem;min-height:100%;padding:1rem;border:1px solid rgba(255,239,219,.1);border-radius:18px;background:#ffefdb0e}.companion-step-grid article>span{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:#f2a75c38;color:#ffd79f;font-weight:700}.companion-step-grid article strong{color:#fff8f0;font-size:1.15rem}.companion-step-grid article p{margin:0;color:#dccab2;line-height:1.4}.companion-config-box{padding-top:.25rem}.companion-platform-panel{display:grid;gap:1rem}.companion-platform-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.companion-platform-card{display:grid;gap:.35rem;min-height:112px;padding:1rem;border:1px solid rgba(255,239,219,.1);border-radius:18px;background:#ffefdb0e;color:#fff8f0;text-align:left;cursor:pointer}.companion-platform-card.active{border-color:#ffd79f59;background:#f2a75c21}.disabled-link{pointer-events:none;opacity:.55}.pill:hover,.secondary-button:not(:disabled):hover,.primary-button:not(:disabled):hover,.customer-pill:hover,.text-link-button:hover{transform:translateY(-1px)}@media(max-width:900px){.admin-grid,.admin-customer-layout{grid-template-columns:1fr}.invite-link-row{grid-template-columns:1fr;align-items:stretch}.hero-panel{flex-direction:column;align-items:flex-start}.usage-ring{min-width:140px;min-height:140px}.chart-heading{grid-template-columns:1fr}.chart-summary{text-align:left}.public-header,.status-banner{align-items:stretch;flex-direction:column}.public-hero,.step-strip,.companion-header,.companion-status-grid,.companion-step-grid{grid-template-columns:1fr}.companion-main-panel .section-heading{align-items:stretch}.companion-main-panel select{max-width:none}}@media(max-width:560px){.companion-shell{padding:.8rem}.companion-hero{padding:1.35rem}.companion-platform-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.companion-step-grid article{min-height:auto}}