:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-dark:#0f172a;--bg-card:#1e293b;--bg-hover:#334155;--text-primary:#f8fafc;--text-secondary:#94a3b8;--border-color:#334155;--text-on-primary:#fff;--overlay-bg:#0f172acc;--panel-shadow:0 25px 50px -12px #00000080;--subtle-surface:#ffffff0a;--subtle-surface-hover:#ffffff14;--chart-grid:#334155;--chart-cursor:#ffffff0d;--code-bg:#0f172a;--code-text:#10b981;--nav-glass-bg:#0f172ab3;--glass-border:#ffffff0d;--glass-border-hover:#ffffff1a;--color-primary:#3b82f6;--color-green:#10b981;--color-red:#ef4444;--color-yellow:#f59e0b;--gradient-primary:linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);--gradient-text:linear-gradient(to right, #60a5fa, #a78bfa)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;transition:background-color .2s,color .2s}.app-container{height:100vh;display:flex;overflow:hidden}.sidebar{background-color:var(--bg-card);border-right:1px solid var(--border-color);flex-direction:column;width:250px;padding:20px 0;display:flex}.sidebar-header{border-bottom:1px solid var(--border-color);margin-bottom:20px;padding:0 20px 20px}.sidebar-header h1{color:var(--color-primary);align-items:center;gap:10px;font-size:1.25rem;font-weight:700;display:flex}.nav-links{flex-direction:column;gap:5px;padding:0 10px;list-style:none;display:flex}.nav-link{color:var(--text-secondary);border-radius:8px;align-items:center;gap:12px;padding:12px 20px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-link:hover{background-color:var(--bg-hover);color:var(--text-primary)}.nav-link.active{color:var(--color-primary);background-color:#3b82f61a}.main-content{flex:1;padding:30px;overflow-y:auto}.page-header{margin-bottom:20px}.page-header h2{font-size:1.65rem;font-weight:600}.page-header p{color:var(--text-secondary);margin-top:3px}.card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:24px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}button,input,select,textarea{color:inherit}.dashboard-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.status-badge{border-radius:9999px;align-items:center;gap:6px;padding:4px 10px;font-size:.875rem;font-weight:500;display:inline-flex}.status-badge.green{color:var(--color-green);background-color:#10b9811a}.status-badge.red{color:var(--color-red);background-color:#ef44441a}.status-badge.yellow{color:var(--color-yellow);background-color:#f59e0b1a}.status-dot{border-radius:50%;width:8px;height:8px}.status-dot.green{background-color:var(--color-green)}.status-dot.red{background-color:var(--color-red)}.status-dot.yellow{background-color:var(--color-yellow)}.landing-page{background-color:#0b1121;background-image:radial-gradient(circle at 0 10%,#3b82f640 0%,#0000 40%),radial-gradient(circle at 100% 20%,#fff4e026 0%,#0000 40%),radial-gradient(circle at 50% 100%,#3b82f61a 0%,#0000 60%),radial-gradient(circle at 80% 80%,#fff4e01a 0%,#0000 40%);flex-direction:column;min-height:100vh;display:flex}.landing-nav{border-bottom:1px solid var(--glass-border);background-color:var(--nav-glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;justify-content:flex-start;align-items:center;padding:20px 40px;display:flex;position:sticky;top:0}.landing-nav .logo{color:var(--text-primary);letter-spacing:-.5px;align-items:center;gap:12px;font-size:1.5rem;font-weight:800;display:flex}.landing-main{flex-direction:column;flex:1;align-items:center;padding:60px 20px;display:flex}.hero-section{text-align:center;max-width:800px;margin-bottom:60px;animation:.8s ease-out forwards fadeUp}.hero-title{margin-bottom:20px;font-size:3.5rem;font-weight:800;line-height:1.2}.text-highlight{background:var(--gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--text-secondary);margin-bottom:40px;font-size:1.25rem;line-height:1.7}.auth-card{background-color:var(--bg-card);border:1px solid var(--border-color);text-align:left;border-radius:16px;max-width:450px;margin:0 auto;padding:40px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.auth-card h3{text-align:center;margin-bottom:24px;font-size:1.5rem}.form-group{margin-bottom:20px}.form-group label{color:var(--text-secondary);margin-bottom:8px;font-size:.875rem;font-weight:500;display:block}.form-group input{background-color:var(--bg-dark);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:8px;padding:12px 16px;font-size:1rem;transition:border-color .2s}.form-group input:focus{border-color:var(--color-primary);outline:none}.primary-btn{background-color:var(--color-primary);width:100%;color:var(--text-on-primary);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:10px;margin-top:10px;padding:14px;font-size:1rem;font-weight:600;transition:background-color .2s;display:flex}.primary-btn:hover{background-color:#2563eb}.auth-switch{text-align:center;color:var(--text-secondary);margin-top:24px;font-size:.875rem}.text-btn{color:var(--color-primary);cursor:pointer;background:0 0;border:none;font-weight:600}.text-btn:hover{text-decoration:underline}.badge{color:#60a5fa;background-color:#3b82f61a;border:1px solid #3b82f633;border-radius:9999px;margin-bottom:24px;padding:8px 16px;font-size:.875rem;font-weight:600;display:inline-block;box-shadow:0 0 20px #3b82f626}.hero-cta-btn{background:var(--gradient-primary);color:var(--text-on-primary);cursor:pointer;border:none;border-radius:9999px;align-items:center;gap:12px;padding:16px 32px;font-size:1.125rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 10px 25px -5px #3b82f666}.hero-cta-btn:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 15px 30px -5px #3b82f699}.nav-btn{color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;background-color:#0000;border-radius:8px;padding:10px 20px;font-weight:600;transition:all .2s}.nav-btn.primary{background:var(--gradient-primary);color:var(--text-on-primary);border:none}.nav-btn:hover{background-color:var(--bg-hover)}.nav-btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 15px #3b82f666}.demo-topology-container{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);opacity:0;background-color:#1e293b99;border-radius:16px;width:100%;max-width:1000px;margin:40px auto 80px;padding:30px;animation:.8s ease-out .2s forwards fadeUp;box-shadow:0 20px 40px -10px #0006}.demo-topology-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px;display:flex}.demo-dots{gap:15px;display:flex}.topology-chain-container{flex-direction:column;gap:24px;padding:10px 0 20px;display:flex;overflow-x:auto}.topology-chain-container::-webkit-scrollbar{height:8px}.topology-chain-container::-webkit-scrollbar-track{background:var(--bg-dark);border-radius:4px}.topology-chain-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.topology-row{align-items:center;min-width:max-content;display:flex}.live-chain-map{gap:28px}.mikrotik-chain-panels{flex-direction:column;gap:18px;display:flex}.mikrotik-chain-panel{border:1px solid var(--border-color);background-color:var(--bg-dark);border-radius:8px;overflow:hidden}.mikrotik-chain-panel-header{border-bottom:1px solid var(--border-color);background-color:var(--subtle-surface);justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.mikrotik-chain-panel-header h4{color:var(--text-primary);margin:0;font-size:1rem}.mikrotik-chain-panel-header p{color:var(--text-secondary);margin:4px 0 0;font-size:13px}.mikrotik-chain-panel-header span{color:var(--color-primary);background-color:#3b82f61f;border-radius:999px;flex:none;padding:4px 10px;font-size:12px;font-weight:600}.mikrotik-chain-panel .topology-chain-container{padding:18px 12px 20px}.live-chain-row{align-items:center;padding:4px 0}.live-chain-port{background:linear-gradient(135deg, #3b82f62e, var(--bg-dark));border-color:#3b82f659;flex:0 0 150px;min-width:150px;box-shadow:inset 0 0 0 1px #3b82f614,8px 0 18px -12px #3b82f699}.live-chain-segment{align-items:center;min-height:58px;display:flex}.live-chain-segment.has-branches{align-items:center}.live-chain-node-group{flex-direction:column;flex:none;align-items:flex-start;display:flex}.live-chain-branch-count{color:var(--text-secondary);white-space:nowrap;margin-top:6px;font-size:11px;line-height:1}.live-chain-split{align-items:center;display:flex}.live-chain-brace{flex:0 0 46px;margin-right:0;overflow:visible}.live-chain-branches{flex-direction:column;justify-content:center;gap:14px;margin-left:0;padding:6px 0;display:flex}.live-chain-branch-row{align-items:center;min-height:58px;display:flex}.topo-node{background-color:var(--bg-dark);border:1px solid var(--border-color);border-radius:12px;align-items:center;gap:10px;min-width:140px;padding:12px 16px;display:flex}.topo-node div{flex-direction:column;display:flex}.topo-node strong{font-size:.9rem}.topo-node span{color:var(--text-secondary);font-size:.75rem}.mikrotik{border-left:4px solid var(--color-primary);z-index:2;position:sticky;left:0;box-shadow:10px 0 15px -3px #0003}.green-node{border-left:4px solid var(--color-green)}.red-node{border-left:4px solid var(--color-red)}.yellow-node{border-left:4px solid var(--color-yellow)}.topo-line{width:30px;height:4px}.green-line{background-color:var(--color-green)}.red-line{background-color:var(--color-red)}.yellow-line{background-color:var(--color-yellow)}.dashed{background:repeating-linear-gradient(90deg, var(--color-yellow), var(--color-yellow) 5px, transparent 5px, transparent 10px)}.info-section{text-align:center;opacity:0;width:100%;max-width:1000px;margin-bottom:80px;animation:.8s ease-out .4s forwards fadeUp}.info-section h3{margin-bottom:40px;font-size:2rem}.info-grid{text-align:left;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;display:grid}.info-block{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-border);background-color:#1e293b99;border-radius:16px;padding:30px;transition:transform .3s,box-shadow .3s}.info-block:hover{border-color:var(--glass-border-hover);transform:translateY(-5px);box-shadow:0 15px 30px -5px #0000004d}.icon-wrap{width:50px;height:50px;color:var(--color-primary);background-color:#3b82f61a;border-radius:12px;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.info-block h4{margin-bottom:12px;font-size:1.25rem}.info-block p{color:var(--text-secondary);line-height:1.6}.auth-card{text-align:left}.auth-desc{text-align:center;color:var(--text-secondary);margin-bottom:30px}.modal-overlay{background-color:var(--overlay-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.2s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.modal-content{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;width:90%;max-width:450px;padding:40px;animation:.3s ease-out slideUp;position:relative;box-shadow:0 25px 50px -12px #00000080}.modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;transition:color .2s;position:absolute;top:20px;right:20px}.modal-close:hover{color:var(--text-primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.greeting-text{color:var(--text-secondary);font-size:1.25rem;font-weight:500}.company-name{color:var(--color-primary);font-weight:700}.app-top-header{border-bottom:1px solid var(--border-color);margin-bottom:30px;padding-bottom:20px}.top-header-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.header-icon-button{border:1px solid var(--border-color);background-color:var(--bg-card);width:36px;height:36px;color:var(--text-primary);cursor:pointer;border-radius:6px;flex:0 0 36px;justify-content:center;align-items:center;padding:0;text-decoration:none;display:inline-flex;position:relative}.header-icon-button:hover{background-color:var(--bg-hover)}.notification-button{order:1}.header-icon-button:not(.notification-button){order:2}.top-header-actions>button:last-child{order:3}.notification-count{background:var(--color-red);color:#fff;border:2px solid var(--bg-dark);text-align:center;border-radius:999px;min-width:19px;height:19px;padding:0 5px;font-size:11px;font-weight:800;line-height:15px;position:absolute;top:-7px;right:-7px}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-dark:#f8fafc;--bg-card:#fff;--bg-hover:#e2e8f0;--text-primary:#0f172a;--text-secondary:#475569;--border-color:#cbd5e1;--text-on-primary:#fff;--overlay-bg:#0f172a59;--panel-shadow:0 25px 50px -12px #0f172a2e;--subtle-surface:#0f172a0a;--subtle-surface-hover:#0f172a14;--chart-grid:#cbd5e1;--chart-cursor:#0f172a0f;--code-bg:#e2e8f0;--code-text:#047857;--nav-glass-bg:#ffffffb3;--glass-border:#0000000d;--glass-border-hover:#0000001a}[data-theme=light] .landing-page{background-color:#f1f5f9;background-image:radial-gradient(circle at 0 10%,#3b82f626 0%,#0000 40%),radial-gradient(circle at 100% 20%,#f59e0b14 0%,#0000 40%),radial-gradient(circle at 50% 100%,#3b82f60d 0%,#0000 60%),radial-gradient(circle at 80% 80%,#f59e0b0d 0%,#0000 40%)}[data-theme=light] .landing-nav{background-color:var(--nav-glass-bg);border-bottom:1px solid var(--glass-border)}[data-theme=light] .demo-topology-container,[data-theme=light] .info-block{background-color:#fff9;border-color:#0000000d}[data-theme=light] .info-block:hover{border-color:#0000001a;box-shadow:0 15px 30px -5px #0000001a}[data-theme=light] .badge{color:var(--color-primary);border-color:#3b82f633}[data-theme=light] .modal-overlay{background-color:var(--overlay-bg)}.split-header,.toolbar-row,.row-actions,.section-title{align-items:center;gap:10px;display:flex}.split-header{justify-content:space-between}.toolbar-row select,.ops-form select,.ops-form input,.data-table select{background:var(--bg-dark);border:1px solid var(--border-color);color:var(--text-primary);border-radius:8px;padding:10px 12px}.ops-grid.two{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;display:grid}.ops-form{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:18px;display:grid}.primary-action,.secondary-action,.icon-button,.icon-danger,.pill{border:1px solid var(--border-color);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:36px;display:inline-flex}.primary-action{background:var(--color-primary);color:var(--text-on-primary);border-color:var(--color-primary);padding:0 14px;font-weight:600}.secondary-action{background:var(--subtle-surface);color:var(--text-primary);padding:0 12px}.icon-button,.icon-danger{background:var(--subtle-surface);width:36px;color:var(--text-secondary)}.icon-danger{color:var(--color-red);background:#ef44441a;border-color:#ef444440}.pill{background:var(--subtle-surface);min-height:28px;color:var(--text-secondary);border-radius:999px;padding:4px 10px;font-size:12px}.pill.success{color:var(--color-green);background:#10b9811a;border-color:#10b98159}.list-stack{flex-direction:column;gap:10px;display:flex}.list-stack.compact{gap:8px}.list-row{border:1px solid var(--border-color);background:var(--subtle-surface);border-radius:8px;justify-content:space-between;align-items:center;gap:14px;padding:12px;display:flex}.alert-row{cursor:pointer;align-items:flex-start}.alert-row:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.alert-row>div:first-child{min-width:0}.alert-row-actions{flex-shrink:0;align-items:center;gap:8px;display:inline-flex}.alert-row-actions small{color:var(--text-secondary);font-size:12px;font-weight:700}.counter-badge{background:var(--color-primary);min-width:26px;height:24px;color:var(--text-on-primary);border-radius:999px;justify-content:center;align-items:center;padding:0 8px;font-size:12px;font-weight:800;display:inline-flex}.list-row strong,.data-table strong,.timeline-item strong{color:var(--text-primary);display:block}.list-row span,.data-table span,.timeline-item span,.timeline-item small,.muted{color:var(--text-secondary);font-size:13px}.severity-critical{border-left:4px solid var(--color-red)}.severity-warning{border-left:4px solid var(--color-yellow)}.notice.error{color:var(--color-red);background:#ef44441a;border:1px solid #ef444440;border-radius:8px;margin-bottom:18px;padding:12px 14px}.data-table{border-collapse:collapse;text-align:left;width:100%}.data-table th,.data-table td{border-bottom:1px solid var(--border-color);vertical-align:middle;padding:14px 18px}.data-table th{color:var(--text-secondary);background:var(--bg-dark);font-weight:600}.timeline-list{flex-direction:column;gap:14px;display:flex}.timeline-item{border-bottom:1px solid var(--border-color);grid-template-columns:14px 1fr;gap:12px;padding-bottom:14px;display:grid}.timeline-dot{background:var(--text-secondary);border-radius:50%;width:10px;height:10px;margin-top:7px}.timeline-item.status-up .timeline-dot{background:var(--color-green)}.timeline-item.status-down .timeline-dot{background:var(--color-red)}.timeline-item.status-waiting .timeline-dot{background:var(--color-yellow)}.timeline-item p{color:var(--text-secondary);margin:4px 0;font-size:14px}.role-guide{flex-direction:column;gap:12px;display:flex}.role-guide p{grid-template-columns:100px 1fr;gap:12px;margin:0;display:grid}.role-guide span{color:var(--text-secondary)}.switch-control{border:1px solid var(--border-color);background:var(--subtle-surface);min-width:86px;height:40px;color:var(--text-secondary);cursor:pointer;border-radius:999px;align-items:center;gap:10px;padding:4px 12px 4px 5px;font-weight:700;display:inline-flex}.switch-control span{background:var(--text-secondary);border-radius:999px;width:30px;height:30px;transition:transform .2s,background .2s}.switch-control.on{color:var(--color-green);background:#10b9811f;border-color:#10b98159;flex-direction:row-reverse;padding-left:12px;padding-right:5px}.switch-control.on span{background:var(--color-green)}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:220px;display:flex}.empty-state p{color:var(--text-secondary)}.billing-required{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:360px;display:flex}.billing-required p{max-width:540px;color:var(--text-secondary)}.billing-required small{color:var(--text-secondary)}.billing-panel{border:1px solid var(--border-color);background:var(--subtle-surface);text-align:left;border-radius:8px;width:100%;margin:0 0 20px;padding:16px}.billing-status{border-bottom:1px solid var(--border-color);align-items:center;gap:12px;margin-bottom:14px;padding-bottom:14px;display:flex}.billing-status strong,.billing-status span{display:block}.billing-status span,.billing-detail-row span{color:var(--text-secondary);font-size:12px}.billing-active{color:var(--color-green)}.billing-trialing{color:var(--color-primary)}.billing-grace{color:var(--color-yellow)}.billing-expired{color:var(--color-red)}.billing-detail-row{justify-content:space-between;gap:12px;margin-bottom:10px;font-size:13px;display:flex}.billing-detail-row strong{text-align:right;color:var(--text-primary)}.billing-pay-button,.billing-refresh-button{width:100%;margin-top:10px}.tools-summary-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin-bottom:20px;display:grid}.tools-summary-card{align-items:center;gap:14px;display:flex}.tools-summary-card strong{font-size:24px;line-height:1;display:block}.tools-summary-card span{color:var(--text-secondary);font-size:13px}.tools-control-panel{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.tool-search-box{border:1px solid var(--border-color);background:var(--bg-dark);border-radius:8px;flex:1;align-items:center;gap:10px;min-width:240px;padding:0 12px;display:flex}.tool-search-box input{width:100%;height:42px;color:var(--text-primary);background:0 0;border:none;outline:none}.location-chip{background:var(--subtle-surface);color:var(--text-secondary);border:1px solid var(--border-color);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:inline-flex}.ap-analyzer-list{flex-direction:column;display:flex}.ap-analyzer-row{border-bottom:1px solid var(--border-color);background:var(--bg-card);grid-template-columns:minmax(0,1fr) minmax(190px,240px);gap:20px;padding:16px 18px;display:grid}.ap-analyzer-row.status-green{border-left:4px solid var(--color-green)}.ap-analyzer-row.status-yellow{border-left:4px solid var(--color-yellow)}.ap-analyzer-row.status-red{border-left:4px solid var(--color-red)}.ap-analyzer-title{align-items:center;gap:10px;margin-bottom:8px;display:flex}.ap-analyzer-title strong{color:var(--text-primary);font-size:16px}.ap-analyzer-title span{background:var(--subtle-surface);color:var(--text-secondary);border-radius:999px;padding:3px 8px;font-size:12px;font-weight:700}.ap-analyzer-details{color:var(--text-secondary);flex-wrap:wrap;gap:8px 14px;margin-top:4px;font-size:13px;display:flex}.ap-analyzer-meter{text-align:right;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:flex-end;gap:4px;display:flex}.ap-analyzer-meter strong{color:var(--text-primary);font-size:18px}.ap-analyzer-meter span,.ap-analyzer-meter small{font-size:12px}.tools-note{align-items:flex-start;gap:12px;margin-top:20px;display:flex}.tools-note p{color:var(--text-secondary);margin:0;font-size:13px}@media (width<=760px){.tools-control-panel,.ap-analyzer-row{grid-template-columns:1fr;display:grid}.ap-analyzer-meter{text-align:left;align-items:flex-start}.location-chip{white-space:normal}}.nearby-scan-panel{flex-direction:column;gap:18px;display:flex}.nearby-scan-hero{align-items:center;gap:18px;display:flex}.nearby-scan-hero h3{margin:0 0 6px;font-size:22px}.nearby-scan-hero p{color:var(--text-secondary);margin:0}.nearby-scan-icon{width:78px;height:78px;color:var(--color-primary);background:#3b82f61f;border:1px solid #3b82f640;border-radius:8px;flex:none;justify-content:center;align-items:center;display:inline-flex}.scan-state-box{background:#f59e0b14;border:1px solid #f59e0b47;border-radius:8px;align-items:flex-start;gap:14px;padding:16px;display:flex}.scan-state-box strong,.scan-state-box span{display:block}.scan-state-box span{color:var(--text-secondary);margin-top:4px;font-size:13px}.scan-capability-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;display:grid}.scan-capability-grid>div{border:1px solid var(--border-color);background:var(--subtle-surface);border-radius:8px;flex-direction:column;gap:6px;padding:14px;display:flex}.scan-capability-grid span{color:var(--text-secondary);font-size:13px}.scan-location-chip{align-self:flex-start}@media (width<=760px){.nearby-scan-hero,.scan-state-box{align-items:flex-start}.nearby-scan-hero{flex-direction:column}}.profile-wide-button{width:100%;height:42px}.subscription-grid{grid-template-columns:minmax(280px,.9fr) minmax(320px,1.1fr);gap:20px;display:grid}.subscription-status-card,.current-invoice-card{flex-direction:column;gap:12px;display:flex}.current-invoice-card .section-title{margin-bottom:8px}.invoice-line{border-bottom:1px solid var(--border-color);justify-content:space-between;gap:16px;padding:10px 0;font-size:14px;display:flex}.invoice-line:last-child{border-bottom:none}.invoice-line span{color:var(--text-secondary)}.invoice-line strong{color:var(--text-primary);text-align:right}.subscription-table-header{border-bottom:1px solid var(--border-color);padding:18px 20px}@media (width<=900px){.subscription-grid{grid-template-columns:1fr}}.refer-form{border:1px solid var(--border-color);background:var(--subtle-surface);text-align:left;border-radius:8px;flex-direction:column;gap:10px;margin-top:14px;padding:14px;display:flex}.refer-form input,.refer-form textarea{border:1px solid var(--border-color);background:var(--bg-dark);width:100%;color:var(--text-primary);resize:vertical;border-radius:8px;outline:none;padding:10px 12px}.notice.success{color:var(--color-green);background:#10b9811a;border:1px solid #10b98140;border-radius:8px;padding:10px 12px;font-size:13px}.refer-send-card{flex-direction:column;gap:14px;display:flex}.refer-email-form{grid-template-columns:minmax(220px,1fr) auto;gap:12px;display:grid}.refer-email-form input{border:1px solid var(--border-color);background:var(--bg-dark);width:100%;color:var(--text-primary);border-radius:8px;outline:none;padding:10px 12px}@media (width<=700px){.refer-email-form{grid-template-columns:1fr}}@media (width<=900px){html,body,#root{width:100%;min-width:0;overflow-x:hidden}.app-container{flex-direction:column;height:auto;min-height:100vh;overflow:visible}.sidebar{z-index:80;border-right:none;border-bottom:1px solid var(--border-color);width:100%;max-width:none;padding:12px 0 10px;position:sticky;top:0}.sidebar-header{margin-bottom:10px;padding:0 14px 10px}.sidebar-header h1{min-width:0;max-width:100%;font-size:1rem}.sidebar-header h1 img,.sidebar-header h1 svg{flex:none}.nav-links{-webkit-overflow-scrolling:touch;scrollbar-width:thin;flex-direction:row;gap:8px;padding:0 12px 2px;overflow-x:auto}.nav-links li{flex:none}.nav-link{white-space:nowrap;border-radius:8px;min-height:42px;padding:10px 12px;font-size:.88rem}.main-content{width:100%;padding:18px 14px 28px;overflow:visible}.app-top-header,.page-header,.split-header{flex-direction:column!important;align-items:stretch!important;gap:14px!important}.app-top-header{margin-bottom:20px;padding-bottom:14px}.greeting-text{font-size:1rem;line-height:1.35}.top-header-actions{flex-wrap:wrap;justify-content:flex-start}.top-header-actions>button:last-child{min-height:36px}.page-header{margin-bottom:20px}.page-header h2{font-size:1.45rem}.card{border-radius:8px;padding:16px}.dashboard-grid,.tools-summary-grid,.scan-capability-grid{gap:14px;grid-template-columns:1fr!important}table,.data-table{min-width:680px}.data-table th,.data-table td{padding:12px 14px}.topology-chain-container,.live-chain-map{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.topology-row,.live-chain-row{width:max-content;min-width:100%}.modal-content,.auth-card{max-height:calc(100vh - 28px);overflow-y:auto;width:min(100%,460px)!important}input,select,textarea,button{max-width:100%}}@media (width<=640px){.landing-nav{flex-direction:column;align-items:flex-start;gap:12px;padding:14px}.landing-nav .logo{font-size:1.1rem}.landing-main{padding-left:14px;padding-right:14px}.hero-title{font-size:2.15rem;line-height:1.05}.hero-subtitle{font-size:.98rem}.demo-topology-container{padding:14px}.main-content{padding:14px 10px 24px}.card{padding:14px}.nav-link{gap:8px;padding:9px 10px;font-size:.82rem}.header-icon-button{flex-basis:38px;width:38px;height:38px}.role-guide p,.billing-detail-row,.invoice-line{flex-direction:column;grid-template-columns:1fr;align-items:flex-start;gap:4px}.billing-detail-row strong,.invoice-line strong{text-align:left}.refer-email-form,.subscription-grid{grid-template-columns:1fr!important}.timeline-item{grid-template-columns:12px 1fr}.diagnosis-page .card>div[style*=grid-template-columns]{grid-template-columns:1fr!important}.diagnosis-page pre{font-size:12px!important}}@media (width<=520px){.devices-page form>div[style*=grid-template-columns],.mikrotik-page form>div[style*=grid-template-columns]{grid-template-columns:1fr!important}.devices-page form,.mikrotik-page form{gap:12px!important}.devices-page [style*="maxWidth: '500px'"],.devices-page [style*="max-width: 500px"]{max-width:calc(100vw - 20px)!important}.top-header-actions{width:100%}.top-header-actions>button:last-child{flex:auto;justify-content:center}}@media (width<=430px){.sidebar-header h1{font-size:.95rem}.nav-link{text-align:center;white-space:normal;flex-direction:column;justify-content:center;gap:4px;min-width:72px;min-height:58px;line-height:1.15}.page-header h2{font-size:1.3rem}.profile-wide-button{height:40px}}.sidebar-header-actions{align-items:center;gap:8px;display:flex}.sidebar-menu-button{border:1px solid var(--border-color);background:var(--subtle-surface);width:38px;height:38px;color:var(--text-primary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;display:none}.sidebar-nav{display:block}@media (width<=900px){.sidebar-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.sidebar-menu-button{display:inline-flex}.sidebar-nav{display:none}.sidebar-nav.open{display:block}.sidebar-nav.open .nav-links{flex-direction:column;gap:6px;padding:0 12px 4px;overflow:visible}.sidebar-nav.open .nav-links li{width:100%}.sidebar-nav.open .nav-link{white-space:nowrap;justify-content:flex-start;width:100%;min-height:44px}}@media (width<=430px){.sidebar-nav.open .nav-link{text-align:left;white-space:nowrap;flex-direction:row;justify-content:flex-start;min-width:0;min-height:44px}}.mobile-sidebar-bar,.mobile-sidebar-drawer,.sidebar-backdrop{display:none}@media (width<=900px){.sidebar{background:0 0;border-bottom:none;padding:0}.sidebar-desktop-content{display:none}.mobile-sidebar-bar{z-index:80;background:var(--bg-card);border-bottom:1px solid var(--border-color);grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:10px 14px;display:grid;position:sticky;top:0}.mobile-sidebar-bar h1{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.mobile-drawer-header h1{text-overflow:clip;white-space:normal;overflow-wrap:anywhere;min-width:0;overflow:visible}.mobile-sidebar-bar .sidebar-menu-button,.mobile-drawer-header .sidebar-menu-button{display:inline-flex}.sidebar-backdrop{z-index:110;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer;background:#0f172a8c;border:none;display:block;position:fixed;inset:0}.mobile-sidebar-drawer{z-index:120;background:var(--bg-card);border-right:1px solid var(--border-color);width:fit-content;min-width:218px;max-width:calc(100vw - 28px);box-shadow:var(--panel-shadow);flex-direction:column;padding:14px 8px;transition:transform .2s;display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-105%)}.mobile-sidebar-drawer.open{transform:translate(0)}.mobile-drawer-header{border-bottom:1px solid var(--border-color);justify-content:flex-start;align-items:center;gap:8px;margin-bottom:12px;padding:0 4px 14px;display:flex}.mobile-sidebar-drawer .nav-links{flex-direction:column;gap:6px;padding:0;display:flex;overflow:visible}.mobile-sidebar-drawer .nav-links li{width:100%}.mobile-sidebar-drawer .nav-link{white-space:nowrap;text-overflow:clip;justify-content:flex-start;width:max-content;min-width:100%;min-height:44px;overflow:visible}}@media (width<=430px){.mobile-sidebar-drawer .nav-link{text-align:left;white-space:nowrap;flex-direction:row;justify-content:flex-start;min-width:0;min-height:44px}}@media (width<=900px){.mobile-sidebar-bar{z-index:95;background:0 0;border:none;width:42px;padding:0;display:block;position:fixed;top:10px;left:14px}.mobile-sidebar-bar h1,.mobile-sidebar-bar .role-pill{display:none}.app-top-header{padding-left:54px;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:10px!important}.greeting-text{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.top-header-actions{flex-wrap:nowrap;flex:none;justify-content:flex-end;width:auto}.top-header-actions>button:last-child{flex:none}}@media (width<=520px){.app-top-header{padding-left:48px}.mobile-sidebar-bar{left:10px}.greeting-text{font-size:.92rem}.top-header-actions{gap:6px}.top-header-actions>button:last-child{gap:6px!important;padding:6px 8px!important}}@media (width<=430px){.top-header-actions>button:last-child{justify-content:center;width:38px;height:38px;padding:0!important}.profile-button-label{display:none}}.admin-panel-shell{background:var(--bg-dark);grid-template-columns:240px minmax(0,1fr);min-height:100vh;display:grid}.admin-panel-sidebar{background:var(--bg-card);border-right:1px solid var(--border-color);flex-direction:column;gap:24px;padding:22px 14px;display:flex}.admin-panel-brand{border-bottom:1px solid #94a3b82e;align-items:center;gap:10px;padding:0 8px 18px;display:flex}.admin-panel-brand strong,.admin-panel-brand span{display:block}.admin-panel-brand strong{color:var(--text-primary);font-size:15px}.admin-panel-brand span{color:var(--text-secondary);font-size:12px}.admin-panel-sidebar nav{flex-direction:column;gap:8px;display:flex}.admin-panel-link{min-height:42px;color:var(--text-secondary);border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-weight:600;text-decoration:none;display:flex}.admin-panel-link:hover,.admin-panel-link.active{color:var(--color-primary);background:#3b82f61f}.admin-panel-main{min-width:0;padding:28px;overflow-x:hidden}.admin-page .page-header{border-bottom:1px solid var(--border-color);padding-bottom:18px}@media (width<=760px){.admin-panel-shell{grid-template-columns:1fr}.admin-panel-sidebar{z-index:90;gap:10px;padding:12px;position:sticky;top:0}.admin-panel-brand{padding:0 4px 10px}.admin-panel-sidebar nav{flex-direction:row;overflow-x:auto}.admin-panel-link{white-space:nowrap;flex:none}.admin-panel-main{padding:16px 10px 24px}}.admin-users-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.admin-user-search{border:1px solid var(--border-color);background:var(--bg-dark);width:min(320px,100%);height:40px;color:var(--text-secondary);border-radius:8px;align-items:center;gap:8px;padding:0 12px;display:inline-flex}.admin-user-search input{width:100%;min-width:0;color:var(--text-primary);background:0 0;border:none;outline:none}.admin-user-search input::placeholder{color:var(--text-secondary)}@media (width<=700px){.admin-users-header{flex-direction:column;align-items:stretch}.admin-user-search{width:100%}}.admin-tabs{flex-wrap:wrap;gap:8px;margin-bottom:22px;display:flex}.admin-tabs button,.admin-action-row button{border:1px solid var(--border-color);background:var(--bg-card);min-height:34px;color:var(--text-primary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:7px 10px;font-weight:600;display:inline-flex}.admin-tabs button.active{color:var(--color-primary);background:#3b82f624;border-color:#3b82f659}.admin-action-row{flex-wrap:wrap;gap:6px;min-width:520px;display:flex}.admin-action-row button.danger{color:var(--color-red);background:#ef444414;border-color:#ef44444d}.admin-form{flex-direction:column;gap:10px;display:flex}.admin-form input,.admin-form select,.admin-form textarea{border:1px solid var(--border-color);background:var(--bg-dark);width:100%;color:var(--text-primary);border-radius:8px;outline:none;padding:10px 12px}.admin-form textarea{resize:vertical;min-height:100px}.pill.danger{color:var(--color-red);background:#ef44441a}.pill.warning{color:var(--color-yellow);background:#f59e0b1a}@media (width<=760px){.admin-tabs{flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.admin-tabs button{white-space:nowrap;flex:none}}.admin-panel-exit{border-top:1px solid #94a3b82e;margin-top:12px;padding-top:14px}.admin-panel-theme{border:1px solid var(--border-color);background:var(--subtle-surface);min-height:42px;color:var(--text-primary);cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-weight:700;display:flex}.admin-panel-theme:hover{background:var(--subtle-surface-hover)}.admin-action-menu-wrap{justify-content:flex-end;display:inline-flex;position:relative}.admin-action-menu-trigger{border:1px solid var(--border-color);background:var(--bg-card);min-height:34px;color:var(--text-primary);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:7px 10px;font-weight:700;display:inline-flex}.admin-action-menu{z-index:300;border:1px solid var(--border-color);background:var(--bg-card);min-width:156px;box-shadow:var(--panel-shadow);border-radius:8px;flex-direction:column;gap:4px;padding:6px;display:flex;position:absolute;right:0}.admin-action-menu.open-down{top:calc(100% + 6px)}.admin-action-menu.open-up{bottom:calc(100% + 6px)}.admin-action-menu button{width:100%;min-height:34px;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;justify-content:flex-start;align-items:center;gap:8px;padding:8px 10px;font-weight:600;display:flex}.admin-action-menu button:hover{background:var(--subtle-surface-hover)}.admin-action-menu button.danger{color:var(--color-red)}.admin-list-header{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}@media (width<=700px){.admin-list-header{flex-direction:column;align-items:stretch}}.admin-actions-card{z-index:2;position:relative}.admin-table-scroll{margin-bottom:-140px;padding-bottom:140px;overflow:auto visible}.admin-actions-card .data-table{position:relative}.admin-user-view-backdrop{z-index:600;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a75;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.admin-user-view-panel{border:1px solid var(--border-color);background:var(--bg-card);width:min(1120px,100vw - 24px);max-height:calc(100vh - 24px);box-shadow:var(--panel-shadow);border-radius:10px;padding:20px;overflow:auto}.admin-user-view-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:16px;display:flex}.admin-user-view-header h3{color:var(--text-primary);margin:4px 0}.admin-user-view-header p{color:var(--text-secondary);margin:0}.admin-user-view-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0;display:grid}.admin-user-view-stat{border:1px solid var(--border-color);background:var(--subtle-surface);border-radius:8px;gap:5px;min-height:104px;padding:14px;display:grid}.admin-user-view-stat span,.admin-user-view-stat small{color:var(--text-secondary)}.admin-user-view-stat strong{color:var(--text-primary);font-size:1.2rem}.admin-user-view-section{margin-top:16px}.admin-user-view-section h4{color:var(--text-primary);margin:0 0 10px}.admin-user-view-table{border:1px solid var(--border-color);border-radius:8px;overflow-x:auto}.admin-user-view-table .data-table{margin:0}.admin-user-view-two-col{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.timeline-list.compact{max-height:300px;overflow:auto}.empty-state{margin:0;padding:14px}@media (width<=900px){.admin-user-view-grid,.admin-user-view-two-col{grid-template-columns:1fr}}@media (width<=640px){.admin-user-view-backdrop{align-items:flex-start;padding:10px}.admin-user-view-panel{width:100%;max-height:calc(100vh - 20px);padding:14px}}.admin-revenue-card{margin-top:4px}.admin-revenue-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.admin-revenue-header p{margin:6px 0 0}.admin-chart-switch{border:1px solid var(--border-color);background:var(--subtle-surface);border-radius:8px;gap:4px;padding:4px;display:inline-flex}.admin-chart-switch button{min-height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 12px;font-weight:700}.admin-revenue-total{color:var(--text-secondary);align-items:baseline;gap:10px;margin-bottom:10px;display:inline-flex}.admin-revenue-total strong{color:var(--text-primary);font-size:1.2rem}.admin-revenue-chart{width:100%;min-width:620px;height:340px}.admin-revenue-card{overflow-x:auto}.chart-tooltip{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);box-shadow:var(--panel-shadow);border-radius:8px;gap:4px;padding:9px 11px;display:grid}.chart-tooltip span{color:var(--color-green);font-weight:700}@media (width<=760px){.admin-revenue-header{flex-direction:column}.admin-chart-switch{width:100%}.admin-chart-switch button{flex:1}.admin-revenue-chart{height:300px}}.admin-clickable-row{cursor:pointer}.admin-clickable-row:hover{background:var(--subtle-surface-hover)}.admin-clickable-row:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.admin-user-view-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.admin-user-view-header-actions button{border:1px solid var(--border-color);background:var(--bg-card);min-height:34px;color:var(--text-primary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:7px 10px;font-weight:700;display:inline-flex}.admin-user-view-header-actions button:hover{background:var(--subtle-surface-hover)}.admin-user-view-header-actions button.danger{color:var(--color-red);background:#ef444414;border-color:#ef44444d}@media (width<=760px){.admin-user-view-header-actions{justify-content:flex-start}}.admin-reactivation-dialog{border:1px solid var(--border-color);background:var(--bg-card);width:min(460px,100vw - 24px);box-shadow:var(--panel-shadow);border-radius:10px;padding:18px}.admin-reactivation-options{grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0;display:grid}.admin-reactivation-options button{border:1px solid var(--border-color);background:var(--subtle-surface);min-height:42px;color:var(--text-primary);cursor:pointer;border-radius:8px;font-weight:800}.admin-reactivation-options button:hover{background:var(--subtle-surface-hover);border-color:#3b82f673}.admin-reactivation-custom{color:var(--text-secondary);gap:8px;margin-bottom:14px;font-weight:700;display:grid}.admin-reactivation-custom input{border:1px solid var(--border-color);background:var(--bg-dark);width:100%;min-height:42px;color:var(--text-primary);border-radius:8px;outline:none;padding:8px 10px}@media (width<=440px){.admin-reactivation-options{grid-template-columns:1fr}}.billing-suspended{color:var(--color-red)}.admin-reactivation-backdrop{z-index:760}.admin-payment-summary-grid{margin-bottom:4px}.admin-payment-actions{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.admin-payment-actions button{border:1px solid var(--border-color);background:var(--bg-card);min-height:32px;color:var(--text-primary);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:6px 9px;font-weight:700;display:inline-flex}.admin-payment-actions button:hover{background:var(--subtle-surface-hover)}.admin-payment-detail-dialog{width:min(560px,100vw - 24px)}.admin-payment-detail-list{gap:2px;margin:16px 0;display:grid}.admin-support-type-list{flex-wrap:wrap;gap:6px;min-width:220px;display:flex}.admin-system-stack{grid-template-columns:1fr;gap:20px;display:grid}.admin-plans-page{gap:14px;display:grid}.admin-plans-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.admin-plans-card{width:100%}.admin-plan-header,.admin-plan-line{grid-template-columns:minmax(180px,1.4fr) minmax(120px,.8fr) minmax(150px,.9fr) minmax(160px,auto);align-items:center;gap:16px;display:grid}.admin-plan-header{color:var(--text-secondary);letter-spacing:0;text-transform:uppercase;border-bottom:1px solid var(--border-color);padding:4px 0 12px;font-size:.78rem;font-weight:700}.admin-plan-list{display:grid}.admin-plan-line{border-bottom:1px solid var(--border-color);padding:16px 0}.admin-plan-cell{gap:4px;display:grid}.admin-plan-cell strong{color:var(--text-primary)}.admin-plan-cell small{color:var(--text-secondary);font-size:.82rem}.admin-plan-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.admin-plan-actions button{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-weight:600;display:inline-flex}.admin-plan-actions button.danger{color:var(--color-red);background:#ef444414;border-color:#ef444459}.admin-add-plan-button{width:fit-content;margin-top:16px}@media (width<=720px){.admin-plan-header{display:none}.admin-plan-line{grid-template-columns:1fr;align-items:stretch}.admin-plan-actions{flex-wrap:wrap;justify-content:flex-start}}.landing-pricing-section{max-width:1200px;margin:46px auto 0;padding:0 20px}.landing-pricing-header{text-align:center;margin-bottom:22px}.landing-pricing-header h3{color:var(--text-primary);margin-bottom:8px;font-size:2rem}.landing-pricing-header p{color:var(--text-secondary);margin:0}.landing-pricing-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.landing-pricing-card{border:1px solid var(--border-color);background:var(--bg-card);border-radius:10px;gap:8px;padding:22px;display:grid}.landing-pricing-card strong{color:var(--text-primary);font-size:1.05rem}.landing-pricing-card h4{color:var(--color-primary);margin:0;font-size:1.9rem}.landing-pricing-card span,.landing-pricing-card p{color:var(--text-secondary);margin:0}.admin-plan-form label{gap:7px;display:grid}.admin-plan-form label span{color:var(--text-secondary);font-size:.86rem;font-weight:700}.admin-announcements-stack{grid-template-columns:1fr;gap:20px;display:grid}.admin-panel-shell{--admin-accent-blue:#2563eb;--admin-accent-cyan:#0891b2;--admin-accent-emerald:#059669;--admin-accent-amber:#d97706;--admin-accent-rose:#e11d48;--admin-soft-blue:#2563eb1f;--admin-soft-cyan:#0891b21f;--admin-soft-emerald:#0596691f;--admin-soft-amber:#d9770621;--admin-soft-rose:#e11d481f;background:linear-gradient(180deg, #2563eb12, transparent 270px), var(--bg-dark)}.admin-panel-sidebar{background:linear-gradient(180deg, #2563eb24, #0891b20f 42%, transparent), var(--bg-card);border-right:1px solid #3b82f633;box-shadow:18px 0 38px #0206172e}.admin-panel-brand{background:linear-gradient(135deg, var(--admin-soft-blue), var(--admin-soft-cyan));border:1px solid #3b82f638;border-radius:12px;padding:12px}.admin-panel-brand svg{color:var(--admin-accent-blue)}.admin-panel-theme{background:#ffffff0d;border-color:#3b82f638}.admin-panel-link{border:1px solid #0000}.admin-panel-link:hover{background:var(--admin-soft-blue);border-color:#3b82f638}.admin-panel-link.active{color:#60a5fa;box-shadow:inset 3px 0 0 var(--admin-accent-blue);background:linear-gradient(135deg,#2563eb2e,#0891b21f);border-color:#3b82f659}.admin-panel-exit{color:var(--admin-accent-rose)}.admin-page .page-header{background:linear-gradient(135deg, #2563eb1a, #0596690f), var(--bg-card);border:1px solid #3b82f62e;border-radius:14px;padding:18px 20px;box-shadow:0 16px 34px #02061724}.admin-page .page-header h2{color:var(--text-primary)}.admin-page .card{border-color:#3b82f62e;box-shadow:0 14px 32px #02061724}.admin-page .card:hover{border-color:#3b82f647}.admin-page .section-title svg{color:var(--admin-accent-blue)}.admin-payment-summary-grid .tools-summary-card:first-child,.admin-page .dashboard-grid .tools-summary-card:nth-child(3){border-left:4px solid var(--admin-accent-emerald);background:linear-gradient(135deg, var(--admin-soft-emerald), transparent 68%), var(--bg-card)}.admin-page .dashboard-grid .tools-summary-card:first-child,.admin-system-summary-grid .tools-summary-card:nth-child(2){border-left:4px solid var(--admin-accent-blue);background:linear-gradient(135deg, var(--admin-soft-blue), transparent 68%), var(--bg-card)}.admin-page .dashboard-grid .tools-summary-card:nth-child(2),.admin-page .dashboard-grid .tools-summary-card:nth-child(6),.admin-system-summary-grid .tools-summary-card:nth-child(4){border-left:4px solid var(--admin-accent-amber);background:linear-gradient(135deg, var(--admin-soft-amber), transparent 68%), var(--bg-card)}.admin-page .dashboard-grid .tools-summary-card:nth-child(4),.admin-system-summary-grid .tools-summary-card:nth-child(3){border-left:4px solid var(--admin-accent-rose);background:linear-gradient(135deg, var(--admin-soft-rose), transparent 68%), var(--bg-card)}.admin-user-search{background:#ffffff0a;border-color:#3b82f638}.admin-user-search:focus-within{border-color:#3b82f694;box-shadow:0 0 0 3px #3b82f624}.admin-page .data-table th{color:var(--text-primary);background:#2563eb14}.admin-page .data-table tbody tr:hover{background:#3b82f612}.admin-plan-header{color:var(--admin-accent-cyan)}.admin-plan-line:first-child{border-left:4px solid var(--admin-accent-blue);padding-left:14px}.admin-plan-line:nth-child(2){border-left:4px solid var(--admin-accent-emerald);padding-left:14px}.admin-plan-line:nth-child(3){border-left:4px solid var(--admin-accent-amber);padding-left:14px}.admin-plan-line:nth-child(n+4){border-left:4px solid var(--admin-accent-cyan);padding-left:14px}.admin-action-menu,.admin-user-view-panel,.admin-reactivation-dialog{border-color:#3b82f63d;box-shadow:0 24px 60px #02061757}.admin-user-view-stat{background:linear-gradient(135deg,#2563eb14,#ffffff05);border-color:#3b82f62e}.admin-revenue-card{background:linear-gradient(135deg, #0596691a, #2563eb0d), var(--bg-card)}.admin-chart-switch button.active{background:var(--admin-accent-blue);color:#fff}.pill.success{background:var(--admin-soft-emerald);color:#34d399}.pill.warning{background:var(--admin-soft-amber);color:#fbbf24}.pill.danger{background:var(--admin-soft-rose);color:#fb7185}[data-theme=light] .admin-panel-shell{--admin-soft-blue:#2563eb17;--admin-soft-cyan:#0891b214;--admin-soft-emerald:#05966917;--admin-soft-amber:#d977061a;--admin-soft-rose:#e11d4817;background:linear-gradient(#2563eb14,#0000 280px),#f6f8fb}[data-theme=light] .admin-panel-sidebar{background:linear-gradient(#2563eb1a,#0891b20d 44%,#0000),#fff;box-shadow:18px 0 38px #0f172a14}[data-theme=light] .admin-page .page-header,[data-theme=light] .admin-page .card{box-shadow:0 14px 30px #0f172a14}[data-theme=light] .admin-user-search,[data-theme=light] .admin-panel-theme{background:#fff}[data-theme=light] .admin-panel-link.active{color:#1d4ed8}[data-theme=light] .admin-page .data-table th{background:#2563eb12}.admin-page .page-header.split-header{isolation:isolate;background:linear-gradient(135deg, #2563eb2e, #0891b21a 48%, #0596691f), var(--bg-card);border:1px solid #3b82f652;border-radius:18px;align-items:center;min-height:118px;padding:24px 26px;position:relative;overflow:hidden;box-shadow:0 22px 46px #02061738}.admin-page .page-header.split-header:before{content:"";background:linear-gradient(180deg, var(--admin-accent-blue), var(--admin-accent-cyan), var(--admin-accent-emerald));z-index:-1;width:7px;position:absolute;inset:0 auto 0 0}.admin-page .page-header.split-header:after{content:"Founder Control";color:#93c5fd;letter-spacing:0;background:#3b82f61f;border:1px solid #3b82f63d;border-radius:999px;padding:5px 10px;font-size:.75rem;font-weight:800;position:absolute;top:18px;right:24px}.admin-page .page-header.split-header h2{background:linear-gradient(90deg, var(--text-primary), #93c5fd 48%, #5eead4);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:clamp(2rem,3vw,3rem);line-height:1}.admin-page .page-header.split-header p{color:var(--text-secondary);max-width:680px;font-size:1rem}.admin-page .page-header.split-header .secondary-action{color:var(--text-primary);background:#ffffff12;border-color:#3b82f657;margin-top:26px;box-shadow:0 10px 24px #2563eb24}.admin-page .page-header.split-header .secondary-action:hover{background:#3b82f629;border-color:#3b82f694}[data-theme=light] .admin-page .page-header.split-header{background:linear-gradient(135deg,#2563eb1c,#0891b212 48%,#05966914),#fff;box-shadow:0 18px 38px #0f172a1a}[data-theme=light] .admin-page .page-header.split-header h2{background:linear-gradient(90deg,#0f172a,#2563eb 52%,#0891b2);color:#0000;-webkit-background-clip:text;background-clip:text}[data-theme=light] .admin-page .page-header.split-header:after{color:#1d4ed8;background:#2563eb17}@media (width<=720px){.admin-page .page-header.split-header{padding:22px 20px}.admin-page .page-header.split-header:after{order:-1;justify-self:start;width:fit-content;margin-bottom:10px;position:static}.admin-page .page-header.split-header .secondary-action{margin-top:0}}.read-toggle-grid{align-items:start}.read-toggle-grid .read-alert-card{align-self:start}.read-alert-card{padding:0;overflow:hidden}.read-alert-summary{background:linear-gradient(135deg, #3b82f61a, #10b98112), var(--bg-card);width:100%;min-height:132px;color:var(--text-primary);text-align:left;cursor:pointer;border:none;justify-content:space-between;align-items:center;gap:18px;padding:24px;display:flex}.read-alert-summary h3{margin-bottom:6px}.read-alert-summary p{color:var(--text-secondary);margin:0;font-size:.9rem}.read-alert-summary strong{min-width:64px;min-height:64px;color:var(--color-primary);background:#3b82f624;border-radius:16px;justify-content:center;align-items:center;font-size:1.8rem;line-height:1;display:inline-flex}.read-alert-summary:hover{background:linear-gradient(135deg, #3b82f629, #10b9811a), var(--bg-card)}.read-alert-list{border-top:1px solid var(--border-color);padding:18px}.unread-alert-summary{background:linear-gradient(135deg, #f59e0b21, #ef444412), var(--bg-card)}.unread-alert-summary strong{color:var(--color-yellow);background:#f59e0b24}.unread-alert-summary:hover{background:linear-gradient(135deg, #f59e0b2e, #ef44441a), var(--bg-card)}.app-container{--user-accent-blue:#2563eb;--user-accent-cyan:#0891b2;--user-accent-emerald:#059669;--user-accent-amber:#d97706;--user-accent-rose:#e11d48;--user-soft-blue:#2563eb1c;--user-soft-cyan:#0891b21a;--user-soft-emerald:#0596691a;--user-soft-amber:#d977061f;--user-soft-rose:#e11d481a;background:linear-gradient(180deg, #2563eb12, transparent 280px), var(--bg-dark)}.app-container .sidebar{background:linear-gradient(180deg, #2563eb21, #0891b20f 44%, transparent), var(--bg-card);border-right-color:#3b82f633;box-shadow:18px 0 38px #02061729}.app-container .sidebar-header{border-bottom-color:#3b82f633}.app-container .sidebar-header h1,.app-container .mobile-sidebar-bar h1,.app-container .mobile-drawer-header h1{background:linear-gradient(135deg, var(--user-soft-blue), var(--user-soft-cyan));color:#60a5fa;border:1px solid #3b82f638;border-radius:12px;padding:10px 12px}.app-container .nav-link{border:1px solid #0000}.app-container .nav-link:hover{background:var(--user-soft-blue);color:var(--text-primary);border-color:#3b82f638}.app-container .nav-link.active{color:#60a5fa;box-shadow:inset 3px 0 0 var(--user-accent-blue);background:linear-gradient(135deg,#2563eb2e,#0891b21f);border-color:#3b82f659}.app-container .main-content{background:linear-gradient(180deg, #2563eb0d, transparent 260px), var(--bg-dark)}.app-container .app-top-header,.app-container .page-header{background:linear-gradient(135deg, #2563eb1a, #0596690d), var(--bg-card);border:1px solid #3b82f62e;border-radius:14px;padding:12px 18px;box-shadow:0 16px 34px #02061721}.app-container .app-top-header{margin-bottom:26px}.app-container .greeting-text{background:linear-gradient(90deg, var(--text-primary), #93c5fd 52%, #5eead4);color:#0000;-webkit-background-clip:text;background-clip:text}.app-container .company-name{color:inherit}.app-container .header-icon-button,.app-container .top-header-actions>button{box-shadow:0 8px 18px #2563eb1a;background:#ffffff0d!important;border-color:#3b82f63d!important}.app-container .header-icon-button:hover,.app-container .top-header-actions>button:hover{background:#3b82f621!important;border-color:#3b82f67a!important}.app-container .card{border-color:#3b82f62e;box-shadow:0 14px 32px #02061721}.app-container .card:hover{border-color:#3b82f642}.app-container .section-title svg,.app-container .page-header svg{color:var(--user-accent-blue)}.app-container .dashboard-grid>.card:first-child,.app-container .ops-grid>.card:first-child{border-left:4px solid var(--user-accent-blue);background:linear-gradient(135deg, var(--user-soft-blue), transparent 70%), var(--bg-card)}.app-container .dashboard-grid>.card:nth-child(2),.app-container .ops-grid>.card:nth-child(2){border-left:4px solid var(--user-accent-emerald);background:linear-gradient(135deg, var(--user-soft-emerald), transparent 70%), var(--bg-card)}.app-container .dashboard-grid>.card:nth-child(3){border-left:4px solid var(--user-accent-amber);background:linear-gradient(135deg, var(--user-soft-amber), transparent 70%), var(--bg-card)}.app-container .dashboard-grid>.card:nth-child(4){border-left:4px solid var(--user-accent-rose);background:linear-gradient(135deg, var(--user-soft-rose), transparent 70%), var(--bg-card)}.app-container .data-table th,.app-container table thead tr{background:#2563eb14!important}.app-container .data-table tbody tr:hover,.app-container table tbody tr:hover{background:#3b82f612}.app-container input,.app-container select,.app-container textarea{border-color:#3b82f633!important}.app-container input:focus,.app-container select:focus,.app-container textarea:focus{box-shadow:0 0 0 3px #3b82f621;border-color:#3b82f694!important}.app-container .primary-action,.app-container button[style*="var(--color-primary)"]{box-shadow:0 10px 24px #2563eb2e}.app-container .mobile-sidebar-drawer{background:linear-gradient(180deg, #2563eb21, #0891b20f 44%, transparent), var(--bg-card);border-right:1px solid #3b82f638;box-shadow:20px 0 44px #0206174d}[data-theme=light] .app-container{--user-soft-blue:#2563eb14;--user-soft-cyan:#0891b212;--user-soft-emerald:#05966914;--user-soft-amber:#d9770617;--user-soft-rose:#e11d4814;background:linear-gradient(#2563eb12,#0000 280px),#f6f8fb}[data-theme=light] .app-container .sidebar,[data-theme=light] .app-container .mobile-sidebar-drawer{background:linear-gradient(#2563eb17,#0891b20a 44%,#0000),#fff;box-shadow:18px 0 38px #0f172a14}[data-theme=light] .app-container .main-content{background:linear-gradient(#2563eb0a,#0000 260px),#f6f8fb}[data-theme=light] .app-container .app-top-header,[data-theme=light] .app-container .page-header,[data-theme=light] .app-container .card{box-shadow:0 14px 30px #0f172a14}[data-theme=light] .app-container .greeting-text{background:linear-gradient(90deg,#0f172a,#2563eb 52%,#0891b2);color:#0000;-webkit-background-clip:text;background-clip:text}@media (width<=768px){.app-container .app-top-header,.app-container .page-header{padding:16px}}.auto-diagnosis-card{border-left:4px solid var(--color-primary);justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.auto-diagnosis-results{margin-bottom:18px}.diagnosis-summary-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin-bottom:14px;display:grid}.diagnosis-summary-grid div{border:1px solid var(--border-color);background:var(--subtle-surface);border-radius:10px;gap:4px;padding:14px;display:grid}.diagnosis-summary-grid span{color:var(--text-secondary);font-size:.84rem}.diagnosis-summary-grid strong{color:var(--text-primary);font-size:1.5rem}.diagnosis-issue-list{gap:12px;margin-top:14px;display:grid}.diagnosis-issue{border:1px solid var(--border-color);background:var(--subtle-surface);border-radius:10px;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px;display:flex}.diagnosis-issue.severity-critical{border-left:4px solid var(--color-red)}.diagnosis-issue.severity-warning{border-left:4px solid var(--color-yellow)}.diagnosis-issue.severity-info{border-left:4px solid var(--color-primary)}.diagnosis-issue strong{color:var(--text-primary)}.diagnosis-issue p{color:var(--text-secondary);margin:6px 0 0}.diagnosis-issue small{color:var(--color-yellow);margin-top:8px;display:block}.diagnosis-issue-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;min-width:220px;display:flex}.diagnosis-clean{color:var(--color-green);background:#10b98114;border:1px solid #10b98140;border-radius:10px;align-items:center;gap:10px;padding:16px;font-weight:700;display:flex}@media (width<=760px){.auto-diagnosis-card,.diagnosis-issue{flex-direction:column}.diagnosis-issue-actions{justify-content:flex-start;width:100%;min-width:0}}.app-container .page-header:not(.split-header),.app-container .page-header.split-header{isolation:isolate;position:relative;overflow:hidden}.app-container .page-header:before{content:"";background:linear-gradient(180deg, var(--user-accent-blue), var(--user-accent-cyan), var(--user-accent-emerald));z-index:0;width:5px;position:absolute;inset:0 auto 0 0}.app-container .page-header>*{z-index:1;position:relative}.app-container .page-header h2{letter-spacing:0;font-size:1.55rem;font-weight:800;line-height:1.15}.app-container .page-header p{max-width:760px;line-height:1.35}.app-container .card{position:relative;overflow:hidden}.app-container .card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#60a5fa73,#0000);height:1px;position:absolute;inset:0 0 auto}.app-container .tools-summary-card{align-items:center;min-height:112px}.app-container .tools-summary-card>svg,.app-container .card>svg:first-child{filter:drop-shadow(0 8px 18px #2563eb2e)}.app-container .tools-summary-card strong{font-size:1.65rem;line-height:1}.app-container .section-title{color:var(--text-primary);gap:9px}.app-container .toolbar-row{background:var(--subtle-surface);border:1px solid #3b82f629;border-radius:12px;padding:6px}.app-container .toolbar-row select,.app-container .toolbar-row button{min-height:38px}.app-container .data-table{border-collapse:separate;border-spacing:0}.app-container .data-table th:first-child,.app-container table th:first-child{border-top-left-radius:10px}.app-container .data-table th:last-child,.app-container table th:last-child{border-top-right-radius:10px}.app-container .data-table td,.app-container .data-table th{border-bottom-color:#94a3b82e}.app-container .list-row{background:linear-gradient(135deg, #2563eb0f, transparent 70%), var(--bg-card);border-color:#3b82f629;transition:transform .18s,border-color .18s,background .18s}.app-container .list-row:hover{background:linear-gradient(135deg, #2563eb1a, transparent 70%), var(--bg-card);border-color:#3b82f64d;transform:translateY(-1px)}.app-container .status-badge,.app-container .pill,.app-container .role-pill,.app-container .counter-badge{border:1px solid;border-color:color-mix(in srgb, currentColor 28%, transparent)}.app-container .topology-chain-container,.app-container .mikrotik-chain-panel,.app-container .demo-topology-container{background:linear-gradient(135deg, #2563eb14, #0891b20a), var(--bg-card);border-color:#3b82f62e;box-shadow:0 16px 34px #02061721}.app-container .mikrotik-chain-panel-header{background:#3b82f60d;border-bottom:1px solid #3b82f629}.app-container .topo-node{box-shadow:0 10px 22px #02061724}.app-container .subscription-status-card,.app-container .current-invoice-card,.app-container .refer-send-card,.app-container .auto-diagnosis-card,.app-container .auto-diagnosis-results{border-left:4px solid var(--user-accent-blue)}.app-container .billing-status{background:var(--subtle-surface);border:1px solid #3b82f62e;border-radius:12px;padding:14px}.app-container .billing-detail-row,.app-container .invoice-line{border-bottom-color:#94a3b82e}.app-container .refer-form,.app-container .refer-email-form,.app-container .admin-form,.app-container .devices-page form{gap:14px}.app-container pre{background:linear-gradient(135deg, #0f172aa6, #2563eb0d), var(--code-bg)!important;border-color:#3b82f633!important}.app-container .modal-content,.app-container .devices-page [style*="maxWidth: '500px'"],.app-container .devices-page [style*="max-width: 500px"]{border-color:#3b82f63d!important;box-shadow:0 28px 70px #02061757!important}.app-container .switch-control{background:var(--subtle-surface);border-color:#3b82f63d}.app-container .switch-control.on{background:linear-gradient(135deg, var(--user-accent-blue), var(--user-accent-cyan))}.app-container .read-alert-summary{min-height:150px}.app-container .read-alert-summary strong{box-shadow:inset 0 0 0 1px #3b82f633,0 10px 22px #2563eb1f}.app-container .diagnosis-summary-grid div,.app-container .diagnosis-issue{border-color:#3b82f62e}.app-container .diagnosis-clean{box-shadow:inset 0 0 0 1px #10b98129}.app-container .notification-count,.app-container .counter-badge{box-shadow:0 8px 18px #ef44442e}.app-container .secondary-action{background:var(--subtle-surface);border-color:#3b82f63d}.app-container .secondary-action:hover{background:var(--subtle-surface-hover);border-color:#3b82f66b}[data-theme=light] .app-container .card:before{background:linear-gradient(90deg,#0000,#2563eb3d,#0000)}[data-theme=light] .app-container .list-row,[data-theme=light] .app-container .topology-chain-container,[data-theme=light] .app-container .mikrotik-chain-panel,[data-theme=light] .app-container .demo-topology-container{box-shadow:0 14px 30px #0f172a14}[data-theme=light] .app-container pre{background:#f8fafc!important}.nav-link-disabled{cursor:default;opacity:.55;text-align:left;background:0 0;border:1px solid #0000;width:100%}.nav-link-disabled:hover{color:var(--text-secondary);background:0 0;border-color:#0000}.landing-tree-node{min-width:118px}.landing-tree-branch-wrap{grid-template-columns:54px 28px minmax(130px,max-content);align-items:center;gap:6px;display:inline-grid}.landing-tree-brace{color:var(--color-primary);justify-content:center;align-self:stretch;align-items:center;font-family:Georgia,serif;font-size:4.8rem;line-height:1;display:flex;transform:scaleX(.82)}.landing-tree-children{gap:10px;display:grid}.landing-tree-child-row{grid-template-columns:42px max-content;align-items:center;gap:0;display:grid}.landing-tree-child-row .topo-line{width:42px}@media (width<=760px){.landing-tree-branch-wrap{grid-template-columns:40px 22px minmax(120px,max-content)}.landing-tree-brace{font-size:4rem}.landing-tree-node{min-width:110px}}.landing-tree-row{align-items:center}.landing-tree-segment{align-items:center;gap:0;display:inline-flex}.landing-tree-node{flex-shrink:0;min-width:116px}.landing-tree-branch-wrap{grid-template-columns:48px 34px max-content;align-items:stretch;gap:6px;margin-right:6px;display:inline-grid}.landing-tree-branch-wrap>.topo-line{align-self:center}.landing-tree-brace{height:auto;min-height:100%;color:var(--color-primary);font-size:clamp(4rem, calc(2.5rem + (var(--tree-level,0) * .25rem)), 5.4rem);justify-content:center;align-items:stretch;font-family:Georgia,serif;line-height:1;display:flex;transform:scaleX(.78)}.landing-tree-children{align-content:center;gap:12px;padding:2px 0;display:grid}.landing-tree-child-row{display:block}.landing-tree-child-row .landing-tree-segment{align-items:center;display:inline-flex}.landing-tree-child-row .landing-tree-branch-wrap{grid-template-columns:40px 30px max-content}@media (width<=760px){.landing-tree-node{min-width:108px}.landing-tree-branch-wrap{grid-template-columns:38px 28px max-content}.landing-tree-brace{font-size:4.1rem}}.demo-topology-container .topology-chain-container{gap:22px}.landing-tree-row{align-items:center;min-height:112px}.landing-tree-segment{vertical-align:middle;align-items:center;gap:0;display:inline-flex}.landing-tree-node,.landing-tree-row .topo-node.ap-node{width:124px;min-width:124px;max-width:124px;min-height:58px}.landing-tree-node strong,.landing-tree-node span{white-space:nowrap}.landing-tree-branch-wrap{grid-template-columns:44px 32px max-content;align-items:center;gap:4px;margin:0 10px 0 0}.landing-tree-branch-wrap>.topo-line{width:44px;min-width:44px}.landing-tree-brace{min-width:28px;color:var(--color-primary);align-self:stretch;align-items:center}.landing-tree-children{grid-auto-rows:minmax(58px,auto);align-content:center;justify-items:start;gap:8px;padding:0;display:grid}.landing-tree-child-row{align-items:center;min-height:58px;display:flex}.landing-tree-child-row>.landing-tree-segment{min-height:58px}.landing-tree-child-row .topo-line{width:38px;min-width:38px}.landing-tree-child-row .landing-tree-branch-wrap{grid-template-columns:36px 28px max-content;margin-right:8px}.landing-tree-child-row .landing-tree-child-row{min-height:54px}.landing-tree-child-row .landing-tree-node,.landing-tree-child-row .topo-node.ap-node{width:118px;min-width:118px;max-width:118px}@media (width<=760px){.landing-tree-node,.landing-tree-row .topo-node.ap-node{width:112px;min-width:112px;max-width:112px}.landing-tree-child-row .landing-tree-node,.landing-tree-child-row .topo-node.ap-node{width:108px;min-width:108px;max-width:108px}.landing-tree-branch-wrap{grid-template-columns:34px 24px max-content;gap:3px}.landing-tree-child-row .topo-line{width:30px;min-width:30px}}.landing-tree-brace{justify-content:center;align-self:stretch;align-items:stretch;min-height:100%;font-size:0;line-height:0;display:flex;transform:none}.landing-tree-brace svg{width:28px;height:100%;min-height:100%;display:block;overflow:visible}.landing-tree-brace path{fill:none;stroke:var(--color-primary);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.landing-tree-branch-wrap{align-items:stretch}.landing-tree-children{align-self:stretch}.landing-tree-brace{align-self:stretch;margin:0;padding:0}.landing-tree-brace svg{height:100%;min-height:calc(100% + 2px);margin-top:-1px;margin-bottom:-1px}.landing-tree-brace path{stroke-linecap:round}.landing-tree-children{padding-top:0;padding-bottom:0}.landing-tree-child-row:first-child{align-items:flex-start}.landing-tree-child-row:last-child{align-items:flex-end}.landing-tree-child-row:first-child>.landing-tree-segment,.landing-tree-child-row:last-child>.landing-tree-segment{align-items:center}.landing-tree-branch-wrap{grid-template-columns:44px 28px max-content;align-items:center;gap:0}.landing-tree-branch-wrap>.topo-line{margin-right:0}.landing-tree-brace{align-self:center;min-width:28px;height:calc(100% - 58px);min-height:0;margin:0;padding:0}.landing-tree-brace svg{width:28px;height:100%;min-height:100%;margin:0}.landing-tree-children{align-content:center;gap:8px;padding:0}.landing-tree-child-row{min-height:58px;align-items:center!important}.landing-tree-child-row>.landing-tree-segment{align-items:center;min-height:58px}.landing-tree-child-row .topo-line:first-child{margin-left:0}.landing-tree-child-row .landing-tree-branch-wrap{grid-template-columns:36px 28px max-content;gap:0}@media (width<=760px){.landing-tree-brace{height:calc(100% - 54px)}}.landing-tree-connector{align-self:center;width:28px;height:calc(100% - 58px);min-height:0;position:relative}.landing-tree-connector:before{content:"";background:var(--color-primary);border-radius:999px;width:3px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.landing-tree-connector:after{content:"";background:linear-gradient(var(--color-primary), var(--color-primary)) left top / 100% 3px no-repeat, linear-gradient(var(--color-primary), var(--color-primary)) left bottom / 100% 3px no-repeat;border-radius:999px;position:absolute;inset:0}@media (width<=760px){.landing-tree-connector{width:24px;height:calc(100% - 54px)}}.landing-tree-org{grid-template-rows:30px auto;place-items:start center;min-width:max-content;display:inline-grid}.landing-tree-org-stem{width:calc(100% - 78px);min-width:44px;height:30px;position:relative}.landing-tree-org-stem:after{content:"";background:var(--color-primary);border-radius:999px;height:3px;position:absolute;bottom:0;left:0;right:0}.landing-tree-org-children{justify-content:center;align-items:flex-start;gap:22px;min-width:max-content;display:flex}.landing-tree-org-child{grid-template-rows:24px auto;place-items:start center;min-width:max-content;display:grid}.landing-tree-org-child .landing-tree-org-wrap.landing-tree-branch-wrap{margin-right:10px}@media (width<=760px){.landing-tree-org-wrap.landing-tree-branch-wrap>.topo-line{width:24px;min-width:24px}.landing-tree-org{grid-template-rows:24px auto}.landing-tree-org-stem{width:calc(100% - 60px);height:24px}.landing-tree-org-stem:before{height:12px}.landing-tree-org-children{gap:14px}.landing-tree-org-child{grid-template-rows:18px auto}.landing-tree-org-drop{height:18px}}.landing-tree-org{grid-template-rows:auto;grid-template-columns:30px auto;place-items:stretch start;min-width:max-content;display:inline-grid}.landing-tree-org-stem{align-self:stretch;width:30px;height:auto;min-height:100%;position:relative}.landing-tree-org-stem:before{content:"";background:var(--color-primary);border-radius:999px;width:15px;height:3px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.landing-tree-org-stem:after{content:"";background:var(--color-primary);border-radius:999px;width:3px;min-height:0;position:absolute;top:30px;bottom:30px;left:15px;transform:translate(-50%)}.landing-tree-org-children{flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;min-width:max-content;display:flex}.landing-tree-org-child{grid-template-rows:auto;grid-template-columns:28px auto;place-items:center start;min-width:max-content;display:grid}@media (width<=760px){.landing-tree-org-wrap.landing-tree-branch-wrap>.topo-line{width:22px;min-width:22px}.landing-tree-org{grid-template-columns:24px auto}.landing-tree-org-stem{width:24px}.landing-tree-org-stem:before{width:12px}.landing-tree-org-stem:after{top:26px;bottom:26px;left:12px}.landing-tree-org-children{gap:8px}.landing-tree-org-child{grid-template-columns:22px auto}.landing-tree-org-drop{width:22px;height:3px}}.landing-tree-org{position:relative}.landing-tree-org-stem:after{display:none}.landing-tree-org:after{content:"";background:var(--color-primary);pointer-events:none;border-radius:999px;width:3px;min-height:18px;position:absolute;top:34px;bottom:34px;left:15px;transform:translate(-50%)}@media (width<=760px){.landing-tree-org:after{top:30px;bottom:30px;left:12px}}.landing-tree-org:after,.landing-tree-org-stem:after,.landing-tree-org-stem:before{display:none}.landing-tree-org-stem{width:34px;min-height:100%}.landing-tree-org-children{flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;min-width:max-content;padding:0;display:flex;position:relative}.landing-tree-org-children:before{content:"";background:var(--color-primary);z-index:0;border-radius:999px;width:3px;min-height:0;position:absolute;top:42px;bottom:42px;left:0}.landing-tree-org-wrap.landing-tree-branch-wrap>.topo-line{width:34px;min-width:34px;margin:0;position:relative}.landing-tree-org-wrap.landing-tree-branch-wrap>.topo-line:after{content:"";background:inherit;border-radius:999px;width:34px;height:3px;position:absolute;top:50%;left:100%;transform:translateY(-50%)}.landing-tree-org-child{z-index:1;grid-template-columns:34px auto;place-items:center start;min-width:max-content;display:grid;position:relative}.landing-tree-org-drop{background:var(--color-primary);border-radius:999px;width:34px;height:3px;position:relative}.landing-tree-org-child:first-child .landing-tree-org-drop,.landing-tree-org-child:last-child .landing-tree-org-drop{border-color:var(--color-primary);background:0 0;border-style:solid;border-left-width:3px;width:34px;height:24px}.landing-tree-org-child:first-child .landing-tree-org-drop{border-top-width:3px;border-bottom-width:0;border-right-width:0;border-radius:12px 0 0;align-self:end}.landing-tree-org-child:last-child .landing-tree-org-drop{border-top-width:0;border-bottom-width:3px;border-right-width:0;border-radius:0 0 0 12px;align-self:start}.landing-tree-org-child:only-child .landing-tree-org-drop{background:var(--color-primary);border:0;border-radius:999px;align-self:center;width:34px;height:3px}.landing-tree-org-child>.landing-tree-segment{margin-left:0}.landing-tree-org-child>.landing-tree-segment>.landing-tree-node:first-of-type,.landing-tree-org-child>.landing-tree-segment>.topo-node.ap-node:first-of-type{margin-left:0}@media (width<=760px){.landing-tree-org,.landing-tree-org-stem,.landing-tree-org-child{grid-template-columns:28px auto}.landing-tree-org-wrap.landing-tree-branch-wrap>.topo-line,.landing-tree-org-drop{width:28px;min-width:28px}.landing-tree-org-wrap.landing-tree-branch-wrap>.topo-line:after{width:28px}.landing-tree-org-children:before{top:36px;bottom:36px}.landing-tree-org-child:first-child .landing-tree-org-drop,.landing-tree-org-child:last-child .landing-tree-org-drop{width:28px;height:20px}}.landing-tree-org-wrap.landing-tree-branch-wrap{align-items:center}.landing-tree-org{grid-template-columns:38px auto}.landing-tree-org-children{gap:14px}.landing-tree-org-children:before{background:var(--color-primary);border-radius:999px;width:3px;top:42px;bottom:42px;left:0}.landing-tree-org-child{grid-template-columns:38px auto;align-items:center}.landing-tree-org-drop{background:var(--color-primary);border-radius:999px;width:38px;height:3px}.landing-tree-org-child:first-child .landing-tree-org-drop,.landing-tree-org-child:last-child .landing-tree-org-drop{background:0 0;border:0;width:38px;height:28px;position:relative}.landing-tree-org-child:first-child .landing-tree-org-drop:before,.landing-tree-org-child:last-child .landing-tree-org-drop:before{content:"";border-color:var(--color-primary);border-style:solid;border-width:0;width:38px;height:28px;position:absolute;left:0}.landing-tree-org-child:first-child .landing-tree-org-drop:before{border-top-width:3px;border-left-width:3px;border-top-left-radius:18px;bottom:0}.landing-tree-org-child:last-child .landing-tree-org-drop:before{border-bottom-width:3px;border-left-width:3px;border-bottom-left-radius:18px;top:0}.landing-tree-org-child:only-child .landing-tree-org-drop,.landing-tree-org-child:only-child .landing-tree-org-drop:before{background:var(--color-primary);border:0;border-radius:999px;width:38px;height:3px}.landing-tree-org-child>.landing-tree-segment{align-items:center}.landing-tree-org-child>.landing-tree-segment>.landing-tree-node:first-of-type,.landing-tree-org-child>.landing-tree-segment>.topo-node.ap-node:first-of-type{margin-top:0;margin-bottom:0}@media (width<=760px){.landing-tree-org{grid-template-columns:30px auto}.landing-tree-org-children{gap:10px}.landing-tree-org-children:before{top:36px;bottom:36px}.landing-tree-org-child{grid-template-columns:30px auto}.landing-tree-org-drop,.landing-tree-org-child:only-child .landing-tree-org-drop,.landing-tree-org-child:only-child .landing-tree-org-drop:before{width:30px}.landing-tree-org-child:first-child .landing-tree-org-drop,.landing-tree-org-child:last-child .landing-tree-org-drop,.landing-tree-org-child:first-child .landing-tree-org-drop:before,.landing-tree-org-child:last-child .landing-tree-org-drop:before{width:30px;height:22px}.landing-tree-org-child:first-child .landing-tree-org-drop:before{border-top-left-radius:14px}.landing-tree-org-child:last-child .landing-tree-org-drop:before{border-bottom-left-radius:14px}}.landing-tree-org-wrap.landing-tree-branch-wrap{align-items:center;gap:0;min-width:max-content;margin-right:20px;display:inline-flex}.landing-tree-org-wrap.landing-tree-branch-wrap>.topo-line{width:28px;min-width:28px;margin:0}.landing-tree-org-wrap.landing-tree-branch-wrap>.topo-line:after,.landing-tree-org:after,.landing-tree-org-stem,.landing-tree-org-drop{display:none!important}.landing-tree-org{grid-template-columns:66px auto;align-items:stretch;min-width:max-content;display:grid;position:relative}.landing-tree-connector-svg{pointer-events:none;z-index:1;width:66px;height:100%;position:absolute;top:0;left:0;overflow:visible}.landing-tree-connector-svg path{fill:none;stroke:var(--color-primary);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.landing-tree-org-children{z-index:2;flex-direction:column;grid-column:2;justify-content:flex-start;align-items:flex-start;gap:14px;min-width:max-content;padding:0;display:flex;position:relative}.landing-tree-org-children:before{display:none!important}.landing-tree-org-child{justify-content:flex-start;align-items:center;min-width:max-content;min-height:68px;display:flex}.landing-tree-org-child>.landing-tree-segment{align-items:center;margin-left:0}.landing-tree-org-child>.landing-tree-segment>.topo-line:first-child{display:none!important}.landing-tree-org-child>.landing-tree-segment>.landing-tree-node:first-of-type,.landing-tree-org-child>.landing-tree-segment>.topo-node.ap-node:first-of-type{margin:0}@media (width<=760px){.landing-tree-org-wrap.landing-tree-branch-wrap{margin-right:14px}.landing-tree-org-wrap.landing-tree-branch-wrap>.topo-line{width:22px;min-width:22px}.landing-tree-org{grid-template-columns:54px auto}.landing-tree-connector-svg{width:54px}.landing-tree-org-children{gap:10px}.landing-tree-org-child{min-height:58px}}.landing-page .demo-topology-container{border-radius:14px;width:min(96vw,1440px);max-width:none;margin-left:calc(50% - min(48vw,720px));margin-right:calc(50% - min(48vw,720px));padding:clamp(22px,2.5vw,34px)}.landing-page .topology-chain-container{overscroll-behavior:contain;gap:34px;max-height:min(72vh,760px);padding:18px 18px 28px 0;overflow:auto}.landing-page .topology-row{min-width:max-content}.landing-page .landing-tree-row{align-items:center}.landing-page .topology-chain-container::-webkit-scrollbar{width:10px;height:10px}.landing-page .topology-chain-container::-webkit-scrollbar-track{background:#94a3b82e;border-radius:999px}.landing-page .topology-chain-container::-webkit-scrollbar-thumb{background:#3b82f68c;border:2px solid #ffffff40;border-radius:999px}.landing-page .topology-chain-container::-webkit-scrollbar-thumb:hover{background:#3b82f6bf}@media (width<=760px){.landing-page .demo-topology-container{width:calc(100vw - 20px);margin-left:calc(50% - 50vw + 10px);margin-right:calc(50% - 50vw + 10px);padding:18px 14px}.landing-page .demo-topology-header{align-items:flex-start;gap:14px}.landing-page .topology-chain-container{gap:26px;max-height:68vh;padding:14px 12px 24px 0}}.landing-page .topology-chain-container{gap:54px;padding:24px 28px 42px 0}.landing-page .topology-row{align-items:center;min-height:86px}.landing-page .landing-tree-row{align-items:center;margin:10px 0}.landing-page .landing-tree-segment{align-items:center;gap:0;min-width:max-content;display:inline-flex}.landing-page .landing-tree-node,.landing-page .landing-tree-row .topo-node.ap-node{width:140px;min-width:140px;height:66px;margin:0}.landing-page .landing-tree-org-wrap.landing-tree-branch-wrap{align-items:center;margin-right:32px}.landing-page .landing-tree-org{grid-template-columns:76px auto;align-items:center}.landing-page .landing-tree-org-children{justify-content:center;align-items:flex-start;gap:26px;padding:10px 0}.landing-page .landing-tree-org-child{align-items:center;min-height:86px;padding:8px 0}.landing-page .landing-tree-org-child>.landing-tree-segment{min-height:86px}.landing-page .landing-tree-org-child .landing-tree-org-children{gap:22px;padding:8px 0}.landing-page .topo-line{width:30px;min-width:30px}@media (width<=760px){.landing-page .topology-chain-container{gap:40px;padding:18px 18px 34px 0}.landing-page .landing-tree-node,.landing-page .landing-tree-row .topo-node.ap-node{width:122px;min-width:122px;height:60px}.landing-page .landing-tree-org{grid-template-columns:62px auto}.landing-page .landing-tree-connector-svg{width:62px}.landing-page .landing-tree-org-children{gap:20px;padding:8px 0}.landing-page .landing-tree-org-child,.landing-page .landing-tree-org-child>.landing-tree-segment{min-height:74px}}.landing-page .landing-tree-org{min-height:calc(var(--tree-total-slots,1) * 96px);align-items:stretch}.landing-page .landing-tree-connector-svg{height:100%}.landing-page .landing-tree-org-children{justify-content:flex-start;gap:0;padding:0}.landing-page .landing-tree-org-child{min-height:calc(var(--tree-row-slots,1) * 96px);align-items:center;padding:0}.landing-page .landing-tree-org-child>.landing-tree-segment{min-height:calc(var(--tree-row-slots,1) * 96px);align-items:center}.landing-page .landing-tree-org-child .landing-tree-org{min-height:calc(var(--tree-total-slots,1) * 96px)}.landing-page .landing-tree-org-child .landing-tree-org-child{min-height:calc(var(--tree-row-slots,1) * 96px)}.landing-page .landing-tree-row{margin:18px 0}@media (width<=760px){.landing-page .landing-tree-org{min-height:calc(var(--tree-total-slots,1) * 82px)}.landing-page .landing-tree-org-child,.landing-page .landing-tree-org-child>.landing-tree-segment,.landing-page .landing-tree-org-child .landing-tree-org-child{min-height:calc(var(--tree-row-slots,1) * 82px)}}.landing-page .landing-tree-org{min-height:auto}.landing-page .landing-tree-org-children{gap:0;padding:0}.landing-page .landing-tree-org-child{align-items:center;min-height:112px;padding:0;display:flex}.landing-page .landing-tree-child-slot{align-items:center;min-width:max-content;display:flex}.landing-page .landing-tree-child-slot>.landing-tree-segment{align-items:center}.landing-page .landing-tree-child-slot>.landing-tree-segment>.topo-line:first-child{display:none!important}.landing-page .landing-tree-child-slot .landing-tree-org-child{min-height:112px}.landing-page .landing-tree-child-slot .landing-tree-org{align-items:stretch}@media (width<=760px){.landing-page .landing-tree-org-child,.landing-page .landing-tree-child-slot,.landing-page .landing-tree-child-slot .landing-tree-org-child{min-height:96px}}.landing-page .landing-tree-node-slot{justify-content:flex-start;align-items:center;min-width:max-content;min-height:112px;display:inline-flex}.landing-page .landing-tree-node-slot>.topo-line,.landing-page .landing-tree-node-slot>.landing-tree-node,.landing-page .landing-tree-node-slot>.topo-node.ap-node{flex:none}.landing-page .landing-tree-segment{align-items:center}.landing-page .landing-tree-org-wrap.landing-tree-branch-wrap{align-self:stretch;align-items:center}.landing-page .landing-tree-org-child>.landing-tree-child-slot{align-items:center}.landing-page .landing-tree-child-slot>.landing-tree-segment{min-height:inherit}@media (width<=760px){.landing-page .landing-tree-node-slot{min-height:96px}}.landing-page .topology-chain-container{align-items:flex-start;gap:64px}.landing-page .topology-row.landing-tree-row{align-items:center;height:auto;overflow:visible}.landing-page .topology-row.landing-tree-row>.topo-node.mikrotik{flex:none}.landing-page .landing-tree-segment,.landing-page .landing-tree-node-slot,.landing-page .landing-tree-org-wrap.landing-tree-branch-wrap,.landing-page .landing-tree-org,.landing-page .landing-tree-org-children,.landing-page .landing-tree-org-child,.landing-page .landing-tree-child-slot{height:auto;overflow:visible}.landing-page .landing-tree-org-wrap.landing-tree-branch-wrap{min-height:inherit}.landing-page .landing-tree-org,.landing-page .landing-tree-org-children{align-self:stretch}.landing-page .landing-tree-org-child{flex:none}@media (width<=760px){.landing-page .topology-chain-container{gap:48px}}.landing-page .landing-tree-child-slot>.landing-tree-segment>.landing-tree-node-slot:first-child>.topo-line,.landing-page .landing-tree-org-child>.landing-tree-child-slot>.landing-tree-segment>.landing-tree-node-slot:first-child>.topo-line{display:none!important}.landing-page .landing-tree-child-slot>.landing-tree-segment>.landing-tree-node-slot:first-child{margin-left:0}.landing-page .landing-tree-org{grid-template-columns:82px auto}.landing-page .landing-tree-connector-svg{width:82px}.landing-page .landing-tree-org-wrap.landing-tree-branch-wrap>.topo-line{width:28px;min-width:28px}@media (width<=760px){.landing-page .landing-tree-org{grid-template-columns:66px auto}.landing-page .landing-tree-connector-svg{width:66px}}.landing-page .topology-chain-container{gap:0}.landing-page .topology-chain-container>.topology-row{padding:32px 0;position:relative}.landing-page .topology-chain-container>.topology-row+.topology-row:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#3b82f647,#94a3b82e,#0000);height:1px;position:absolute;top:0;left:0;right:18px}.landing-page .topology-chain-container>.topology-row:nth-child(2n):after{content:"";pointer-events:none;z-index:0;background:linear-gradient(90deg,#3b82f609,#0000 70%);border-radius:12px;position:absolute;inset:8px 12px 8px 0}.landing-page .topology-chain-container>.topology-row>*{z-index:1;position:relative}@media (width<=760px){.landing-page .topology-chain-container>.topology-row{padding:24px 0}}.landing-page .demo-topology-container .topo-node.mikrotik{background:linear-gradient(135deg, #3b82f62e, #0ea5e914), var(--bg-card);border:1px solid #3b82f657;border-left:5px solid var(--color-primary);border-radius:10px;width:152px;min-width:152px;height:72px;box-shadow:0 12px 26px #0f172a29}.landing-page .demo-topology-container .topo-node.mikrotik svg{color:var(--color-primary);box-sizing:content-box;background:#3b82f61f;border-radius:8px;padding:5px}.landing-page .demo-topology-container .topo-node.mikrotik strong{color:var(--text-primary);font-weight:800}.landing-page .demo-topology-container .topo-node.mikrotik span{color:var(--color-primary);letter-spacing:0;font-weight:700}[data-theme=light] .landing-page .demo-topology-container .topo-node.mikrotik{background:linear-gradient(135deg,#dbeafef2,#f0f9ffeb),#fff;box-shadow:0 14px 30px #2563eb29}.app-container .live-tree-map{align-items:flex-start;gap:0;max-height:min(72vh,760px);padding:16px 18px 28px 0;overflow:auto}.app-container .live-tree-row{align-items:center;min-width:max-content;height:auto;padding:28px 0;position:relative;overflow:visible}.app-container .live-tree-row+.live-tree-row:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#3b82f63d,#94a3b829,#0000);height:1px;position:absolute;top:0;left:0;right:18px}.app-container .live-tree-port{background:linear-gradient(135deg, #3b82f629, #0ea5e914), var(--bg-card);border:1px solid #3b82f652;border-left:5px solid var(--color-primary);border-radius:10px;width:152px;min-width:152px;height:72px;box-shadow:0 12px 26px #0f172a24}.app-container .live-tree-port svg{color:var(--color-primary);box-sizing:content-box;background:#3b82f61f;border-radius:8px;padding:5px}.app-container .live-tree-port span{color:var(--color-primary);font-weight:700}.app-container .live-tree-segment{align-items:center;min-width:max-content;height:auto;display:inline-flex;overflow:visible}.app-container .live-tree-node-slot{justify-content:flex-start;align-items:center;min-width:max-content;min-height:112px;display:inline-flex}.app-container .live-tree-node{box-sizing:border-box;width:168px;min-width:168px;height:auto;min-height:70px;margin:0;padding:10px 12px}.app-container .live-tree-node>svg{flex:none}.app-container .live-tree-node>div{min-width:0;max-width:100%;overflow:hidden}.app-container .live-tree-node strong,.app-container .live-tree-node span{overflow-wrap:anywhere;word-break:normal;max-width:100%}.app-container .live-tree-node strong{line-height:1.2}.app-container .live-tree-node span{line-height:1.25}.app-container .live-tree-branch-wrap{align-self:stretch;align-items:center;gap:0;min-width:max-content;height:auto;margin-right:32px;display:inline-flex;overflow:visible}.app-container .live-tree-branch-wrap>.topo-line{width:28px;min-width:28px;margin:0}.app-container .live-tree-org{grid-template-columns:82px auto;align-items:stretch;min-width:max-content;height:auto;display:grid;position:relative;overflow:visible}.app-container .live-tree-connector-svg{pointer-events:none;z-index:1;width:82px;height:100%;position:absolute;top:0;left:0;overflow:visible}.app-container .live-tree-connector-svg path{fill:none;stroke:var(--color-primary);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.app-container .live-tree-org-children{z-index:2;flex-direction:column;grid-column:2;justify-content:flex-start;align-items:flex-start;gap:0;min-width:max-content;padding:0;display:flex;position:relative}.app-container .live-tree-org-child{justify-content:flex-start;align-items:center;min-width:max-content;min-height:112px;padding:0;display:flex}.app-container .live-tree-child-slot{align-items:center;min-width:max-content;height:auto;display:flex;overflow:visible}.app-container .live-tree-child-slot>.live-tree-segment>.live-tree-node-slot:first-child>.topo-line{display:none!important}@media (width<=760px){.app-container .live-tree-map{max-height:68vh;padding:14px 14px 24px 0}.app-container .live-tree-row{padding:22px 0}.app-container .live-tree-node{width:154px;min-width:154px;height:auto;min-height:66px;padding:9px 10px}.app-container .live-tree-org{grid-template-columns:66px auto}.app-container .live-tree-connector-svg{width:66px}}.landing-page .landing-pricing-section{background:linear-gradient(#10b98112,#3b82f609);border-radius:18px;max-width:1180px;margin:72px auto 0;padding:56px 22px}.landing-page .landing-pricing-header{max-width:720px;margin:0 auto 34px}.landing-page .landing-pricing-header h3{margin-bottom:10px;font-size:clamp(1.8rem,3vw,2.45rem)}.landing-page .landing-pricing-header p{line-height:1.65}.landing-page .landing-pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:18px}.landing-page .landing-pricing-card{color:#111827;background:#fffffff5;border:1px solid #cbd5e1f2;border-radius:12px;flex-direction:column;gap:22px;min-height:500px;padding:34px 28px 28px;display:flex;position:relative;box-shadow:0 18px 38px #0f172a14}.landing-page .landing-pricing-card.popular{border-color:#10b981;transform:translateY(-10px);box-shadow:0 22px 48px #10b98129}.landing-page .landing-pricing-badge{color:#fff;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;background:#10b981;border-radius:999px;padding:8px 18px;font-size:.75rem;font-weight:800;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.landing-page .landing-pricing-card-head{gap:12px;display:grid}.landing-page .landing-pricing-card strong{color:#111827;font-size:1.18rem;font-weight:850}.landing-page .landing-pricing-card-head p{color:#6b7280;margin:0;line-height:1.55}.landing-page .landing-pricing-price{flex-wrap:wrap;align-items:baseline;gap:6px;display:flex}.landing-page .landing-pricing-price h4{color:#111827;margin:0;font-size:clamp(2rem,3vw,2.55rem);font-weight:900}.landing-page .landing-pricing-price span{color:#6b7280;font-weight:700}.landing-page .landing-pricing-benefits{color:#3f4652;gap:15px;margin:0;padding:0;line-height:1.45;list-style:none;display:grid}.landing-page .landing-pricing-benefits li{padding-left:28px;position:relative}.landing-page .landing-pricing-benefits li:before{content:"?";color:#10b981;font-weight:900;position:absolute;top:0;left:0}.landing-page .landing-pricing-cta{color:#111827;cursor:pointer;background:#fff;border:1px solid #cbd5e1f2;border-radius:8px;width:100%;min-height:50px;margin-top:auto;font-weight:800;transition:transform .18s,box-shadow .18s,background .18s}.landing-page .landing-pricing-card.popular .landing-pricing-cta,.landing-page .landing-pricing-cta:hover{color:#fff;background:#10b981;border-color:#10b981;box-shadow:0 12px 22px #10b98138}.landing-page .landing-pricing-cta:hover{transform:translateY(-1px)}[data-theme=dark] .landing-page .landing-pricing-card{color:var(--text-primary);background:#0f172aeb;border-color:#475569f2}[data-theme=dark] .landing-page .landing-pricing-card strong,[data-theme=dark] .landing-page .landing-pricing-price h4{color:var(--text-primary)}[data-theme=dark] .landing-page .landing-pricing-card-head p,[data-theme=dark] .landing-page .landing-pricing-price span,[data-theme=dark] .landing-page .landing-pricing-benefits{color:var(--text-secondary)}[data-theme=dark] .landing-page .landing-pricing-cta{color:var(--text-primary);background:#0f172acc;border-color:#475569f2}@media (width<=980px){.landing-page .landing-pricing-grid{grid-template-columns:1fr;max-width:520px;margin:0 auto}.landing-page .landing-pricing-card.popular{transform:none}}.landing-page .landing-pricing-card.plan-lite strong{color:#2563eb}.landing-page .landing-pricing-card.plan-pro strong{color:#059669}.landing-page .landing-pricing-card.plan-enterprise strong,.landing-page .landing-pricing-card.plan-enterprice strong{color:#7c3aed}.landing-page .landing-pricing-card.plan-lite .landing-pricing-card-head:before,.landing-page .landing-pricing-card.plan-pro .landing-pricing-card-head:before,.landing-page .landing-pricing-card.plan-enterprise .landing-pricing-card-head:before,.landing-page .landing-pricing-card.plan-enterprice .landing-pricing-card-head:before{content:"";border-radius:999px;width:42px;height:4px;margin-bottom:2px}.landing-page .landing-pricing-card.plan-lite .landing-pricing-card-head:before{background:#2563eb}.landing-page .landing-pricing-card.plan-pro .landing-pricing-card-head:before{background:#10b981}.landing-page .landing-pricing-card.plan-enterprise .landing-pricing-card-head:before,.landing-page .landing-pricing-card.plan-enterprice .landing-pricing-card-head:before{background:#7c3aed}.landing-nav{justify-content:space-between;gap:18px}.landing-nav-actions{flex:none;justify-content:flex-end;align-items:center;gap:10px;margin-left:auto;display:flex}@media (width<=760px){.landing-nav{gap:12px;padding:16px 14px}.landing-nav-actions{gap:8px}.landing-nav-actions .nav-btn{padding:9px 12px}}.landing-details-section{gap:28px;width:min(1180px,100% - 40px);margin:72px auto 0;display:grid}.landing-details-header{text-align:center;gap:12px;max-width:820px;margin:0 auto;display:grid}.landing-details-header span{color:var(--color-green);text-transform:uppercase;letter-spacing:.08em;font-size:.82rem;font-weight:800}.landing-details-header h3{color:var(--text-primary);margin:0;font-size:clamp(1.75rem,3vw,2.4rem);line-height:1.15}.landing-details-header p{color:var(--text-secondary);margin:0;line-height:1.7}.landing-details-grid,.landing-faq-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.landing-detail-card,.landing-faq-card,.landing-readiness-panel{border:1px solid var(--border-color);background:var(--bg-card);border-radius:12px;box-shadow:0 14px 32px #0f172a14}.landing-detail-card,.landing-faq-card{gap:10px;padding:24px;display:grid}.landing-detail-card h4,.landing-faq-card h4,.landing-readiness-panel h4{color:var(--text-primary);margin:0;font-size:1.05rem}.landing-detail-card p,.landing-faq-card p,.landing-readiness-panel p{color:var(--text-secondary);margin:0;line-height:1.65}.landing-readiness-panel{background:linear-gradient(135deg, #3b82f61a, #10b98114), var(--bg-card);grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);align-items:start;gap:28px;padding:28px;display:grid}.landing-readiness-panel ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.landing-readiness-panel li{color:var(--text-primary);padding-left:26px;font-weight:650;line-height:1.45;position:relative}.landing-readiness-panel li:before{content:"?";color:var(--color-green);font-weight:900;position:absolute;top:0;left:0}.landing-faq-card{background:var(--subtle-surface)}@media (width<=900px){.landing-details-grid,.landing-faq-grid,.landing-readiness-panel{grid-template-columns:1fr}}@media (width<=760px){.landing-details-section{width:calc(100% - 24px);margin-top:52px}.landing-detail-card,.landing-faq-card,.landing-readiness-panel{padding:20px}}.landing-faq-list{gap:12px;display:grid}.landing-faq-row{border:1px solid var(--border-color);background:var(--bg-card);border-radius:10px;overflow:hidden;box-shadow:0 12px 28px #0f172a12}.landing-faq-row button{width:100%;min-height:58px;color:var(--text-primary);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:18px;padding:16px 20px;font-weight:800;display:flex}.landing-faq-row.open button{border-bottom:1px solid var(--border-color)}.landing-faq-toggle{width:30px;height:30px;color:var(--color-green);background:#10b9811f;border-radius:999px;flex:0 0 30px;justify-content:center;align-items:center;font-size:1.25rem;line-height:1;display:inline-flex}.landing-faq-row p{color:var(--text-secondary);margin:0;padding:16px 20px 20px;line-height:1.65}@media (width<=760px){.landing-faq-row button{padding:14px 16px}.landing-faq-row p{padding:14px 16px 18px}}.landing-faq-header{text-align:center;gap:8px;margin:8px auto 4px;display:grid}.landing-faq-header span{color:var(--color-primary);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:850}.landing-faq-header h3{color:var(--text-primary);margin:0;font-size:clamp(1.45rem,2.4vw,2rem)}.landing-nav-shortcuts{justify-content:center;align-items:center;gap:clamp(18px,3vw,34px);margin-left:auto;margin-right:auto;padding:0 18px;display:flex}.landing-nav-shortcuts a{color:var(--text-secondary);font-size:.95rem;font-weight:650;text-decoration:none;transition:color .18s,transform .18s}.landing-nav-shortcuts a:hover{color:var(--color-primary);transform:translateY(-1px)}.landing-page #features,.landing-page #map,.landing-page #hardware,.landing-page #pricing,.landing-page #faq{scroll-margin-top:96px}@media (width<=880px){.landing-nav-shortcuts{display:none}}.landing-hero-stats{background:linear-gradient(135deg,#ffffffe0,#f0fdfac7);border:1px solid #10b9812e;border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:min(920px,100%);margin:34px auto 0;padding:20px 24px;display:grid;box-shadow:0 18px 44px #0f172a14}.landing-hero-stat{text-align:center;justify-items:center;gap:8px;display:grid}.landing-hero-stat strong{color:#10b981;font-size:clamp(2rem,4vw,3rem);font-weight:900;line-height:1}.landing-hero-stat span{color:var(--text-secondary);font-size:.95rem;font-weight:650}[data-theme=dark] .landing-hero-stats{background:linear-gradient(135deg,#0f172adb,#14532d2e);border-color:#10b98142}@media (width<=760px){.landing-hero-stats{grid-template-columns:1fr;gap:16px;width:min(420px,100%);padding:20px}}.landing-hero-stats{gap:0;padding:24px 30px}.landing-hero-stat{padding:4px 28px;position:relative}.landing-hero-stat+.landing-hero-stat:before{content:"";background:linear-gradient(#0000,#10b98157,#0000);width:1px;position:absolute;top:10%;bottom:10%;left:0}@media (width<=760px){.landing-hero-stats{gap:18px;padding:22px}.landing-hero-stat{padding:0 8px 18px}.landing-hero-stat+.landing-hero-stat:before{background:linear-gradient(90deg,#0000,#10b98157,#0000);width:auto;height:1px;inset:-9px 20% auto}}.landing-nav{min-height:72px;padding:12px 32px}.landing-nav .logo{gap:10px}.landing-nav .logo svg{width:24px;height:24px}.landing-nav .logo h1{margin:0;font-size:clamp(1.7rem,3vw,2.45rem);line-height:1}.landing-nav-shortcuts{gap:clamp(16px,2.4vw,28px)}.landing-nav-shortcuts a{font-size:.9rem}.landing-nav-actions .nav-btn{min-height:38px;padding:9px 18px}.landing-nav-actions button[aria-label^=Switch]{width:38px!important;height:38px!important;margin-right:8px!important}@media (width<=760px){.landing-nav{min-height:62px;padding:10px 12px}.landing-nav .logo h1{font-size:1.35rem}.landing-nav-actions .nav-btn{min-height:34px;padding:8px 10px;font-size:.86rem}.landing-nav-actions button[aria-label^=Switch]{width:34px!important;height:34px!important;margin-right:2px!important}}.landing-footer{border-top:1px solid var(--border-color);background:linear-gradient(135deg, #3b82f61a, #10b98114), var(--bg-card);grid-template-columns:minmax(260px,1fr) minmax(420px,1.5fr);gap:34px;width:100%;margin-top:18px;padding:46px min(5vw,64px) 26px;display:grid}.landing-footer-brand{align-content:start;gap:14px;max-width:420px;display:grid}.landing-footer-logo{color:var(--color-primary);align-items:center;gap:10px;display:inline-flex}.landing-footer-logo strong{color:var(--text-primary);font-size:1.35rem;font-weight:900}.landing-footer-brand p{color:var(--text-secondary);margin:0;line-height:1.65}.landing-footer-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.landing-footer-links div{align-content:start;gap:10px;display:grid}.landing-footer-links h4{color:var(--text-primary);margin:0 0 4px;font-size:.95rem}.landing-footer-links a,.landing-footer-links span,.landing-footer-links button{color:var(--text-secondary);font:inherit;text-align:left;font-size:.92rem;text-decoration:none}.landing-footer-links a:hover,.landing-footer-links button:hover{color:var(--color-primary)}.landing-footer-links button{cursor:pointer;background:0 0;border:0;padding:0}.landing-footer-bottom{border-top:1px solid var(--border-color);color:var(--text-secondary);grid-column:1/-1;justify-content:space-between;align-items:center;gap:16px;padding-top:24px;font-size:.88rem;display:flex}@media (width<=860px){.landing-footer{grid-template-columns:1fr;padding:38px 22px 24px}.landing-footer-links{grid-template-columns:1fr}.landing-footer-bottom{flex-direction:column;align-items:flex-start}}.landing-legal-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a9e;justify-content:center;align-items:center;padding:22px;display:flex;position:fixed;inset:0}.landing-legal-modal{border:1px solid var(--border-color);background:var(--bg-card);border-radius:14px;width:min(680px,100%);max-height:min(760px,86vh);padding:30px;position:relative;overflow:auto;box-shadow:0 28px 70px #0f172a61}.landing-legal-close{border:1px solid var(--border-color);background:var(--subtle-surface);width:38px;height:38px;color:var(--text-primary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:16px;right:16px}.landing-legal-modal h3{color:var(--text-primary);margin:0 48px 20px 0;font-size:1.65rem}.landing-legal-content{gap:18px;display:grid}.landing-legal-content section{gap:7px;display:grid}.landing-legal-content h4{color:var(--text-primary);margin:0;font-size:1rem}.landing-legal-content p{color:var(--text-secondary);margin:0;line-height:1.65}@media (width<=860px){.landing-footer-links{grid-template-columns:1fr}}@media (width<=860px){.landing-footer-links{grid-template-columns:1fr}}.landing-footer-links{grid-template-columns:repeat(4,minmax(0,1fr))}.landing-footer-contact{align-items:center;gap:8px;display:inline-flex}.landing-footer-contact svg{color:var(--color-primary);flex:none}.landing-footer-contact.whatsapp svg,.landing-footer-contact.whatsapp:hover{color:#10b981}@media (width<=860px){.landing-footer-links{grid-template-columns:1fr}}.landing-footer-bottom{text-align:center;flex-wrap:wrap;justify-content:center}.landing-footer-bottom span{justify-content:center;display:inline-flex}@media (width<=860px){.landing-footer-bottom{align-items:center}}.landing-footer-bottom{flex-direction:column;align-items:center;gap:8px}.landing-footer{margin-bottom:0}.landing-page .landing-footer{border-bottom-right-radius:0;border-bottom-left-radius:0;margin-top:40px;margin-bottom:0}.landing-page,.landing-page .landing-main{padding-bottom:0}.landing-page .landing-footer{margin-bottom:0}.landing-page .hero-section{width:min(1040px,100%);max-width:1040px;margin:8px auto 66px;padding:clamp(44px,7vw,82px) 24px 34px;position:relative;overflow:hidden}.landing-page .hero-section:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#3b82f638,#0000 68%);width:min(760px,86vw);height:min(360px,42vw);position:absolute;top:8px;left:50%;transform:translate(-50%)}.landing-page .hero-section>*{z-index:1;position:relative}.landing-page .badge{color:#7db7ff;letter-spacing:.01em;background:#3b82f621;border:1px solid #60a5fa52;border-radius:999px;justify-content:center;align-items:center;min-height:38px;margin-bottom:26px;padding:8px 18px;font-size:.86rem;font-weight:800;display:inline-flex;box-shadow:inset 0 1px #ffffff14,0 14px 34px #2563eb2e}.landing-page .hero-title{letter-spacing:0;max-width:900px;color:var(--text-primary);text-wrap:balance;margin:0 auto 24px;font-size:clamp(2.75rem,7vw,5rem);font-weight:950;line-height:1.05}.landing-page .hero-title .text-highlight{background:linear-gradient(90deg,#60a5fa 0%,#7c93ff 44%,#a78bfa 100%);-webkit-background-clip:text;background-clip:text;display:inline-block}.landing-page .hero-subtitle{color:#e2e8f0b8;text-wrap:pretty;max-width:780px;margin:0 auto 34px;font-size:clamp(1.02rem,1.7vw,1.28rem);line-height:1.7}.landing-page .hero-cta-btn{background:linear-gradient(135deg,#3b82f6 0%,#6d5dfc 55%,#8b5cf6 100%);border-radius:16px;min-height:54px;padding:15px 30px;font-weight:850;box-shadow:0 16px 36px #3b82f647,inset 0 1px #ffffff2e}.landing-page .hero-cta-btn:hover{transform:translateY(-2px);box-shadow:0 20px 44px #6366f157,inset 0 1px #ffffff38}[data-theme=light] .landing-page .hero-section:before{background:radial-gradient(circle,#3b82f624,#0000 68%)}[data-theme=light] .landing-page .hero-subtitle{color:#64748b}@media (width<=760px){.landing-page .hero-section{margin-bottom:48px;padding:34px 8px 24px}.landing-page .hero-title{font-size:clamp(2.25rem,13vw,3.35rem)}.landing-page .hero-subtitle{font-size:1rem}}.landing-page .hero-title{font-size:clamp(2.35rem,5.4vw,4.15rem)}@media (width<=760px){.landing-page .hero-title{font-size:clamp(2rem,10.5vw,2.8rem)}}.landing-page .hero-section{background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #60a5fa29;border-radius:22px;width:min(1180px,100% - 40px);box-shadow:0 28px 70px #0f172a38}.landing-page .hero-section:before{border-radius:inherit;background:linear-gradient(#0f172a94,#0f172ac7),radial-gradient(circle at 50% 32%,#2563eb33,#0000 48%);width:100%;height:100%;top:0;left:0;transform:none}.landing-page .hero-section:after{content:"";border-radius:inherit;pointer-events:none;z-index:0;background:linear-gradient(90deg,#0f172a3d,#0000 28% 72%,#0f172a33);position:absolute;inset:0}.landing-page .hero-section>*{z-index:1}@media (width<=760px){.landing-page .hero-section{background-position:top;border-radius:18px;width:calc(100% - 18px)}}.landing-page .hero-title{text-shadow:0 8px 30px #0f172a47}.landing-page .hero-subtitle{color:#0f172abd;text-shadow:0 1px 18px #ffffffa6;font-weight:650}[data-theme=dark] .landing-page .hero-subtitle{color:#e2e8f0db;text-shadow:0 4px 22px #0f172ab8}.landing-page .hero-section:before{background:linear-gradient(#ffffff2e,#dbeafe3d),radial-gradient(circle at 50% 32%,#ffffff6b,#0000 54%)}.landing-page .hero-section:after{background:linear-gradient(90deg,#0f172a14,#0000 30% 70%,#0f172a14),linear-gradient(#0f172a1a,#0f172a33)}[data-theme=dark] .landing-page .hero-section:before{background:linear-gradient(#0f172a57,#0f172a80),radial-gradient(circle at 50% 32%,#0f172a24,#0000 54%)}[data-theme=dark] .landing-page .hero-section:after{background:linear-gradient(90deg,#0f172a2e,#0000 30% 70%,#0f172a2e),linear-gradient(#0f172a2e,#0f172a57)}.landing-page .hero-section{background-position:50%;background-size:cover;width:min(96vw,1320px);max-width:none}@media (width>=1200px){.landing-page .hero-section{width:min(98vw,1500px);padding-left:42px;padding-right:42px}}@media (width<=760px){.landing-page .hero-section{background-position:50%;background-size:cover;width:calc(100vw - 18px)}}.landing-page .landing-main{padding-top:0}.landing-page .hero-section{margin-top:0}.landing-page .badge{color:#0f5fbf;text-shadow:none;background:#ffffffd1;border-color:#2563eb61;box-shadow:0 10px 24px #2563eb29,inset 0 1px #ffffffd9}[data-theme=dark] .landing-page .badge{color:#dbeafe;background:#0f172a94;border-color:#93c5fd61;box-shadow:0 10px 24px #0f172a3d,inset 0 1px #ffffff1a}.brand-logo-mark{filter:drop-shadow(0 8px 14px #2563eb2e);flex:none;width:34px;height:34px;display:block}.landing-nav .brand-logo-mark{width:36px;height:36px}.landing-footer-logo .brand-logo-mark{width:32px;height:32px}@media (width<=760px){.landing-nav .brand-logo-mark{width:30px;height:30px}}.brand-wordmark{white-space:nowrap;letter-spacing:0;align-items:baseline;font-weight:900;line-height:1;display:inline-flex}.brand-wordmark-chain{color:#059669}[data-theme=dark] .brand-wordmark-chain,.admin-panel-shell .brand-wordmark-chain{color:#34d399}.landing-nav .brand-wordmark{font-size:clamp(1.7rem,3vw,2.45rem)}.landing-footer-logo .brand-wordmark{font-size:1.35rem}.admin-panel-brand .brand-wordmark{font-size:1rem}@media (width<=760px){.landing-nav .brand-wordmark{font-size:1.35rem}}.brand-image-logo{object-fit:contain;filter:drop-shadow(0 8px 16px #2563eb38);flex:none;width:40px;height:40px;display:block}.landing-nav .brand-image-logo{width:44px;height:44px}.landing-footer-logo .brand-image-logo{width:38px;height:38px}.sidebar-brand-logo{border-radius:10px;width:32px;height:32px}.admin-brand-logo{border-radius:12px;width:40px;height:40px}@media (width<=760px){.landing-nav .brand-image-logo{width:34px;height:34px}}.app-container .sidebar{border:1px solid #3b82f633;border-radius:0 22px 22px 0;height:calc(100vh - 24px);margin:12px 0 12px 12px;overflow:hidden}.admin-panel-sidebar{border:1px solid #3b82f633;border-radius:0 22px 22px 0;min-height:calc(100vh - 24px);margin:12px 0 12px 12px;overflow:hidden}@media (width<=768px){.app-container .sidebar{border:0;border-radius:0;height:auto;margin:0;overflow:visible}.app-container .mobile-sidebar-bar{border-radius:0 0 18px 18px}.app-container .mobile-sidebar-drawer{border-radius:0 22px 22px 0;overflow:hidden}.admin-panel-sidebar{border-radius:18px;min-height:auto;margin:10px}}.auth-card-logo{justify-content:center;margin:0 auto 14px;display:flex}.auth-card-logo img{object-fit:contain;filter:drop-shadow(0 12px 22px #2563eb2e);width:86px;height:86px}@media (width<=520px){.auth-card-logo img{width:72px;height:72px}}.auth-page{background:radial-gradient(circle at 18% 16%, #3b82f62e, transparent 30%), radial-gradient(circle at 82% 12%, #10b9811f, transparent 28%), linear-gradient(135deg, #2563eb14, #0f172a05), var(--bg-dark)!important}.auth-page .auth-card{overflow:hidden;background:linear-gradient(145deg, #ffffff0f, #3b82f60d), var(--bg-card)!important;border-color:#3b82f63d!important;border-radius:22px!important;max-width:468px!important;padding:34px 40px 38px!important;box-shadow:0 28px 70px #02061747,inset 0 0 0 1px #ffffff08!important}.auth-page .auth-card:before{content:"";background:linear-gradient(90deg,#3b82f6,#06b6d4,#10b981);height:4px;position:absolute;inset:0 0 auto}.auth-page .modal-close{justify-content:center;align-items:center;width:36px;height:36px;transition:background-color .2s,color .2s,transform .2s;display:inline-flex;border-radius:10px!important}.auth-page .modal-close:hover{transform:translateY(-1px);background:#3b82f61a!important}.auth-page .auth-card-logo{margin-bottom:10px}.auth-page .auth-card-logo img{background:linear-gradient(135deg,#3b82f61f,#10b9811a);border:1px solid #3b82f62e;border-radius:22px;width:78px;height:78px;padding:8px}.auth-page .auth-card h3{letter-spacing:0;margin-bottom:8px!important;font-size:1.6rem!important}.auth-page .auth-desc{max-width:330px;margin-left:auto;margin-right:auto;line-height:1.55}.auth-page .form-group label{color:var(--text-primary)!important;font-weight:650!important}.auth-page .form-group input{min-height:46px;transition:border-color .2s,box-shadow .2s,background-color .2s;background:#3b82f60f!important;border-color:#3b82f63d!important}.auth-page .password-input-wrap{position:relative}.auth-page .password-eye-button{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;transition:background-color .2s,color .2s;display:inline-flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.auth-page .password-eye-button:hover{color:var(--text-primary);background:#3b82f61a}.auth-page .form-group input:focus{box-shadow:0 0 0 4px #3b82f621;background:#3b82f617!important;border-color:#3b82f6b8!important}.auth-page .hero-cta-btn{min-height:48px;box-shadow:0 14px 30px #3b82f63d;border-radius:999px!important}.auth-page .auth-switch button:hover{text-decoration:underline}[data-theme=light] .auth-page{background:radial-gradient(circle at 18% 16%,#3b82f629,#0000 30%),radial-gradient(circle at 82% 12%,#10b9811f,#0000 28%),linear-gradient(135deg,#f8fbff,#eef8f4)!important}[data-theme=light] .auth-page .auth-card{background:linear-gradient(145deg,#fffffff0,#eff6ffd1),#fff!important;box-shadow:0 28px 70px #0f172a29,inset 0 0 0 1px #ffffffe6!important}@media (width<=520px){.auth-page .auth-card{border-radius:18px!important;padding:30px 22px 32px!important}.auth-page .auth-card-logo img{width:68px;height:68px}}@media (width<=820px){html,body,#root{width:100%;max-width:100%;overflow-x:hidden}.app-container,.app-container .main-content,.admin-page,.landing-page main,.landing-page section,.landing-page footer{width:100%;max-width:100vw;overflow-x:hidden}.app-container .main-content{padding-left:12px!important;padding-right:12px!important}.app-container .page-header,.app-container .app-top-header,.admin-page .page-header,.page-header.split-header,.subscription-table-header,.admin-users-header{flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;gap:10px!important;width:100%!important;min-width:0!important;display:flex!important}.app-container .page-header,.admin-page .page-header{border-radius:12px!important;padding:12px 14px!important}.app-container .page-header h2,.admin-page .page-header h2,.page-header h2{word-break:break-word;font-size:clamp(1.18rem,5vw,1.45rem)!important;line-height:1.15!important}.app-container .page-header p,.admin-page .page-header p,.page-header p{font-size:.88rem!important;line-height:1.35!important}.dashboard-grid,.tools-summary-grid,.ops-grid,.admin-system-summary-grid,.diagnosis-summary-grid,.scan-capability-grid,.pricing-grid,.landing-feature-grid,.landing-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.card,.tools-summary-card,.subscription-status-card,.auto-diagnosis-card,.diagnosis-issue,.admin-actions-card,.landing-card,.plan-card{min-width:0!important;max-width:100%!important}.app-container .card,.admin-page .card{border-radius:10px!important;padding:14px!important}.toolbar-row,.top-header-actions,.diagnosis-issue-actions,.admin-support-type-list,.section-actions{flex-wrap:wrap!important;justify-content:flex-start!important;align-items:stretch!important;gap:8px!important;width:100%!important;min-width:0!important;display:flex!important}.toolbar-row>*,.top-header-actions>*,.section-actions>*,.subscription-table-header>*,.admin-users-header>*{min-width:0!important;max-width:100%!important}button,input,select,textarea{max-width:100%!important}.modal-overlay,.auth-page{padding:12px!important}.modal-content,.auth-card,.landing-legal-modal,.admin-user-view,.admin-modal{width:min(100%,100vw - 24px)!important;max-width:calc(100vw - 24px)!important;max-height:calc(100vh - 24px)!important;overflow-y:auto!important}.data-table,table{min-width:640px}.admin-table-scroll,.admin-user-view-table,.table-scroll,div[style*="overflowX: 'auto'"],div[style*="overflowX: auto"],div[style*="overflow-x: auto"]{-webkit-overflow-scrolling:touch;max-width:100%!important;overflow-x:auto!important}.card:has(.data-table){-webkit-overflow-scrolling:touch;max-width:100%!important;overflow-x:auto!important}.devices-page .card,.reports-page .card,.subscription-page .card,.team-page .card,.refer-page .card,.announcements-page .card,.alerts-page .card,.diagnosis-page .card,.mikrotik-page .card{width:100%!important}.devices-page .page-header,.mikrotik-page .page-header{flex-direction:column!important;align-items:stretch!important}.devices-page .page-header button,.mikrotik-page .page-header button{justify-content:center!important;width:100%!important}.devices-page form div[style*=grid-template-columns],.diagnosis-page div[style*=grid-template-columns],.mikrotik-page div[style*=grid-template-columns],.admin-page div[style*=grid-template-columns]{grid-template-columns:1fr!important}.mikrotik-page div[style*=minmax\(240px],.mikrotik-page div[style*=minmax\(220px],.admin-page div[style*=minmax\(180px],.admin-page div[style*=minmax\(220px]{grid-template-columns:1fr!important;justify-items:stretch!important}.topology-chain-container,.live-chain-map,.mikrotik-chain-panel,.demo-topology-container,.chart-container,.recharts-responsive-container{-webkit-overflow-scrolling:touch;max-width:100%!important;overflow-x:auto!important}}@media (width<=520px){.app-container .main-content{padding:10px!important}.app-container .page-header,.admin-page .page-header,.app-container .app-top-header{margin-bottom:14px!important;padding:10px 12px!important}.card,.app-container .card,.admin-page .card{padding:12px!important}.data-table,table{min-width:560px}.landing-nav,.landing-hero,.landing-section,.landing-footer{padding-left:14px!important;padding-right:14px!important}.auth-card{padding:24px 18px!important}}@media (width<=380px){.dashboard-grid,.tools-summary-grid,.ops-grid,.admin-system-summary-grid,.diagnosis-summary-grid,.scan-capability-grid,.pricing-grid,.landing-feature-grid,.landing-stats-grid{grid-template-columns:1fr!important}}@media (width<=820px){.app-container .mobile-sidebar-bar{z-index:120!important;background:0 0!important;border:0!important;width:38px!important;height:38px!important;padding:0!important;display:flex!important;position:fixed!important;top:17px!important;left:18px!important}.app-container .mobile-sidebar-bar h1,.app-container .mobile-sidebar-bar .role-pill{display:none!important}.app-container .sidebar-menu-button{border-radius:10px!important;width:38px!important;height:38px!important}.app-container .app-top-header{grid-template-columns:minmax(0,1fr) auto!important;justify-content:stretch!important;align-items:center!important;gap:8px!important;min-height:58px!important;padding:10px 10px 10px 56px!important;display:grid!important}.app-container .greeting-text{text-overflow:ellipsis!important;white-space:nowrap!important;min-width:0!important;font-size:clamp(.88rem,3.5vw,1rem)!important;line-height:1.2!important;overflow:hidden!important}.app-container .top-header-actions{flex-wrap:nowrap!important;flex:none!important;justify-content:flex-end!important;align-items:center!important;gap:6px!important;width:auto!important;min-width:max-content!important;display:flex!important}.app-container .header-icon-button,.app-container .top-header-actions>button{border-radius:9px!important;justify-content:center!important;width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;padding:0!important}.app-container .top-header-actions>button:last-child{gap:6px!important;width:auto!important;min-width:38px!important;padding:0 10px!important}}@media (width<=430px){.app-container .mobile-sidebar-bar{left:12px!important}.app-container .app-top-header{gap:6px!important;padding-left:50px!important}.app-container .header-icon-button,.app-container .top-header-actions>button,.app-container .top-header-actions>button:last-child{width:34px!important;min-width:34px!important;height:34px!important;padding:0!important}.app-container .profile-button-label{display:none!important}}@media (width<=820px){.mikrotik-page>div>.card[style*="padding: 0"]{-webkit-overflow-scrolling:touch;overflow:auto visible!important}.mikrotik-page>div>.card[style*="padding: 0"]>div[style*=grid-template-columns]{grid-template-columns:minmax(220px,1.15fr) minmax(155px,.85fr) minmax(125px,.65fr) minmax(225px,1fr) 46px!important;align-items:center!important;width:max-content!important;min-width:780px!important}.mikrotik-page>div>.card[style*="padding: 0"]>div[style*=grid-template-columns]>div{min-width:0!important}.mikrotik-page>div>.card[style*="padding: 0"]>div[style*=grid-template-columns] h3,.mikrotik-page>div>.card[style*="padding: 0"]>div[style*=grid-template-columns] p{white-space:nowrap!important}.mikrotik-page>div>.card[style*="padding: 0"]>div[style*=grid-template-columns]{column-gap:16px!important;min-height:66px!important;padding:8px 12px!important}.mikrotik-page>div>.card[style*="padding: 0"]>div[style*=grid-template-columns]>div:first-child{gap:10px!important}.mikrotik-page>div>.card[style*="padding: 0"]>div[style*=grid-template-columns]>div:first-child>div:first-child{border-radius:8px!important;padding:7px!important}.mikrotik-page>div>.card[style*="padding: 0"] h3{font-size:.9rem!important}.mikrotik-page>div>.card[style*="padding: 0"] p{margin-top:1px!important;font-size:10.5px!important;line-height:1.25!important}.mikrotik-page>div>.card[style*="padding: 0"] button[aria-label="Open MikroTik actions"]{width:32px!important;height:32px!important}.app-container .main-content{padding-top:78px!important}.app-container .app-top-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:110!important;margin-bottom:0!important;position:fixed!important;top:8px!important;left:8px!important;right:8px!important}.app-container .mobile-sidebar-bar{z-index:130!important;top:18px!important;left:18px!important}}@media (width<=430px){.app-container .main-content{padding-top:74px!important}.app-container .app-top-header{top:6px!important;left:6px!important;right:6px!important}.app-container .mobile-sidebar-bar{top:16px!important;left:12px!important}}@media (width<=820px){.app-container .mobile-sidebar-bar{pointer-events:none;z-index:140!important;justify-content:center!important;align-items:center!important;display:flex!important;position:fixed!important;top:18px!important;left:18px!important}.app-container .mobile-sidebar-bar .sidebar-menu-button{pointer-events:auto;box-shadow:0 8px 18px #2563eb1a;background:#ffffff0d!important;border:1px solid #3b82f63d!important;display:inline-flex!important}}@media (width<=430px){.app-container .mobile-sidebar-bar{top:15px!important;left:12px!important}}.app-header-menu-button{display:none}@media (width<=820px){.app-container .mobile-sidebar-bar{display:none!important}.app-container .app-top-header{grid-template-columns:38px minmax(0,1fr) auto!important;padding-left:10px!important}.app-header-menu-button{width:38px;min-width:38px;height:38px;color:var(--text-primary);cursor:pointer;background:#ffffff0d;border:1px solid #3b82f63d;border-radius:10px;justify-content:center;align-items:center;box-shadow:0 8px 18px #2563eb1a;display:inline-flex!important}}@media (width<=430px){.app-container .app-top-header{grid-template-columns:34px minmax(0,1fr) auto!important;padding-left:8px!important}.app-header-menu-button{width:34px;min-width:34px;height:34px}}@media (width<=820px){.app-container .main-content{padding-top:66px!important}.app-container .app-top-header{border-top:0!important;border-radius:0 0 14px 14px!important;top:0!important;left:0!important;right:0!important}}@media (width<=430px){.app-container .main-content{padding-top:62px!important}.app-container .app-top-header{top:0!important;left:0!important;right:0!important}}@media (width<=820px){.app-container .mobile-sidebar-drawer{z-index:220!important;border-radius:0 18px 18px 0!important;max-height:100vh!important;top:0!important;bottom:0!important;left:0!important;overflow-y:auto!important;box-shadow:24px 0 44px #02061759!important}.app-container .mobile-sidebar-drawer.open{transform:translate(0)!important}.app-container .sidebar{z-index:230!important;width:0!important;height:0!important;box-shadow:none!important;background:0 0!important;border:0!important;position:fixed!important;inset:0 auto auto 0!important;overflow:visible!important}.app-container .mobile-sidebar-drawer{z-index:240!important;padding-top:16px!important}.app-container .sidebar-backdrop{z-index:235!important}.app-container .mobile-drawer-header{background:linear-gradient(135deg, #3b82f61f, #10b9810f), var(--bg-card)!important;border:1px solid #3b82f638!important;border-radius:12px!important;margin:0 0 12px!important;padding:10px 10px 12px!important}.app-container .mobile-drawer-header h1{width:100%!important;min-width:0!important;max-width:100%!important;color:var(--color-primary)!important;white-space:nowrap!important;text-overflow:ellipsis!important;align-items:center!important;gap:8px!important;font-size:clamp(1rem,6.3vw,1.45rem)!important;font-weight:800!important;line-height:1.1!important;display:flex!important;overflow:hidden!important}.app-container .mobile-drawer-header h1 img,.app-container .mobile-drawer-header h1 .brand-image-logo,.app-container .mobile-drawer-header h1 svg{object-fit:cover!important;border-radius:50%!important;flex:0 0 30px!important;width:30px!important;min-width:30px!important;height:30px!important}.app-container .mobile-drawer-header{box-shadow:none!important;border:1px solid #3b82f647!important;outline:none!important}.app-container .mobile-drawer-header h1 img,.app-container .mobile-drawer-header h1 .brand-image-logo{box-shadow:none!important;border:0!important}.app-container .mobile-drawer-header h1{background:0 0!important;border:0!important;border-radius:0!important;padding:0!important}.app-container .read-toggle-grid{align-items:start}.read-toggle-grid .read-alert-card{align-self:start}.read-alert-card{overflow:hidden!important}.app-container .read-alert-summary{grid-template-columns:minmax(0,1fr) 48px!important;align-items:center!important;gap:10px!important;min-height:104px!important;padding:14px!important;display:grid!important}.app-container .read-alert-summary>div{min-width:0!important}.app-container .read-alert-summary h3{margin-bottom:4px!important;font-size:1rem!important;line-height:1.15!important}.app-container .read-alert-summary p{overflow-wrap:anywhere;font-size:.78rem!important;line-height:1.2!important}.app-container .read-alert-summary strong{border-radius:14px!important;justify-self:end!important;width:48px!important;min-width:48px!important;max-width:48px!important;height:48px!important;min-height:48px!important;font-size:1.45rem!important}}@media (width<=380px){.app-container .read-alert-summary{grid-template-columns:minmax(0,1fr) 44px!important}.app-container .read-alert-summary strong{width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;min-height:44px!important;font-size:1.25rem!important}}@media (width<=760px){.landing-page .landing-nav{border-radius:0 0 18px 18px!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"brand actions""shortcuts shortcuts"!important;align-items:center!important;gap:10px 12px!important;padding:10px 12px 11px!important;display:grid!important;position:sticky!important;top:0!important;box-shadow:0 12px 30px #0f172a24!important}.landing-page .landing-nav .logo{grid-area:brand!important;gap:8px!important;min-width:0!important}.landing-page .landing-nav .brand-image-logo{flex:0 0 34px!important;width:34px!important;height:34px!important}.landing-page .landing-nav .brand-wordmark{white-space:nowrap!important;min-width:0!important;font-size:clamp(1.05rem,5.2vw,1.42rem)!important;line-height:1!important}.landing-page .landing-nav-actions{grid-area:actions!important;justify-content:flex-end!important;gap:6px!important;min-width:0!important;margin-left:0!important}.landing-page .landing-nav-actions button[aria-label^=Switch]{background:#ffffffad!important;border-radius:10px!important;width:34px!important;min-width:34px!important;height:34px!important;margin-right:0!important}.landing-page .landing-nav-actions .nav-btn{white-space:nowrap!important;border-radius:10px!important;min-height:34px!important;padding:0 10px!important;font-size:.78rem!important}.landing-page .landing-nav-shortcuts{scrollbar-width:none!important;grid-area:shortcuts!important;justify-content:flex-start!important;gap:8px!important;width:100%!important;padding:2px 1px 1px!important;display:flex!important;overflow-x:auto!important}.landing-page .landing-nav-shortcuts::-webkit-scrollbar{display:none!important}.landing-page .landing-nav-shortcuts a{background:#3b82f614!important;border:1px solid #3b82f62e!important;border-radius:999px!important;flex:none!important;padding:7px 11px!important;font-size:.78rem!important;line-height:1!important}}@media (width<=430px){.landing-page .landing-nav{gap:8px!important;padding:9px 10px 10px!important}.landing-page .landing-nav .brand-wordmark{font-size:clamp(.96rem,4.7vw,1.18rem)!important}.landing-page .landing-nav .brand-image-logo{flex-basis:30px!important;width:30px!important;height:30px!important}.landing-page .landing-nav-actions .nav-btn{padding:0 8px!important;font-size:.72rem!important}}@media (width<=360px){.landing-page .landing-nav-actions .nav-btn.primary{white-space:normal!important;max-width:92px!important;line-height:1.05!important}}@media (width<=760px){.landing-page .hero-section{background-position:top!important;background-size:auto 56%!important;flex-direction:column!important;align-items:center!important;min-height:720px!important;padding:28px 14px 18px!important;display:flex!important}.landing-page .hero-section:before{background:linear-gradient(#ffffff14 0%,#dbeafe1a 48%,#0f172a2e 100%),radial-gradient(circle at 50% 24%,#ffffff42,#0000 48%)!important}.landing-page .landing-hero-stats{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:linear-gradient(135deg,#ffffffe6,#f0fdfad1)!important;width:min(420px,100% - 8px)!important;margin-top:auto!important;padding:18px 20px!important}}@media (width<=430px){.landing-page .hero-section{background-size:auto 54%!important;min-height:700px!important}.landing-page .landing-hero-stats{padding:16px 18px!important}}@media (width<=760px){.landing-page .landing-hero-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch!important;gap:0!important;padding:16px 10px!important}.landing-page .landing-hero-stat{min-width:0!important;padding:2px 8px!important}.landing-page .landing-hero-stat strong{white-space:nowrap!important;font-size:clamp(1.35rem,7vw,2rem)!important}.landing-page .landing-hero-stat span{overflow-wrap:anywhere!important;font-size:clamp(.68rem,2.8vw,.82rem)!important;line-height:1.25!important}.landing-page .landing-hero-stat+.landing-hero-stat:before{background:linear-gradient(#0000,#10b98157,#0000)!important;width:1px!important;height:auto!important;inset:8% auto 8% 0!important}}@media (width<=380px){.landing-page .landing-hero-stats{padding:14px 6px!important}.landing-page .landing-hero-stat{padding:2px 5px!important}.landing-page .landing-hero-stat strong{font-size:clamp(1.15rem,6.3vw,1.65rem)!important}.landing-page .landing-hero-stat span{font-size:.62rem!important}}@media (width<=760px){.landing-page .hero-section{background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;justify-content:flex-start!important;min-height:720px!important}.landing-page .hero-section:before{background:linear-gradient(#ffffff0f 0%,#dbeafe14 45%,#0f172a38 100%),radial-gradient(circle at 50% 28%,#ffffff2e,#0000 52%)!important}.landing-page .hero-section:after{background:linear-gradient(90deg,#0f172a0f,#0000 24% 76%,#0f172a0f),linear-gradient(#0f172a0f,#0f172a33)!important}.landing-page .landing-hero-stats{margin-top:auto!important}}@media (width<=430px){.landing-page .hero-section{background-position:50%!important;background-size:cover!important;min-height:690px!important}}@media (width<=760px){.landing-page .hero-section{background-position:50% 42%!important;background-size:135%!important}}@media (width<=430px){.landing-page .hero-section{background-position:50% 40%!important;background-size:150%!important}}@media (width<=760px){.landing-page .hero-section .hero-cta-btn{margin-top:auto!important;margin-bottom:18px!important}.landing-page .landing-hero-stats{margin-top:0!important}}@media (width<=430px){.landing-page .hero-section .hero-cta-btn{margin-bottom:14px!important}}@media (width<=760px){.landing-page .hero-section{padding-top:14px!important}.landing-page .badge{min-height:32px!important;margin-bottom:14px!important;padding:6px 14px!important;font-size:.78rem!important}.landing-page .hero-title{margin-bottom:12px!important;line-height:1.02!important}.landing-page .hero-subtitle{margin-bottom:18px!important}}@media (width<=430px){.landing-page .hero-section{padding-top:10px!important}.landing-page .badge{margin-bottom:10px!important}}@media (width<=760px){.landing-page .hero-section{background-position:50% 8px!important;background-size:145%!important}.landing-page .hero-title,.landing-page .badge,.landing-page .hero-subtitle{z-index:2!important;position:relative!important}}@media (width<=430px){.landing-page .hero-section{background-position:50% 0!important;background-size:165%!important}}@media (width<=760px){.landing-page .hero-section{background-position:top!important;background-size:145% 88%!important}}@media (width<=430px){.landing-page .hero-section{background-position:top!important;background-size:165% 86%!important}}@media (width<=760px){.landing-page .hero-section{background-size:145% 100%!important;min-height:680px!important;padding-bottom:18px!important}.landing-page .hero-section .hero-cta-btn{margin-bottom:16px!important;box-shadow:0 16px 36px #2563eb3d!important}.landing-page .landing-hero-stats{-webkit-backdrop-filter:blur(8px)saturate(1.18)!important;background:linear-gradient(135deg,#ffffffbd,#f0fdfa94)!important;border-color:#ffffff75!important;box-shadow:0 18px 42px #0f172a33!important}[data-theme=dark] .landing-page .landing-hero-stats{background:linear-gradient(135deg,#0f172aad,#14532d57)!important;border-color:#60a5fa47!important}}@media (width<=430px){.landing-page .hero-section{background-size:165% 100%!important;min-height:660px!important}.landing-page .hero-section .hero-cta-btn{margin-bottom:14px!important}}@media (width<=760px){.landing-page .hero-section .hero-cta-btn{-webkit-backdrop-filter:blur(6px)saturate(1.15)!important;background:linear-gradient(135deg,#3b82f6d6,#7c3aedd1)!important}.landing-page .landing-hero-stats{-webkit-backdrop-filter:blur(5px)saturate(1.08)!important;background:linear-gradient(135deg,#ffffff85,#f0fdfa5c)!important;border-color:#ffffff57!important}.landing-page .hero-section .hero-cta-btn{background:linear-gradient(135deg,#3b82f6a8,#7c3aeda3)!important;border:1px solid #ffffff38!important;box-shadow:0 14px 32px #0f172a29!important}.landing-page .hero-section .hero-cta-btn{color:#fffffff5!important;text-shadow:0 2px 10px #0f172a57!important;-webkit-backdrop-filter:blur(12px)saturate(1.22)!important;background:linear-gradient(135deg,#3b82f66b,#7c3aed66)!important;border:1px solid #ffffff57!important;box-shadow:0 16px 36px #0f172a1f,inset 0 1px #ffffff38!important}.landing-page .landing-hero-stats{-webkit-backdrop-filter:blur(12px)saturate(1.2)!important;background:linear-gradient(135deg,#fff3,#f0fdfa1a)!important;border-color:#ffffff57!important;box-shadow:0 18px 38px #0f172a1f,inset 0 1px #ffffff3d!important}.landing-page .landing-hero-stat strong,.landing-page .landing-hero-stat span{text-shadow:0 1px 10px #ffffff6b,0 2px 14px #0f172a1f!important}[data-theme=dark] .landing-page .landing-hero-stats{background:linear-gradient(135deg,#0f172a38,#14532d1a)!important;border-color:#ffffff2e!important}.landing-page .hero-section .hero-cta-btn{margin-bottom:-8px!important;transform:translateY(-28px)!important}}@media (width<=430px){.landing-page .hero-section .hero-cta-btn{margin-bottom:-6px!important;transform:translateY(-24px)!important}}@media (width<=760px){.landing-page .hero-section .hero-cta-btn{margin-bottom:-56px!important;transform:translateY(-86px)!important}}@media (width<=430px){.landing-page .hero-section .hero-cta-btn{margin-bottom:-50px!important;transform:translateY(-78px)!important}}@media (width<=760px){.landing-page .hero-section .hero-cta-btn{margin-bottom:-96px!important;transform:translateY(-126px)!important}}@media (width<=430px){.landing-page .hero-section .hero-cta-btn{margin-bottom:-90px!important;transform:translateY(-118px)!important}}@media (width<=760px){.landing-page .hero-section .hero-cta-btn{align-self:center!important;width:min(320px,100% - 70px)!important;margin-bottom:-126px!important;transform:translateY(-156px)!important}}@media (width<=430px){.landing-page .hero-section .hero-cta-btn{width:min(322px,100% - 58px)!important;margin-bottom:-118px!important;transform:translateY(-148px)!important}}@media (width<=760px){.landing-page .hero-section .hero-cta-btn{border-radius:16px!important;gap:8px!important;min-height:46px!important;padding:0 18px!important;font-size:.92rem!important}.landing-page .hero-section .hero-cta-btn svg{width:17px!important;height:17px!important}}@media (width<=430px){.landing-page .hero-section .hero-cta-btn{width:min(292px,100% - 72px)!important;min-height:42px!important;padding:0 15px!important;font-size:.84rem!important}}@media (width<=760px){.landing-page .hero-section .hero-cta-btn{margin-bottom:-148px!important;transform:translateY(-178px)!important}}@media (width<=430px){.landing-page .hero-section .hero-cta-btn{margin-bottom:-140px!important;transform:translateY(-170px)!important}}@media (width<=760px){.landing-page .hero-section .hero-cta-btn{width:min(292px,100% - 64px)!important;margin-top:8px!important;margin-bottom:auto!important;transform:none!important}.landing-page .landing-hero-stats{margin-top:18px!important}}@media (width<=430px){.landing-page .hero-section .hero-cta-btn{width:min(284px,100% - 62px)!important;margin-top:6px!important;margin-bottom:auto!important;transform:none!important}}@media (width<=760px){.landing-page .hero-section .hero-cta-btn{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary))!important;color:#fff!important;width:auto!important;max-width:calc(100% - 72px)!important;min-height:42px!important;text-shadow:none!important;-webkit-backdrop-filter:none!important;border:0!important;padding:0 14px 0 18px!important;box-shadow:0 16px 36px #3b82f647!important}}@media (width<=430px){.landing-page .hero-section .hero-cta-btn{width:auto!important;max-width:calc(100% - 76px)!important;padding:0 12px 0 16px!important}}@media (width<=760px){.landing-page .hero-section .hero-cta-btn{transform:translate(-12px)!important}}@media (width<=430px){.landing-page .hero-section .hero-cta-btn{transform:translate(-10px)!important}}@media (width<=760px){.landing-page .hero-section .hero-cta-btn{background:linear-gradient(90deg,#3b82f6 0%,#4f7df8 48%,#8b5cf6 100%)!important;box-shadow:0 16px 34px #3b82f64d!important}}.alert-header-switches{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.alert-switch-row{border:1px solid var(--border-color);background:#ffffff85;border-radius:14px;align-items:center;gap:8px;padding:6px 8px 6px 12px;display:inline-flex}.alert-switch-row>span:first-child{color:var(--text-secondary);white-space:nowrap;font-size:.82rem;font-weight:800}.push-notification-card{justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;display:flex}.push-notification-card>div{align-items:center;gap:12px;min-width:0;display:flex}.push-notification-card svg{color:var(--color-primary);flex:none}.push-notification-card strong,.push-notification-card p{display:block}.push-notification-card p{color:var(--text-secondary);margin-top:3px;font-size:.9rem}.push-notification-card small{color:var(--text-secondary);white-space:nowrap;font-weight:700}[data-theme=dark] .alert-switch-row{background:#0f172a75}@media (width<=760px){.alert-header-switches{justify-content:flex-start;width:100%}.push-notification-card{flex-direction:column;align-items:flex-start}}.brand-wordmark{white-space:nowrap;letter-spacing:-.04em;align-items:baseline;font-style:italic;font-weight:950;line-height:1;display:inline-flex}.brand-wordmark-sprint,.brand-wordmark-chain,.brand-wordmark-chain{color:inherit}p .brand-wordmark,span .brand-wordmark,small .brand-wordmark,li .brand-wordmark,td .brand-wordmark{font-size:1em;line-height:inherit;vertical-align:baseline;letter-spacing:-.055em}p .brand-wordmark-chain,span .brand-wordmark-chain,small .brand-wordmark-chain,li .brand-wordmark-chain,td .brand-wordmark-chain{margin-left:.02em}.brand-wordmark{letter-spacing:-.055em!important;font-style:italic!important;font-weight:950!important;line-height:.98!important}.brand-wordmark-sprint{color:#06285f!important}.brand-wordmark-chain{background:linear-gradient(90deg,#0496ff 0%,#00a9ff 34%,#04bec9 62%,#16c866 100%)!important;color:#0000!important;-webkit-background-clip:text!important;background-clip:text!important;margin-left:.025em!important}[data-theme=dark] .brand-wordmark-sprint,.admin-panel-shell .brand-wordmark-sprint{color:#dbeafe!important}[data-theme=dark] .brand-wordmark-chain,.admin-panel-shell .brand-wordmark-chain{background:linear-gradient(90deg,#38bdf8 0%,#22d3ee 48%,#34d399 100%)!important;color:#0000!important;-webkit-background-clip:text!important;background-clip:text!important}.dashboard-clickable-stat{border:1px solid var(--border-color);width:100%;color:inherit;text-align:left;cursor:pointer;transition:transform .16s,box-shadow .16s,border-color .16s}.dashboard-clickable-stat:hover:not(:disabled),.dashboard-clickable-stat:focus-visible:not(:disabled){border-color:#3b82f659;outline:none;transform:translateY(-2px);box-shadow:0 18px 38px #0f172a24}.dashboard-clickable-stat:disabled{cursor:not-allowed;opacity:.82}.dashboard-status-dialog-backdrop{z-index:12000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a7a;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.dashboard-status-dialog{border:1px solid var(--border-color);background:var(--bg-card);border-radius:16px;flex-direction:column;width:min(920px,100%);max-height:min(78vh,720px);display:flex;overflow:hidden;box-shadow:0 28px 80px #0f172a47}.dashboard-status-dialog-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px;display:flex}.dashboard-status-dialog-header h3{margin:0;font-size:1.25rem}.dashboard-status-dialog-header p{color:var(--text-secondary);margin:5px 0 0}.dashboard-status-list{gap:10px;padding:12px;display:grid;overflow:auto}.dashboard-status-list-row{border:1px solid var(--border-color);background:var(--subtle-surface);border-left-width:4px;border-radius:12px;grid-template-columns:minmax(170px,1.5fr) minmax(140px,1fr) minmax(90px,.7fr) minmax(120px,.9fr);align-items:center;gap:12px;padding:14px 16px;display:grid}.dashboard-status-list-row.status-red{border-left-color:var(--color-red)}.dashboard-status-list-row.status-yellow{border-left-color:var(--color-yellow)}.dashboard-status-list-row strong,.dashboard-status-list-row span,.dashboard-status-list-row small{overflow-wrap:anywhere;min-width:0;display:block}.dashboard-status-list-row small{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:3px;font-size:.74rem;font-weight:800}.compact-empty-state{margin:14px;padding:28px}@media (width<=760px){.dashboard-status-dialog-backdrop{align-items:flex-end;padding:10px}.dashboard-status-dialog{border-radius:16px 16px 10px 10px;max-height:84vh}.dashboard-status-list-row{grid-template-columns:1fr;gap:8px}}.app-container .subscription-page .subscription-status-card,.app-container .subscription-page .current-invoice-card{background:linear-gradient(145deg, #3b82f60e, #10b98109), var(--bg-card)}.app-container .subscription-page .billing-status{background:linear-gradient(135deg, #10b9811f, #3b82f60f), var(--subtle-surface);border-color:#10b9813d}.app-container .subscription-page .billing-status strong{color:var(--color-green);letter-spacing:0;font-size:.95rem;font-weight:800}.app-container .subscription-page .billing-status span{color:color-mix(in srgb, var(--color-green) 68%, var(--text-secondary));font-size:.78rem;font-weight:650}.app-container .subscription-page .billing-detail-row,.app-container .subscription-page .invoice-line{align-items:center;min-height:36px}.app-container .subscription-page .billing-detail-row span,.app-container .subscription-page .invoice-line span{color:color-mix(in srgb, var(--text-secondary) 82%, var(--color-primary));font-size:.78rem;font-weight:650}.app-container .subscription-page .billing-detail-row strong,.app-container .subscription-page .invoice-line strong{color:color-mix(in srgb, var(--text-primary) 78%, var(--color-primary));font-size:.82rem;font-weight:800}.app-container .subscription-page .billing-detail-row:nth-of-type(3) strong,.app-container .subscription-page .invoice-line:nth-of-type(8) strong{color:var(--color-primary)}.app-container .subscription-page .billing-detail-row:nth-of-type(4) strong{color:var(--color-yellow)}.app-container .subscription-page .billing-detail-row:nth-of-type(8) strong,.app-container .subscription-page .invoice-line:nth-of-type(5) strong{color:var(--color-green)}.app-container .subscription-page .invoice-line:nth-of-type(10) strong{color:color-mix(in srgb, var(--color-green) 75%, var(--text-primary))}.app-container .subscription-page .current-invoice-card .section-title{color:color-mix(in srgb, var(--text-primary) 82%, var(--color-primary));font-weight:850}.app-container .subscription-page .current-invoice-card .section-title svg{color:var(--color-primary)}.app-container .subscription-page .billing-pay-button{letter-spacing:0;font-weight:800}.app-container .subscription-page .muted{color:color-mix(in srgb, var(--text-secondary) 78%, var(--color-primary));font-size:.78rem;font-weight:600}.discovery-modal-overlay{align-items:flex-start;padding:18px;overflow-y:auto}.discovery-modal-content{width:min(940px,100%);max-width:940px;max-height:calc(100vh - 36px);margin:0 auto;padding:24px;overflow-y:auto}.discovery-modal-content .modal-close{top:16px;right:16px}@media (width<=720px){.discovery-modal-overlay{padding:10px}.discovery-modal-content{border-radius:14px;max-height:calc(100vh - 20px);padding:18px}.discovery-modal-content .admin-form{grid-template-columns:1fr!important}}.discovery-modal-title{color:#2563eb;justify-content:center;align-items:center;gap:10px;margin-bottom:12px;display:flex}.discovery-modal-title h3{color:#0f766e;letter-spacing:0;margin:0}.discovery-modal-lead{color:#1d4ed8;margin:0 0 12px;font-weight:600;line-height:1.55}.discovery-safe-note{color:#92400e;margin-bottom:14px;background:linear-gradient(135deg,#fffbebeb,#ecfdf5d1)!important;border-color:#f59e0b59!important}[data-theme=dark] .discovery-safe-note{color:#fbbf24;background:linear-gradient(135deg,#78350f38,#14532d2e)!important}.discovery-defaults{margin:12px 0}.discovery-defaults>strong{color:#7c3aed;margin-bottom:8px;font-size:.98rem;display:block}.discovery-default-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;display:grid}.discovery-default-card{background:linear-gradient(135deg,#f0fdfae0,#eff6ffd6);border:1px solid #14b8a647;border-left:4px solid #14b8a6;border-radius:8px;padding:10px}[data-theme=dark] .discovery-default-card{background:linear-gradient(135deg,#14b8a61f,#3b82f61f)}.discovery-default-card div{color:#0f766e;font-weight:800}.discovery-default-card small{color:#2563eb;font-weight:700}.discovery-results{border:1px solid #3b82f647;border-radius:10px;overflow-x:auto}.discovery-results table{border-collapse:collapse;width:100%}.discovery-results thead{background:linear-gradient(90deg,#2563eb1f,#14b8a61f)}.discovery-results th{color:#1d4ed8;text-align:left;padding:10px;font-weight:800}[data-theme=dark] .discovery-results th{color:#93c5fd}.discovery-results tbody tr:nth-child(2n){background:#14b8a60b}.discovery-candidate-row.state-mismatch,.discovery-candidate-row.state-same-mac-new-ip{background:#f59e0b14!important}.discovery-state-pill{border:1px solid #0000;border-radius:999px;align-items:center;margin-bottom:4px;padding:4px 9px;font-size:.78rem;font-weight:800;display:inline-flex}.discovery-state-pill.state-new{color:#047857;background:#10b98124;border-color:#10b98147}.discovery-state-pill.state-registered,.discovery-state-pill.state-registered-ip{color:#2563eb;background:#3b82f624;border-color:#3b82f640}.discovery-state-pill.state-mismatch,.discovery-state-pill.state-same-mac-new-ip{color:#b45309;background:#f59e0b29;border-color:#f59e0b52}.discovery-state-note{color:var(--text-secondary);max-width:320px;line-height:1.35;display:block}[data-theme=dark] .discovery-state-note{color:#bfdbfe}.discovery-modal-footnote{color:#0f766e;margin-top:12px;font-weight:700}[data-theme=dark] .discovery-modal-footnote{color:#5eead4}.discovery-default-card{appearance:none;text-align:left;cursor:pointer;transition:transform .16s,border-color .16s,box-shadow .16s}.discovery-default-card:hover{border-color:#2563eb7a;transform:translateY(-1px);box-shadow:0 10px 24px #2563eb1f}.discovery-default-card span{color:var(--text-secondary);margin-top:5px;font-size:12px;line-height:1.35;display:block}.discovery-default-card{border-left-width:3px;border-radius:7px;min-height:0;padding:7px 8px}.discovery-default-card div{font-size:.82rem;line-height:1.2}.discovery-default-card small{margin-top:2px;font-size:.74rem;line-height:1.2;display:block}.discovery-default-card span{margin-top:3px;font-size:.68rem;line-height:1.2}.discovery-progress-card{background:linear-gradient(135deg,#eff6ffeb,#f0fdfad6);border:1px solid #3b82f647;border-radius:10px;justify-content:space-between;align-items:flex-start;gap:14px;margin:10px 0 14px;padding:12px 14px;display:flex}.discovery-progress-card strong{color:#1d4ed8;margin-bottom:4px;display:block}.discovery-progress-card span{color:var(--text-secondary);font-size:13px;line-height:1.35}.discovery-progress-card.status-pending{border-left:4px solid #f59e0b}.discovery-progress-card.status-running{border-left:4px solid #2563eb}.discovery-progress-card.status-success{border-left:4px solid #10b981}.discovery-progress-card.status-failed{border-left:4px solid #ef4444}.discovery-progress-card.status-pending strong{color:#b45309}.discovery-progress-card.status-running strong{color:#2563eb}.discovery-progress-card.status-success strong{color:#047857}.discovery-progress-card.status-failed strong{color:#dc2626}.discovery-progress-meta{text-align:right;gap:3px;min-width:150px;display:grid}@media (width<=640px){.discovery-progress-card{flex-direction:column}.discovery-progress-meta{text-align:left}}.discovery-range-editor{gap:8px;display:grid}.discovery-range-editor>span{color:var(--text-primary);font-weight:700}.discovery-range-add-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.discovery-range-add-row input,.discovery-range-row input{border:1px solid var(--border-color);background:var(--surface-color);width:100%;color:var(--text-primary);font:inherit;border-radius:8px;padding:9px 10px}.primary-action.compact{white-space:nowrap;min-height:38px}.discovery-range-list{gap:7px;max-height:170px;padding-right:2px;display:grid;overflow-y:auto}.discovery-range-row{background:linear-gradient(135deg,#eff6ffdb,#f0fdfac7);border:1px solid #3b82f638;border-radius:9px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:42px;padding:6px 7px 6px 10px;display:grid}[data-theme=dark] .discovery-range-row{background:linear-gradient(135deg,#2563eb1f,#14b8a61a)}.discovery-range-row strong{overflow-wrap:anywhere;color:#0f766e;font-size:.92rem}[data-theme=dark] .discovery-range-row strong{color:#5eead4}.discovery-range-actions{align-items:center;gap:6px;display:inline-flex}.icon-btn{color:#2563eb;cursor:pointer;background:#eff6ffdb;border:1px solid #2563eb3d;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.icon-btn.success{color:#059669;background:#10b9811a;border-color:#10b98159}.icon-btn.danger{color:#dc2626;background:#ef444414;border-color:#ef444447}.discovery-range-empty{color:var(--text-secondary);background:#3b82f60d;border:1px dashed #3b82f652;border-radius:9px;padding:12px}@media (width<=640px){.discovery-range-add-row{grid-template-columns:1fr}}:is(.mikrotik-colored-select>span,.admin-form label:has(.mikrotik-select-input)){color:#0f766e}.mikrotik-colored-select select,.mikrotik-select-input{color:#0f172a;background:linear-gradient(135deg,#eff6fff5,#f0fdfaeb);border:1px solid #2563eb57;border-left:4px solid #14b8a6;border-radius:10px;outline:none;width:100%;min-height:42px;padding:10px 12px;font-weight:800;box-shadow:0 8px 20px #2563eb14}.mikrotik-colored-select select:hover,.mikrotik-select-input:hover{border-color:#14b8a694;box-shadow:0 10px 24px #14b8a61f}.mikrotik-colored-select select:focus,.mikrotik-select-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb24,0 10px 24px #14b8a61f}.mikrotik-colored-select select option,.mikrotik-select-input option{color:#0f172a;background:#fff;font-weight:700}[data-theme=dark] .mikrotik-colored-select select,[data-theme=dark] .mikrotik-select-input{color:#e5f3ff;background:linear-gradient(135deg,#2563eb38,#14b8a629);border-color:#60a5fa6b}[data-theme=dark] .mikrotik-colored-select select option,[data-theme=dark] .mikrotik-select-input option{color:#e5f3ff;background:#0f172a}.discovery-action-error{color:#b91c1c;border-left:4px solid #ef4444;margin:0 0 12px;background:linear-gradient(135deg,#fef2f2f5,#fff7ede0)!important}[data-theme=dark] .discovery-action-error{color:#fecaca;background:linear-gradient(135deg,#7f1d1d47,#7c2d122e)!important}.discovery-safe-note span,.discovery-safe-note strong{line-height:1.45;display:block}.discovery-safe-note strong{color:#b91c1c;letter-spacing:0;margin-top:6px;font-size:.98rem;font-weight:900}[data-theme=dark] .discovery-safe-note strong{color:#fca5a5}.discovery-default-card{border-left-width:3px;border-radius:8px;align-content:start;gap:5px;min-height:106px;padding:10px 11px;display:grid}.discovery-default-card div,.discovery-default-card small,.discovery-default-card span{letter-spacing:0;overflow-wrap:anywhere}.discovery-default-card div{color:#0f766e;min-height:34px;font-size:.86rem;font-weight:850;line-height:1.18}.discovery-default-card small{color:#2563eb;min-height:28px;margin-top:0;font-size:.74rem;font-weight:800;line-height:1.18;display:block}.discovery-default-card span{color:var(--text-secondary);margin-top:0;font-size:.72rem;font-weight:600;line-height:1.25;display:block}[data-theme=dark] .discovery-default-card div{color:#5eead4}[data-theme=dark] .discovery-default-card small{color:#93c5fd}.discovery-default-grid{grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:6px}.discovery-default-card{border-radius:7px;gap:3px;min-height:64px;padding:8px 9px}.discovery-default-card div{text-transform:uppercase;min-height:0;font-size:.75rem;font-weight:900;line-height:1.12}.discovery-default-card small{min-height:0;font-size:.72rem;font-weight:850;line-height:1.15}.discovery-default-card span{display:none}.ip-mac-mismatch-box{gap:5px;max-width:320px;margin-top:7px;display:grid}.device-action-needed{color:#b91c1c;cursor:pointer;background:#fee2e2c7;border:1px solid #ef444457;border-radius:999px;align-items:center;gap:4px;margin-top:6px;padding:4px 8px;font-size:.68rem;font-weight:850;display:inline-flex}.device-action-needed:hover{background:#fecacaeb}.identity-issue-overlay{z-index:320;align-items:center}.identity-issue-card{background:var(--bg-card);border:1px solid #ef444447;border-radius:8px;width:min(460px,100vw - 28px);max-height:calc(100vh - 32px);padding:22px;position:relative;overflow-y:auto;box-shadow:0 24px 60px #0f172a3d}.identity-issue-heading{align-items:flex-start;gap:12px;padding-right:28px;display:flex}.identity-issue-heading>span{color:#dc2626;background:#fee2e2e6;border-radius:8px;flex:0 0 38px;place-items:center;width:38px;height:38px;display:grid}.identity-issue-heading small,.identity-issue-facts span{color:var(--text-secondary);font-size:.72rem;font-weight:750}.identity-issue-heading h3{color:var(--text-primary);margin:3px 0 0;font-size:1.05rem}.identity-issue-card>p{color:var(--text-secondary);margin:16px 0;line-height:1.55}.identity-issue-facts{border-block:1px solid var(--border-color);gap:0;display:grid}.identity-issue-facts>div{border-bottom:1px solid var(--border-color);justify-content:space-between;gap:16px;padding:10px 0;display:flex}.identity-issue-facts>div:last-child{border-bottom:0}.identity-issue-facts strong{color:var(--text-primary);overflow-wrap:anywhere;text-align:right}.identity-issue-guidance{border-left:3px solid var(--color-yellow);color:var(--text-primary);background:#f59e0b17;margin-top:14px;padding:11px 12px;font-size:.82rem;line-height:1.5}.identity-issue-actions{justify-content:flex-end;gap:9px;margin-top:18px;display:flex}[data-theme=dark] .device-action-needed{color:#fecaca;background:#7f1d1d4d;border-color:#f8717173}.ip-mac-mismatch-box small{color:#b91c1c;font-size:11px;font-weight:700;line-height:1.35;display:block}.ip-mac-mismatch-badge{color:#b91c1c;letter-spacing:0;white-space:nowrap;background:linear-gradient(135deg,#fee2e2f2,#fff7ede6);border:1px solid #ef444459;border-radius:999px;align-items:center;width:fit-content;padding:4px 9px;font-size:11px;font-weight:900;display:inline-flex}[data-theme=dark] .ip-mac-mismatch-box small{color:#fecaca}[data-theme=dark] .ip-mac-mismatch-badge{color:#fecaca;background:linear-gradient(135deg,#7f1d1d52,#7c2d1238);border-color:#f8717173}.discovery-select-all{color:#1d4ed8;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#eff6fff5,#f0fdfae6);border:1px solid #2563eb47;border-radius:999px;padding:5px 9px;font-size:.72rem;font-weight:850}.discovery-select-all:disabled{cursor:not-allowed;opacity:.55}[data-theme=dark] .discovery-select-all{color:#93c5fd;background:linear-gradient(135deg,#2563eb38,#14b8a629)}.discovery-state-pill.state-mac-not-learned{color:#7c3aed;background:#7c3aed24;border-color:#7c3aed47}