*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{color-scheme:dark;--bg: #000000;--bg-darker: #020406;--surface: #070a0d;--surface-soft: #111820;--surface-card: rgba(255, 255, 255, .045);--line: rgba(255, 255, 255, .11);--line-strong: rgba(255, 255, 255, .22);--blue: #126cff;--cyan: #08f2ff;--green: #14f06d;--lime: #b9ff00;--ink: #f7fbff;--muted: #9aa8b8;--grad: linear-gradient(135deg, var(--blue) 0%, var(--cyan) 40%, var(--green) 72%, var(--lime) 100%);--grad-blue-cyan: linear-gradient(135deg, var(--blue) 0%, var(--cyan) 100%);--grad-green-lime: linear-gradient(135deg, var(--green) 0%, var(--lime) 100%);--shadow: 0 28px 80px rgba(0, 0, 0, .55);--font: "Google Sans", "Inter", sans-serif;--mono: "JetBrains Mono", monospace;--sidebar-w: 260px;--topbar-h: 70px;--radius: 12px;--radius-lg: 16px}html,body,#root{height:100%;background-color:var(--bg);color:var(--ink);font-family:var(--font);font-size:14px;-webkit-font-smoothing:antialiased;overflow:hidden}.console-shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:1fr;height:100vh;overflow:hidden;background-image:radial-gradient(circle,rgba(255,255,255,.06) 1px,transparent 1px),radial-gradient(circle at 80% 20%,rgba(8,242,255,.05),transparent 40rem),radial-gradient(circle at 20% 80%,rgba(20,240,109,.04),transparent 40rem);background-size:24px 24px,100% 100%,100% 100%;background-attachment:fixed}.sidebar{display:flex;flex-direction:column;background:#04070ad9;border-right:1px solid var(--line);height:100vh;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:24px 20px 20px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}.sidebar-brand img{width:32px;height:32px;object-fit:contain}.sidebar-brand span{font-size:16px;font-weight:800;letter-spacing:-.3px}.sidebar-brand small{font-size:9px;font-family:var(--mono);background:var(--grad);-webkit-background-clip:text;color:transparent;font-weight:800;margin-left:auto}.mode-switcher{margin:16px 14px 8px;display:grid;grid-template-columns:1fr 1fr;background:#ffffff08;border-radius:10px;padding:3px;border:1px solid var(--line)}.mode-btn{padding:8px 0;border:none;background:none;border-radius:8px;font-size:12px;font-weight:700;color:var(--muted);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px}.mode-btn.active-provider{background:#14f06d1f;color:var(--green);box-shadow:0 0 16px #14f06d33}.mode-btn.active-consumer{background:#126cff1f;color:var(--blue);box-shadow:0 0 16px #126cff40}.sidebar-nav{flex:1;padding:12px 10px;display:flex;flex-direction:column;gap:4px;overflow-y:auto}.nav-section-label{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);padding:14px 10px 6px;opacity:.7}.sidebar-nav a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:10px;color:var(--muted);text-decoration:none;font-size:13.5px;font-weight:600;transition:all .2s ease}.sidebar-nav a:hover{color:var(--ink);background:#ffffff0a}.sidebar-nav a.active-provider{color:var(--green);background:#14f06d1a;border:1px solid rgba(20,240,109,.2)}.sidebar-nav a.active-consumer{color:var(--cyan);background:#08f2ff14;border:1px solid rgba(8,242,255,.2)}.sidebar-footer{padding:16px;border-top:1px solid var(--line);display:flex;align-items:center;gap:12px;background:#0000004d}.user-avatar{width:38px;height:38px;border-radius:50%;background:var(--grad);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;color:#000;flex-shrink:0;box-shadow:0 4px 12px #08f2ff33}.sidebar-footer-info{flex:1;min-width:0}.sidebar-footer-info strong{display:block;font-size:13.5px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer-info span{font-size:10px;color:var(--muted);font-family:var(--mono);text-transform:uppercase}.console-main{display:flex;flex-direction:column;overflow:hidden}.console-topbar{height:var(--topbar-h);padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#070a0db3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-shrink:0}.topbar-left h1{font-size:18px;font-weight:800;letter-spacing:-.4px}.topbar-left p{font-size:12px;color:var(--muted)}.topbar-right{display:flex;align-items:center;gap:12px}.topbar-badge{display:flex;align-items:center;gap:8px;padding:6px 14px;border-radius:30px;font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.topbar-badge.provider{background:#14f06d1a;color:var(--green);border:1px solid rgba(20,240,109,.2)}.topbar-badge.consumer{background:#126cff1a;color:var(--cyan);border:1px solid rgba(18,108,255,.2)}.icon-btn{width:40px;height:40px;border:1px solid var(--line);border-radius:10px;background:#ffffff08;color:var(--muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.icon-btn:hover{color:var(--ink);border-color:var(--cyan);transform:translateY(-1px)}.console-content{flex:1;overflow-y:auto;padding:28px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.hero-card{background:linear-gradient(135deg,#070a0dd9,#010305f2);border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px 28px;display:flex;align-items:center;gap:24px;margin-bottom:24px;position:relative;overflow:hidden;box-shadow:var(--shadow)}.hero-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.hero-card.provider:before{background:var(--grad-green-lime)}.hero-card.consumer:before{background:var(--grad-blue-cyan)}.hero-icon-wrap{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hero-card.provider .hero-icon-wrap{background:#14f06d1f;border:2px solid var(--green);color:var(--green);animation:pulse-green-glow 2.5s infinite}.hero-card.consumer .hero-icon-wrap{background:#08f2ff1a;border:2px solid var(--cyan);color:var(--cyan);animation:pulse-cyan-glow 2.5s infinite}@keyframes pulse-green-glow{0%,to{box-shadow:0 0 #14f06d40}50%{box-shadow:0 0 0 12px #14f06d00}}@keyframes pulse-cyan-glow{0%,to{box-shadow:0 0 #08f2ff40}50%{box-shadow:0 0 0 12px #08f2ff00}}.hero-body h2{font-size:20px;font-weight:800;letter-spacing:-.3px;margin-bottom:4px}.hero-body p{font-size:13px;color:var(--muted)}.hero-metrics{margin-left:auto;display:flex;gap:32px}.hero-metric-item{text-align:right}.hero-metric-item strong{display:block;font-size:22px;font-weight:800;font-family:var(--mono);letter-spacing:-.5px}.hero-card.provider .hero-metric-item strong{color:var(--green)}.hero-card.consumer .hero-metric-item strong{color:var(--cyan)}.hero-metric-item span{font-size:11px;color:var(--muted);text-transform:uppercase}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}@media(max-width:1024px){.stat-grid{grid-template-columns:repeat(2,1fr)}}.dashboard-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}@media(max-width:1100px){.dashboard-layout{grid-template-columns:1fr}}.stat-card{background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden;transition:all .25s ease}.stat-card:hover{border-color:var(--line-strong);transform:translateY(-2px)}.stat-card.provider:hover{box-shadow:0 8px 30px #14f06d0d}.stat-card.consumer:hover{box-shadow:0 8px 30px #08f2ff0d}.stat-header{display:flex;align-items:center;justify-content:space-between}.stat-icon{width:38px;height:38px;border-radius:8px;display:flex;align-items:center;justify-content:center}.stat-card.provider .stat-icon{background:#14f06d14;color:var(--green)}.stat-card.consumer .stat-icon{background:#08f2ff14;color:var(--cyan)}.stat-trend{font-size:11px;font-family:var(--mono);font-weight:700;padding:3px 8px;border-radius:30px}.stat-trend.up{background:#22c55e1f;color:var(--green)}.stat-trend.live{background:#08f2ff1f;color:var(--cyan)}.stat-body h3{font-size:26px;font-weight:850;letter-spacing:-1px;font-family:var(--mono);margin-bottom:2px}.stat-body p{font-size:12px;color:var(--muted);font-weight:600}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow);margin-bottom:24px}.panel-header{padding:20px 24px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.panel-header h3{font-size:15px;font-weight:800}.panel-header p{font-size:11.5px;color:var(--muted)}.panel-body{padding:24px}.console-table-wrapper{overflow-x:auto}.console-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.console-table th{padding:14px 16px;color:var(--muted);font-weight:700;text-transform:uppercase;font-size:10px;letter-spacing:1px;border-bottom:1.5px solid var(--line)}.console-table td{padding:16px;border-bottom:1px solid var(--line);vertical-align:middle}.console-table tbody tr:hover td{background:#ffffff04}.device-name-cell{display:flex;align-items:center;gap:12px}.device-icon-wrap{width:32px;height:32px;border-radius:6px;background:#ffffff0a;display:flex;align-items:center;justify-content:center;color:var(--muted)}.active-device .device-icon-wrap{color:var(--green);background:#14f06d14}.device-meta-sub{font-size:11px;color:var(--muted);display:block}.btn-sm{padding:6px 12px;border-radius:6px;font-size:11px;font-weight:700;cursor:pointer;border:1px solid transparent;transition:all .2s ease;font-family:var(--font)}.btn-outline-danger{background:transparent;border-color:#ef44444d;color:#ef4444}.btn-outline-danger:hover{background:#ef44441a;border-color:#ef4444}.btn-outline-warning{background:transparent;border-color:#eab3084d;color:#eab308}.btn-outline-warning:hover{background:#eab3081a;border-color:#eab308}.btn-primary-blue{background:var(--blue);color:#000;font-weight:800}.btn-primary-blue:hover{background:var(--cyan);box-shadow:0 4px 12px #08f2ff40}.network-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:900px){.network-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.network-grid{grid-template-columns:1fr}}.network-card{background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:16px;transition:all .25s ease;position:relative}.network-card:hover{border-color:var(--cyan);transform:translateY(-2px);box-shadow:0 8px 32px #08f2ff0a}.network-card.connected{border-color:var(--blue);background:#126cff05}.network-card-header{display:flex;align-items:flex-start;justify-content:space-between}.network-icon-wrap{width:42px;height:42px;border-radius:8px;background:#ffffff0a;display:flex;align-items:center;justify-content:center;color:var(--muted)}.network-card.connected .network-icon-wrap{background:#126cff1f;color:var(--cyan)}.network-badge{font-size:9px;font-weight:800;text-transform:uppercase;padding:4px 8px;border-radius:20px;font-family:var(--mono)}.network-badge.connected{background:#126cff1f;color:var(--cyan);border:1px solid rgba(18,108,255,.3)}.network-badge.strength{background:#ffffff0d;color:var(--muted)}.network-details h4{font-size:15px;font-weight:700;margin-bottom:2px}.network-details p{font-size:11.5px;color:var(--muted)}.network-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border-top:1px solid var(--line);padding-top:14px}.spec-item{text-align:center}.spec-item strong{display:block;font-size:13px;font-family:var(--mono)}.spec-item span{font-size:9.5px;color:var(--muted);text-transform:uppercase}.policy-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.policy-card{background:#ffffff05;border:1px solid var(--line);border-radius:var(--radius);padding:18px;cursor:pointer;transition:all .2s ease;text-align:center}.policy-card:hover{border-color:var(--line-strong);background:#ffffff0a}.policy-card.active{border-color:var(--green);background:#14f06d0f;box-shadow:0 0 16px #14f06d26}.policy-card h4{font-size:14px;font-weight:800;margin-bottom:4px;text-transform:capitalize}.policy-card.active h4{color:var(--green)}.policy-card p{font-size:11.5px;color:var(--muted);line-height:1.4}.slider-container{background:#ffffff05;border:1px solid var(--line);border-radius:var(--radius);padding:20px;margin-bottom:20px}.slider-header{display:flex;justify-content:space-between;font-size:13px;margin-bottom:12px;font-weight:700}.slider-header strong{color:var(--green);font-family:var(--mono)}.slider-container input[type=range]{width:100%;accent-color:var(--green)}.toggle-group{display:flex;flex-direction:column;gap:12px}.toggle-panel-row{display:flex;align-items:center;justify-content:space-between;background:#ffffff05;border:1px solid var(--line);border-radius:var(--radius);padding:16px 20px}.toggle-panel-info{display:grid;gap:3px}.toggle-panel-info strong{font-size:13.5px}.toggle-panel-info span{font-size:11px;color:var(--muted)}.toggle-panel-row input[type=checkbox]{width:20px;height:20px;accent-color:var(--green);cursor:pointer}.log-filter-header{display:flex;gap:8px;margin-bottom:20px}.filter-btn{padding:6px 14px;border-radius:20px;font-size:11.5px;font-weight:700;background:#ffffff08;border:1px solid var(--line);color:var(--muted);cursor:pointer;transition:all .2s ease}.filter-btn:hover{border-color:var(--line-strong);color:var(--ink)}.filter-btn.active{background:var(--ink);color:#000;border-color:var(--ink)}.log-timeline{display:flex;flex-direction:column}.log-row{display:flex;align-items:flex-start;gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}.log-row:last-child{border-bottom:none}.log-icon-indicator{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.log-row.green .log-icon-indicator{background:#22c55e1a;color:var(--green)}.log-row.yellow .log-icon-indicator{background:#eab3081a;color:var(--yellow)}.log-row.red .log-icon-indicator{background:#ef44441a;color:#ef4444}.log-row.blue .log-icon-indicator{background:#126cff1a;color:var(--cyan)}.log-body{flex:1}.log-body h4{font-size:13.5px;font-weight:700;margin-bottom:3px}.log-body p{font-size:11.5px;color:var(--muted)}.log-time{font-family:var(--mono);font-size:11px;color:var(--muted)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}