@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500;600;700&family=Titillium+Web:wght@300;400;600;700;900&display=swap");*{box-sizing:border-box;margin:0;padding:0}#root,.qf-app,body,html{background:#080a0c;min-height:100vh;min-height:100dvh}.qf-app{display:flex;font-family:IBM Plex Mono,monospace;color:#e8eef2;position:relative}.qf-app:before{inset:0;background-image:linear-gradient(rgba(0,229,255,.03) 1px,transparent 0),linear-gradient(90deg,rgba(0,229,255,.03) 1px,transparent 0);background-size:40px 40px}.qf-app:after,.qf-app:before{content:"";position:fixed;pointer-events:none;z-index:0}.qf-app:after{top:-30%;left:20%;width:60%;height:60%;background:radial-gradient(ellipse,rgba(0,229,255,.04) 0,transparent 70%)}.qf-sidebar{width:220px;min-height:100vh;min-height:100dvh;background:#050709;border-right:1px solid rgba(0,229,255,.15);display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;z-index:100}.qf-sidebar-logo{padding:24px 20px 20px;border-bottom:1px solid rgba(0,229,255,.15)}.qf-logo-mark{font-family:Titillium Web,sans-serif;font-weight:900;font-size:18px;letter-spacing:.08em;color:#00e5ff;display:flex;align-items:center;gap:8px}.qf-logo-mark span{display:inline-block;width:8px;height:8px;background:#00e5ff;-webkit-clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);animation:pulse-diamond 2s ease-in-out infinite}@keyframes pulse-diamond{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.qf-logo-sub{font-size:9px;color:#8ba3b8;letter-spacing:.2em;text-transform:uppercase;margin-top:4px}.qf-nav{flex:1 1;padding:12px 0;overflow-y:auto}.qf-nav-section{padding:16px 20px 6px;font-size:9px;letter-spacing:.25em}.qf-nav-item,.qf-nav-section{color:#8ba3b8;text-transform:uppercase}.qf-nav-item{display:flex;align-items:center;gap:10px;padding:9px 20px;font-size:11px;letter-spacing:.08em;cursor:pointer;transition:all .15s;border-left:2px solid transparent;position:relative;text-decoration:none}.qf-nav-item:hover{color:#e8eef2;background:rgba(0,229,255,.08);border-left-color:rgba(0,229,255,.3)}.qf-nav-item.active{color:#00e5ff;background:rgba(0,229,255,.06);border-left-color:#00e5ff}.qf-nav-item .nav-icon{width:14px;height:14px;opacity:.7;flex-shrink:0}.qf-nav-item.active .nav-icon{opacity:1}.qf-nav-badge{margin-left:auto;font-size:9px;padding:1px 5px;background:rgba(0,229,255,.12);color:#00e5ff;border:1px solid rgba(0,229,255,.2)}.qf-sidebar-footer{padding:16px 20px;border-top:1px solid rgba(0,229,255,.15)}.qf-system-status{font-size:9px;color:#8ba3b8;letter-spacing:.15em;text-transform:uppercase;margin-bottom:8px}.qf-status-line{display:flex;align-items:center;gap:6px;font-size:10px;color:#8ba3b8;margin-bottom:4px}.qf-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.qf-dot.green{background:#0f8;box-shadow:0 0 6px #0f8}.qf-dot.amber{background:#ffb300;box-shadow:0 0 6px #ffb300}.qf-dot.red{background:#f35;box-shadow:0 0 6px #f35}.qf-main{margin-left:220px;flex:1 1;display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;position:relative;z-index:1}.qf-topbar{height:52px;border-bottom:1px solid rgba(0,229,255,.15);justify-content:space-between;padding:0 32px;background:rgba(5,7,9,.8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:-webkit-sticky;position:sticky;top:0;z-index:50}.qf-breadcrumb,.qf-topbar{display:flex;align-items:center}.qf-breadcrumb{gap:8px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#8ba3b8}.qf-breadcrumb .brand{text-transform:none;letter-spacing:.05em}.qf-breadcrumb .current{color:#00e5ff}.qf-breadcrumb .sep{color:rgba(90,112,128,.4)}.qf-topbar-right{display:flex;align-items:center;gap:20px}.qf-ticker{font-size:10px;color:#8ba3b8;letter-spacing:.08em}.qf-ticker span{color:#00e5ff}.qf-uptime{font-size:9px;color:#8ba3b8;letter-spacing:.1em}.qf-uptime em{color:#0f8;font-style:normal}.qf-content{padding:32px;flex:1 1}.qf-page-header{margin-bottom:32px;position:relative}.qf-page-tag{font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:#00e5ff;opacity:.7;margin-bottom:8px}.qf-page-title{font-family:Titillium Web,sans-serif;font-weight:700;font-size:28px;letter-spacing:.06em;text-transform:uppercase;color:#e8eef2;line-height:1}.qf-page-title .accent{color:#00e5ff}.qf-page-desc{margin-top:8px;font-size:11px;color:#8ba3b8;letter-spacing:.06em}.qf-title-line{margin-top:16px;height:1px;background:linear-gradient(90deg,#00e5ff,rgba(0,229,255,.1) 40%,transparent)}.qf-grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.qf-grid-3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.qf-panel{background:rgba(0,229,255,.03);border:1px solid rgba(0,229,255,.15);padding:24px;position:relative;transition:border-color .2s,background .2s}.qf-panel:hover{border-color:rgba(0,229,255,.25);background:rgba(0,229,255,.06)}.qf-panel:before{top:-1px;left:-1px;border-top:2px solid #00e5ff;border-left:2px solid #00e5ff}.qf-panel:after,.qf-panel:before{content:"";position:absolute;width:12px;height:12px}.qf-panel:after{bottom:-1px;right:-1px;border-bottom:2px solid rgba(0,229,255,.3);border-right:2px solid rgba(0,229,255,.3)}.qf-panel-title{font-size:10px;letter-spacing:.25em;text-transform:uppercase;color:#8ba3b8;margin-bottom:20px;display:flex;align-items:center;gap:8px}.qf-panel-title:after{content:"";flex:1 1;height:1px;background:rgba(0,229,255,.15)}.qf-status-table{display:flex;flex-direction:column;gap:0}.qf-status-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid rgba(0,229,255,.06);transition:background .15s;cursor:default}.qf-status-row:last-child{border-bottom:none}.qf-status-row:hover{background:rgba(0,229,255,.02);padding-left:8px;padding-right:8px;margin:0 -8px}.qf-status-label{display:flex;align-items:center;gap:10px;font-size:11px;color:#e8eef2;letter-spacing:.05em}.qf-status-label .label-icon{width:16px;height:16px;opacity:.5}.qf-badge{font-size:9px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;padding:4px 10px;border:1px solid;position:relative;display:inline-flex;align-items:center;gap:6px}.qf-badge:before{content:"";width:5px;height:5px;border-radius:50%}.qf-badge.connected{color:#0f8;border-color:rgba(0,255,136,.3);background:rgba(0,255,136,.06)}.qf-badge.connected:before{background:#0f8;box-shadow:0 0 6px #0f8;animation:blink 2s ease-in-out infinite}.qf-badge.active{color:#00e5ff;border-color:rgba(0,229,255,.3);background:rgba(0,229,255,.06)}.qf-badge.active:before{background:#00e5ff;box-shadow:0 0 6px #00e5ff;animation:blink 1.5s ease-in-out infinite}.qf-badge.operational{color:#0fc;border-color:rgba(0,255,204,.3);background:rgba(0,255,204,.06)}.qf-badge.operational:before{background:#0fc;box-shadow:0 0 6px #0fc;animation:blink 1.8s ease-in-out infinite}.qf-badge.valid{color:#48f;border-color:rgba(68,136,255,.3);background:rgba(68,136,255,.06)}.qf-badge.valid:before{background:#48f;box-shadow:0 0 6px #48f}.qf-badge.warning{color:#ffb300;border-color:rgba(255,179,0,.3);background:rgba(255,179,0,.06)}.qf-badge.warning:before{background:#ffb300;box-shadow:0 0 6px #ffb300;animation:blink .8s ease-in-out infinite}.qf-badge.error{color:#f35;border-color:rgba(255,51,85,.3);background:rgba(255,51,85,.06)}.qf-badge.error:before{background:#f35;box-shadow:0 0 6px #f35}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.qf-pipeline{display:flex;flex-direction:column;gap:0;counter-reset:pipeline}.qf-pipeline-step{display:flex;align-items:flex-start;gap:16px;padding:14px 0;border-bottom:1px solid rgba(0,229,255,.06);position:relative}.qf-pipeline-step:last-child{border-bottom:none}.qf-step-num{width:24px;height:24px;border:1px solid rgba(0,229,255,.3);display:flex;align-items:center;justify-content:center;font-size:9px;color:#00e5ff;letter-spacing:.05em;flex-shrink:0;margin-top:1px}.qf-step-title{font-size:11px;color:#e8eef2;letter-spacing:.05em;margin-bottom:3px}.qf-step-desc{font-size:10px;color:#8ba3b8;letter-spacing:.04em;line-height:1.5}.qf-step-tag{display:inline-block;margin-top:4px;font-size:8px;letter-spacing:.15em;text-transform:uppercase;color:rgba(0,229,255,.5);padding:2px 6px}.qf-metric,.qf-step-tag{border:1px solid rgba(0,229,255,.15)}.qf-metric{background:rgba(0,229,255,.03);padding:20px 24px;position:relative;transition:all .2s}.qf-metric:hover{border-color:rgba(0,229,255,.3);background:rgba(0,229,255,.06)}.qf-metric-label{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:#8ba3b8;margin-bottom:10px}.qf-metric-value{font-family:Titillium Web,sans-serif;font-weight:700;font-size:32px;color:#00e5ff;line-height:1;letter-spacing:.02em}.qf-metric-unit{font-size:12px;color:#8ba3b8;margin-left:4px;font-family:IBM Plex Mono,monospace;font-weight:400}.qf-metric-trend{margin-top:8px;font-size:10px;color:#0f8;letter-spacing:.05em}.qf-admin-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin-bottom:16px}.qf-field-row{display:flex;flex-direction:column;gap:6px;padding:14px 0;border-bottom:1px solid rgba(0,229,255,.06)}.qf-field-row:last-child{border-bottom:none}.qf-field-label{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:#8ba3b8}.qf-field-value{font-size:12px;color:#e8eef2;letter-spacing:.04em}.qf-btn,.qf-field-value.mono{font-family:IBM Plex Mono,monospace}.qf-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 20px;font-size:10px;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;transition:all .15s;border:none;outline:none;position:relative}.qf-btn-primary{background:rgba(0,229,255,.1);color:#00e5ff;border:1px solid rgba(0,229,255,.4)}.qf-btn-primary:hover{background:rgba(0,229,255,.18);border-color:#00e5ff;box-shadow:0 0 16px rgba(0,229,255,.15)}.qf-btn-danger{background:rgba(255,51,85,.08);color:#f35;border:1px solid rgba(255,51,85,.3)}.qf-btn-danger:hover{background:rgba(255,51,85,.15);border-color:#f35}.qf-btn-ghost{background:transparent;color:#8ba3b8;border:1px solid rgba(0,229,255,.15)}.qf-btn-ghost:hover{color:#e8eef2;border-color:rgba(0,229,255,.2)}.qf-terminal{background:rgba(0,0,0,.4);border:1px solid rgba(0,229,255,.1);padding:16px;font-size:10px;line-height:1.8;max-height:180px;overflow-y:auto}.qf-log-line{display:flex;gap:12px}.qf-log-time{color:rgba(0,229,255,.4);flex-shrink:0}.qf-log-level-ok{color:#0f8;flex-shrink:0}.qf-log-level-warn{color:#ffb300;flex-shrink:0}.qf-log-level-info{color:#48f;flex-shrink:0}.qf-log-msg{color:rgba(232,238,242,.7)}.qf-form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.qf-form-label{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:#8ba3b8}.qf-input{background:rgba(0,0,0,.4);border:1px solid rgba(0,229,255,.15);color:#e8eef2;font-family:IBM Plex Mono,monospace;font-size:12px;padding:10px 14px;letter-spacing:.04em;outline:none;transition:border-color .15s,box-shadow .15s}.qf-input:focus{border-color:#00e5ff;box-shadow:0 0 8px rgba(0,229,255,.15)}.qf-input::placeholder{color:rgba(90,112,128,.6)}.qf-select{background:rgba(0,0,0,.4);border:1px solid rgba(0,229,255,.15);color:#e8eef2;font-family:IBM Plex Mono,monospace;font-size:12px;letter-spacing:.04em;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%235A7080' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding:10px 36px 10px 14px;transition:border-color .15s}.qf-select:focus{border-color:#00e5ff}.qf-textarea{background:rgba(0,0,0,.4);border:1px solid rgba(0,229,255,.15);color:#e8eef2;font-family:IBM Plex Mono,monospace;font-size:12px;padding:10px 14px;letter-spacing:.04em;outline:none;min-height:80px;resize:vertical;transition:border-color .15s,box-shadow .15s}.qf-textarea:focus{border-color:#00e5ff;box-shadow:0 0 8px rgba(0,229,255,.15)}.qf-textarea::placeholder{color:rgba(90,112,128,.6)}.qf-alert{padding:12px 16px;font-size:11px;letter-spacing:.04em;border-left:3px solid;margin-bottom:16px}.qf-alert-warning{color:#ffb300;border-left-color:#ffb300;background:rgba(255,179,0,.06)}.qf-alert-error{color:#f35;border-left-color:#f35;background:rgba(255,51,85,.06)}.qf-alert-success{color:#0f8;border-left-color:#0f8;background:rgba(0,255,136,.06)}.qf-usage-bar{height:6px;background:rgba(0,229,255,.08);border-radius:3px;overflow:hidden;margin-top:8px}.qf-usage-fill{height:100%;background:#00e5ff;border-radius:3px;transition:width .4s ease}.qf-usage-fill.at-limit{background:#ffb300}.qf-tag{display:inline-block;font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:rgba(0,229,255,.7);border:1px solid rgba(0,229,255,.2);padding:2px 6px;margin-right:4px;margin-bottom:4px}.qf-btn:disabled{pointer-events:none}.qf-btn:disabled,.qf-input:disabled,.qf-select:disabled,.qf-textarea:disabled{opacity:.4;cursor:not-allowed}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(0,229,255,.15)}::-webkit-scrollbar-thumb:hover{background:rgba(0,229,255,.3)}.qf-login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;font-family:IBM Plex Mono,monospace;background:#080a0c;color:#e8eef2;position:relative;overflow:hidden}.qf-login-shell:before{inset:0;background-image:linear-gradient(rgba(0,229,255,.03) 1px,transparent 0),linear-gradient(90deg,rgba(0,229,255,.03) 1px,transparent 0);background-size:40px 40px}.qf-login-shell:after,.qf-login-shell:before{content:"";position:fixed;pointer-events:none;z-index:0}.qf-login-shell:after{top:-30%;left:20%;width:60%;height:60%;background:radial-gradient(ellipse,rgba(0,229,255,.04) 0,transparent 70%)}.qf-login-container{max-width:420px;width:100%;padding:32px 24px;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:32px}.qf-login-brand{text-align:center;animation:fadeInUp .6s ease both}.qf-login-brand .qf-logo-mark{font-size:24px;justify-content:center}.qf-login-brand .qf-logo-mark span{width:10px;height:10px}.qf-login-brand .qf-logo-sub{margin-top:8px}.qf-login-tagline{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:#8ba3b8;margin-top:16px;animation:fadeInUp .8s ease .3s both}.qf-login-panel{width:100%;animation:fadeInUp .8s ease .15s both}.qf-login-panel form{display:flex;flex-direction:column}.qf-login-panel .qf-btn-primary{width:100%;justify-content:center;padding:12px 20px;margin-top:8px}.qf-login-status{text-align:center;animation:fadeInUp .8s ease .45s both}.qf-login-status .qf-status-line{justify-content:center;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.qf-login-version{font-size:9px;color:rgba(90,112,128,.5);letter-spacing:.12em;margin-top:10px}.qf-auth-link{text-align:center;margin-top:16px;font-size:13px;color:rgba(200,215,225,.6)}.qf-auth-link a{color:#00e5ff;text-decoration:none}.qf-auth-link a:hover{text-decoration:underline}.qf-scanline{position:fixed;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,229,255,.12) 50%,transparent);animation:scanDown 8s linear infinite;pointer-events:none;z-index:2}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes scanDown{0%{top:-2px}to{top:100vh}}.qf-hamburger{display:none;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid rgba(0,229,255,.2);color:#00e5ff;cursor:pointer;font-size:18px;line-height:1;flex-shrink:0;transition:border-color .15s,background .15s}.qf-hamburger:hover{border-color:#00e5ff;background:rgba(0,229,255,.08)}.qf-sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:90}@media (max-width:768px){.qf-hamburger{display:flex}.qf-sidebar{transform:translateX(-220px);transition:transform .25s ease}.qf-sidebar.open{transform:translateX(0)}.qf-sidebar-overlay.open{display:block}.qf-main{margin-left:0}.qf-topbar{padding:0 16px;gap:8px;-webkit-backdrop-filter:none;backdrop-filter:none;background:#050709}.qf-topbar-right{gap:10px}.qf-ticker,.qf-uptime{display:none}.qf-content{padding:16px}.qf-page-header{margin-bottom:20px}.qf-page-title{font-size:20px}.qf-page-desc{font-size:10px}.qf-admin-grid,.qf-grid-2,.qf-grid-3{grid-template-columns:1fr}.qf-panel{padding:16px}.qf-metric{padding:14px 16px}.qf-metric-value{font-size:24px}.qf-breadcrumb .brand,.qf-breadcrumb .sep:first-of-type{display:none}.qf-status-row:hover{padding-left:0;padding-right:0;margin:0}.qf-btn{padding:9px 14px;font-size:9px}.qf-terminal{font-size:9px;padding:12px}.qf-login-container{padding:24px 16px}.qf-login-brand .qf-logo-mark{font-size:20px}.qf-login-panel{padding:20px 16px}}.driver-popover.qf-tour-popover{background:#0c1219;border:1px solid rgba(0,229,255,.3);color:#e8eef2;font-family:IBM Plex Mono,monospace;max-width:340px;box-shadow:0 8px 32px rgba(0,0,0,.6)}.driver-popover.qf-tour-popover .driver-popover-title{font-family:Titillium Web,sans-serif;font-weight:700;font-size:16px;color:#00e5ff;letter-spacing:.04em}.driver-popover.qf-tour-popover .driver-popover-description{font-size:12px;line-height:1.7;color:#c8d6df;letter-spacing:.02em}.driver-popover.qf-tour-popover .driver-popover-progress-text{font-size:10px;color:#7a8fa0;letter-spacing:.08em}.driver-popover.qf-tour-popover .driver-popover-navigation-btns button{font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;border-radius:0;padding:7px 18px}.driver-popover.qf-tour-popover .driver-popover-next-btn{background:#00e5ff;color:#0a0a0a;border:none;font-weight:600}.driver-popover.qf-tour-popover .driver-popover-next-btn:hover{background:#33ecff}.driver-popover.qf-tour-popover .driver-popover-prev-btn{background:transparent;color:#8ba3b8;border:1px solid rgba(0,229,255,.25)}.driver-popover.qf-tour-popover .driver-popover-prev-btn:hover{color:#c8d6df;border-color:rgba(0,229,255,.4)}.driver-popover.qf-tour-popover .driver-popover-close-btn{color:#7a8fa0}.driver-popover.qf-tour-popover .driver-popover-close-btn:hover{color:#c8d6df}.driver-popover.qf-tour-popover .driver-popover-arrow-side-bottom,.driver-popover.qf-tour-popover .driver-popover-arrow-side-left,.driver-popover.qf-tour-popover .driver-popover-arrow-side-right,.driver-popover.qf-tour-popover .driver-popover-arrow-side-top{border-color:rgba(0,229,255,.25)}.qf-notification-bell{position:relative;display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:1px solid rgba(0,229,255,.15);color:#5a7080;cursor:pointer;transition:color .15s,border-color .15s;font-family:IBM Plex Mono,monospace}.qf-notification-bell:hover{color:#00e5ff;border-color:rgba(0,229,255,.4)}.qf-notification-badge{position:absolute;top:-4px;right:-4px;min-width:14px;height:14px;padding:0 3px;background:#00e5ff;color:#080a0c;font-size:8px;font-weight:700;font-family:IBM Plex Mono,monospace;line-height:14px;text-align:center;border-radius:7px}.qf-notification-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:280px;max-height:360px;background:#0a1218;border:1px solid rgba(0,229,255,.15);z-index:50;overflow:hidden;display:flex;flex-direction:column}.qf-notification-header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid rgba(0,229,255,.08);font-family:IBM Plex Mono,monospace;font-size:9px;font-weight:600;letter-spacing:.12em;color:#5a7080}.qf-notification-list{overflow-y:auto;flex:1 1}.qf-notification-item{padding:10px 12px;border-bottom:1px solid rgba(0,229,255,.05);font-family:IBM Plex Mono,monospace;transition:background .1s}.qf-notification-item:hover{background:rgba(0,229,255,.03)}.qf-notification-empty{padding:24px 12px;text-align:center;font-family:IBM Plex Mono,monospace;font-size:10px;color:#3a4a55;letter-spacing:.08em}