:root{--alb-brand: #283a97;--alb-brand-600: #2f44ad;--alb-brand-700: #243488;--alb-brand-300: #6c7bd1;--alb-brand-50: #eef1ff;--alb-brand-25: #f5f7ff;--alb-ink: #0f1424;--alb-ink-2: #1a1f33;--alb-text: #2a2f44;--alb-text-soft: #5a607a;--alb-text-mute: #8b90a8;--alb-line: #e3e7f5;--alb-line-strong: #ccd3ea;--alb-surface: #ffffff;--alb-surface-soft: #f6f8ff;--alb-danger: #d92626;--alb-danger-bg: #fff3f3;--alb-success: #00a76d;--alb-success-bg: #ecfdf5;--alb-warn: #cf5300;--alb-warn-bg: #fff5e6;--alb-info: #0a78c4;--alb-r-sm: 8px;--alb-r-md: 12px;--alb-r-lg: 16px;--alb-r-xl: 22px;--alb-shadow-card: 0 1px 0 rgba(255,255,255,.6) inset, 0 24px 60px -20px rgba(20, 28, 80, .35), 0 8px 24px -8px rgba(40, 58, 151, .18), 0 2px 6px rgba(40, 58, 151, .06);--alb-shadow-modal: 0 30px 80px -20px rgba(15, 20, 36, .45), 0 10px 30px -10px rgba(40, 58, 151, .25);--alb-focus-ring: 0 0 0 4px rgba(40, 58, 151, .18);--alb-ease: cubic-bezier(.2, .8, .2, 1);--alb-dur: .18s;--alb-font: "Open Sans", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--alb-mono: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;--vpn-connected: var(--alb-success);--vpn-connected-bg: var(--alb-success-bg);--vpn-idle: var(--alb-text-mute);--vpn-blocked: var(--alb-danger);--vpn-blocked-bg: var(--alb-danger-bg);--vpn-egress-corp: #243488;--vpn-egress-a: #0a78c4;--vpn-egress-b: #00a76d;--vpn-egress-direct: #6c7bd1;--vpn-tunnel-gradient: linear-gradient(135deg, #243488 0%, #2f44ad 50%, #0a78c4 100%)}@media (prefers-color-scheme: dark){:root[data-theme=auto],:root:not([data-theme]){--alb-surface: #12172a;--alb-surface-soft: #171d33;--alb-text: #e7ebff;--alb-text-soft: #aab0cc;--alb-line: #232a45;--alb-line-strong: #313a5c}}.alb-btn{font-family:var(--alb-font);font-weight:700;height:52px;padding:0 22px;border-radius:var(--alb-r-md);border:none;cursor:pointer;transition:filter var(--alb-dur) var(--alb-ease),transform var(--alb-dur) var(--alb-ease)}.alb-btn:active{transform:translateY(1px)}.alb-btn--primary{color:#fff;background:linear-gradient(180deg,var(--alb-brand-600),var(--alb-brand));box-shadow:0 8px 24px -8px #283a9773}.alb-btn--primary:hover{filter:brightness(1.08)}.alb-btn--outline{background:var(--alb-surface);color:var(--alb-brand);border:1.5px solid var(--alb-brand)}.alb-btn--outline:hover{background:var(--alb-brand-50)}.alb-btn--danger{color:#fff;background:var(--alb-danger)}.alb-card{background:var(--alb-surface);border-radius:var(--alb-r-xl);box-shadow:var(--alb-shadow-card);padding:40px;position:relative;overflow:hidden;animation:alb-card-in .4s var(--alb-ease) both}.alb-card:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--alb-brand),var(--alb-brand-300),var(--alb-brand));background-size:200% 100%;animation:alb-stripe 8s linear infinite}@keyframes alb-card-in{0%{opacity:0;transform:translateY(7px)}}@keyframes alb-stripe{to{background-position:200% 0}}@media (prefers-reduced-motion: reduce){.alb-card{animation:none}.alb-card:before{animation:none}}.alb-input{width:100%;height:50px;padding:0 14px;background:var(--alb-surface-soft);border:1.5px solid var(--alb-line-strong);border-radius:var(--alb-r-md);font-family:var(--alb-font);color:var(--alb-text)}.alb-input:focus{outline:none;border-color:var(--alb-brand);box-shadow:var(--alb-focus-ring)}.alb-egress-badge{--eg: var(--alb-text-mute);display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:700;color:var(--eg);background:color-mix(in srgb,var(--eg) 12%,transparent);border:1px solid color-mix(in srgb,var(--eg) 30%,transparent)}.alb-status-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;vertical-align:middle}.alb-mono{font-family:var(--alb-mono)}*{box-sizing:border-box}body{margin:0;font-family:var(--alb-font);color:var(--alb-text);min-height:100vh;min-height:100dvh;position:relative;background-color:#c8cde0;background-image:url(/img/main_map.webp);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background:radial-gradient(120% 80% at 50% 30%,#141c501a,#141c5073 70%,#0a0e329e),linear-gradient(180deg,#283a970d,#141c5033)}.map-bg{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}.map-bg__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;animation:map-glow 9s ease-in-out infinite}.map-bg__overlay--left{background-image:url(/img/left-map.webp);animation-delay:0s}.map-bg__overlay--center{background-image:url(/img/center-map.webp);animation-delay:3s}.map-bg__overlay--right{background-image:url(/img/right-map.webp);animation-delay:6s}@keyframes map-glow{0%{opacity:0}10%,40%{opacity:.88}55%,to{opacity:0}}@media (prefers-reduced-motion: reduce){.map-bg__overlay{animation:none;opacity:0}}.portal-centered,.landing,.portal-shell{position:relative;z-index:2}.landing-logo{text-align:center;margin-bottom:26px;filter:drop-shadow(0 8px 24px rgba(10,14,50,.35));animation:alb-logo-in .6s var(--alb-ease) both}.landing-logo__mark{display:inline-grid;place-items:center;width:78px;height:78px;border-radius:22px;background:var(--vpn-tunnel-gradient);color:#fff;font-weight:800;font-size:26px;letter-spacing:.5px;box-shadow:0 14px 32px -12px #0a0e3299}@keyframes alb-logo-in{0%{opacity:0;transform:translateY(-8px)}}.portal-centered,.landing{min-height:100vh;display:grid;place-items:center;padding:24px}.landing-card{width:100%;max-width:460px;text-align:center;padding:44px 40px 40px}.landing-mark{width:72px;height:72px;margin:0 auto 18px;display:grid;place-items:center;border-radius:20px;background:var(--vpn-tunnel-gradient);color:#fff;font-weight:800;font-size:22px;box-shadow:0 12px 28px -10px #283a9780}.landing-title{margin:0 0 6px;font-size:26px;color:var(--alb-ink)}.landing-sub{margin:0 0 22px;color:var(--alb-text-soft)}.landing-features{text-align:left;list-style:none;padding:0;margin:0 0 26px;display:flex;flex-direction:column;gap:12px}.landing-features li{position:relative;padding-left:26px;font-size:14px;color:var(--alb-text)}.landing-features li:before{content:"✓";position:absolute;left:0;top:0;width:18px;height:18px;border-radius:6px;background:var(--alb-success-bg);color:var(--alb-success);font-size:12px;font-weight:800;display:grid;place-items:center}.landing-features b{color:var(--alb-ink)}.landing .alb-btn{width:100%}.portal-shell{max-width:1040px;margin:0 auto;padding:24px}.portal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.portal-brand{font-weight:800;font-size:22px;color:#fff;letter-spacing:.5px;background:var(--vpn-tunnel-gradient);padding:6px 14px;border-radius:12px;box-shadow:0 8px 20px -10px #283a9780}.portal-user{display:flex;align-items:center;gap:12px}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px}.stat{padding:20px 22px}.stat__value{font-size:26px;font-weight:800;color:var(--alb-ink)}.stat__value--brand{color:var(--alb-brand)}.stat__label{color:var(--alb-text-soft);margin-top:4px;font-size:13px}.portal-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.portal-row h2{margin:0;color:var(--alb-ink)}.issue{display:flex;gap:10px}.issue .alb-input{width:150px}.device-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px}.device-card{padding:22px}.device-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.device-name{font-weight:700}.device-email{font-size:12px;color:var(--alb-text-mute);margin-top:4px}.device-actions{display:flex;gap:10px}.device-actions .alb-btn{height:40px;font-size:13px;flex:1}.empty{text-align:center;padding:48px 24px;color:var(--alb-text-soft);display:flex;flex-direction:column;align-items:center;gap:14px}.empty__icon{width:40px;height:40px;color:var(--alb-brand-300)}.empty__text{max-width:420px;font-size:14px}.pill{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:700}.pill--brand{color:#fff;background:var(--alb-brand)}.pill--muted{color:var(--alb-text-soft);background:var(--alb-line-strong)}.pill--warn{color:var(--alb-warn);background:var(--alb-warn-bg)}.alb-flash--error{background:var(--alb-danger-bg);color:var(--alb-danger);border-left:3px solid var(--alb-danger);padding:12px 14px;border-radius:var(--alb-r-sm);margin-bottom:16px;font-size:14px}.alb-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f142473;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;padding:24px;z-index:50}.alb-modal{width:100%;max-width:460px;box-shadow:var(--alb-shadow-modal)}.alb-modal h3{margin:0 0 6px;color:var(--alb-ink)}.sub-url{word-break:break-all;font-size:12px;background:var(--alb-surface-soft);border:1.5px solid var(--alb-line-strong);border-radius:var(--alb-r-md);padding:12px;margin:14px 0 18px}@media (max-width: 720px){.stat-row{grid-template-columns:1fr}}