:root{--color-bg: #06090e;--color-bg-secondary: #0b111a;--color-surface: rgba(15, 23, 38, .7);--color-surface-hover: rgba(22, 34, 56, .85);--color-surface-elevated: rgba(20, 30, 48, .92);--color-surface-glass: rgba(12, 18, 28, .65);--color-brand-blue: #0078D4;--color-brand-light: #2B88D8;--color-brand-glow: rgba(0, 120, 212, .45);--color-brand-faint: rgba(0, 120, 212, .12);--color-text-primary: #f0f6fc;--color-text-secondary: #8b949e;--color-text-muted: #57606a;--color-border: rgba(255, 255, 255, .1);--color-border-bright: rgba(0, 120, 212, .5);--color-status-healthy: #10b981;--color-status-degraded: #f59e0b;--color-status-unreachable: #ef4444;--font-primary: "Segoe UI Light", "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-bold: 600;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 22px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-primary);font-weight:var(--font-weight-light);background-color:var(--color-bg);color:var(--color-text-primary);min-height:100vh;overflow-x:hidden;line-height:1.5;background-image:radial-gradient(at 15% 15%,rgba(0,120,212,.08) 0px,transparent 55%),radial-gradient(at 85% 85%,rgba(43,136,216,.06) 0px,transparent 50%),linear-gradient(to bottom,#06090e,#090e15);background-attachment:fixed}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);font-weight:var(--font-weight-light);letter-spacing:-.01em}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-brand-blue)}.glass-panel{background:var(--color-surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0000005e;transition:all .25s ease}.glass-panel:hover{border-color:var(--color-border-bright)}.signature-box-container{position:relative;display:flex;justify-content:center;align-items:center}.signature-box{position:relative;border:3px solid var(--color-brand-blue);box-shadow:0 0 25px var(--color-brand-glow),inset 0 0 15px #0078d426;border-radius:var(--radius-md);transition:all .9s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;justify-content:center;background:#0078d40a}.signature-box.compact{width:142px;height:72px;border-radius:var(--radius-md);box-shadow:0 0 20px var(--color-brand-glow)}.signature-box.expanded-frame{position:fixed;top:12px;right:12px;bottom:12px;left:12px;width:calc(100vw - 24px);height:calc(100vh - 24px);border-radius:var(--radius-lg);border:3px solid var(--color-brand-blue);box-shadow:0 0 45px var(--color-brand-glow),inset 0 0 30px #0078d40f;z-index:100;background:var(--color-bg);overflow:hidden}.sso-text-inner{font-family:var(--font-primary);font-weight:600;font-size:2.5rem;color:#fff;letter-spacing:-.03em;transition:opacity .45s ease,transform .45s ease}.sso-text-inner.faded{opacity:0;transform:scale(.85);pointer-events:none}.blue-text-brand{font-family:var(--font-primary);font-weight:var(--font-weight-light);font-size:2.5rem;color:var(--color-brand-light);letter-spacing:-.02em;margin-left:12px;transition:opacity .45s ease}.blue-text-brand.faded{opacity:0}.portal-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;height:100%;width:100%;opacity:0;transform:translateY(12px);transition:opacity .6s ease .35s,transform .6s cubic-bezier(.16,1,.3,1) .35s;overflow-y:auto;pointer-events:none}.portal-content.visible{opacity:1;transform:translateY(0);pointer-events:auto}.pulse-dot{width:10px;height:10px;border-radius:50%;display:inline-block;position:relative}.pulse-dot.healthy{background-color:var(--color-status-healthy);box-shadow:0 0 8px var(--color-status-healthy)}.pulse-dot.degraded{background-color:var(--color-status-degraded);box-shadow:0 0 8px var(--color-status-degraded)}.pulse-dot.unreachable{background-color:var(--color-status-unreachable);box-shadow:0 0 8px var(--color-status-unreachable)}.pulse-dot.pulse:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:1.5px solid currentColor;opacity:.7;animation:pulse-ring 2s cubic-bezier(.215,.61,.355,1) infinite}@keyframes pulse-ring{0%{transform:scale(.7);opacity:.8}70%{transform:scale(1.6);opacity:0}to{transform:scale(1.6);opacity:0}}@keyframes expandViewportFrame{0%{inset:calc(50vh - 40px) calc(50vw - 80px);width:160px;height:80px;opacity:.8}to{top:10px;right:10px;bottom:10px;left:10px;width:calc(100vw - 20px);height:calc(100vh - 20px);opacity:1}}.btn{font-family:var(--font-primary);font-size:.95rem;font-weight:400;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 18px;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all .2s ease;text-decoration:none;color:#fff}.btn-primary{background:linear-gradient(135deg,var(--color-brand-blue),#005a9e);box-shadow:0 4px 14px #0078d459}.btn-primary:hover{background:linear-gradient(135deg,var(--color-brand-light),var(--color-brand-blue));box-shadow:0 6px 20px var(--color-brand-glow);transform:translateY(-1px)}.btn-secondary{background:#ffffff0d;border:1px solid var(--color-border);color:var(--color-text-primary)}.btn-secondary:hover{background:#ffffff1a;border-color:var(--color-border-bright)}.btn-danger{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#f87171}.btn-danger:hover{background:#ef44444d;border-color:#ef4444}.input-field{font-family:var(--font-primary);font-size:.95rem;background:#0d121cd9;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:10px 14px;color:var(--color-text-primary);outline:none;width:100%;transition:border-color .2s,box-shadow .2s}.input-field:focus{border-color:var(--color-brand-blue);box-shadow:0 0 0 3px var(--color-brand-faint)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}