.portal-root{--silant-navy-900: #0A1F3D;--silant-navy-700: #1E3A5F;--silant-navy-500: #2C4F7C;--silant-accent: #03797C;--silant-accent-dk: #025E61;--silant-gold: #D4A574;--primary: var(--silant-accent);--primary-dk: var(--silant-accent-dk);--secondary: var(--silant-navy-700);--bg: #F8F6F1;--surface: #FFFFFF;--text: #0A1F3D;--text-muted: #6B7080;--text-faint: #BBB6A8;--border: #E8E4D8;--status-active: #03797C;--status-ok: #03797C;--status-warning: #F59E0B;--status-error: #EF4444;--status-off: #94A3B8;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 10px;--radius-2xl: 12px;--radius-3xl: 16px;--shadow-sm: 0 1px 2px rgba(10,31,61,.06);--shadow-md: 0 4px 12px rgba(10,31,61,.08);--shadow-lg: 0 8px 24px rgba(10,31,61,.12);--shadow-modal: 0 20px 60px rgba(10,31,61,.25);--shadow-glow-active: 0 0 0 3px rgba(3,121,124,.18);--font-sans: "Roboto", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Courier New", Courier, monospace;font-family:var(--font-sans);background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.portal-root *,.portal-root *:before,.portal-root *:after{box-sizing:border-box;margin:0;padding:0}.portal-vertical-split{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--surface)}.portal-brand-panel{flex:0 0 auto;min-height:45vh;min-height:45dvh;padding:max(var(--space-12),env(safe-area-inset-top)) max(var(--space-10),env(safe-area-inset-right)) var(--space-12) max(var(--space-10),env(safe-area-inset-left));color:#fff;background:radial-gradient(ellipse at top right,rgba(212,165,116,.18) 0%,transparent 60%),linear-gradient(170deg,var(--silant-navy-900) 0%,var(--secondary, var(--silant-navy-700)) 100%);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.portal-brand-panel:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:24px;background:var(--surface);clip-path:polygon(0 100%,100% 100%,100% 0,0 24px)}.portal-eyebrow{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--silant-gold)}.portal-eyebrow:before{content:"";display:inline-block;width:24px;height:1px;background:var(--silant-gold);vertical-align:middle;margin-right:var(--space-3)}.portal-brand-stack{display:flex;flex-direction:column;gap:var(--space-4)}.portal-greeting{font-size:14px;font-weight:500;color:#ffffffa6;letter-spacing:.04em;text-transform:uppercase;margin-bottom:var(--space-3)}.portal-site-name{font-size:36px;line-height:1.05;letter-spacing:-.02em;font-weight:700;color:#fff;margin-bottom:var(--space-4);word-break:break-word}.portal-site-name[data-length=md]{font-size:32px;line-height:1.1;letter-spacing:-.025em}.portal-site-name[data-length=sm]{font-size:26px;line-height:1.15;letter-spacing:-.025em}.portal-site-name[data-length=xs]{font-size:22px;line-height:1.2;letter-spacing:-.02em}.portal-tagline{font-size:15px;color:#ffffffc7;line-height:1.5;max-width:280px}.portal-form-panel{flex:1 1 auto;background:var(--surface);padding:var(--space-10) max(var(--space-10),env(safe-area-inset-right)) max(var(--space-8),env(safe-area-inset-bottom)) max(var(--space-10),env(safe-area-inset-left));display:flex;flex-direction:column}.portal-form-eyebrow{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;margin-bottom:var(--space-6)}.portal-field{margin-bottom:var(--space-5)}.portal-field label{display:block;font-size:12px;font-weight:600;color:var(--text-muted);margin-bottom:var(--space-2);letter-spacing:.02em}.portal-field input{width:100%;padding:14px 0;font-size:16px;font-family:var(--font-sans);color:var(--text);border:none;border-bottom:1.5px solid var(--border);background:transparent;outline:none;transition:border-color .2s}.portal-field input::-moz-placeholder{color:var(--text-faint)}.portal-field input::placeholder{color:var(--text-faint)}.portal-field input:focus{border-bottom-color:var(--silant-navy-700)}.portal-field input.is-invalid{border-bottom-color:var(--status-error)}.portal-field-error{font-size:12px;color:var(--status-error);margin-top:var(--space-2)}.portal-cta-stack{margin-top:auto;display:flex;flex-direction:column;gap:var(--space-4)}.portal-cta{width:100%;padding:18px var(--space-6);background:var(--silant-navy-900);color:#fff;font-family:var(--font-sans);font-size:14px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background .2s,transform .1s;display:flex;align-items:center;justify-content:space-between}.portal-cta:after{content:"→";font-size:18px}.portal-cta:hover{background:var(--silant-navy-700)}.portal-cta:active{transform:scale(.98)}.portal-cta:disabled{opacity:.5;cursor:not-allowed}.portal-cta.is-loading{opacity:.7;cursor:wait}.portal-cta.is-loading:after{content:"⋯";animation:portal-pulse 1.4s ease-in-out infinite}@keyframes portal-pulse{0%,to{opacity:.4}50%{opacity:1}}.portal-help{font-size:12px;color:var(--text-muted);text-align:center}.portal-help a{color:var(--silant-navy-700);font-weight:600;text-decoration:none}.portal-help a:hover{text-decoration:underline}.portal-captive-fallback{margin-top:24px;padding-top:16px;border-top:1px solid rgba(0,0,0,.06);font-size:11px;color:var(--text-muted);text-align:center;opacity:.75}.portal-captive-fallback a{color:var(--silant-navy-700);text-decoration:underline;font-weight:500}.portal-form-error{background:#fef2f2;border-left:3px solid var(--status-error);padding:var(--space-3) var(--space-4);color:#991b1b;font-size:13px;border-radius:var(--radius-sm);margin-bottom:var(--space-4)}.portal-rate-limit{background:#fef3c7;border:1px solid #FCD34D;border-radius:var(--radius-lg);padding:var(--space-6);text-align:center;margin-bottom:var(--space-4)}.portal-rate-limit-title{font-size:16px;font-weight:700;color:#92400e;margin-bottom:var(--space-2)}.portal-rate-limit-body{font-size:13px;color:#92400e;line-height:1.5}.portal-shake{animation:portal-shake .4s ease-in-out}@keyframes portal-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.portal-dashboard{min-height:100vh;min-height:100dvh;background:var(--bg);display:flex;flex-direction:column}.portal-dashboard-header{background:radial-gradient(ellipse at top right,rgba(212,165,116,.18) 0%,transparent 60%),linear-gradient(170deg,var(--silant-navy-900) 0%,var(--secondary, var(--silant-navy-700)) 100%);color:#fff;padding:var(--space-8) var(--space-6) var(--space-10)}.portal-dashboard-eyebrow{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--silant-gold);margin-bottom:var(--space-3)}.portal-dashboard-title{font-size:22px;font-weight:700;color:#fff;line-height:1.2;margin-bottom:var(--space-2)}.portal-dashboard-greeting{font-size:14px;color:#ffffffb3}.portal-dashboard-signout{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:12px;font-weight:600;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);cursor:pointer;margin-top:var(--space-4)}.portal-dashboard-signout:hover{background:#ffffff2e}.portal-dashboard-content{flex:1;padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);max-width:600px;width:100%;margin:0 auto}.portal-card{background:var(--surface);border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:var(--shadow-md)}.portal-card-eyebrow{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-4)}.portal-key-reveal{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1.5px solid var(--silant-navy-900);border-radius:var(--radius-xl);padding:var(--space-5);margin-top:var(--space-2)}.portal-key-ssid{font-size:12px;color:var(--text-muted);margin-bottom:var(--space-2)}.portal-key-row{display:flex;align-items:center;gap:var(--space-3)}.portal-key-value{flex:1;font-family:var(--font-mono);font-size:18px;font-weight:700;color:var(--silant-navy-900);word-break:break-all;letter-spacing:.02em}.portal-key-copy{padding:var(--space-2) var(--space-3);background:var(--silant-navy-900);color:#fff;border:none;border-radius:var(--radius-md);font-size:12px;font-weight:600;cursor:pointer;flex-shrink:0}.portal-key-copy:hover{background:var(--silant-navy-700)}.portal-key-copy.is-copied{background:var(--status-ok)}.portal-key-pending{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) 0}.portal-key-pending-dot{width:10px;height:10px;border-radius:50%;background:var(--status-warning);animation:portal-pending-pulse 1.5s ease-in-out infinite;flex-shrink:0}.portal-key-pending-text{font-size:14px;color:var(--text);line-height:1.4}@keyframes portal-pending-pulse{0%,to{opacity:.4;transform:scale(.85)}50%{opacity:1;transform:scale(1.1)}}.portal-key-failed,.portal-no-integration{text-align:center;padding:var(--space-6) 0}.portal-key-failed-icon,.portal-no-integration-icon{width:48px;height:48px;border-radius:50%;background:#fef2f2;color:var(--status-error);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;margin:0 auto var(--space-3)}.portal-no-integration-icon{background:#fef3c7;color:#92400e}.portal-key-failed-title,.portal-no-integration-title{font-size:16px;font-weight:700;color:var(--text);margin-bottom:var(--space-2)}.portal-key-failed-body,.portal-no-integration-body{font-size:13px;color:var(--text-muted);line-height:1.5}.portal-device-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) 0;border-bottom:1px solid var(--border)}.portal-device-row:last-child{border-bottom:none}.portal-device-name{font-size:14px;font-weight:600;color:var(--text)}.portal-device-meta{font-size:12px;color:var(--text-muted);margin-top:2px}.portal-card-eyebrow-meta{float:right;font-weight:500;color:var(--text-muted);font-size:11px}.portal-device-mac{font-family:var(--font-mono, ui-monospace, monospace);font-size:11px;letter-spacing:.02em}.portal-device-remove{background:transparent;border:1px solid var(--border);color:var(--text-muted);font-size:12px;padding:6px 10px;border-radius:var(--radius-md, 6px);cursor:pointer}.portal-device-remove:hover{color:#b91c1c;border-color:#b91c1c}.portal-device-remove:disabled{opacity:.5;cursor:not-allowed}.portal-device-add{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border)}.portal-device-add-title{font-size:13px;font-weight:600;margin:0 0 4px;color:var(--text)}.portal-device-add-hint{font-size:12px;color:var(--text-muted);margin:0 0 var(--space-3)}.portal-device-add-row{display:flex;flex-direction:column;gap:8px}.portal-device-input{font-family:var(--font-mono, ui-monospace, monospace);padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-md, 6px);font-size:13px;background:var(--bg-inset, #f9fafb)}.portal-device-input:focus{outline:none;border-color:var(--secondary, #b8860b);background:#fff}.portal-device-submit{background:var(--secondary, #3d2c2c);color:#fff;border:none;padding:10px 16px;border-radius:var(--radius-md, 6px);font-weight:600;font-size:13px;cursor:pointer}.portal-device-submit:disabled{opacity:.5;cursor:not-allowed}.portal-device-error{color:#b91c1c;font-size:12px;margin:8px 0 0}.portal-key-hint{font-size:12px;color:var(--text-muted);margin:var(--space-2) 0 0;line-height:1.5}.portal-cta-option{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;margin-bottom:10px}.portal-cta-option+.portal-cta-option{background:#fff;color:var(--secondary, #3d2c2c);border:1px solid var(--border, #e5e5e5)}.portal-cta-option+.portal-cta-option:hover{background:#3d2c2c0a}.portal-cta-icon{width:18px;height:18px;display:inline-block;background-size:contain;background-repeat:no-repeat;background-position:center}.portal-cta-icon--microsoft{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23'><path fill='%23f25022' d='M1 1h10v10H1z'/><path fill='%2300a4ef' d='M1 12h10v10H1z'/><path fill='%237fba00' d='M12 1h10v10H12z'/><path fill='%23ffb900' d='M12 12h10v10H12z'/></svg>")}.portal-cta-icon--mail{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'><path d='M4 6h16v12H4z'/><path d='M4 6l8 7 8-7'/></svg>")}.portal-vlan-pill{display:inline-block;margin-left:8px;padding:2px 8px;font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;background:#b8860b1f;color:var(--secondary, #b8860b);border-radius:999px;vertical-align:middle}.portal-qr{display:flex;flex-direction:column;align-items:center;gap:6px;margin:var(--space-3) 0}.portal-qr-img{width:min(240px,60vw);height:auto;padding:8px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg, 10px)}.portal-qr-hint{font-size:12px;color:var(--text-muted);margin:0}.portal-key-ack{display:block;width:100%;margin-top:var(--space-3);padding:12px 16px;background:var(--secondary, #3d2c2c);color:#fff;border:none;border-radius:var(--radius-md, 8px);font-weight:600;font-size:14px;cursor:pointer}.portal-key-ack:hover{opacity:.92}.portal-key-ack:disabled{opacity:.6;cursor:not-allowed}.portal-key-ack-done{margin-top:var(--space-3);padding:10px 12px;background:#22c55e1a;color:#15803d;border-radius:var(--radius-md, 8px);font-size:13px;text-align:center;margin-bottom:0}.portal-empty{color:var(--text-muted);font-size:13px;text-align:center;padding:var(--space-3) 0}@media(min-width:768px){.portal-vertical-split{flex-direction:row;max-width:920px;margin:var(--space-12) auto;border-radius:var(--radius-3xl);overflow:hidden;box-shadow:var(--shadow-modal);min-height:640px}.portal-brand-panel{flex:0 0 50%;min-height:auto;padding:var(--space-12)}.portal-brand-panel:after{inset:0 -1px 0 auto;width:24px;height:auto;clip-path:polygon(0 0,100% 0,calc(100% - 24px) 100%,0 100%)}.portal-form-panel{flex:0 0 50%;padding:var(--space-12)}body.portal-root{background:linear-gradient(135deg,var(--silant-navy-900),var(--silant-navy-700));padding:0 var(--space-6)}}@media(min-width:1024px){.portal-vertical-split{max-width:1080px}}@media(orientation:landscape)and (max-height:500px){.portal-vertical-split{flex-direction:row;min-height:100vh;min-height:100dvh}.portal-brand-panel{flex:0 0 42%;min-height:auto;padding:var(--space-6) max(var(--space-6),env(safe-area-inset-right)) var(--space-6) max(var(--space-6),env(safe-area-inset-left))}.portal-brand-panel:after{display:none}.portal-form-panel{flex:1 1 58%;padding:var(--space-6) max(var(--space-6),env(safe-area-inset-right)) max(var(--space-6),env(safe-area-inset-bottom)) var(--space-6);overflow-y:auto}.portal-site-name{font-size:24px;line-height:1.1}}@media(max-width:359px){.portal-brand-panel,.portal-form-panel{padding-left:max(var(--space-6),env(safe-area-inset-left));padding-right:max(var(--space-6),env(safe-area-inset-right))}.portal-site-name{font-size:28px}.portal-site-name[data-length=md]{font-size:24px}.portal-site-name[data-length=sm]{font-size:22px}.portal-site-name[data-length=xs]{font-size:20px}.portal-cta{padding:16px var(--space-4);font-size:13px}}@media(prefers-reduced-motion:reduce){.portal-shake,.portal-cta.is-loading:after,.portal-key-pending-dot{animation:none}.portal-cta,.portal-field input{transition:none}}.portal-root :focus-visible{outline:2px solid var(--silant-accent);outline-offset:3px;border-radius:var(--radius-sm)}.captive-page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--bg);font-family:var(--font-sans);color:var(--text);-webkit-font-smoothing:antialiased}.captive-section{width:100%;max-width:480px;margin:0 auto;padding:max(var(--space-4),env(safe-area-inset-top)) max(var(--space-4),env(safe-area-inset-right)) max(var(--space-4),env(safe-area-inset-bottom)) max(var(--space-4),env(safe-area-inset-left))}.captive-section+.captive-section{padding-top:0}.captive-debug{background:#fee;border:2px dashed #C00;color:#900;padding:var(--space-3);font-family:var(--font-mono);font-size:12px}.portal-audience-stack{display:flex;flex-direction:column;gap:var(--space-4);width:100%}.portal-audience-primary{display:flex;align-items:center;gap:var(--space-3);justify-content:flex-start;text-align:left;min-height:48px;padding:var(--space-3) var(--space-4)}.portal-audience-icon{flex:0 0 auto;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;color:currentColor}.portal-audience-icon svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.8}.portal-audience-labels{display:flex;flex-direction:column;gap:2px;min-width:0}.portal-audience-name{font-weight:600;font-size:16px;line-height:1.25}.portal-audience-subtitle{font-weight:400;font-size:13px;line-height:1.3;opacity:.92;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.portal-audience-secondary-group{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-3)}.portal-audience-divider{height:1px;background:color-mix(in oklab,currentColor 12%,transparent);width:100%;margin-bottom:var(--space-2)}.portal-audience-secondary-label{font-size:13px;font-weight:500;color:var(--text-muted, #6B7280);margin:0}.portal-audience-secondary{font-size:15px;font-weight:500;color:var(--primary);text-decoration:none;padding:var(--space-2) 0;min-height:44px;display:inline-flex;align-items:center;transition:color .12s ease}.portal-audience-secondary:hover{text-decoration:underline}.portal-audience-secondary:focus-visible,.portal-audience-primary:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-sm)}.portal-audience-overflow{font-size:13px;color:var(--text-muted, #6B7280);margin:var(--space-2) 0 0}.portal-audience-overflow a{color:var(--primary);text-decoration:none}.portal-audience-overflow a:hover{text-decoration:underline}@media(prefers-reduced-motion:reduce){.portal-audience-secondary{transition:none}}