:root{--bg:#05070d;--panel:#0e1422;--panel-2:#111628;--heading:#f5fbff;--text:#aabed6;--muted:#6f8098;--cyan:#00e5ff;--magenta:#ff2bd6;--lime:#b9ff4a;--amber:#ffb84d;--display:"Rajdhani", "Bahnschrift", "Segoe UI", sans-serif;--body:"Noto Sans Thai", "Segoe UI", system-ui, sans-serif;color:var(--text);background:var(--bg);font-family:var(--body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.45}*{box-sizing:border-box}html{background:var(--bg)}body{background:var(--bg);min-width:320px;min-height:100vh;margin:0}button,select{letter-spacing:0}button:disabled{pointer-events:none}#root{min-height:100vh}.react-flow{direction:ltr}.react-flow__container{width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__pane{z-index:1;cursor:-webkit-grab;cursor:grab}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{pointer-events:none;overflow:visible}.react-flow__edge-path,.react-flow__connection-path{stroke:#b1b1b7;stroke-width:1px;fill:none}.react-flow__edge{pointer-events:visibleStroke;cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{-webkit-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:-webkit-grab;cursor:grab;position:absolute}.react-flow__node.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:0 0;pointer-events:none}.react-flow__nodesselection-rect{pointer-events:all;cursor:-webkit-grab;cursor:grab;position:absolute}.react-flow__handle{pointer-events:none;background:#1a192b;border:1px solid #fff;border-radius:100%;width:6px;min-width:5px;height:6px;min-height:5px;position:absolute}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;bottom:-4px;left:50%;transform:translate(-50%)}.react-flow__handle-top{top:-4px;left:50%;transform:translate(-50%)}.react-flow__handle-left{top:50%;left:-4px;transform:translateY(-50%)}.react-flow__handle-right{top:50%;right:-4px;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{z-index:5;margin:15px;position:absolute}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translate(-50%)}.react-flow__attribution{background:#ffffff80;margin:0;padding:2px 3px;font-size:10px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10px}}.react-flow__edgelabel-renderer{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-input,.react-flow__node-output,.react-flow__node-group{color:#222;text-align:center;background-color:#fff;border:1px solid #1a192b;border-radius:3px;width:150px;padding:10px;font-size:12px}.react-flow__node-default.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted #0059dccc}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{box-sizing:content-box;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fefefe;border:none;border-bottom:1px solid #eee;justify-content:center;align-items:center;width:16px;height:16px;padding:5px;display:flex}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:#3367d9;border:1px solid #fff;border-radius:1px;width:4px;height:4px;transform:translate(-50%,-50%)}.react-flow__resize-control.handle.left{top:50%;left:0}.react-flow__resize-control.handle.right{top:50%;left:100%}.react-flow__resize-control.handle.top{top:0;left:50%}.react-flow__resize-control.handle.bottom{top:100%;left:50%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border:0 solid #3367d9}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;height:100%;top:0;transform:translate(-50%)}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{width:100%;height:1px;left:0;transform:translateY(-50%)}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}*,:before,:after{scrollbar-width:thin;scrollbar-color:#00e5ff59 #0a0e1a80}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0a0e1a80;border-radius:3px}::-webkit-scrollbar-thumb{background:#00e5ff59;border:1px solid #00e5ff1f;border-radius:3px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:#00e5ff8c;box-shadow:0 0 6px #00e5ff4d}::-webkit-scrollbar-thumb:active{background:#00e5ffb3;box-shadow:0 0 10px #00e5ff66}::-webkit-scrollbar-corner{background:#0a0e1a80}.app-shell{min-height:100vh;padding:16px;position:relative;overflow:hidden}.app-shell:before{content:"";z-index:-2;background:linear-gradient(#00e5ff09 1px,#0000 1px) 0 0/32px 32px,linear-gradient(90deg,#00e5ff09 1px,#0000 1px) 0 0/32px 32px,radial-gradient(circle at 18% 4%,#00e5ff1f,#0000 32%),radial-gradient(circle at 78% 12%,#ff2bd61f,#0000 28%),#05070d;position:fixed;inset:0}.app-shell:after{content:"";z-index:-1;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(90deg,#0000 0 8%,#00e5ff0d 8.1% 8.2%,#0000 8.3%),linear-gradient(#ffffff0a,#0000 22%);position:fixed;inset:0}.top-nav,.command-header,.panel{clip-path:polygon(0 13px,13px 0,100% 0,100% calc(100% - 13px),calc(100% - 13px) 100%,0 100%);background:linear-gradient(135deg,#0f1829f2,#070a12f0),#0a0e18f0;border:1px solid #00e5ff59;box-shadow:inset 0 0 0 1px #ffffff08,0 0 28px #00e5ff14}.login-shell{place-items:center;min-height:100vh;padding:18px;display:grid}.login-shell:before{content:"";z-index:-1;background:linear-gradient(#00e5ff09 1px,#0000 1px) 0 0/32px 32px,linear-gradient(90deg,#00e5ff09 1px,#0000 1px) 0 0/32px 32px,radial-gradient(circle at 50% 14%,#ff2bd624,#0000 30%),#05070d;position:fixed;inset:0}.login-panel{clip-path:polygon(0 13px,13px 0,100% 0,100% calc(100% - 13px),calc(100% - 13px) 100%,0 100%);background:linear-gradient(135deg,#0f1829f5,#070a12f5);border:1px solid #00e5ff6b;width:min(520px,100%);padding:28px;box-shadow:inset 0 0 0 1px #ffffff08,0 0 38px #00e5ff24}.login-brand{color:var(--cyan);font-family:var(--display);letter-spacing:2px;gap:12px;margin-bottom:28px;font-size:28px;font-weight:800;display:inline-flex}.login-brand strong{color:var(--magenta)}.login-panel h1{font-size:42px}.login-panel p{color:var(--muted)}.login-form{gap:14px;margin-top:24px;display:grid}.login-form label{gap:8px;display:grid}.login-form label span{color:var(--cyan);font-family:var(--display);text-transform:uppercase;font-size:12px}.login-form input{min-height:46px;color:var(--heading);font:inherit;background:#00e5ff0b;border:1px solid #00e5ff61;border-radius:6px;padding:0 13px}.login-error{color:var(--magenta);margin:0;font-size:13px}.login-success{color:var(--lime);margin:0;font-size:13px}.login-switch{width:100%;min-height:42px;color:var(--cyan);font:700 13px/1 var(--display);text-transform:uppercase;cursor:pointer;background:#00e5ff0b;border:1px solid #00e5ff5c;border-radius:6px;margin-top:14px;font-size:12px}.top-nav{grid-template-columns:230px minmax(0,1fr) auto;align-items:center;max-width:1536px;min-height:62px;margin:0 auto;display:grid}.brand{height:100%;color:var(--cyan);font-family:var(--display);letter-spacing:2px;text-shadow:0 0 18px #00e5ffb3;align-items:center;gap:12px;padding:0 22px;font-size:25px;font-weight:800;text-decoration:none;display:inline-flex}.brand strong{color:var(--magenta);text-shadow:0 0 18px #ff2bd6b3}.nav-rail{grid-template-columns:repeat(6,minmax(98px,1fr));height:100%;display:grid}.nav-item,.icon-button,.avatar-button,.ghost-button,.secondary-action,.primary-action,.yearly-strip,.pending-button{font:inherit}.nav-item{min-width:0;color:var(--muted);cursor:pointer;background:0 0;border:0;border-left:1px solid #5870913d;justify-content:center;align-items:center;gap:10px;transition:all .16s;display:inline-flex}.nav-item span{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.nav-item:hover,.nav-item.active{color:var(--cyan);box-shadow:inset 0 -2px 0 var(--cyan), inset 0 0 24px #00e5ff21;background:linear-gradient(#00e5ff2e,#00e5ff08)}.profile-actions{align-items:center;gap:10px;padding:0 16px;display:flex}.role-badge{min-height:30px;font-family:var(--display);text-transform:uppercase;border-radius:5px;align-items:center;padding:0 10px;font-size:12px;display:inline-flex}.role-badge.user{color:var(--cyan);background:#00e5ff0f;border:1px solid #00e5ff6b}.role-badge.admin{color:var(--magenta);background:#ff2bd614;border:1px solid #ff2bd68a}.icon-button,.avatar-button{width:38px;height:38px;color:var(--text);cursor:pointer;background:#0a101cb8;border:1px solid #6f86a552;border-radius:6px;place-items:center;display:grid}.notify{position:relative}.notify:after{content:"";background:var(--magenta);width:7px;height:7px;box-shadow:0 0 10px var(--magenta);border-radius:999px;position:absolute;top:8px;right:8px}.command-header{grid-template-columns:minmax(290px,1fr) minmax(620px,1.2fr);align-items:center;gap:24px;max-width:1536px;margin:12px auto 0;padding:20px 28px;display:grid}h1{color:var(--heading);font-family:var(--display);letter-spacing:0;margin:0;font-size:clamp(26px,2.1vw,36px);line-height:1}.command-header p{color:var(--muted);margin:8px 0 0;font-size:13px}.status-strip{border-left:1px solid #6f86a547;grid-template-columns:repeat(4,1fr);display:grid}.stat{border-right:1px solid #6f86a547;align-items:center;gap:14px;padding:0 24px;display:flex}.stat span{color:var(--muted);text-transform:uppercase;font-size:11px;display:block}.stat strong{font-family:var(--display);margin-top:4px;font-size:clamp(17px,1.65vw,25px);line-height:1;display:block}.stat-cyan{color:var(--cyan)}.stat-magenta{color:var(--magenta)}.stat-lime{color:var(--lime)}.dashboard-grid{grid-template-rows:auto auto;grid-template-columns:minmax(680px,1.48fr) minmax(420px,.92fr);gap:14px;max-width:1536px;margin:14px auto 0;display:grid}.admin-dashboard{gap:14px;max-width:1536px;margin:14px auto 0;display:grid}.admin-hero{justify-content:space-between;align-items:center;gap:20px;display:flex}.admin-hero p{color:var(--muted);margin:10px 0 0}.admin-mode-lock{min-width:240px;color:var(--magenta);background:#ff2ec40f;border:1px solid #ff2ec48a;border-radius:6px;grid-template-columns:auto 1fr;align-items:center;gap:4px 12px;padding:14px 18px;display:grid;box-shadow:0 0 22px #ff2ec424}.admin-mode-lock svg{grid-row:1/3}.admin-mode-lock span,.admin-mode-lock strong{font-family:var(--display);text-transform:uppercase;display:block}.admin-mode-lock span{color:var(--muted);font-size:11px}.admin-summary-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.admin-summary{background:linear-gradient(135deg,#ffffff09,#fff0),#020c1cdb;border:1px solid;border-radius:6px;min-height:118px;padding:18px;box-shadow:inset 0 0 24px #00e5ff0a}.admin-summary svg,.admin-summary span,.admin-summary strong,.admin-summary small{display:block}.admin-summary span{color:var(--muted);font-family:var(--display);text-transform:uppercase;margin-top:12px;font-size:12px}.admin-summary strong{color:currentColor;font-family:var(--display);margin-top:7px;font-size:28px;line-height:1}.admin-summary small{color:var(--text);margin-top:9px;font-size:12px}.admin-cyan{color:var(--cyan)}.admin-amber{color:var(--amber)}.admin-magenta{color:var(--magenta)}.admin-lime{color:var(--lime)}.admin-workbench{grid-template-columns:minmax(0,1fr) minmax(360px,.44fr);gap:14px;display:grid}.admin-panel-wide{grid-column:1/-1}.admin-table{border-top:1px solid #6f86a542;margin-top:14px;overflow-x:auto}.admin-table-row{min-width:940px;min-height:52px;color:var(--text);border-bottom:1px solid #6f86a52b;grid-template-columns:minmax(130px,1fr) minmax(105px,.75fr) minmax(120px,.9fr) minmax(150px,1fr) minmax(92px,.7fr) minmax(170px,.95fr);align-items:center;gap:12px;padding:0 12px;font-size:12px;display:grid}.admin-table-row.withdraw-admin-row{grid-template-columns:minmax(120px,1fr) minmax(90px,.7fr) minmax(90px,.7fr) minmax(105px,.8fr) minmax(130px,1fr) minmax(92px,.7fr) minmax(170px,.95fr)}.admin-table-head{min-height:42px;color:var(--muted);font-family:var(--display);text-transform:uppercase;background:#ffffff06}.admin-table-row strong{color:var(--cyan);font-family:var(--display)}.empty-state{min-height:76px;color:var(--muted);background:#00e5ff09;border:1px dashed #00e5ff57;border-radius:6px;flex-direction:column;justify-content:center;gap:6px;padding:18px;display:flex}.empty-state strong{color:var(--cyan);font-family:var(--display);text-transform:uppercase}.table-empty{margin:12px}.graph-empty{text-align:center;width:min(420px,100%);min-height:128px}.network-create-panel{width:min(520px,100%);margin:8px auto 0}.network-create-copy{color:var(--muted);margin:10px 0 0}.network-create-trigger-row{justify-content:center;margin:-18px 0 14px;display:flex}.network-create-trigger{width:44px;height:44px;color:var(--magenta);background:#ff2bd614;border:1px solid #ff2bd6b3;border-radius:999px;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 0 18px #ff2bd638}.network-create-trigger:hover{box-shadow:0 0 22px #ff2bd657}.draft-node{cursor:pointer;width:100%}.draft-node.selected{border-color:var(--cyan);color:var(--cyan);background:#00e5ff14;box-shadow:inset 0 0 16px #00e5ff1f,0 0 18px #00e5ff33}.draft-detail strong{color:var(--amber)}.admin-status{width:fit-content;min-width:76px;color:var(--amber);text-align:center;font-family:var(--display);text-transform:uppercase;background:#ffb84d12;border:1px solid #ffb84d94;border-radius:5px;padding:4px 9px;font-size:11px}.admin-status.approved{color:var(--lime);background:#b9ff4a12;border-color:#b9ff4a94}.admin-status.rejected{color:var(--magenta);background:#ff2ec412;border-color:#ff2ec494}.admin-status.review{color:var(--cyan);background:#00e5ff0f;border-color:#00e5ff80}.admin-actions{gap:8px;display:flex}.approve-button,.reject-button{min-height:32px;font-family:var(--display);text-transform:uppercase;border-radius:5px;padding:0 12px;font-size:11px}.approve-button{color:var(--lime);background:#b9ff4a14;border:1px solid #b9ff4ab3}.reject-button{color:var(--magenta);background:#ff2ec412;border:1px solid #ff2ec4a8}.admin-action-locked{color:var(--muted);font-family:var(--display);text-transform:uppercase;font-size:11px}.compact-admin-list,.audit-list{gap:10px;margin-top:14px;display:grid}.admin-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.admin-form-grid label{gap:8px;display:grid}.admin-form-grid span{color:var(--muted);font-family:var(--display);text-transform:uppercase;font-size:12px}.admin-form-grid input,.admin-form-grid select{min-height:38px;color:var(--cyan);font:inherit;background:#00e5ff0b;border:1px solid #00e5ff5c;border-radius:6px;padding:0 12px}.admin-form-actions{grid-column:1/-1;justify-content:flex-end;display:flex}.admin-form-hint,.generated-credentials{background:#00e5ff0a;border:1px solid #00e5ff3d;border-radius:6px;gap:8px;padding:12px;display:grid}.admin-form-hint span,.generated-credentials span{color:var(--muted);font-family:var(--display);text-transform:uppercase;font-size:12px}.admin-form-hint strong,.generated-credentials strong{color:var(--cyan);font-family:var(--display)}.generated-credentials{margin-top:14px}.compact-admin-row,.audit-row{background:#00e5ff09;border:1px solid #00e5ff3d;border-radius:6px;align-items:center;gap:12px;padding:12px;display:grid}.compact-admin-row{grid-template-columns:minmax(0,1fr) auto auto}.compact-admin-row strong,.compact-admin-row span,.compact-admin-row small{display:block}.compact-admin-row strong{color:var(--cyan);font-family:var(--display)}.compact-admin-row span{color:var(--text);margin-top:3px;font-size:12px}.compact-admin-row small{color:var(--muted);margin-top:5px}.audit-row{color:var(--text);grid-template-columns:auto 1fr;font-size:13px}.audit-row svg{color:var(--amber)}.network-page{gap:14px;max-width:1536px;margin:14px auto 0;display:grid}.blended-network-page{gap:16px}.network-hero-panel{grid-template-columns:280px 1fr 320px;align-items:stretch;gap:16px;display:grid}.network-hero-copy p{color:var(--muted);margin:10px 0 0;font-size:13px}.network-hero-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.hero-metric-card,.network-hero-linkcard,.network-rank-strip>div{background:#041223b8;border:1px solid #00e5ff38;border-radius:8px;min-height:108px;padding:16px 18px}.hero-metric-card span,.network-hero-linkcard span,.network-rank-strip span{color:var(--muted);text-transform:uppercase;font-size:11px;display:block}.hero-metric-card strong,.network-hero-linkcard strong,.network-rank-strip strong{color:var(--heading);font-family:var(--display);margin-top:10px;font-size:26px;line-height:1;display:block}.hero-metric-card small,.network-rank-strip small{color:var(--muted);margin-top:8px;font-size:12px;display:block}.hero-metric-card.cyan{border-color:#00e5ff57}.hero-metric-card.magenta{border-color:#ff2bd657}.hero-metric-card.lime{border-color:#b9ff4a57}.network-hero-linkcard strong{color:var(--cyan);font-size:20px}.network-hero-linkcard p{color:var(--text);word-break:break-all;margin:10px 0 0;font-size:12px}.network-directs-panel{gap:16px;display:grid}.network-directs-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.network-directs-meta{color:var(--muted);align-items:center;gap:14px;font-size:12px;display:flex}.network-directs-meta strong{color:var(--heading);font-family:var(--display);font-size:16px}.network-saas-toolbar{grid-template-columns:minmax(280px,1fr) 240px auto;align-items:end;gap:14px;display:grid}.saas-pager{justify-content:flex-end;gap:10px}.network-directs-split{grid-template-columns:320px minmax(0,1fr);align-items:start;gap:14px;display:grid}.network-rank-strip{gap:12px;display:grid}.network-rank-strip strong{font-size:22px}.network-summary-grid{clip-path:polygon(0 10px,10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%);background:#00e5ff0f;border:1px solid #00e5ff5c;grid-template-columns:repeat(5,1fr);gap:1px;margin-top:16px;display:grid}.network-controls{grid-template-columns:minmax(240px,1fr) 220px minmax(320px,auto);align-items:end;gap:12px;display:grid}.network-search,.network-filter{gap:8px;display:grid}.network-search span,.network-filter span,.graph-page-label{color:var(--muted);font-family:var(--display);text-transform:uppercase;font-size:12px}.network-search input{min-height:38px;color:var(--cyan);font:inherit;background:#00e5ff0b;border:1px solid #00e5ff5c;border-radius:6px;padding:0 12px}.network-pager{justify-content:flex-end;align-items:center;gap:10px;display:flex}.network-pager>span{color:var(--muted);font-size:12px}.network-pager strong{min-width:48px;color:var(--heading);font-family:var(--display);text-align:center}.direct-table{border-top:1px solid #6f86a547;margin-top:16px;overflow:hidden}.direct-table-row{min-height:44px;color:var(--text);border-bottom:1px solid #6f86a52e;grid-template-columns:1fr 1.1fr .7fr 1fr 1fr 1fr;align-items:center;gap:12px;padding:0 12px;font-size:12px;display:grid}.direct-table-head{color:var(--muted);background:#ffffff06}.direct-table-row strong{color:var(--cyan);font-family:var(--display)}.table-status{width:fit-content;min-width:86px;font-family:var(--display);text-transform:uppercase;border-radius:5px;justify-content:center;padding:3px 10px;display:inline-flex}.table-status.active{color:var(--lime);background:#b9ff4a12;border:1px solid #b9ff4a8a}.table-status.pending{color:var(--amber);background:#ffb84d12;border:1px solid #ffb84d94}.table-status.inactive{color:var(--muted);background:#6f86a512;border:1px solid #6f86a557}.overview-panel{flex-direction:column;display:flex}.overview-grid,.org-bonus-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px;display:grid}.overview-primary,.overview-metric,.org-bonus-grid>div{background:#00e5ff0a;border:1px solid #00e5ff57;border-radius:6px;min-height:148px;padding:18px}.overview-primary{background:#ff2bd60a;border-color:#ff2bd66b;grid-column:span 2}.overview-primary span,.overview-metric span,.org-bonus-grid span{color:var(--muted);text-transform:uppercase;font-size:12px;display:block}.overview-primary strong,.overview-metric strong,.org-bonus-grid strong{font-family:var(--display);margin-top:12px;font-size:28px;line-height:1;display:block}.overview-primary strong{color:var(--magenta)}.overview-primary p,.org-bonus-grid small,.overview-metric small{color:var(--muted);margin-top:12px;font-size:12px;display:block}.overview-metric.cyan strong,.org-bonus-grid>div:first-child strong{color:var(--cyan)}.overview-metric.lime strong,.org-bonus-grid>div:nth-child(2) strong,.org-bonus-grid>div:nth-child(3) strong{color:var(--lime)}.overview-metric.amber strong,.org-bonus-grid>div:nth-child(4) strong{color:var(--amber)}.topup-page{max-width:1536px;margin:14px auto 0}.topup-panel{min-height:650px}.topup-form{gap:18px;max-width:820px;margin:48px auto 0;display:grid}.topup-form h3{color:var(--heading);font-family:var(--display);margin:0;font-size:clamp(28px,3vw,46px);line-height:1}.topup-form p{color:var(--muted);margin:10px 0 0}.amount-field{background:#00e5ff0b;border:1px solid #00e5ff61;border-radius:6px;gap:10px;padding:20px;display:grid}.amount-field span{color:var(--cyan);font-family:var(--display);text-transform:uppercase;font-size:14px}.amount-field input{width:100%;min-height:72px;color:var(--magenta);font:700 36px/1 var(--display);background:#ff2bd60f;border:1px solid #ff2bd685;border-radius:6px;outline:0;padding:0 18px;box-shadow:inset 0 0 18px #ff2bd614}.topup-summary{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.topup-summary div{background:#ffb84d0b;border:1px solid #ffb84d6b;border-radius:6px;min-height:112px;padding:18px}.topup-summary span,.topup-summary strong{display:block}.topup-summary span{color:var(--muted);font-size:12px}.topup-summary strong{color:var(--amber);font-family:var(--display);margin-top:13px;font-size:25px;line-height:1}.topup-actions{grid-template-columns:1fr 1.35fr;gap:12px;display:grid}.panel{min-width:0;padding:18px}.panel-title{color:var(--cyan);font-family:var(--display);text-transform:uppercase;letter-spacing:1px;align-items:center;gap:12px;margin:0;font-size:20px;line-height:1;display:flex}.network-panel{grid-template-rows:auto 1fr auto;display:grid}.network-content{grid-template-columns:148px 1fr;gap:14px;min-height:360px;margin-top:16px;display:grid}.network-side-rail{align-content:start;gap:18px;display:grid}.network-tool-button{min-height:48px;color:var(--cyan);font-family:var(--display);text-transform:uppercase;background:#00e5ff14;border:1px solid #00e5ff6b;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:12px;transition:transform .16s,box-shadow .16s,border-color .16s,background .16s;display:inline-flex}.network-tool-button:hover,.network-tool-button.active{color:var(--heading);background:linear-gradient(135deg,#00e5ff1a,#ff2bd624);border-color:#ff2bd6a6;transform:translateY(-1px);box-shadow:0 0 20px #00e5ff24}.legend{color:var(--muted);flex-direction:column;gap:15px;font-size:12px;display:flex}.legend-line{align-items:center;gap:10px;display:flex}.legend-line i{border-top:3px solid;width:30px}.legend-line .sponsor{color:var(--cyan)}.legend-line .direct{color:var(--magenta)}.legend-line .renewal{color:var(--lime)}.legend-line .pending{color:var(--amber);border-style:dashed}.tree-stage{min-width:0;min-height:390px;padding-top:30px;position:relative}.tree-stage:before{display:none}.tree-counts{border-left:1px solid var(--cyan);color:var(--muted);gap:5px;padding-left:12px;font-size:12px;display:grid;position:absolute;top:0;right:4%}.tree-counts strong{min-width:28px;color:var(--cyan);text-align:right;margin-left:16px;display:inline-block}.sponsor-node,.direct-node,.renewal-node{text-align:center;text-transform:uppercase;border-radius:6px;position:relative}.sponsor-node{z-index:2;border:1px solid var(--cyan);width:190px;color:var(--cyan);background:#00e5ff0f;grid-template-columns:auto 1fr;grid-template-areas:"icon label""icon code";align-items:center;margin:30px auto 48px;padding:14px 18px;display:grid;box-shadow:inset 0 0 18px #00e5ff24,0 0 18px #00e5ff2e}.sponsor-node svg{grid-area:icon}.sponsor-node span,.renewal-node span{font-size:11px}.sponsor-node strong{color:var(--heading);font-family:var(--display);grid-area:code;font-size:16px}.network-page .network-panel{min-height:620px}.network-page .network-content{min-height:420px}.slot-admin-node{margin:20px auto 0}.network-canvas{min-height:360px;padding:4px 4px 12px;position:relative}.canvas-spine{max-width:min(1080px,100% - 36px);height:82px;margin:0 auto 8px;position:relative}.canvas-spine:before,.canvas-spine:after{content:"";background:var(--cyan);position:absolute;left:50%;transform:translate(-50%);box-shadow:0 0 16px #00e5ff57}.canvas-spine:before{width:2px;height:32px;top:0}.canvas-spine:after{border-radius:999px;width:100%;height:2px;top:32px}.network-slot-grid{justify-content:center;align-items:flex-start;gap:18px;padding:0 8px 6px;display:flex;overflow-x:auto}.network-slot-grid.live{min-height:150px}.canvas-node-stack{justify-items:center;gap:0;min-width:178px;display:grid}.canvas-drop-line{background:linear-gradient(#ff2bd6eb,#00e5ffcc);width:2px;height:34px;position:relative;box-shadow:0 0 18px #ff2bd642}.canvas-drop-line:before{content:"";border:2px solid var(--magenta);background:#0c1321;border-radius:999px;width:12px;height:12px;position:absolute;top:-8px;left:50%;transform:translate(-50%);box-shadow:0 0 16px #ff2bd65c}.canvas-empty-zone{place-items:center;min-height:220px;display:grid}.network-slot-card{text-transform:uppercase;border-radius:10px;align-content:center;justify-items:center;gap:8px;width:178px;min-height:92px;padding:14px 10px;transition:transform .16s,box-shadow .16s,border-color .16s;display:grid}.network-slot-card.filled{color:var(--magenta);background:#ff2bd612;border:1px solid #ff2bd6b3;box-shadow:inset 0 0 14px #ff2bd61f,0 0 14px #ff2bd626}.network-slot-card.filled:hover{transform:translateY(-2px)}.network-slot-card strong,.network-slot-card span,.network-slot-card small{text-align:center;display:block}.network-slot-card strong{color:var(--heading);font-family:var(--display);font-size:15px}.network-slot-card small{color:var(--muted);font-size:11px}.network-create-panel{margin-top:18px}.canvas-layout-panel{min-height:calc(100vh - 112px);padding:0;overflow:hidden}.network-editor-shell{grid-template-rows:minmax(0,1fr);min-height:calc(100vh - 112px);display:grid}.canvas-only-layout{grid-template-columns:minmax(0,1fr)!important}.network-editor-top{background:#020812b8;border-bottom:1px solid #00e5ff2e;grid-template-columns:280px 1fr 250px;align-items:center;gap:18px;padding:16px 24px 10px;display:grid}.network-editor-title p{color:var(--muted);margin:6px 0 0;font-size:12px}.network-editor-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.editor-metric{background:#041223c2;border:1px solid #00e5ff42;border-radius:8px;padding:12px}.editor-metric label{color:var(--cyan);text-transform:uppercase;font-size:11px;font-weight:800;display:block}.editor-metric b{color:var(--heading);margin-top:5px;font-size:22px;display:block}.editor-metric small{color:var(--muted);font-size:11px}.editor-metric.magenta{border-color:#ff22d259}.editor-metric.magenta label{color:var(--magenta)}.editor-metric.lime{border-color:#9dff3852}.editor-metric.lime label{color:var(--lime)}.network-node-palette{justify-self:end}.network-editor-bar{background:#030c19c2;border-bottom:1px solid #00e5ff29;grid-template-columns:minmax(260px,360px) 250px 1fr;align-items:center;gap:22px;padding:14px 24px;display:grid}.editor-refbox label,.editor-sponsorbox label{color:var(--muted);margin-bottom:7px;font-size:12px;display:block}.editor-refbox div{background:#00000047;border:1px solid #00e5ff47;border-radius:7px;align-items:center;gap:8px;padding:10px;display:flex}.editor-refbox input{color:#d9f8ff;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:13px}.copy-chip{color:var(--cyan);cursor:pointer;background:#00e5ff1c;border:1px solid #00e5ff73;border-radius:5px;padding:7px 9px}.editor-sponsorbox div{background:#0003;border:1px solid #00e5ff2e;border-radius:8px;align-items:center;gap:10px;padding:9px;display:flex}.sponsor-avatar{width:42px;height:42px;color:var(--cyan);border:1px solid #00e5ff8c;border-radius:10px;place-items:center;display:grid;box-shadow:0 0 14px #00e5ff57}.editor-sponsorbox b{font-size:13px;display:block}.editor-sponsorbox small{color:var(--muted)}.editor-toolbar{justify-self:end;gap:8px;display:flex}.network-content.canvas-layout{grid-template-columns:178px minmax(0,1fr);align-items:stretch;min-height:0}.canvas-tools{background:linear-gradient(#070c1afa,#040914f0);border-right:1px solid #ff22d22e;align-content:start;gap:22px;padding:22px 8px;display:grid;box-shadow:inset -1px 0 #00e5ff14}.tool-cluster{gap:8px;display:grid}.tool-icon-button{width:52px;height:52px;color:var(--cyan);background:#060b13e6;border:1px solid #00e5ff42;border-radius:10px;place-items:center;transition:transform .14s,border-color .14s,box-shadow .14s,color .14s;display:grid;box-shadow:inset 0 0 0 1px #ffffff05,0 0 16px #00e5ff14}.tool-icon-button:hover{color:#fff;border-color:#ff2bd675;transform:translateY(-1px);box-shadow:0 0 18px #ff2bd624}.tool-icon-button.passive{color:#6f86a5c7}.network-tool-button.primary{justify-content:flex-start;min-height:62px;padding:0 18px;font-size:13px}.canvas-stage{min-height:0;padding-top:0}.flow-shell{background:linear-gradient(#00e5ff0a 1px,#0000 1px) 0 0/34px 34px,linear-gradient(90deg,#00e5ff0a 1px,#0000 1px) 0 0/34px 34px,radial-gradient(circle at 50% 18%,#ff22d21c,#0000 22%),radial-gradient(circle at 70% 48%,#00e5ff1f,#0000 26%),#04080ff2;height:100%;min-height:calc(100vh - 144px);position:relative}.full-canvas-shell{overflow:hidden}.canvas-overlay{z-index:8;position:absolute}.canvas-overlay.top-left{max-width:360px;top:18px;left:22px}.canvas-overlay.top-right{top:18px;right:22px}.canvas-overlay.left-stack{gap:10px;display:grid;top:132px;left:22px}.node-palette-stack{gap:10px;display:grid}.role-token-button{min-width:132px}.role-token-button.role-admin{background:#ff22d21f;border-color:#ff22d26b}.role-token-button.role-manager{border-color:#00e5ff6b}.role-token-button.role-user{background:#9dff381f;border-color:#9dff386b}.drop-ready:after{content:"Drop node here";color:var(--lime);pointer-events:none;z-index:9;background:#051224e0;border:1px solid #9dff38a6;border-radius:8px;padding:10px 12px;font-size:12px;font-weight:800;position:absolute;top:18px;right:24px;box-shadow:0 0 20px #9dff3833}.network-editor-metrics.compact{grid-template-columns:repeat(3,minmax(88px,1fr))}.network-editor-metrics.compact .editor-metric{min-width:88px;padding:10px 12px}.network-editor-metrics.compact .editor-metric b{font-size:18px}.flow-shell .react-flow__renderer,.flow-shell .react-flow__pane,.flow-shell .react-flow__viewport{cursor:grab}.flow-shell .react-flow__node,.flow-shell .react-flow__node *,.flow-shell .react-flow__edge,.flow-shell .react-flow__edge *,.flow-shell .react-flow__connection,.flow-shell .react-flow__connection *{visibility:visible!important}.flow-shell .react-flow__pane:active{cursor:grabbing}.flow-shell .react-flow__controls,.flow-shell .react-flow__panel{background:#080d18eb;border:1px solid #00e5ff42;box-shadow:0 0 22px #00e5ff14}.flow-shell .react-flow__edge-path{stroke:#16d9ff;stroke-linecap:round;stroke-linejoin:round;pointer-events:visibleStroke;filter:drop-shadow(0 0 7px #00e5ffd1);transition:stroke .14s,stroke-width .14s,filter .14s,stroke-dasharray .14s}.flow-shell .react-flow__edge.unlocked-edge .react-flow__edge-path{stroke:#16d9ff!important;stroke-width:2.8px!important;stroke-dasharray:3 7!important;filter:drop-shadow(0 0 8px #00e5ffc7)drop-shadow(0 0 16px #00e5ff3d)!important}.flow-shell .react-flow__edge.locked-edge .react-flow__edge-path{stroke:#ffb84d!important;stroke-width:3px!important;stroke-dasharray:none!important;filter:drop-shadow(0 0 8px #ffb84dd1)drop-shadow(0 0 14px #ff2bd633)!important}.flow-shell .react-flow__connection-path{stroke:#8fffff;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:7 5;filter:drop-shadow(0 0 8px #8fffff)drop-shadow(0 0 18px #00e5ff94);pointer-events:none}.flow-shell .react-flow__edge:hover .react-flow__edge-path,.flow-shell .react-flow__edge.selected .react-flow__edge-path{stroke:#8fffff!important;stroke-width:4px!important;filter:drop-shadow(0 0 8px #8ffffff2)drop-shadow(0 0 18px #00e5ff94)!important}.flow-shell .react-flow__edge.locked-edge:hover .react-flow__edge-path,.flow-shell .react-flow__edge.locked-edge.selected .react-flow__edge-path{stroke:#ffd166!important;stroke-dasharray:none!important;filter:drop-shadow(0 0 10px #ffd166f2)drop-shadow(0 0 20px #ff2bd657)!important}.flow-shell .react-flow__edge.unlocked-edge:hover .react-flow__edge-path,.flow-shell .react-flow__edge.unlocked-edge.selected .react-flow__edge-path{stroke:#8fffff!important;stroke-dasharray:3 7!important;filter:drop-shadow(0 0 8px #8ffffff2)drop-shadow(0 0 18px #00e5ff94)!important}.canvas-flow-node{cursor:grab;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#00e5ff14,#ffffff08),#03101ee6;border:1px solid #00e5ff6b;border-radius:14px;align-items:center;gap:12px;width:240px;min-width:240px;min-height:62px;padding:8px 14px;display:flex;position:relative;box-shadow:0 6px 22px #00e5ff2e}.canvas-flow-node.compact{border-radius:12px;width:220px;min-width:220px;min-height:62px;padding:8px 12px}.canvas-flow-node:active{cursor:grabbing}.canvas-flow-node.admin{border-color:#ff22d2a3;box-shadow:0 6px 24px #ff22d242}.canvas-flow-node.draft{border-style:dashed;border-color:#ff2bd6b8}.canvas-flow-node.magenta{background:linear-gradient(135deg,#ff2bd61a,#050a12f0);border-color:#ff2bd6cc;box-shadow:0 6px 22px #ff2bd62e}.canvas-flow-node.slate{background:linear-gradient(135deg,#9dff3814,#050a12f0);border-color:#9dff388c;box-shadow:0 6px 18px #9dff381f}.canvas-flow-node.selected{box-shadow:0 0 24px #9dff385c}.canvas-flow-node:hover{border-color:#8fffffe0;box-shadow:0 0 0 1px #8fffff57,0 0 18px #00e5ff61,0 8px 26px #00000047}.canvas-flow-node-body{flex:auto;align-content:center;gap:4px;min-width:0;min-height:0;display:grid}.compact-body{gap:2px;min-height:0}.compact-title-row{align-items:center;gap:6px}.compact-subline{flex-wrap:nowrap;gap:6px}.node-seed-avatar{z-index:2;background:#020617cc;border:1px solid #ffffff26;border-radius:10px;flex:none;width:42px;height:42px;overflow:hidden}.node-seed-avatar img{object-fit:contain;width:100%;height:100%;display:block}.canvas-flow-node.compact .node-seed-avatar{border-radius:10px;width:42px;height:42px}.node-title-row{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.node-subline{flex-wrap:wrap;gap:10px;display:flex}.node-divider{background:#ffffff1f;height:1px}.node-status-pill{color:#9bff3b;background:#00ffa014;border:1px solid #00e5ff4d;border-radius:6px;flex:none;padding:4px 8px;font-size:10px;font-weight:700;line-height:1}.node-status-pill.pending{color:#ffb84d;background:#ffb84d14;border-color:#ffb84d57}.node-status-pill.inactive{color:#9bb0c6;background:#9bb0c614;border-color:#9bb0c647}.canvas-flow-node-body span,.canvas-flow-node-body strong,.canvas-flow-node-body small{display:block}.canvas-flow-node-body span{color:var(--cyan);text-transform:uppercase;letter-spacing:0;font-size:10px}.canvas-flow-node-body strong{color:var(--heading);min-width:0;font-family:inherit;font-size:14px;line-height:1.12}.canvas-flow-node-body small{color:var(--muted);min-width:0;font-size:10px;line-height:1.15}.canvas-flow-node.compact .canvas-flow-node-body strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;line-height:1.05;overflow:hidden}.canvas-flow-node.compact .canvas-flow-node-body small{white-space:nowrap;text-overflow:ellipsis;color:#8eb2cf;font-size:10px;overflow:hidden}.canvas-flow-node.compact .node-status-pill{border-radius:6px;padding:3px 7px;font-size:9px}.flow-handle{cursor:crosshair;background:#080912;border:2px solid;border-radius:999px;width:16px;height:16px;transition:background .14s,box-shadow .14s,color .14s,transform .14s;left:50%;box-shadow:0 0 0 4px #00e5ff14}.flow-handle.in{color:#ffffff6b;top:1px;transform:translate(-50%,-50%)}.flow-handle.out{color:var(--cyan);bottom:1px;transform:translate(-50%,50%)}.flow-handle:hover,.flow-handle.connectingfrom,.flow-handle.connectingto{color:#8fffff;background:#00e5ff;box-shadow:0 0 0 5px #00e5ff29,0 0 18px #00e5ffe6,0 0 32px #ff2bd652}.canvas-minimap{z-index:4;background:#020c18c7;border:1px solid #00e5ff6b;border-radius:8px;width:176px;height:124px;padding:10px 12px;position:absolute;top:18px;left:24px;box-shadow:0 0 20px #00e5ff1f}.canvas-minimap h4{color:var(--muted);margin:0;font-size:11px}.canvas-minimap p{color:var(--cyan);margin:10px 0 0;font-size:12px}.edge-context-menu{z-index:30;background:#080c14f5;border:1px solid #00e5ff47;border-radius:10px;gap:6px;min-width:148px;padding:8px;display:grid;position:fixed;box-shadow:0 18px 40px #0000006b,0 0 18px #00e5ff1f}.edge-context-menu button{min-height:38px;color:var(--heading);font:inherit;background:#ffffff08;border:1px solid #ffffff14;border-radius:8px}.edge-context-menu button:hover:not(:disabled){color:var(--cyan);border-color:#00e5ff57}.edge-context-menu button:disabled{opacity:.45;cursor:not-allowed}.node-popup-backdrop{z-index:25;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0308107a;place-items:center;display:grid;position:absolute;inset:0}.node-popup-panel{background:radial-gradient(circle at 100% 0,#ff2bd61f,#0000 32%),radial-gradient(circle at 0 0,#00e5ff1a,#0000 30%),linear-gradient(#0f141ffa,#070a12fc);border:1px solid #00e5ff4d;border-radius:18px;width:min(560px,100vw - 48px);max-height:calc(100vh - 120px);padding:18px 18px 20px;overflow:auto;box-shadow:0 24px 60px #00000073,0 0 34px #00e5ff1a}.node-popup-header{border-bottom:1px solid #00e5ff24;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding-bottom:8px;display:flex}.popup-close{width:38px;height:38px;color:var(--muted);background:#ffffff08;border:1px solid #ffffff1f;border-radius:8px;place-items:center;display:grid}.popup-close:hover{color:#fff;border-color:#ff2bd66b}.popup-form{grid-template-columns:1fr 1fr}.node-popup-topline{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.node-popup-topline strong,.popup-parent-lock strong{color:var(--heading);font-family:var(--display);font-size:18px;display:block}.node-popup-topline span,.popup-parent-lock span,.popup-parent-lock small{display:block}.node-popup-topline span{color:var(--muted);margin-top:6px;font-size:12px}.popup-status-chip{text-align:center;min-width:124px;font-size:12px;font-family:var(--display);text-transform:uppercase;letter-spacing:0;border:1px solid #00e5ff38;border-radius:999px;flex-shrink:0;padding:10px 14px}.popup-status-chip.active{color:var(--lime);background:#b9ff4a14;border-color:#b9ff4a5c}.popup-status-chip.pending{color:var(--amber);background:#ffb84d14;border-color:#ffb84d5c}.popup-status-chip.inactive{color:#9bb0c6;background:#9bb0c60f;border-color:#9bb0c64d}.popup-parent-lock{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px;display:grid}.popup-parent-lock>div{background:#000e1c9e;border:1px solid #00e5ff2e;border-radius:12px;padding:14px 16px}.popup-parent-lock span{color:var(--cyan);text-transform:uppercase;margin-bottom:7px;font-size:11px}.popup-parent-lock small{color:var(--muted);margin-top:6px;font-size:12px}.popup-form>label,.popup-form>button,.popup-form>.toggle-field,.popup-form>.inspector-actions{grid-column:span 1}.popup-form>button.inspector-save,.popup-form>button.inspector-delete{margin-top:4px}.popup-form>.inspector-actions,.popup-form>.node-commission-panel{grid-column:1/-1}.inspector-form{gap:14px;display:grid}.inspector-form label{gap:8px;display:grid}.inspector-form label span{color:var(--muted);text-transform:uppercase;font-size:12px}.inspector-form input,.inspector-form select,.readonly-field{min-height:44px;color:var(--heading);background:#070c15f0;border:1px solid #00e5ff3d;border-radius:8px;padding:0 14px;box-shadow:inset 0 0 0 1px #ffffff03}.readonly-field{color:var(--muted);-webkit-user-select:text;user-select:text;background:#121721f5;align-items:center;display:flex}.popup-form>.referral-code-field{grid-column:1/-1}.referral-code-row{grid-template-columns:minmax(0,1.12fr) minmax(164px,.62fr) minmax(0,1.08fr);align-items:stretch;gap:12px;display:grid}.referral-code-row.without-auto{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.referral-code-row .readonly-field{min-width:0}.referral-link-field{color:var(--cyan);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.auto-referral-button{min-width:0;min-height:44px;color:var(--cyan);font-family:var(--display);text-transform:uppercase;cursor:pointer;background:linear-gradient(135deg,#00e5ff1f,#ff2bd614),#070c15f0;border:1px solid #00e5ff7a;border-radius:8px;font-size:12px;font-weight:800;box-shadow:inset 0 0 0 1px #ffffff08,0 0 16px #00e5ff1a}.auto-referral-button:hover{color:#8fffff;border-color:#ff2bd6a3;box-shadow:inset 0 0 0 1px #ffffff0a,0 0 18px #ff2bd629}.node-status-control{gap:6px;min-width:0;display:grid}.node-status-control span{color:var(--muted);text-transform:uppercase;font-size:11px}.node-status-control select{width:100%;min-width:0}.node-commission-panel{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:2px;display:grid}.node-commission-panel>div{background:#000e1ca8;border:1px solid #00e5ff33;border-radius:8px;min-height:92px;padding:13px 14px}.node-commission-panel span,.node-commission-panel strong,.node-commission-panel small{display:block}.node-commission-panel span{color:var(--muted);text-transform:uppercase;font-size:11px}.node-commission-panel strong{color:var(--lime);font-family:var(--display);margin-top:8px;font-size:18px}.node-commission-panel small{color:var(--muted);margin-top:5px;font-size:11px}.inspector-form input:focus,.inspector-form select:focus{border-color:#ff2bd675;outline:none;box-shadow:0 0 0 3px #ff2bd614}.inspector-form input:disabled,.inspector-form select:disabled{color:var(--muted);opacity:.92;background:#121721f5}.toggle-field{grid-template-columns:1fr auto;align-items:center}.toggle-field input{width:20px;height:20px;min-height:20px}.inspector-save{background:linear-gradient(#3e0831fa,#210a1bfa);justify-content:center;min-height:50px;box-shadow:0 0 20px #ff2bd62e}.inspector-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:4px;display:grid}.inspector-actions .inspector-save,.inspector-actions .inspector-delete{width:100%;min-height:50px}.danger-action{color:#ff77a8;background:#250a14bf;border:1px solid #ff598c73;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:46px;display:inline-flex;box-shadow:0 0 18px #ff598c14}.danger-action.inspector-delete{min-height:50px}.danger-action:hover{color:#fff;border-color:#ff598cb8}.compact-generate-hint{grid-column:1/-1}.renewal-row{grid-template-columns:repeat(2,minmax(88px,1fr));gap:14px;display:grid;position:relative}.direct-detail{text-align:center;background:#00e5ff09;border:1px solid #00e5ff47;border-radius:6px;gap:8px;max-width:150px;margin:12px auto 0;padding:10px 12px;display:grid}.direct-detail span{font-family:var(--display);text-transform:uppercase;font-size:12px}.direct-detail strong{color:var(--cyan);font-family:var(--display);font-size:14px}.direct-detail .active{color:var(--lime)}.direct-detail .pending{color:var(--amber)}.direct-detail .inactive{color:var(--muted)}.renewal-row:before{content:"";background:var(--lime);height:2px;box-shadow:0 0 12px var(--lime);position:absolute;top:0;left:24%;right:24%}.renewal-stack{padding-top:18px;position:relative}.renewal-stack:before{content:"";background:var(--lime);width:2px;height:18px;position:absolute;top:0;left:50%}.renewal-node{border:1px solid var(--lime);max-width:108px;color:var(--lime);background:#b9ff4a0b;margin:0 auto 15px;padding:11px 8px;box-shadow:inset 0 0 14px #b9ff4a1f,0 0 14px #b9ff4a26}.renewal-node strong{color:var(--lime);font-family:var(--display);font-size:20px;display:block}.mini-members{justify-content:center;gap:8px;display:flex}.mini-members i{border:1px solid var(--lime);border-radius:5px;width:23px;height:23px;box-shadow:0 0 10px #b9ff4a47}.mini-members .pending{border-color:var(--amber);box-shadow:0 0 10px #ffb84d47}.network-stats{clip-path:polygon(0 10px,10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%);background:#00e5ff12;border:1px solid #00e5ff61;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:18px;display:grid}.mini-stat{color:var(--muted);text-transform:uppercase;border-right:1px solid #6f86a53d;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:12px;padding:17px 20px;font-size:11px;display:grid}.mini-stat svg{grid-row:span 2}.mini-stat strong{font-family:var(--display);font-size:22px;line-height:1}.mini-cyan strong,.mini-cyan svg{color:var(--cyan)}.mini-lime strong,.mini-lime svg{color:var(--lime)}.mini-amber strong,.mini-amber svg{color:var(--amber)}.activate-panel{flex-direction:column;gap:12px;display:flex}.bonus-card,.metric-card,.activate-cost,.rule-line,.yearly-strip,.notice-line{border-radius:6px}.bonus-card{background:linear-gradient(135deg,#ffb84d14,#00e5ff08);border:1px solid #ffb84d7a;grid-template-columns:minmax(0,1fr) 132px;align-items:center;min-height:106px;margin-top:12px;padding:16px 18px;display:grid}.bonus-card span,.metric-card span,.activate-cost span,.yearly-strip span{color:var(--amber);font-family:var(--display);text-transform:uppercase;font-size:15px;display:block}.bonus-card small,.metric-card small,.activate-cost small,.yearly-strip small{color:var(--muted);margin-top:4px;font-size:12px;display:block}.bonus-card strong,.metric-card strong,.activate-cost strong{color:var(--amber);font-family:var(--display);margin-top:8px;font-size:34px;line-height:1;display:block}.bonus-ring{border:2px solid var(--cyan);background:radial-gradient(circle, #00e5ff29, transparent 62%), conic-gradient(var(--cyan) 0 10%, #00e5ff1f 10% 100%);width:88px;height:88px;color:var(--cyan);font-family:var(--display);border-radius:999px;justify-self:center;place-items:center;font-size:21px;display:grid;box-shadow:0 0 22px #00e5ff59}.metric-card{background:#00e5ff0b;border:1px solid #00e5ff6b;padding:16px 18px}.metric-card span,.metric-card strong{color:var(--cyan)}.activate-cost{background:linear-gradient(135deg,#ff2bd617,#0d111db8);border:1px solid #ff2bd69e;grid-template-columns:minmax(0,1fr) minmax(180px,220px);align-items:center;gap:18px;padding:16px 18px;display:grid;box-shadow:inset 0 0 16px #ff2bd614}.activate-cost span,.activate-cost strong{color:var(--magenta)}.primary-action{border:1px solid var(--magenta);min-height:58px;color:var(--magenta);font-family:var(--display);text-transform:uppercase;cursor:pointer;background:#ff2bd614;border-radius:6px;font-size:19px;transition:all .15s;box-shadow:inset 0 0 22px #ff2bd62e,0 0 22px #ff2bd647}.primary-action:not(:disabled):hover{color:#fff;background:#ff2bd642;transform:translateY(-1px)}.primary-action:disabled{color:#aabed67a;box-shadow:none;cursor:not-allowed;background:#6f86a514;border-color:#6f86a557}.action-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.secondary-action,.ghost-button,.pending-button{min-height:36px;color:var(--cyan);font-family:var(--display);text-transform:uppercase;cursor:pointer;background:#00e5ff0e;border:1px solid #00e5ff66;border-radius:6px;justify-content:center;align-items:center;gap:8px;font-size:12px;display:inline-flex}.secondary-action.lime{color:var(--lime);background:#b9ff4a0e;border-color:#b9ff4a7a}.secondary-action:disabled,.yearly-strip:disabled{opacity:.58;cursor:not-allowed}.rule-line{color:var(--amber);font-family:var(--display);background:#ffb84d0e;border:1px solid #ffb84d94;align-items:center;gap:10px;padding:10px 14px;font-size:13px;display:flex}.yearly-strip{min-height:96px;color:var(--lime);text-align:left;cursor:pointer;background:linear-gradient(135deg,#b9ff4a17,#00e5ff06);border:1px solid #b9ff4a8c;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:18px;padding:16px 20px;display:grid}.yearly-strip span,.yearly-strip strong{color:var(--lime)}.yearly-strip strong{font-family:var(--display);font-size:56px;line-height:.9}.notice-line{color:var(--muted);background:#ffffff06;border:1px solid #6f86a547;margin:0;padding:10px 13px;font-size:12px}.panel-toolbar{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.toolbar-actions{gap:8px;display:flex}select{min-height:36px;color:var(--text);font:inherit;background:#0a101c;border:1px solid #6f86a552;border-radius:5px;padding:0 12px;font-size:12px}.ledger-table{border-top:1px solid #6f86a547;overflow:hidden}.ledger-row{min-height:44px;color:var(--text);border-bottom:1px solid #6f86a52e;grid-template-columns:1.1fr 1.35fr 1.65fr 1fr 1.05fr 1.05fr;align-items:center;gap:12px;padding:0 10px;font-size:12px;display:grid}.ledger-head{color:var(--muted);background:#ffffff06}.status{border-radius:5px;justify-content:center;width:fit-content;min-width:80px;padding:3px 10px;font-size:11px;display:inline-flex}.status.done{color:var(--lime);background:#b9ff4a12;border:1px solid #b9ff4a8a}.status.pending,.pending-button{color:var(--amber);background:#ffb84d12;border-color:#ffb84d94}.wallet-panel{flex-direction:column;display:flex}.wallet-cards{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.wallet-card{background:#ffffff06;border:1px solid;border-radius:6px;min-height:88px;padding:16px 18px}.wallet-card span,.wallet-card small,.wallet-card strong{display:block}.wallet-card span{font-family:var(--display);text-transform:uppercase;font-size:12px}.wallet-card small{color:var(--text);margin-top:4px;font-size:11px}.wallet-card strong{font-family:var(--display);margin-top:10px;font-size:24px}.wallet-card.cyan,.text-cyan{color:var(--cyan)}.wallet-card.amber,.text-amber{color:var(--amber)}.wallet-card.lime,.text-lime{color:var(--lime)}.text-magenta{color:var(--magenta)}.withdraw-box{background:#00e5ff09;border:1px solid #00e5ff57;border-radius:6px;grid-template-columns:1fr 1.3fr 1fr auto;align-items:end;gap:12px;margin-top:16px;padding:15px 18px;display:grid}.withdraw-box span{color:var(--muted);font-size:11px;display:block}.withdraw-box strong{color:var(--heading);margin-top:7px;font-size:14px;font-weight:500;display:block}button:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}@media (width<=1220px){.top-nav{grid-template-columns:1fr auto}.nav-rail{border-top:1px solid #6f86a53d;order:3;grid-column:1/-1;grid-template-columns:repeat(6,1fr);min-height:52px}.command-header,.network-controls,.dashboard-grid,.admin-workbench{grid-template-columns:1fr}.dashboard-grid{grid-template-rows:auto}.admin-summary-grid{grid-template-columns:repeat(2,1fr)}.admin-panel-wide{grid-column:auto}}@media (width<=760px){.app-shell{padding:10px}.top-nav,.command-header,.admin-hero,.panel{clip-path:none}.admin-hero{display:grid}.admin-mode-lock{min-width:0}.admin-summary-grid,.compact-admin-row,.admin-form-grid{grid-template-columns:1fr}.admin-actions{width:100%}.approve-button,.reject-button{flex:1}.brand{padding:0 14px;font-size:18px}.profile-actions{gap:6px;padding:0 10px}.nav-rail{grid-template-columns:repeat(3,1fr)}.command-header{gap:18px;padding:18px}.status-strip,.network-summary-grid,.network-content,.network-content.canvas-layout,.network-editor-top,.network-editor-bar,.direct-row,.network-stats,.wallet-cards,.overview-grid,.org-bonus-grid,.topup-summary,.topup-actions,.withdraw-box,.activate-cost,.bonus-card{grid-template-columns:1fr}.topup-panel{min-height:auto}.topup-form{margin-top:24px}.amount-field input{min-height:60px;font-size:28px}.status-strip{border-left:0;gap:10px}.stat{border-bottom:1px solid #6f86a538;border-right:0;padding:10px 0}.tree-stage:before,.sponsor-node:after,.direct-branch:before,.direct-node:after,.renewal-row:before,.renewal-stack:before{display:none}.tree-counts{margin-bottom:14px;position:static}.network-editor-shell{grid-template-rows:minmax(520px,1fr)}.canvas-stage{min-height:auto}.flow-shell{height:calc(100vh - 180px);min-height:520px}.canvas-overlay.top-right,.canvas-overlay.left-stack,.canvas-overlay.top-left{position:static}.full-canvas-shell{padding:14px}.popup-form,.referral-code-row{grid-template-columns:1fr}.sponsor-node,.direct-node{margin-bottom:18px}.overview-primary{grid-column:span 1}.ledger-table,.direct-table{overflow-x:auto}.ledger-row,.direct-table-row{min-width:780px}.network-pager{flex-wrap:wrap;justify-content:space-between}.panel-toolbar,.toolbar-actions,.action-row{flex-direction:column;grid-template-columns:1fr;align-items:stretch}}.profile-page{max-width:720px;margin:16px auto 0}.profile-copy{color:var(--muted);margin:10px 0 0;font-size:13px}.profile-identity{align-items:center;gap:16px;margin-top:18px;display:flex}.profile-avatar{width:64px;height:64px;color:var(--cyan);background:#00e5ff0f;border:1px solid #00e5ff66;border-radius:10px;place-items:center;display:grid;box-shadow:inset 0 0 20px #00e5ff1f}.profile-identity strong{color:var(--heading);font-family:var(--display);font-size:20px;display:block}.profile-identity .role-badge{margin-top:6px}.profile-readonly{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.profile-readonly div{background:#0a101c99;border:1px solid #6f86a53d;border-radius:6px;padding:12px}.profile-readonly span{color:var(--muted);font-family:var(--display);text-transform:uppercase;font-size:11px;display:block}.profile-readonly strong{color:var(--cyan);font-family:var(--display);margin-top:5px;display:block}.profile-form{gap:14px;margin-top:18px;display:grid}.profile-form label{gap:8px;display:grid}.profile-form>label>span{color:var(--muted);font-family:var(--display);text-transform:uppercase;font-size:12px}.profile-form input{min-height:40px;color:var(--cyan);font:inherit;background:#00e5ff0b;border:1px solid #00e5ff5c;border-radius:6px;padding:0 12px}.profile-form-actions{justify-content:flex-end;display:flex}.profile-form-actions .primary-action,.member-dialog-actions .primary-action{justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 22px;font-size:15px;display:inline-flex}.compact-admin-row-button{text-align:left;width:100%;font:inherit;cursor:pointer;grid-template-columns:minmax(0,1fr) auto;transition:all .15s}.compact-admin-row-button:hover{border-color:var(--cyan);background:#00e5ff14}.compact-admin-row-end{align-items:center;gap:10px;display:inline-flex}.row-edit-icon{color:var(--muted)}.compact-admin-row-button:hover .row-edit-icon{color:var(--cyan)}.direct-node-button{font:inherit;cursor:pointer;transition:all .15s}.direct-node-button:hover{border-color:var(--cyan);transform:translateY(-1px);box-shadow:0 0 18px #00e5ff38}.direct-node-button small{color:var(--cyan);align-items:center;gap:4px;display:inline-flex}.member-dialog-backdrop{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#03060cc7;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.member-dialog{clip-path:polygon(0 13px,13px 0,100% 0,100% calc(100% - 13px),calc(100% - 13px) 100%,0 100%);background:linear-gradient(135deg,#0f1829fa,#070a12fa),#0a0e18fa;border:1px solid #00e5ff66;width:min(460px,100%);max-height:90vh;padding:20px;overflow-y:auto;box-shadow:inset 0 0 0 1px #ffffff08,0 0 40px #00e5ff29}.member-dialog-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.member-dialog-head span{color:var(--muted);font-family:var(--display);text-transform:uppercase;font-size:11px;display:block}.member-dialog-head strong{color:var(--heading);font-family:var(--display);margin-top:2px;font-size:19px;display:block}.member-dialog-head small{color:var(--cyan);margin-top:2px;font-size:12px;display:block}.member-dialog-form{gap:12px;margin-top:16px;display:grid}.member-dialog-form label{gap:7px;display:grid}.member-dialog-form>label>span{color:var(--muted);font-family:var(--display);text-transform:uppercase;font-size:12px}.member-dialog-form input,.member-dialog-form select,.member-dialog-password-row input{min-height:38px;color:var(--cyan);font:inherit;background:#00e5ff0b;border:1px solid #00e5ff5c;border-radius:6px;padding:0 12px}.member-dialog-actions{justify-content:flex-end;margin-top:2px;display:flex}.member-dialog-divider{background:linear-gradient(90deg,#0000,#00e5ff57,#0000);height:1px;margin:18px 0}.member-dialog-password h3{color:var(--amber);font-family:var(--display);text-transform:uppercase;align-items:center;gap:8px;margin:0;font-size:15px;display:flex}.member-dialog-password p{color:var(--muted);margin:6px 0 10px;font-size:12px}.member-dialog-password-row{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.member-dialog-password .generated-credentials{margin-top:12px}
