.lang-switcher{display:flex;padding:3px;border-radius:10px;background:var(--surface-2, #f1f5f9);border:1px solid var(--border, #e2e8f0);flex-shrink:0}.lang-switcher-btn{padding:5px 10px;border:none;border-radius:7px;background:transparent;color:var(--muted, #64748b);font-size:.75rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s}.lang-switcher-btn:hover{color:var(--text, #0f172a)}.lang-switcher-btn.active{background:var(--accent, #2563eb);color:#fff}.landing .lang-switcher{background:var(--landing-surface, #111827);border-color:var(--landing-border, #1e293b)}.landing .lang-switcher-btn{color:var(--landing-muted, #94a3b8)}.landing .lang-switcher-btn:hover{color:var(--landing-text, #e2e8f0)}.landing .lang-switcher-btn.active{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.landing{--landing-bg: #070b14;--landing-surface: #0f1729;--landing-border: #1e293b;--landing-text: #e2e8f0;--landing-muted: #94a3b8;--landing-accent: #3b82f6;--landing-accent-2: #06b6d4;--landing-glow: rgba(59, 130, 246, .35);--landing-violet: #8b5cf6;position:relative;min-height:100vh;overflow-x:hidden;background:var(--landing-bg);color:var(--landing-text)}.landing-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.landing-bg-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(59,130,246,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.04) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 0%,black 20%,transparent 75%);mask-image:radial-gradient(ellipse 80% 70% at 50% 0%,black 20%,transparent 75%)}.landing-bg-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.55;animation:landing-orb-drift 18s ease-in-out infinite}.landing-bg-orb--1{top:-12%;left:10%;width:520px;height:520px;background:radial-gradient(circle,rgba(59,130,246,.35),transparent 70%)}.landing-bg-orb--2{top:30%;right:-8%;width:440px;height:440px;background:radial-gradient(circle,rgba(6,182,212,.28),transparent 70%);animation-delay:-6s;animation-duration:22s}.landing-bg-orb--3{bottom:10%;left:25%;width:380px;height:380px;background:radial-gradient(circle,rgba(139,92,246,.2),transparent 70%);animation-delay:-12s;animation-duration:26s}@keyframes landing-orb-drift{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.05)}66%{transform:translate(-20px,25px) scale(.95)}}.landing-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:24px;padding:16px 32px;background:#070b14b8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid transparent;transition:background .3s,border-color .3s,box-shadow .3s,padding .3s}.landing-header--scrolled{padding-top:12px;padding-bottom:12px;background:#070b14eb;border-bottom-color:var(--landing-border);box-shadow:0 8px 32px #00000059}.landing-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;flex-shrink:0}.landing-logo-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--landing-accent),var(--landing-accent-2));font-weight:800;font-size:14px;color:#fff;box-shadow:0 4px 16px var(--landing-glow)}.landing-logo-text{font-weight:700;font-size:1.15rem;letter-spacing:-.02em}.landing-nav{display:flex;gap:20px;margin-right:auto}.landing-nav a{position:relative;color:var(--landing-muted);text-decoration:none;font-size:.9rem;transition:color .2s}.landing-nav a:after{content:"";position:absolute;left:0;bottom:-4px;width:100%;height:2px;background:linear-gradient(90deg,var(--landing-accent),var(--landing-accent-2));transform:scaleX(0);transform-origin:right;transition:transform .25s ease;border-radius:2px}.landing-nav a:hover{color:var(--landing-text)}.landing-nav a:hover:after{transform:scaleX(1);transform-origin:left}.landing-header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.landing-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border-radius:10px;font-size:.9rem;font-weight:600;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:background .2s,border-color .2s,transform .15s,box-shadow .2s;white-space:nowrap}.landing-btn:hover{transform:translateY(-2px)}.landing-btn-primary{background:linear-gradient(135deg,var(--landing-accent),#2563eb);color:#fff;border-color:#1d4ed8;box-shadow:0 4px 24px var(--landing-glow)}.landing-btn-primary:hover{background:linear-gradient(135deg,#60a5fa,var(--landing-accent));box-shadow:0 8px 32px #3b82f673}.landing-btn-shine{position:relative;overflow:hidden}.landing-btn-shine:after{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);animation:landing-btn-shine 4s ease-in-out infinite}@keyframes landing-btn-shine{0%,70%,to{left:-120%}85%{left:140%}}.landing-btn-outline{background:#0f172a80;color:var(--landing-text);border-color:#334155;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.landing-btn-outline:hover{border-color:var(--landing-accent);color:#fff;background:#3b82f61a}.landing-btn-lg{padding:14px 24px;font-size:1rem}.landing-hero{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;max-width:1200px;margin:0 auto;padding:72px 32px 64px}.landing-hero-in{opacity:0;transform:translateY(24px);animation:landing-hero-enter .7s cubic-bezier(.22,1,.36,1) forwards}.landing-hero-in--1{animation-delay:.1s}.landing-hero-in--2{animation-delay:.22s}.landing-hero-in--3{animation-delay:.34s}.landing-hero-in--4{animation-delay:.46s}@keyframes landing-hero-enter{to{opacity:1;transform:translateY(0)}}.landing-eyebrow{display:inline-block;margin:0 0 16px;padding:6px 14px;border-radius:999px;background:#3b82f61f;border:1px solid rgba(59,130,246,.35);color:#93c5fd;font-size:.85rem;font-weight:600;box-shadow:0 0 24px #3b82f626}.landing-hero h1{margin:0 0 20px;font-size:clamp(2rem,4vw,3.2rem);line-height:1.15;letter-spacing:-.03em;font-weight:800}.landing-gradient-text{background:linear-gradient(135deg,#60a5fa,#22d3ee,#a78bfa);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:landing-gradient-shift 6s ease infinite}@keyframes landing-gradient-shift{0%,to{background-position:0% center}50%{background-position:100% center}}.landing-hero-lead{margin:0 0 32px;font-size:1.1rem;line-height:1.7;color:var(--landing-muted);max-width:540px}.landing-hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:40px}.landing-hero-stats{display:flex;gap:32px;list-style:none;margin:0;padding:0}.landing-hero-stats li{display:flex;flex-direction:column;gap:4px;padding:12px 0;border-top:2px solid rgba(59,130,246,.3)}.landing-hero-stats strong{font-size:1.75rem;font-weight:800;color:#fff;font-variant-numeric:tabular-nums}.landing-stat-infinite{background:linear-gradient(135deg,#60a5fa,#22d3ee);-webkit-background-clip:text;background-clip:text;color:transparent}.landing-hero-stats span{font-size:.8rem;color:var(--landing-muted);text-transform:uppercase;letter-spacing:.06em}.landing-hero-visual{display:flex;justify-content:center;align-items:center}.landing-hero-float{animation:landing-float 6s ease-in-out infinite}@keyframes landing-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.landing-ticker{position:relative;z-index:1;overflow:hidden;margin:0 auto 16px;max-width:100%;padding:14px 0;border-block:1px solid rgba(59,130,246,.15);background:#0f172a73;-webkit-mask-image:linear-gradient(90deg,transparent,black 8%,black 92%,transparent);mask-image:linear-gradient(90deg,transparent,black 8%,black 92%,transparent)}.landing-ticker-track{display:flex;gap:40px;width:max-content;animation:landing-ticker 40s linear infinite}.landing-ticker-item{flex-shrink:0;padding:6px 16px;border-radius:999px;border:1px solid rgba(59,130,246,.25);background:#3b82f614;color:#93c5fd;font-size:.82rem;font-weight:600;letter-spacing:.02em;white-space:nowrap}@keyframes landing-ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.landing-diagram-wrap{position:relative;margin:0;width:100%;max-width:400px;padding:28px 24px 20px;background:linear-gradient(160deg,#111827f2,#0f172ad9);border:1px solid rgba(59,130,246,.3);border-radius:24px;box-shadow:0 24px 60px #00000073,0 0 0 1px #ffffff0a inset,0 0 80px #3b82f61f}.landing-diagram-glow{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:24px;background:linear-gradient(135deg,#3b82f666,#06b6d433,#8b5cf64d);opacity:.35;filter:blur(20px);z-index:-1;animation:landing-diagram-glow 4s ease-in-out infinite}@keyframes landing-diagram-glow{0%,to{opacity:.25}50%{opacity:.5}}.landing-diagram-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.landing-diagram-path{fill:none;stroke:url(#lineGrad);stroke-width:2.5;stroke-linecap:round;opacity:.85}.landing-diagram-path--branch{stroke-width:2;opacity:.7}.landing-diagram-path--draw{stroke-dasharray:120;stroke-dashoffset:120;animation:landing-path-draw 1.4s ease forwards}.landing-diagram-path--delay1{animation-delay:.3s}.landing-diagram-path--delay2{animation-delay:.6s}.landing-diagram-path--delay3{animation-delay:.9s}@keyframes landing-path-draw{to{stroke-dashoffset:0}}.landing-diagram-hub-ring{fill:none;stroke:#3b82f673;stroke-width:2;animation:landing-hub-ring 3s ease-in-out infinite}@keyframes landing-hub-ring{0%,to{r:36;opacity:.6}50%{r:42;opacity:1}}.landing-diagram-pulse{fill:#60a5fa;animation:landing-pulse-travel 2.4s ease-in-out infinite}.landing-diagram-pulse--delay{animation-delay:.6s}.landing-diagram-pulse--delay2{animation-delay:1.2s}.landing-diagram-pulse--delay3{animation-delay:1.5s}@keyframes landing-pulse-travel{0%,to{opacity:.35}50%{opacity:1}}.landing-diagram-nodes{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:0}.landing-diagram-node{display:flex;align-items:center;gap:12px;width:100%;max-width:260px;padding:12px 16px;background:#0f172ae6;border:1px solid var(--landing-border);border-radius:14px;transition:border-color .2s,box-shadow .2s,transform .2s}.landing-diagram-node:hover{transform:translateY(-2px)}.landing-diagram-node strong{display:block;font-size:.9rem;font-weight:700;line-height:1.3}.landing-diagram-node small{display:block;margin-top:2px;color:var(--landing-muted);font-size:.75rem;line-height:1.35}.landing-diagram-icon{flex-shrink:0;display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:#3b82f61f;color:#93c5fd}.landing-diagram-icon svg{width:22px;height:22px}.landing-diagram-icon--edge{background:#06b6d426;color:#67e8f9}.landing-diagram-node--client{margin-bottom:36px}.landing-diagram-node--hub{margin-bottom:36px;border-color:#3b82f680;background:#3b82f61f;box-shadow:0 0 32px #3b82f640}.landing-diagram-node--hub .landing-diagram-icon{background:linear-gradient(135deg,var(--landing-accent),var(--landing-accent-2));color:#fff}.landing-diagram-sites{display:flex;gap:12px;width:100%;justify-content:center}.landing-diagram-sites .landing-diagram-node{flex:1;max-width:148px;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:14px 10px}.landing-diagram-sites .landing-diagram-node strong{font-size:.8rem}.landing-diagram-caption{position:relative;z-index:1;margin:20px 0 0;text-align:center;font-size:.78rem;color:var(--landing-muted);line-height:1.45}.landing-reveal{opacity:0;transform:translateY(32px);transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay, 0ms)}.landing-reveal--visible{opacity:1;transform:translateY(0)}.landing-section{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:80px 32px}.landing-section--alt{background:#0f172a8c;max-width:none;padding-left:max(32px,calc((100vw - 1200px)/2 + 32px));padding-right:max(32px,calc((100vw - 1200px)/2 + 32px));border-block:1px solid rgba(30,41,59,.6)}.landing-section-title{display:flex;align-items:center;gap:14px;margin:0 0 12px;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;letter-spacing:-.02em}.landing-section-tag{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#3b82f633,#06b6d426);border:1px solid rgba(59,130,246,.35);color:#93c5fd;font-size:.75rem;font-weight:800;letter-spacing:0}.landing-section-lead{margin:0 0 40px;color:var(--landing-muted);font-size:1.05rem;max-width:640px;line-height:1.7}.landing-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.landing-card{position:relative;padding:28px;background:var(--landing-surface);border:1px solid var(--landing-border);border-radius:16px;overflow:hidden;transition:border-color .3s,transform .3s,box-shadow .3s}.landing-card-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 0%,rgba(59,130,246,.15),transparent 65%);opacity:0;transition:opacity .3s;pointer-events:none}.landing-card:hover{border-color:#3b82f673;transform:translateY(-4px);box-shadow:0 16px 48px #00000059,0 0 40px #3b82f61a}.landing-card:hover .landing-card-glow{opacity:1}.landing-card-icon{font-size:1.75rem;margin-bottom:14px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.landing-card h3{margin:0 0 10px;font-size:1.1rem;font-weight:700}.landing-card p{margin:0;color:var(--landing-muted);font-size:.95rem;line-height:1.65}.landing-screenshots{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.landing-screenshot-card{margin:0;display:grid;gap:12px}.landing-screenshot-trigger{display:block;width:100%;padding:0;border:none;background:none;cursor:zoom-in;text-align:left;font:inherit;color:inherit}.landing-screenshot-frame{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--landing-border);background:#0f172a;box-shadow:0 20px 50px #00000059;transition:border-color .3s,box-shadow .3s,transform .3s}.landing-screenshot-trigger:hover .landing-screenshot-frame,.landing-screenshot-trigger:focus-visible .landing-screenshot-frame{border-color:#3b82f680;box-shadow:0 24px 60px #00000073,0 0 40px #3b82f626;transform:scale(1.02)}.landing-screenshot-trigger:focus-visible{outline:none}.landing-screenshot-trigger:focus-visible .landing-screenshot-frame{outline:2px solid var(--landing-accent);outline-offset:3px}.landing-screenshot-frame img{display:block;width:100%;height:auto;transition:transform .4s ease}.landing-screenshot-trigger:hover .landing-screenshot-frame img{transform:scale(1.04)}.landing-screenshot-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#070b148c;opacity:0;transition:opacity .3s;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.landing-screenshot-trigger:hover .landing-screenshot-overlay,.landing-screenshot-trigger:focus-visible .landing-screenshot-overlay{opacity:1}.landing-screenshot-zoom{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;background:#3b82f6e6;color:#fff;font-size:.85rem;font-weight:600;box-shadow:0 8px 24px #3b82f666;transform:translateY(8px);transition:transform .3s}.landing-screenshot-trigger:hover .landing-screenshot-zoom{transform:translateY(0)}.landing-screenshot-zoom svg{width:18px;height:18px}.landing-screenshot-card figcaption{display:grid;gap:4px}.landing-screenshot-card figcaption strong{font-size:1rem}.landing-screenshot-card figcaption span{color:var(--landing-muted);font-size:.9rem;line-height:1.5}.landing-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;animation:landing-lightbox-in .25s ease}@keyframes landing-lightbox-in{0%{opacity:0}to{opacity:1}}.landing-lightbox-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#04070ee0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.landing-lightbox-panel{position:relative;z-index:1;width:min(1100px,100%);max-height:calc(100vh - 48px);display:flex;flex-direction:column;gap:16px;animation:landing-lightbox-panel .35s cubic-bezier(.22,1,.36,1)}@keyframes landing-lightbox-panel{0%{opacity:0;transform:scale(.94) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.landing-lightbox-close{position:absolute;top:-12px;right:-12px;z-index:2;display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--landing-border);border-radius:12px;background:var(--landing-surface);color:var(--landing-text);cursor:pointer;transition:background .2s,border-color .2s,transform .15s;box-shadow:0 8px 24px #0006}.landing-lightbox-close:hover{background:#ef444426;border-color:#ef444480;color:#fca5a5;transform:scale(1.05)}.landing-lightbox-close svg{width:20px;height:20px}.landing-lightbox-frame{border-radius:16px;overflow:hidden;border:1px solid rgba(59,130,246,.35);background:#0f172a;box-shadow:0 32px 80px #0000008c,0 0 60px #3b82f626}.landing-lightbox-frame img{display:block;width:100%;height:auto;max-height:calc(100vh - 160px);object-fit:contain}.landing-lightbox-caption{display:grid;gap:4px;text-align:center;padding:0 16px}.landing-lightbox-caption strong{font-size:1.1rem}.landing-lightbox-caption span{color:var(--landing-muted);font-size:.95rem}.landing-use-cases{display:grid;gap:24px}.landing-use-case{position:relative;padding:32px 32px 28px;background:var(--landing-surface);border:1px solid var(--landing-border);border-radius:20px;overflow:hidden;transition:border-color .3s,transform .3s,box-shadow .3s}.landing-use-case:hover{transform:translateY(-3px);box-shadow:0 20px 56px #00000059}.landing-use-case-accent{position:absolute;top:0;left:0;right:0;height:3px;opacity:.9}.landing-use-case--mining .landing-use-case-accent{background:linear-gradient(90deg,#3b82f6,#2563eb)}.landing-use-case--smarthome .landing-use-case-accent{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.landing-use-case--production .landing-use-case-accent{background:linear-gradient(90deg,#06b6d4,#f59e0b)}.landing-use-case--mining:hover{border-color:#3b82f673;box-shadow:0 20px 56px #00000059,0 0 48px #3b82f61a}.landing-use-case--smarthome:hover{border-color:#8b5cf673;box-shadow:0 20px 56px #00000059,0 0 48px #8b5cf61a}.landing-use-case--production:hover{border-color:#06b6d473;box-shadow:0 20px 56px #00000059,0 0 48px #06b6d41a}.landing-use-case-header{display:flex;align-items:flex-start;gap:18px;margin-bottom:16px}.landing-use-case-icon{flex-shrink:0;display:grid;place-items:center;width:52px;height:52px;border-radius:14px;font-size:1.6rem;background:#3b82f61f;border:1px solid rgba(59,130,246,.25)}.landing-use-case--smarthome .landing-use-case-icon{background:#8b5cf61f;border-color:#8b5cf64d}.landing-use-case--production .landing-use-case-icon{background:#06b6d41f;border-color:#06b6d44d}.landing-use-case-subtitle{margin:0 0 4px;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--landing-accent-2)}.landing-use-case--smarthome .landing-use-case-subtitle{color:#a78bfa}.landing-use-case--production .landing-use-case-subtitle{color:#fcd34d}.landing-use-case h3{margin:0;font-size:clamp(1.15rem,2vw,1.35rem);font-weight:800;letter-spacing:-.02em;line-height:1.25}.landing-use-case-text{margin:0 0 14px;color:var(--landing-muted);font-size:.98rem;line-height:1.7;max-width:820px}.landing-use-case-detail{margin:0 0 14px;color:#94a3b8;font-size:.92rem;line-height:1.65;max-width:820px;padding-left:14px;border-left:2px solid rgba(59,130,246,.25)}.landing-use-case--smarthome .landing-use-case-detail{border-left-color:#8b5cf659}.landing-use-case--production .landing-use-case-detail{border-left-color:#06b6d459}.landing-use-case-detail:last-of-type{margin-bottom:20px}.landing-use-case-points{margin:0 0 20px;padding:0;list-style:none;display:grid;gap:10px}@media (min-width: 768px){.landing-use-case-points{grid-template-columns:repeat(2,1fr);gap:10px 24px}}.landing-use-case-points li{position:relative;padding-left:22px;color:#cbd5e1;font-size:.92rem;line-height:1.55}.landing-use-case-points li:before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--landing-accent),var(--landing-accent-2));box-shadow:0 0 8px #3b82f680}.landing-use-case--smarthome .landing-use-case-points li:before{background:linear-gradient(135deg,#8b5cf6,#a78bfa);box-shadow:0 0 8px #8b5cf680}.landing-use-case--production .landing-use-case-points li:before{background:linear-gradient(135deg,#06b6d4,#f59e0b);box-shadow:0 0 8px #06b6d480}.landing-use-case-tags{display:flex;flex-wrap:wrap;gap:8px}.landing-use-case-tag{padding:5px 12px;border-radius:999px;border:1px solid var(--landing-border);background:#0f172a99;color:var(--landing-muted);font-size:.75rem;font-weight:600;letter-spacing:.02em}.landing-use-case--mining .landing-use-case-tag{border-color:#3b82f640;color:#93c5fd}.landing-use-case--smarthome .landing-use-case-tag{border-color:#8b5cf640;color:#c4b5fd}.landing-use-case--production .landing-use-case-tag{border-color:#06b6d440;color:#67e8f9}.landing-use-case--retail .landing-use-case-accent{background:linear-gradient(90deg,#f472b6,#fb7185)}.landing-use-case--retail:hover{border-color:#f472b673;box-shadow:0 20px 56px #00000059,0 0 48px #f472b61a}.landing-use-case--retail .landing-use-case-icon{background:#f472b61f;border-color:#f472b64d}.landing-use-case--retail .landing-use-case-subtitle{color:#f9a8d4}.landing-use-case--retail .landing-use-case-detail{border-left-color:#f472b659}.landing-use-case--retail .landing-use-case-points li:before{background:linear-gradient(135deg,#f472b6,#fb7185);box-shadow:0 0 8px #f472b680}.landing-use-case--retail .landing-use-case-tag{border-color:#f472b640;color:#fbcfe8}.landing-use-case--energy .landing-use-case-accent{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.landing-use-case--energy:hover{border-color:#fbbf2473;box-shadow:0 20px 56px #00000059,0 0 48px #fbbf241a}.landing-use-case--energy .landing-use-case-icon{background:#fbbf241f;border-color:#fbbf244d}.landing-use-case--energy .landing-use-case-subtitle{color:#fcd34d}.landing-use-case--energy .landing-use-case-detail{border-left-color:#fbbf2459}.landing-use-case--energy .landing-use-case-points li:before{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 0 8px #fbbf2480}.landing-use-case--energy .landing-use-case-tag{border-color:#fbbf2440;color:#fde68a}.landing-use-case--logistics .landing-use-case-accent{background:linear-gradient(90deg,#34d399,#10b981)}.landing-use-case--logistics:hover{border-color:#34d39973;box-shadow:0 20px 56px #00000059,0 0 48px #34d3991a}.landing-use-case--logistics .landing-use-case-icon{background:#34d3991f;border-color:#34d3994d}.landing-use-case--logistics .landing-use-case-subtitle{color:#6ee7b7}.landing-use-case--logistics .landing-use-case-detail{border-left-color:#34d39959}.landing-use-case--logistics .landing-use-case-points li:before{background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 0 8px #34d39980}.landing-use-case--logistics .landing-use-case-tag{border-color:#34d39940;color:#a7f3d0}.landing-pricing{position:relative;padding:40px;border-radius:24px;border:1px solid rgba(59,130,246,.35);background:linear-gradient(160deg,#111827f2,#0f172ae0);overflow:hidden}.landing-pricing-glow{position:absolute;top:-40%;right:-20%;width:60%;height:80%;background:radial-gradient(circle,rgba(59,130,246,.2),transparent 70%);pointer-events:none}.landing-pricing-price{position:relative;text-align:center;margin-bottom:36px;padding-bottom:32px;border-bottom:1px solid var(--landing-border)}.landing-pricing-label{display:block;margin-bottom:4px;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--landing-muted)}.landing-pricing-amount{display:block;font-size:clamp(2.5rem,6vw,3.5rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;background:linear-gradient(135deg,#60a5fa,#22d3ee);-webkit-background-clip:text;background-clip:text;color:transparent}.landing-pricing-unit{display:block;margin-top:6px;font-size:1.05rem;font-weight:600;color:var(--landing-text)}.landing-pricing-note{margin:16px auto 0;max-width:480px;font-size:.9rem;color:var(--landing-muted);line-height:1.6}.landing-pricing-columns{position:relative;display:grid;gap:32px;margin-bottom:28px}@media (min-width: 768px){.landing-pricing-columns{grid-template-columns:1fr 1fr;gap:40px}}.landing-pricing-block h3{margin:0 0 16px;font-size:1rem;font-weight:700;color:#93c5fd}.landing-pricing-block ul,.landing-pricing-block ol{margin:0;padding:0 0 0 1.2rem;color:#cbd5e1;font-size:.92rem;line-height:1.65}.landing-pricing-block li{margin-bottom:10px}.landing-pricing-block li:last-child{margin-bottom:0}.landing-pricing-footer{position:relative;margin:0 0 24px;font-size:.85rem;color:var(--landing-muted);line-height:1.6;text-align:center}.landing-pricing .landing-btn{position:relative;display:flex;width:fit-content;margin:0 auto}.landing-trusted{position:relative;z-index:1;padding:56px 32px 64px;border-bottom:1px solid rgba(30,41,59,.6);background:linear-gradient(180deg,rgba(15,23,42,.35),transparent)}.landing-trusted-inner{max-width:1200px;margin:0 auto;text-align:center}.landing-trusted-title{margin:0 0 10px;font-size:clamp(1.25rem,2.5vw,1.6rem);font-weight:800;letter-spacing:-.02em;color:var(--landing-text)}.landing-trusted-lead{margin:0 auto 36px;max-width:560px;color:var(--landing-muted);font-size:.95rem;line-height:1.65}.landing-brands{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (min-width: 640px){.landing-brands{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.landing-brands{grid-template-columns:repeat(6,1fr);gap:12px}}.landing-brand{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 12px 16px;border-radius:14px;border:1px solid var(--landing-border);background:#0f172a8c;transition:border-color .3s,transform .3s,box-shadow .3s,background .3s}.landing-brand:hover{transform:translateY(-3px);background:#0f172ad9;box-shadow:0 12px 32px #0000004d}.landing-brand img{display:block;width:100%;max-width:140px;height:36px;object-fit:contain;opacity:.88;transition:opacity .3s}.landing-brand:hover img{opacity:1}.landing-brand-sector{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--landing-muted);line-height:1.3;text-align:center}.landing-brand--hashcore:hover,.landing-brand--polarmine:hover{border-color:#3b82f666;box-shadow:0 12px 32px #3b82f61f}.landing-brand--domiqa:hover{border-color:#8b5cf666;box-shadow:0 12px 32px #8b5cf61f}.landing-brand--volgaplant:hover,.landing-brand--technoline:hover{border-color:#06b6d466;box-shadow:0 12px 32px #06b6d41f}.landing-brand--farmstack:hover{border-color:#34d39966;box-shadow:0 12px 32px #34d3991f}.landing-edge-layout{display:grid;grid-template-columns:minmax(280px,1fr) minmax(300px,1.1fr);gap:40px;align-items:start}.landing-boards-grid{display:grid;gap:12px}.landing-board-card{display:flex;gap:14px;align-items:center;padding:14px 16px;background:var(--landing-surface);border:1px solid var(--landing-border);border-radius:14px;transition:border-color .3s,transform .3s,box-shadow .3s}.landing-board-card:hover{border-color:#06b6d473;transform:translate(4px);box-shadow:-4px 0 24px #06b6d41f}.landing-board-visual{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:80px;height:64px;padding:6px;background:#0f172a;border:1px solid var(--landing-border);border-radius:10px;transition:border-color .3s}.landing-board-card:hover .landing-board-visual{border-color:#06b6d466}.landing-board-visual img{display:block;width:auto;height:48px;object-fit:contain}.landing-board-info{flex:1;min-width:0}.landing-board-desc{margin:0 0 4px;font-size:.88rem;color:var(--landing-text);line-height:1.45}.landing-board-proc{margin:0;font-size:.8rem;color:var(--landing-accent-2);font-weight:600}.landing-steps{display:grid;gap:0;max-width:800px;position:relative}.landing-steps:before{content:"";position:absolute;left:21px;top:44px;bottom:44px;width:2px;background:linear-gradient(180deg,var(--landing-accent),var(--landing-accent-2));opacity:.35}.landing-step{display:flex;gap:20px;align-items:flex-start;padding:24px 0}.landing-step-num{flex-shrink:0;width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,var(--landing-accent),var(--landing-accent-2));font-weight:800;font-size:1.1rem;color:#fff;box-shadow:0 4px 20px var(--landing-glow);position:relative;z-index:1}.landing-step h3{margin:0 0 8px;font-size:1.1rem}.landing-step p{margin:0;color:var(--landing-muted);line-height:1.65}.landing-step code{font-size:.85em;background:#0f172a;padding:2px 6px;border-radius:4px;color:#93c5fd}.landing-advantages,.landing-integrations{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.landing-integrations{grid-template-columns:1fr;max-width:720px}.landing-advantage-item{padding:28px 28px 28px 32px;border-left:3px solid var(--landing-accent);background:var(--landing-surface);border-radius:0 16px 16px 0;transition:border-color .3s,transform .3s,box-shadow .3s}.landing-advantage-item:hover{border-left-color:var(--landing-accent-2);transform:translate(4px);box-shadow:-6px 0 32px #3b82f61a}.landing-advantage-item h3{margin:0 0 10px;font-size:1.05rem;font-weight:700}.landing-advantage-lead{margin:0 0 14px;color:var(--landing-muted);font-size:.95rem;line-height:1.65}.landing-advantage-points{margin:0;padding:0 0 0 1.1rem;color:var(--landing-text);font-size:.9rem;line-height:1.6}.landing-advantage-points li{margin-bottom:8px;color:#cbd5e1}.landing-advantage-points li:last-child{margin-bottom:0}.landing-cta{position:relative;z-index:1;text-align:center;max-width:720px;margin:0 auto;padding:80px 32px 96px}.landing-cta-box{position:relative;padding:48px 40px;border-radius:24px;border:1px solid rgba(59,130,246,.3);background:linear-gradient(160deg,#111827e6,#0f172acc);overflow:hidden}.landing-cta-glow{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:conic-gradient(from 0deg,transparent,rgba(59,130,246,.15),transparent,rgba(6,182,212,.12),transparent);animation:landing-cta-spin 12s linear infinite;pointer-events:none}@keyframes landing-cta-spin{to{transform:rotate(360deg)}}.landing-cta-box h2{position:relative;margin:0 0 12px;font-size:clamp(1.5rem,3vw,2rem);font-weight:800}.landing-cta-box p{position:relative;margin:0 0 28px;color:var(--landing-muted);font-size:1.05rem}.landing-cta .landing-hero-cta{position:relative;justify-content:center;margin-bottom:0}.landing-footer{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:32px;border-top:1px solid var(--landing-border);text-align:center}.landing-footer-domain{color:var(--landing-accent-2);font-weight:600;font-size:.95rem}.landing-footer-copy{margin:8px 0 0;color:var(--landing-muted);font-size:.85rem}.landing-footer-link{margin:4px 0 0;padding:0;border:none;background:none;color:var(--landing-muted);font-size:.85rem;text-decoration:underline;text-underline-offset:3px;cursor:pointer;transition:color .15s}.landing-footer-link:hover{color:var(--landing-text)}.landing-privacy-panel{position:relative;z-index:1;width:min(640px,calc(100vw - 32px));max-height:min(85vh,720px);display:flex;flex-direction:column;padding:28px 28px 24px;background:var(--landing-surface);border:1px solid var(--landing-border);border-radius:20px;box-shadow:0 32px 80px #0000008c;animation:landing-lightbox-panel .35s cubic-bezier(.22,1,.36,1)}.landing-privacy-header{flex-shrink:0;padding-right:40px;margin-bottom:16px}.landing-privacy-header h2{margin:0 0 6px;font-size:1.35rem;font-weight:800;letter-spacing:-.02em}.landing-privacy-updated{margin:0;font-size:.8rem;color:var(--landing-muted)}.landing-privacy-body{flex:1;overflow-y:auto;padding-right:4px;font-size:.9rem;line-height:1.65;color:#cbd5e1}.landing-privacy-body section{margin-bottom:20px}.landing-privacy-body section:last-child{margin-bottom:0}.landing-privacy-body h3{margin:0 0 10px;font-size:.95rem;font-weight:700;color:var(--landing-text)}.landing-privacy-body p{margin:0 0 10px;color:var(--landing-muted)}.landing-privacy-body p:last-child{margin-bottom:0}.landing-privacy-modal .landing-lightbox-close{top:16px;right:16px}@media (max-width: 1024px){.landing-advantages,.landing-edge-layout{grid-template-columns:1fr}}@media (max-width: 900px){.landing-header{flex-wrap:wrap;padding:14px 20px}.landing-nav{order:3;width:100%;justify-content:center;flex-wrap:wrap;gap:14px}.landing-hero{grid-template-columns:1fr;padding:48px 20px}.landing-hero-visual{order:-1}.landing-diagram-wrap{max-width:100%}.landing-diagram-sites{flex-direction:column;align-items:stretch}.landing-diagram-sites .landing-diagram-node{max-width:none;flex-direction:row;text-align:left}.landing-section{padding:56px 20px}.landing-cta-box{padding:36px 24px}.landing-lightbox-close{top:8px;right:8px}}@media (max-width: 480px){.landing-header-actions{width:100%;justify-content:space-between}.landing-header-actions .landing-btn{flex:1;max-width:140px}.landing-hero-stats{gap:20px}.landing-section-title{flex-wrap:wrap}}@media (prefers-reduced-motion: reduce){.landing-bg-orb,.landing-ticker-track,.landing-hero-float,.landing-gradient-text,.landing-btn-shine:after,.landing-cta-glow,.landing-diagram-glow,.landing-diagram-hub-ring,.landing-diagram-pulse,.landing-diagram-path--draw{animation:none}.landing-hero-in,.landing-reveal{opacity:1;transform:none;animation:none;transition:none}.landing-diagram-path--draw{stroke-dashoffset:0}}:root{--font: system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--bg: #f4f6f9;--surface: #ffffff;--surface-2: #f8fafc;--border: #e2e8f0;--border-strong: #cbd5e1;--text: #0f172a;--text-secondary: #475569;--muted: #64748b;--accent: #2563eb;--accent-hover: #1d4ed8;--accent-soft: #eff6ff;--gradient: linear-gradient(135deg, #3b82f6, #06b6d4);--danger: #b91c1c;--danger-bg: #fef2f2;--danger-border: #fecaca;--success-bg: #dcfce7;--success-text: #166534;--offline-bg: #fee2e2;--offline-text: #991b1b;--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .05);--shadow: 0 4px 24px rgba(15, 23, 42, .06);--shadow-lg: 0 12px 40px rgba(15, 23, 42, .1);--topbar-h: 60px;--page-max: 1040px;--transition: .18s ease;font-family:var(--font);color:var(--text);background:var(--bg);line-height:1.5;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;-webkit-tap-highlight-color:transparent}a{color:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.shell{min-height:100vh;display:flex;flex-direction:column}.main{flex:1}.page{max-width:var(--page-max);margin:0 auto;padding:28px max(24px,env(safe-area-inset-right)) max(48px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}.page.narrow{max-width:520px}.page.center{min-height:100vh;display:grid;place-items:center;padding:24px}.page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:60vh;color:var(--muted)}.page h1{margin:0 0 8px;font-size:1.625rem;font-weight:700;letter-spacing:-.025em;line-height:1.2}.page h2{margin:32px 0 12px;font-size:1.125rem;font-weight:600;letter-spacing:-.015em}.page>.muted:first-of-type,.page h1+.muted{margin-top:0;margin-bottom:20px}.app-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);flex-shrink:0}.app-logo-img{display:block;border-radius:9px;box-shadow:0 2px 8px #3b82f640}.app-logo-text{font-weight:700;font-size:1.1rem;letter-spacing:-.02em}.topbar-row{position:sticky;top:0;z-index:220;display:flex;align-items:center;gap:12px;min-height:var(--topbar-h);padding:max(0px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) 0 max(24px,env(safe-area-inset-left));background:#fffffff7;border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm)}@media (min-width: 1101px){.topbar-row{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffe0}}.topbar{position:sticky;top:0;z-index:220;display:flex;align-items:center;gap:12px;min-height:var(--topbar-h);padding:max(0px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) 0 max(24px,env(safe-area-inset-left));background:#fffffff7;border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm)}.topbar-start{display:flex;align-items:center;gap:12px}.menu-toggle{display:none;flex-shrink:0;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:8px;margin-left:auto;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;position:relative;z-index:230;transition:background var(--transition),border-color var(--transition)}.menu-toggle:hover{background:var(--surface-2);border-color:var(--border-strong)}.menu-toggle-bar{display:block;height:2px;border-radius:1px;background:var(--text-secondary);transition:transform var(--transition),opacity var(--transition)}.menu-toggle[aria-expanded=true] .menu-toggle-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded=true] .menu-toggle-bar:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] .menu-toggle-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav{display:flex;align-items:center;gap:6px;margin-left:auto}.nav--mobile,.nav-drawer-head,.nav-drawer-close{display:none}.nav-section{display:flex;align-items:center;gap:4px}.nav-section--admin{padding-left:8px;margin-left:8px;border-left:1px solid var(--border)}.nav-label{display:none}.nav-user{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;color:var(--muted);padding:0 8px}.nav-link{display:inline-flex;align-items:center;padding:7px 12px;border-radius:var(--radius-sm);text-decoration:none;font-size:.875rem;font-weight:500;color:var(--text-secondary);white-space:nowrap;transition:color var(--transition),background var(--transition)}.nav-link:hover{color:var(--text);background:var(--surface-2)}.nav-link.active{color:var(--accent);background:var(--accent-soft)}.nav-link--btn{border:none;background:none;cursor:pointer;font-family:inherit}.nav-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:210;border:none;padding:0;margin:0;background:#0f172a66;cursor:pointer;animation:fade-in .2s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;display:grid;gap:16px;box-shadow:var(--shadow-sm)}.card h1,.card h2{margin:0}.field{display:grid;gap:6px}.field span{font-size:.8125rem;font-weight:500;color:var(--text-secondary)}input,select{width:100%;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);font-family:inherit;font-size:.9375rem;color:var(--text);transition:border-color var(--transition),box-shadow var(--transition)}input:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #2563eb1f}input:disabled,select:disabled,button:disabled{opacity:.55;cursor:not-allowed}button,.button{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);padding:9px 16px;font-family:inherit;font-size:.875rem;font-weight:500;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:background var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}button:hover:not(:disabled),.button:hover{background:var(--surface-2)}button.primary,.button.primary{background:var(--accent);border-color:var(--accent-hover);color:#fff}button.primary:hover:not(:disabled),.button.primary:hover{background:var(--accent-hover)}button.danger,.button.danger{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger)}button.danger:hover:not(:disabled),.button.danger:hover{background:#fee2e2}.linkish{border:none;background:none;color:var(--accent);cursor:pointer;padding:0;font-family:inherit;font-size:inherit;text-decoration:underline;text-underline-offset:2px}.linkish:hover{color:var(--accent-hover)}.row{display:flex;align-items:center}.row.space-between{justify-content:space-between}.row.gap{gap:10px;flex-wrap:wrap}.error{color:var(--danger);font-size:.875rem;margin:0}.muted{color:var(--muted);font-size:.875rem}.title{font-weight:600;font-size:.9375rem}.small{font-size:.75rem}.spinner{width:28px;height:28px;border:2.5px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.list{display:grid;gap:10px;margin-top:16px}.list--spaced{margin-top:1.25rem}.list-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);transition:border-color var(--transition),box-shadow var(--transition)}.list-row:hover{border-color:var(--border-strong);box-shadow:var(--shadow)}.list-row-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:.5rem}.btn-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:.5rem}.btn-row--compact{align-items:stretch}.btn-row--compact .guest-url-input{flex:1;min-width:0}.pill{padding:4px 10px;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:capitalize;background:var(--border);color:var(--text-secondary)}.pill.online{background:var(--success-bg);color:var(--success-text)}.pill.offline{background:var(--offline-bg);color:var(--offline-text)}.table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);font-size:.875rem}.table th,.table td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--border);vertical-align:top}.table th{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:var(--surface-2)}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover td{background:#f8fafccc}.page>.table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.page>.table thead,.page>.table tbody,.page>.table tr{display:table;width:100%;table-layout:auto}.page>.table thead{width:calc(100% - 1px)}.td-actions-inner{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.debug-table{width:100%;font-size:.9375rem;border-collapse:collapse}.debug-table td{padding:10px 0;border-bottom:1px solid var(--border);vertical-align:top}.debug-table tr:last-child td{border-bottom:none}.debug-table td:first-child{width:42%;padding-right:12px}.debug-pre{font-size:.75rem;overflow:auto;max-height:12rem;margin-top:.5rem;padding:10px;background:var(--surface-2);border-radius:var(--radius-sm);border:1px solid var(--border)}.token{padding:14px 16px;background:#0f172a;color:#e2e8f0;border-radius:var(--radius-sm);overflow:auto;font-family:var(--mono);font-size:.8125rem;line-height:1.6;margin:0}.banner-msg{padding:12px 16px;background:var(--accent-soft);border:1px solid #bfdbfe;border-radius:var(--radius-sm);color:#1e3a8a;margin-bottom:16px;font-size:.875rem}.card label{display:grid;gap:6px;font-size:.8125rem;font-weight:500;color:var(--text-secondary)}.vpn-qr-block{display:grid;gap:10px;margin-top:.5rem;padding-top:1rem;border-top:1px solid var(--border)}.vpn-qr-panel{display:grid;gap:8px;justify-items:start;padding:14px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm)}.vpn-qr-panel-title{font-size:.875rem;font-weight:600;color:var(--text-secondary)}.vpn-qr-panel img,.vpn-qr-img{display:block;max-width:100%;width:min(280px,100%);height:auto;border-radius:var(--radius-sm);background:#fff}.guest-url{word-break:break-all;font-size:.8125rem;background:var(--surface-2);padding:8px 10px;border-radius:var(--radius-sm);max-width:100%}.guest-url-input{flex:1;min-width:0;font-size:.8125rem;font-family:var(--mono);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 10px;color:var(--text)}.guest-url-box{padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(59,130,246,.08),transparent),var(--bg)}.login-wrap{width:100%;max-width:400px;display:grid;gap:24px}.login-header{display:flex;align-items:center;justify-content:space-between}.login-card{width:100%}.login-card h1{margin:0 0 4px;font-size:1.375rem;font-weight:700;letter-spacing:-.02em}.guest-page{min-height:100vh;min-height:100dvh}@media (min-width: 1101px){.menu-toggle,.nav--mobile{display:none!important}}@media (max-width: 1200px) and (min-width: 1101px){.nav-link{padding:6px 8px;font-size:.8125rem}.nav-user{max-width:120px}}@media (max-width: 1100px){.menu-toggle{display:flex}.nav--desktop{display:none}.nav--mobile{display:flex;position:fixed;top:0;right:0;bottom:0;left:auto;z-index:215;flex-direction:column;align-items:stretch;align-content:stretch;gap:0;width:min(360px,100vw);height:100%;height:100dvh;max-height:100dvh;margin:0;padding:0 max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:var(--surface);border-left:1px solid var(--border);box-shadow:var(--shadow-lg);transform:translate(100%);transition:transform .22s ease,visibility .22s ease;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;visibility:hidden;pointer-events:none;box-sizing:border-box}.nav--mobile.open{transform:translate(0);visibility:visible;pointer-events:auto}.nav-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;min-height:var(--topbar-h);padding:max(0px,env(safe-area-inset-top)) 0 0 0;margin-bottom:4px;border-bottom:1px solid var(--border)}.nav-drawer-title{font-size:1rem;font-weight:700;letter-spacing:-.02em;color:var(--text)}.nav-drawer-close{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-secondary);font-size:1.5rem;line-height:1;cursor:pointer;font-family:inherit;flex-shrink:0}.nav-backdrop{display:block}.nav-section{flex-direction:column;align-items:stretch;gap:4px;padding:10px 0;width:100%;flex-shrink:0}.nav-section--admin{padding-left:0;margin-left:0;border-left:none;border-top:1px solid var(--border)}.nav-label{display:block;padding:8px 4px 4px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.nav-section--actions{margin-top:auto;border-top:1px solid var(--border);padding-top:16px;padding-bottom:8px}.nav-user{max-width:none;padding:8px 4px;font-size:.8125rem;white-space:normal;word-break:break-all}.nav-link{display:flex;align-items:center;width:100%;padding:12px 14px;border-radius:var(--radius-sm);min-height:48px;white-space:normal;line-height:1.35;box-sizing:border-box}.nav-section--actions .lang-switcher{align-self:flex-start;margin:4px}.list-row{flex-direction:column;align-items:flex-start}.list-row-actions{width:100%}}@media (max-width: 768px){input,select,textarea{font-size:16px}.page>.table:not(.table--cards){display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.table--cards{display:block;border:none;background:transparent;box-shadow:none;overflow:visible}.table--cards thead{display:none}.table--cards tbody{display:grid;gap:10px}.table--cards tr{display:grid;gap:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:4px 14px;box-shadow:var(--shadow-sm)}.table--cards tr:hover td{background:transparent}.table--cards td{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid var(--border);text-align:right}.table--cards td:last-child{border-bottom:none}.table--cards td:before{content:attr(data-label);font-weight:600;font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;text-align:left;flex-shrink:0;max-width:46%;line-height:1.4;padding-top:.1em}.table--cards td[data-label=""]:before{display:none}.table--cards td.td-actions{flex-direction:column;align-items:stretch;text-align:left;padding-top:12px}.table--cards td.td-actions:before{display:block;max-width:none;margin-bottom:4px}.table--cards .td-actions-inner{flex-direction:column;align-items:stretch}.table--cards .td-actions-inner button{width:100%;min-height:44px}.chip-row button{flex:1 1 calc(50% - 4px);min-width:0;min-height:44px}.btn-row{flex-direction:column}.btn-row>button,.btn-row>.button,.btn-row>a.button{width:100%;min-height:44px}.btn-row--compact{flex-direction:column}.list-row-actions{flex-direction:column;align-items:stretch}.list-row-actions .button,.list-row-actions button{width:100%;min-height:44px;justify-content:center}.list-row-actions .pill{align-self:flex-start}.debug-table tbody tr{display:block;padding:12px 0;border-bottom:1px solid var(--border)}.debug-table tbody tr:last-child{border-bottom:none}.debug-table td{display:block;width:100%!important;padding:2px 0;border-bottom:none}.debug-table td:first-child{font-size:.75rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:2px}.page-head-row{flex-direction:column;align-items:stretch}.page-head-row .btn-secondary{width:100%;min-height:44px}.obs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card button.primary,.card button[type=submit]{width:100%;min-height:44px}}@media (max-width: 480px){:root{--topbar-h: 56px}.topbar-row,.topbar{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.app-logo-text{font-size:1rem}.page{padding-top:20px;padding-bottom:max(32px,env(safe-area-inset-bottom));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.page.narrow{max-width:none}.page h1{font-size:1.375rem}.page h2{margin-top:24px;font-size:1.05rem}.card{padding:16px;gap:14px}.nav-user{display:none}.login-page{padding:16px;padding-bottom:max(16px,env(safe-area-inset-bottom))}.login-wrap{gap:20px}.obs-grid{grid-template-columns:1fr}.obs-stat-value{font-size:1.05rem}code{word-break:break-all}}.page-head-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.btn-secondary{padding:.45rem .9rem;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.error-banner{background:#f851491f;color:#f85149;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem}.obs-section{margin-bottom:2rem}.obs-section h2{font-size:1.05rem;margin-bottom:.75rem}.obs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.obs-stat{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:.85rem 1rem}.obs-stat-label{display:block;font-size:.75rem;color:var(--muted);margin-bottom:.25rem}.obs-stat-value{font-size:1.2rem}.obs-stat--ok .obs-stat-value{color:#3fb950}.obs-stat--warn .obs-stat-value{color:#d29922}.obs-stat--err .obs-stat-value{color:#f85149}.obs-grafana-link{margin-top:.75rem}.obs-ts{font-size:.85rem}.mono{font-family:ui-monospace,monospace;font-size:.85rem;word-break:break-all}