@font-face{font-family:ZEISS Frutiger Next;src:url(/fonts/ZEISSFrutigerNextW1G-Light.ttf) format("truetype");font-style:normal;font-weight:300;font-display:swap}@font-face{font-family:ZEISS Frutiger Next;src:url(/fonts/ZEISSFrutigerNextW1G-LtIt.ttf) format("truetype");font-style:italic;font-weight:300;font-display:swap}@font-face{font-family:ZEISS Frutiger Next;src:url(/fonts/ZEISSFrutigerNextW1G-Reg.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:ZEISS Frutiger Next;src:url(/fonts/ZEISSFrutigerNextW1G-Italic.ttf) format("truetype");font-style:italic;font-weight:400;font-display:swap}@font-face{font-family:ZEISS Frutiger Next;src:url(/fonts/ZEISSFrutigerNextW1G-Medium.ttf) format("truetype");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:ZEISS Frutiger Next;src:url(/fonts/ZEISSFrutigerNextW1G-MedIt.ttf) format("truetype");font-style:italic;font-weight:500;font-display:swap}@font-face{font-family:ZEISS Frutiger Next;src:url(/fonts/ZEISSFrutigerNextW1G-Bold.ttf) format("truetype");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:ZEISS Frutiger Next;src:url(/fonts/ZEISSFrutigerNextW1G-BoldIt.ttf) format("truetype");font-style:italic;font-weight:700;font-display:swap}@font-face{font-family:ZEISS Frutiger Next;src:url(/fonts/ZEISSFrutigerNextW1G-Heavy.ttf) format("truetype");font-style:normal;font-weight:800;font-display:swap}@font-face{font-family:ZEISS Frutiger Next;src:url(/fonts/ZEISSFrutigerNextW1G-HvIt.ttf) format("truetype");font-style:italic;font-weight:800;font-display:swap}:root{color-scheme:light;--zeiss-blue: #0F2DB3;--zeiss-blue-soft: rgba(15, 45, 179, .12);--text-primary: #102033;--text-muted: rgba(16, 32, 51, .6);--surface: #ffffff;--surface-alt: #f5f7fb;--border: rgba(12, 24, 38, .08);--border-strong: rgba(0, 90, 170, .18);--shadow: 0 18px 40px rgba(16, 36, 64, .12);--font-brand: "ZEISS Frutiger Next", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--font-brand);background:var(--surface-alt);color:var(--text-primary);min-height:100vh;display:flex;align-items:flex-start;justify-content:center;--page-padding-y: clamp(20px, 6vh, 64px);--page-padding-x: clamp(16px, 4vw, 48px);padding:var(--page-padding-y) var(--page-padding-x)}#app{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;height:100%;min-height:calc(100vh - (var(--page-padding-y) * 2))}.portal-app{width:min(520px,100%);display:grid;grid-template-rows:auto 1fr auto;gap:clamp(20px,3vw,28px);min-height:100%;flex:1}.portal-header{display:flex;align-items:flex-start}.brand{display:flex;align-items:center;justify-content:space-between;gap:clamp(12px,4vw,24px);width:100%}.brand-logo{width:clamp(64px,18vw,88px);height:auto;flex-shrink:0;padding:8px}.brand-copy h1{margin:0;font-size:clamp(1.6rem,3vw,1.9rem);letter-spacing:.02em}.brand-copy p{margin:.2rem 0 0;color:var(--text-muted);font-size:.95rem}.connection{display:flex;align-items:center;gap:.45rem;font-size:.78rem;padding:.35rem .6rem;border-radius:999px;background:#1020330d;border:1px solid rgba(16,32,51,.08)}.connection__dot{width:8px;height:8px;border-radius:50%;background:var(--text-muted);box-shadow:0 0 0 4px #005aaa00;transition:background .3s ease,box-shadow .3s ease}.connection[data-status=sync] .connection__dot{background:#ffb347}.connection[data-status=live] .connection__dot{background:#4caf50;box-shadow:0 0 0 4px #4caf502e}.connection[data-status=error] .connection__dot{background:#ff4d4d}.portal-main{display:flex;flex-direction:column;gap:clamp(12px,3vw,20px)}.card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:clamp(18px,3vw,28px);box-shadow:var(--shadow)}.field-label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.16em;margin-bottom:.75rem;color:var(--text-muted)}.search-wrapper{position:relative}.search-wrapper:before{content:"";position:absolute;top:50%;left:16px;width:16px;height:16px;background:url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M11.742 10.344h-.806l-.285-.275a4.471 4.471 0 0 0 1.085-2.94A4.486 4.486 0 0 0 7.25 2.656 4.486 4.486 0 0 0 2.666 7.13a4.486 4.486 0 0 0 4.584 4.474c1.113 0 2.134-.397 2.94-1.085l.275.285v.806L13.337 14 14 13.337l-2.258-2.993Zm-4.492.289A3.504 3.504 0 0 1 3.75 7.13a3.504 3.504 0 0 1 3.5-3.5 3.504 3.504 0 0 1 3.496 3.5 3.504 3.504 0 0 1-3.496 3.503Z" fill="%23647690"/%3E%3C/svg%3E') no-repeat center;transform:translateY(-50%);opacity:.65}.search-wrapper input{width:100%;padding:.9rem 1rem .9rem 48px;border-radius:12px;border:1px solid var(--border);background:#fff;font-size:1rem;color:var(--text-primary);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.search-wrapper input:focus{border-color:var(--zeiss-blue);box-shadow:0 0 0 3px var(--zeiss-blue-soft)}.search-wrapper input:disabled{background:#f0f2f6a6;color:#10203373}.helper{margin:.75rem 0 0;font-size:.88rem;color:var(--text-muted);width:100%;line-height:1.45}.search-card--no-results .helper{margin-top:1.1rem;padding:.75rem 1rem;background:#1020330d;border-radius:12px;text-wrap:balance}.search-card--active .helper{transition:background .2s ease,color .2s ease}.name-list{display:flex;flex-direction:column;gap:.65rem;margin-top:1.1rem}.name-option{width:100%;text-align:left;padding:.75rem 1rem;border-radius:10px;border:1px solid var(--border);background:#fff;font-size:1rem;font-weight:600;color:var(--text-primary);letter-spacing:.01em;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.name-option:hover,.name-option:focus{border-color:var(--border-strong);box-shadow:0 12px 22px #1024401f;transform:translateY(-1px)}.confirm-card h2{margin:0 0 2rem;font-size:2rem}.success-card h2{margin:0 0 2rem;font-size:1.5rem}.confirm-card__back{display:inline-flex;align-items:center;gap:.2rem;background:none;border:none;color:var(--zeiss-blue);font-weight:600;font-size:.9rem;padding:0;margin-bottom:1rem;cursor:pointer;border-radius:4px}.confirm-card__back:hover{color:#003f7f}.confirm-card__back:focus-visible{outline:2px solid var(--zeiss-blue);outline-offset:3px}.confirm-card__back-icon{width:18px;height:18px;flex-shrink:0;fill:currentColor}.confirm-card__back-label{font-weight:600}.confirm-card__title{font-size:.95rem;color:var(--text-muted);margin-bottom:.25rem}.confirm-name{margin:0;font-size:2rem;font-weight:900;letter-spacing:.02em}.confirm-copy{margin:.75rem 0 1.5rem;font-size:.95rem;color:var(--text-muted)}.primary{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;width:100%;padding:.85rem 1rem;border-radius:12px;border:none;background:var(--zeiss-blue);color:#fff;font-size:1rem;font-weight:600;letter-spacing:.05em;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.primary:hover{transform:translateY(-1px);box-shadow:0 16px 30px #005aaa42}.primary:disabled{opacity:.65;cursor:not-allowed;transform:none;box-shadow:none}.button-spinner{display:none;width:18px;height:18px;border-radius:50%;border:3px solid rgba(255,255,255,.35);border-top-color:#fff;animation:spin .8s linear infinite}.primary.is-loading .button-spinner{display:inline-flex}.error-text{margin:1rem 0 0;font-size:.9rem;color:#d93025}.success-card{text-align:center}.success-icon{margin:0 auto .75rem;width:60px;height:60px;display:block;color:var(--zeiss-blue)}.success-icon__bg{fill:#005aaa1f}.success-icon__check{fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.success-card p{margin:0;font-size:1rem;color:var(--text-muted)}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 540px){body{--page-padding-y: 16px;--page-padding-x: 16px;padding:var(--page-padding-y) var(--page-padding-x)}.portal-app{width:100%}.portal-header{flex-direction:column;align-items:flex-start}.connection{align-self:flex-start}}.portal-footer{padding-top:clamp(12px,4vh,32px);display:flex;justify-content:flex-end;align-items:flex-end}.connection__text{color:var(--text-muted)}
