.nexus-demo{--nd-blue:#377dff;--nd-ink:#142b4d;--nd-muted:#6c7f9c;--nd-border:#e3eaf5;color:var(--nd-ink);font-family:'Open Sans',sans-serif;font-size:12px;line-height:1.5;border:1px solid #d5e1f5;border-radius:16px;background:#f5f8fd;box-shadow:0 24px 65px rgba(34,73,136,.14),0 3px 8px rgba(34,73,136,.03);overflow:hidden;min-width:0;isolation:isolate}
.nexus-demo *{box-sizing:border-box}.nexus-demo [hidden]{display:none!important}.nexus-demo button,.nexus-demo input,.nexus-demo select{font:inherit}.nexus-demo button{cursor:pointer;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}.nexus-demo button:focus-visible,.nexus-demo a:focus-visible,.nexus-demo select:focus-visible{outline:2px solid var(--nd-blue);outline-offset:3px}.nexus-demo button:active{transform:translateY(1px)}
.nd-topbar{height:42px;background:#142d67;display:flex;align-items:center;justify-content:space-between;padding:0 16px;color:#fff}.nd-wordmark{font-weight:800;font-size:22px;letter-spacing:-1px}.nd-wordmark>span{font-size:10px;letter-spacing:0;font-weight:600;margin-left:5px;color:#c0cfed}.nd-demo-label{display:flex;align-items:center;gap:6px;font-size:10px;color:#d9e4ff}.nd-demo-label>span{width:5px;height:5px;background:#59e0c0;border-radius:50%}
.nd-shell{display:grid;grid-template-columns:112px minmax(0,1fr);min-height:464px}.nd-sidebar{margin:12px 0 12px 12px;background:white;border:1px solid var(--nd-border);border-radius:10px;display:flex;flex-direction:column}.nd-server{display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center;padding:18px 6px}.nd-server img{object-fit:contain}.nd-server strong{font-size:10px;line-height:1.5}.nd-plan{color:#2465dd;background:#edf3ff;border:1px solid #d7e5ff;border-radius:5px;padding:3px 12px;font-size:10px;font-weight:700}.nd-nav{display:flex;flex-direction:column;gap:5px;padding:5px}.nd-nav button{display:flex;align-items:center;gap:7px;background:transparent;border:0;border-radius:6px;padding:10px 7px;color:#687c9a;font-size:11px;font-weight:600;text-align:left}.nd-nav button:hover{background:#f3f6fc;color:#265eb9}.nd-nav button[aria-selected=true]{background:#edf3ff;color:#2869eb}.nd-nav svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.nd-nav img{width:16px;height:16px;object-fit:contain;filter:grayscale(1);opacity:.65}.nd-nav button[aria-selected=true] img{filter:none;opacity:1}.nd-sidebar-foot{margin-top:auto;padding:16px 8px;color:var(--nd-muted);font-size:9px;white-space:nowrap}.nd-online-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#18b68b;margin-right:4px;box-shadow:0 0 0 3px #18b68b10}
.nd-main{position:relative;padding:18px 18px 32px;min-width:0;min-height:580px}.nd-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:20px}.nd-eyebrow{display:block;font-size:8px;font-weight:700;letter-spacing:.8px;color:var(--nd-muted);margin-bottom:4px}.nexus-demo h3{font-size:20px!important;line-height:1.3!important;letter-spacing:-.4px;margin:0!important;color:var(--nd-ink)!important}.nd-live{display:inline-flex;align-items:center;gap:5px;background:#e7f7f0;color:#16866b;border-radius:20px;padding:4px 7px;font-size:9px;white-space:nowrap}.nd-live::before{content:'';width:5px;height:5px;background:#18b68b;border-radius:50%}.nd-range-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-weight:700}.nd-ranges{display:flex;background:#ebf0f9;border-radius:7px;padding:3px;gap:2px}.nd-ranges button{border:0;background:transparent;color:#7d8ba2;padding:5px 8px;border-radius:5px;font-size:9px;font-weight:700}.nd-ranges button[aria-pressed=true]{background:white;box-shadow:0 1px 4px #24487814;color:var(--nd-blue)}
.nd-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:16px}.nd-metrics button{min-width:0;text-align:left;border:1px solid var(--nd-border);background:#fff;border-radius:9px;padding:11px 10px}.nd-metrics button:hover{border-color:#a9c4ff}.nd-metrics button[aria-pressed=true]{border-color:#9ebeff;background:#f5f8ff;box-shadow:inset 0 2px 0 var(--nd-blue)}.nd-metrics span,.nd-metrics strong,.nd-metrics small{display:block}.nd-metrics span{font-size:10px;color:var(--nd-muted);font-weight:600}.nd-metrics strong{font-size:23px;letter-spacing:-.7px;line-height:1.4;color:var(--nd-ink);margin:3px 0}.nd-metrics small{color:#16866b;font-size:8px;line-height:1.4}
.nd-chart-card{background:white;border:1px solid var(--nd-border);border-radius:10px;padding:12px 12px 9px}.nd-chart-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.nd-chart-heading strong{font-size:11px}.nd-chart-heading>span{display:flex;align-items:center;gap:4px;color:var(--nd-muted);font-size:9px}.nd-chart-heading i{width:5px;height:5px;border-radius:50%;background:var(--nd-blue)}.nd-chart-wrap{position:relative}.nd-chart{display:block;width:100%;overflow:visible;aspect-ratio:440/144}.nd-grid path{stroke:#edf1f8;stroke-width:1;fill:none}.nd-line{stroke:var(--nd-blue);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;animation:nd-line-in .65s ease-out}.nd-area{animation:nd-area-in .45s ease-out}.nd-point{fill:white;stroke:var(--nd-blue);stroke-width:2;cursor:pointer;transition:r .15s,fill .15s}.nd-point:hover,.nd-point:focus{r:5;fill:var(--nd-blue);outline:none;stroke:#142d67;stroke-width:3}.nd-chart-labels{display:flex;justify-content:space-between;color:#8b9bb3;font-size:9px;padding:0 2px}.nd-chart-tip{position:absolute;z-index:2;bottom:calc(100% + 2px);right:0;max-width:100%;background:#142d67;color:#fff;padding:5px 9px;border-radius:6px;font-size:10px;white-space:nowrap;box-shadow:0 4px 12px #142d6720;pointer-events:none}
.nd-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.nd-channel-card{background:white;border:1px solid var(--nd-border);border-radius:9px;padding:11px}.nd-channel-card>strong{font-size:11px}.nd-channel-card>div:not(.nd-bar){display:flex;justify-content:space-between;margin-top:7px;font-size:9px;color:var(--nd-muted)}.nd-channel-card b{font-weight:600;color:var(--nd-ink)}.nd-bar{height:3px;background:#eef2fa;border-radius:3px;margin-top:4px}.nd-bar i{display:block;height:100%;border-radius:3px;background:#95b6f8;transition:width .4s ease}.nd-ticket-shortcut{border:1px solid #dce8ff;background:linear-gradient(135deg,#edf4ff,#fafcff);border-radius:9px;padding:10px;text-align:left;color:var(--nd-ink);display:flex;flex-direction:column;gap:4px}.nd-ticket-shortcut:hover{border-color:#91b5ff;box-shadow:0 3px 10px #377dff12}.nd-shortcut-icon{font-size:17px;color:var(--nd-blue);line-height:1}.nd-ticket-shortcut strong{font-size:11px}.nd-ticket-shortcut>span:not(.nd-shortcut-icon){font-size:9px;color:var(--nd-muted)}.nd-ticket-shortcut b{color:var(--nd-blue);font-size:10px;font-weight:600}
.nd-ticket-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px}.nd-ticket-summary>div{display:flex;flex-direction:column;border:1px solid var(--nd-border);background:white;border-radius:9px;padding:11px}.nd-ticket-summary strong{font-size:22px;letter-spacing:-.6px}.nd-ticket-summary span{color:var(--nd-muted);font-size:9px}.nd-section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.nd-section-heading>strong{font-size:12px}.nd-small-action{border:1px solid #dbe7ff;color:#2869eb;background:#edf3ff;padding:6px 8px;border-radius:6px;font-weight:600;font-size:10px!important;white-space:nowrap}.nd-small-action:hover{background:#dfeaff}.nd-ticket-list{display:flex;flex-direction:column;gap:6px}.nd-ticket-list>button{display:flex;align-items:center;gap:9px;border:1px solid var(--nd-border);background:white;text-align:left;padding:9px;border-radius:8px;color:var(--nd-ink);min-width:0}.nd-ticket-list>button:hover,.nd-ticket-list>button[aria-pressed=true]{border-color:#9ebeff;background:#f8faff}.nd-avatar{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:29px;height:29px;background:#e8f0ff;color:#3d6fd9;font-size:11px;border-radius:9px;font-weight:700}.nd-avatar-purple{background:#f0ebff;color:#8c66cd}.nd-avatar-orange{background:#fff1e8;color:#d48754}.nd-ticket-list strong,.nd-ticket-list small{display:block}.nd-ticket-list strong{font-size:11px}.nd-ticket-list small{font-size:9px;color:var(--nd-muted);margin-top:2px}.nd-ticket-state{margin-left:auto;background:#e6f7ef;color:#278c6a;border-radius:5px;padding:3px 6px;font-size:9px;white-space:nowrap}.nd-state-blue{background:#eaf1ff;color:#3d6fd9}.nd-state-orange{background:#fff1e8;color:#b6794f}.nd-ticket-detail{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#fff;border:1px solid var(--nd-border);border-radius:8px;padding:10px;margin-top:10px}.nd-ticket-detail strong,.nd-ticket-detail span{display:block;font-size:11px}.nd-ticket-detail span{color:var(--nd-muted);font-size:9px;margin-top:2px}.nd-automation{margin-top:12px;border:1px solid var(--nd-border);background:#fff;border-radius:8px;padding:11px}.nd-days{display:flex;align-items:center;gap:5px;color:var(--nd-muted);margin:8px 0 0;font-size:9px;flex-wrap:wrap}.nd-days select{border:1px solid var(--nd-border);background:#f8faff;border-radius:5px;color:#2869eb;padding:3px;font-size:10px}.nd-days select:disabled{opacity:.45}
.nd-switch-row{display:flex;align-items:center;gap:10px;margin:0;cursor:pointer;position:relative}.nd-switch-row>span:first-child{flex:1;min-width:0}.nd-switch-row strong{display:block;font-size:11px}.nd-switch-row small{display:block;color:var(--nd-muted);font-size:9px;margin-top:3px;font-weight:400;line-height:1.5}.nd-switch-row input{position:absolute;width:1px;height:1px;opacity:0;right:16px}.nd-switch{flex-shrink:0;display:block;width:29px;height:17px;border-radius:20px;background:#cad6e8;position:relative;transition:background .2s}.nd-switch::after{content:'';position:absolute;top:3px;left:3px;width:11px;height:11px;border-radius:50%;background:white;box-shadow:0 1px 3px #1c365526;transition:transform .2s}.nd-switch-row input:checked+.nd-switch{background:#16b893}.nd-switch-row input:checked+.nd-switch::after{transform:translateX(12px)}.nd-switch-row input:focus-visible+.nd-switch{outline:2px solid var(--nd-blue);outline-offset:3px}
.nd-whop-connection{display:flex;align-items:center;gap:11px;padding:15px 12px;background:white;border:1px solid var(--nd-border);border-radius:10px;margin-bottom:12px}.nd-whop-connection>div{flex:1;min-width:0}.nd-whop-connection strong,.nd-whop-connection>div>span{display:block;font-size:12px}.nd-whop-connection>div>span{font-size:9px;color:var(--nd-muted);margin-top:3px}.nd-connected{background:#e7f7f0;color:#16866b;border-radius:20px;padding:4px 7px;font-size:9px}.nd-whop-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 20px}.nd-whop-stats>div{padding:12px;border-radius:9px;border:1px solid var(--nd-border);background:white}.nd-whop-stats span,.nd-whop-stats strong{display:block}.nd-whop-stats span{color:var(--nd-muted);font-size:10px}.nd-whop-stats strong{font-size:25px;letter-spacing:-.6px;margin-top:3px}.nd-whop-options{background:white;border:1px solid var(--nd-border);border-radius:9px;padding:0 12px}.nd-whop-options .nd-switch-row{padding:13px 0}.nd-whop-options .nd-switch-row+.nd-switch-row{border-top:1px solid #edf1f8}.nd-whop-note{display:flex;align-items:center;gap:4px;color:var(--nd-muted);font-size:9px;margin-top:12px}.nd-whop-note .nd-online-dot{flex-shrink:0}
.nd-feedback{position:absolute;bottom:8px;left:18px;right:18px;color:#16866b;font-size:10px;text-align:right;min-height:15px}.nd-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;background:white;border-top:1px solid var(--nd-border);padding:11px 14px;color:var(--nd-muted);font-size:10px}.nd-footer a{color:#2869eb;font-weight:600;white-space:nowrap}.nd-main section{animation:nd-panel-in .25s ease-out}@keyframes nd-panel-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes nd-line-in{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes nd-area-in{from{opacity:0}to{opacity:1}}
@media(max-width:1080px){.nexus-demo{width:100%;max-width:720px;justify-self:center}.nd-shell{grid-template-columns:130px minmax(0,1fr)}.nd-main{padding:22px 24px 34px;min-height:600px}.nd-chart{max-height:165px}.nd-nav button{font-size:12px}.nd-server strong{font-size:11px}.nd-sidebar-foot{font-size:10px}.nd-eyebrow{font-size:9px}.nd-metrics span{font-size:11px}.nd-metrics small{font-size:9px}}
@media(max-width:600px){.nd-shell{grid-template-columns:1fr;min-height:0}.nd-sidebar{margin:0;border:0;border-bottom:1px solid var(--nd-border);border-radius:0}.nd-server,.nd-sidebar-foot{display:none}.nd-nav{flex-direction:row;padding:8px 12px;gap:6px}.nd-nav button{justify-content:center;flex:1;padding:9px 5px;font-size:12px}.nd-topbar{padding:0 12px}.nd-main{padding:20px 14px 34px;min-height:580px}.nd-metrics strong{font-size:23px}.nd-metrics small{font-size:9px}.nd-footer{flex-wrap:wrap;gap:5px;font-size:10px;padding:10px 14px}.nd-heading{margin-bottom:18px}.nd-eyebrow{font-size:8px}.nd-ticket-summary span{font-size:10px}.nd-ticket-list strong{font-size:11px}.nd-ticket-state{font-size:8px;padding:3px 5px}.nd-ticket-list>button{gap:7px;padding:9px 7px}.nd-ticket-list small{font-size:9px}.nd-switch-row strong{font-size:12px}.nd-switch-row small{font-size:10px}.nd-days{font-size:10px}.nd-whop-note{font-size:10px}.nd-feedback{left:14px;right:14px;font-size:10px}.nd-bottom-grid{gap:8px}.nd-channel-card,.nd-ticket-shortcut{padding:10px}.nd-live{font-size:8px}}
@media(prefers-reduced-motion:reduce){.nexus-demo *{animation:none!important;transition:none!important}}