:root{font-synthesis-weight:none}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--knox-bg-primary);color:var(--knox-text-primary);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}.input{border:1px solid var(--knox-border);background:var(--knox-bg-card);width:100%;color:var(--knox-text-primary);border-radius:.5rem;outline:none;padding:.5rem .75rem}.input:focus{border-color:var(--knox-border-hover)}.knox-input{border:1px solid var(--knox-border);background:var(--knox-bg-card);width:100%;color:var(--knox-text-primary);border-radius:.5rem;outline:none;padding:.5rem .75rem;font-size:14px;transition:border-color .2s,box-shadow .2s}.knox-input:focus{border-color:var(--knox-cyan);box-shadow:0 0 10px var(--rgba-white-08)}.knox-label{color:var(--knox-text-secondary);margin-bottom:6px;font-size:.8125rem;font-weight:600;display:block}.shadow-sm{box-shadow:none}.rounded-2xl{border-radius:1rem}.border{border:1px solid var(--knox-border)}.border-slate-200{border-color:var(--knox-border)}.bg-white{background:var(--knox-bg-card)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.support-chat-markdown{font-size:13px;line-height:1.6}.support-chat-markdown p{margin:.5em 0}.support-chat-markdown p:first-child{margin-top:0}.support-chat-markdown p:last-child{margin-bottom:0}.support-chat-markdown h1,.support-chat-markdown h2,.support-chat-markdown h3,.support-chat-markdown h4{margin:.75em 0 .5em;font-weight:600;line-height:1.3}.support-chat-markdown h1{font-size:1.4em}.support-chat-markdown h2{font-size:1.3em}.support-chat-markdown h3{font-size:1.2em}.support-chat-markdown h4{font-size:1.1em}.support-chat-markdown ul,.support-chat-markdown ol{margin:.5em 0;padding-left:1.5em}.support-chat-markdown li{margin:.25em 0}.support-chat-markdown code{background:var(--accent-light);border-radius:3px;padding:.15em .4em;font-family:Courier New,monospace;font-size:.9em}.support-chat-markdown pre{background:#0000004d;border-radius:6px;margin:.75em 0;padding:.75em;overflow-x:auto}.support-chat-markdown pre code{background:0 0;padding:0}.support-chat-markdown blockquote{border-left:3px solid var(--text-secondary);opacity:.9;margin:.75em 0;padding-left:.75em}.support-chat-markdown a{color:var(--text-secondary);text-decoration:underline}.support-chat-markdown hr{border:none;border-top:1px solid var(--knox-border);margin:1em 0}.support-chat-markdown table{border-collapse:collapse;width:100%;margin:.75em 0;font-size:.95em}.support-chat-markdown th,.support-chat-markdown td{border:1px solid var(--knox-border);text-align:left;padding:.5em}.support-chat-markdown th{background:var(--accent-light);font-weight:600}.support-chat-markdown strong{font-weight:600}.support-chat-markdown em{font-style:italic}.wizard-tour-overlay{z-index:9998;pointer-events:none;background:0 0;animation:.3s ease-in-out wizardOverlayFadeIn;position:fixed;inset:0}@keyframes wizardOverlayFadeIn{0%{opacity:0}to{opacity:1}}.wizard-tour-spotlight{z-index:10001;pointer-events:none;border:4px solid var(--knox-cyan);background:0 0;transition:all .3s cubic-bezier(.34,1.56,.64,1);animation:2s ease-in-out infinite wizardSpotlightPulse;position:fixed;box-shadow:0 0 0 8px #ffffff14,0 0 30px #ffffff40,0 0 60px #ffffff29,0 0 0 9999px #0a0e27d9}@keyframes wizardSpotlightPulse{0%,to{box-shadow:0 0 0 8px #ffffff14,0 0 30px #ffffff40,0 0 60px #ffffff29,0 0 0 9999px #0a0e27d9}50%{box-shadow:0 0 0 10px #ffffff26,0 0 40px #fff,0 0 80px #ffffff40,0 0 0 9999px #0a0e27d9}}.wizard-tour-pulse{z-index:10003;pointer-events:none;width:40px;height:40px;margin-top:-20px;margin-left:-20px;position:fixed}.wizard-tour-pulse:before{content:"";background:var(--knox-cyan);opacity:.6;border-radius:50%;width:100%;height:100%;animation:2s ease-out infinite wizardPulseAnimation;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wizard-tour-pulse:after{content:"";background:var(--knox-cyan);opacity:.4;border-radius:50%;width:100%;height:100%;animation:2s ease-out .5s infinite wizardPulseAnimation;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes wizardPulseAnimation{0%{opacity:.8;transform:translate(-50%,-50%)scale(.5)}to{opacity:0;transform:translate(-50%,-50%)scale(2.5)}}.wizard-tour-tooltip{z-index:10002;border:2px solid var(--knox-cyan);pointer-events:auto;background:linear-gradient(135deg,#141414fa 0%,#121212fa 100%);border-radius:12px;min-width:300px;max-width:420px;padding:24px;animation:.3s cubic-bezier(.34,1.56,.64,1) wizardTooltipSlideIn;position:fixed;box-shadow:0 0 40px #ffffff1f,0 0 80px #ffffff14,inset 0 0 40px #ffffff08}.wizard-tour-tooltip-center{transform:translate(-50%,-50%);top:50%!important;left:50%!important}@keyframes wizardTooltipSlideIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.wizard-tour-progress{margin-bottom:20px}.wizard-tour-progress-bar{background:#ffffff1a;border-radius:2px;height:4px;margin-bottom:8px;overflow:hidden}.wizard-tour-progress-fill{background:linear-gradient(90deg, var(--knox-cyan) 0%, var(--knox-blue) 100%);border-radius:2px;height:100%;transition:width .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 10px #ffffff26}.wizard-tour-step-counter{color:var(--knox-cyan);text-align:center;letter-spacing:.5px;font-size:12px;font-weight:600}.wizard-tour-title{color:#fff;margin:0 0 12px;font-size:22px;font-weight:700;line-height:1.3}.wizard-tour-description{color:#ffffffd9;margin:0 0 16px;font-size:15px;line-height:1.6}.wizard-tour-action-hint{color:var(--knox-cyan);background:#ffffff0f;border:1px solid #ffffff14;border-radius:6px;align-items:center;gap:8px;margin-bottom:20px;padding:12px 16px;font-size:14px;font-weight:600;display:flex}.wizard-tour-arrow{font-size:18px;animation:1.5s ease-in-out infinite wizardArrowBounce}@keyframes wizardArrowBounce{0%,to{transform:translate(0)}50%{transform:translate(4px)}}.wizard-tour-continue-hint{color:var(--knox-green);background:#22c55e1a;border:1px solid #22c55e33;border-radius:6px;align-items:center;gap:8px;margin-bottom:20px;padding:12px 16px;font-size:14px;font-weight:600;animation:2s ease-in-out infinite wizardContinuePulse;display:flex}@keyframes wizardContinuePulse{0%,to{opacity:1}50%{opacity:.9}}.wizard-tour-retry-hint{color:var(--knox-yellow);background:#eab3081a;border:1px solid #eab30833;border-radius:6px;align-items:center;gap:8px;margin-bottom:20px;padding:12px 16px;font-size:14px;font-weight:600;animation:2s ease-in-out infinite wizardRetryPulse;display:flex}@keyframes wizardRetryPulse{0%,to{opacity:1}50%{opacity:.8}}.wizard-tour-footer{border-top:1px solid #ffffff1a;align-items:center;gap:12px;padding-top:20px;display:flex}.wizard-tour-footer-spacer{flex:1}.wizard-tour-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s}.wizard-tour-btn:disabled{opacity:.4;cursor:not-allowed}.wizard-tour-btn-primary{background:linear-gradient(135deg, var(--knox-cyan) 0%, var(--knox-blue) 100%);color:#0c0c0c;box-shadow:0 0 20px #ffffff14}.wizard-tour-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 30px #ffffff26}.wizard-tour-btn-primary:active:not(:disabled){transform:translateY(0)}.wizard-tour-btn-secondary{color:#fff;background:#ffffff14;border:1px solid #fff3}.wizard-tour-btn-secondary:hover:not(:disabled){border-color:var(--knox-cyan);background:#ffffff1f}.wizard-tour-btn-skip{color:#fff9;background:0 0;border:1px solid #ffffff26}.wizard-tour-btn-skip:hover{color:#ffffffe6;border-color:#ffffff4d}@media (width<=768px){.wizard-tour-tooltip{min-width:auto;max-width:calc(100vw - 40px);padding:20px}.wizard-tour-title{font-size:20px}.wizard-tour-description{font-size:14px}.wizard-tour-footer{flex-wrap:wrap}.wizard-tour-btn{padding:8px 16px;font-size:13px}@media (width<=480px){.wizard-tour-footer{flex-direction:column;gap:8px}.wizard-tour-footer-spacer{display:none}.wizard-tour-btn{width:100%}}}.wizard-tour-tooltip:before{content:"";background:linear-gradient(135deg, var(--knox-cyan), var(--knox-blue));z-index:-1;opacity:.1;border-radius:12px;animation:3s ease-in-out infinite wizardGlowPulse;position:absolute;inset:-1px}@keyframes wizardGlowPulse{0%,to{opacity:.1}50%{opacity:.2}}@media (width<=640px){.knox-list-grid{column-gap:8px}}.knox-list-row.clickable:hover .knox-list-actions-cell,.knox-list-flush .knox-list-actions-cell,.knox-list-flush .knox-list-header .knox-list-actions-cell,.knox-list-flush .knox-list-row.clickable:hover .knox-list-actions-cell{background:0 0}.knox-list-nested .knox-list-row,.knox-list-nested .knox-list-header{padding-left:40px}.appshell-container{height:100dvh}.appshell-topbar{display:none!important}@media (width<=768px){.appshell-topbar{border-bottom:1px solid var(--knox-border);background:var(--knox-bg-primary);z-index:900;align-items:center;gap:8px;height:52px;padding:0 10px;position:sticky;top:0;display:flex!important}.appshell-topbar .appshell-topbar-title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}}.postman-importer{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#141414f2;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;width:95vw;max-width:900px;max-height:90vh;animation:.4s cubic-bezier(.4,0,.2,1) slideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 0 60px #ffffff1a,inset 0 0 60px #ffffff05}.postman-importer:before{content:"";background:linear-gradient(90deg, transparent, var(--knox-cyan), var(--knox-magenta), var(--knox-cyan), transparent);height:2px;animation:3s linear infinite shimmer;position:absolute;top:0;left:0;right:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.pi-header{background:linear-gradient(135deg,#ffffff08,#ffffff08);border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.pi-header h2{color:var(--knox-cyan);text-transform:uppercase;letter-spacing:2px;align-items:center;gap:12px;margin:0;font-size:1.5rem;font-weight:700;display:flex}.pi-icon{font-size:1.5rem}.knox-btn-close{width:32px;height:32px;color:var(--knox-text-secondary);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .12s,background .12s,border-color .12s;display:inline-flex}.knox-btn-close:hover{color:var(--knox-text-primary);background:#ffffff14;border-color:#ffffff29}.knox-btn-close svg{width:14px;height:14px;display:block}.pi-toolbar{border-bottom:1px solid #ffffff0f;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 24px;display:flex}.pi-search{flex:100%;min-width:240px;position:relative}.pi-search input{width:100%;color:var(--knox-text-primary);background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;padding:8px 12px 8px 34px;font-size:13px;transition:border-color .12s,background .12s}.pi-search input:focus{border-color:var(--knox-cyan);background:#ffffff0f;outline:none}.pi-search-icon{color:var(--knox-text-tertiary);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.pi-filter-row{flex-wrap:wrap;gap:6px;width:100%;display:flex}.pi-chip{letter-spacing:.2px;height:26px;color:var(--knox-text-secondary);cursor:pointer;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;align-items:center;padding:0 12px;font-size:11px;font-weight:500;transition:color .12s,background .12s,border-color .12s;display:inline-flex}.pi-chip:hover{color:var(--knox-text-primary);background:#ffffff12;border-color:#ffffff24}.pi-chip-active{color:var(--knox-cyan);background:#00ffc814;border-color:#00ffc859}.pi-chip-active:hover{color:var(--knox-cyan);background:#00ffc81f;border-color:#00ffc880}.pi-tabs{background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;gap:2px;padding:3px;display:inline-flex}.pi-tab{height:28px;color:var(--knox-text-secondary);cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:500;transition:color .12s,background .12s;display:inline-flex}.pi-tab:hover{color:var(--knox-text-primary)}.pi-tab-active{color:var(--knox-cyan);background:#00ffc81a}.pi-form-group{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.pi-form-label{text-transform:uppercase;letter-spacing:.6px;color:var(--knox-text-tertiary);font-size:11px;font-weight:600}.pi-form-required{color:var(--knox-magenta);margin-left:2px}.pi-form-input,.pi-form-textarea{color:var(--knox-text-primary);background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;padding:8px 12px;font-family:inherit;font-size:13px;transition:border-color .12s,background .12s}.pi-form-input:focus,.pi-form-textarea:focus{border-color:var(--knox-cyan);background:#ffffff0f;outline:none}.pi-form-textarea{resize:vertical;min-height:72px;line-height:1.5}.pi-content{flex:1;padding:2rem;overflow-y:auto}.pi-upload-section{flex-direction:column;gap:2rem;display:flex}.pi-dropzone{text-align:center;cursor:pointer;background:#ffffff05;border:2px dashed #ffffff1f;border-radius:16px;padding:3rem 2rem;transition:all .3s}.pi-dropzone:hover{border-color:var(--knox-cyan);background:#ffffff08;box-shadow:0 0 30px #ffffff14}.pi-dropzone-active{border-color:var(--knox-cyan);background:#ffffff0f;box-shadow:0 0 40px #ffffff14}.pi-dropzone-icon{opacity:.7;margin-bottom:1rem;font-size:4rem}.pi-dropzone-title{color:var(--knox-text-primary);margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.pi-dropzone-subtitle{color:var(--knox-text-secondary);margin:0 0 1rem;font-size:.95rem}.pi-dropzone-hint{color:var(--knox-text-tertiary);margin:0;font-size:.8rem}.pi-spinner{border:3px solid #ffffff1a;border-top-color:var(--knox-cyan);border-radius:50%;width:40px;height:40px;margin:0 auto 1rem;animation:.8s linear infinite spin}.pi-help{background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;padding:1.5rem}.pi-help h3{color:var(--knox-text-primary);margin:0 0 1rem;font-size:1rem;font-weight:600}.pi-help ol{color:var(--knox-text-secondary);margin:0;padding-left:1.5rem;font-size:.9rem;line-height:1.8}.pi-help li{margin-bottom:.25rem}.pi-routes-section{flex-direction:column;gap:1rem;display:flex}.pi-routes-header{border-bottom:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:1rem;display:flex}.pi-collection-info{align-items:center;gap:10px;display:flex}.pi-collection-icon{font-size:1.5rem}.pi-collection-name{color:var(--knox-text-primary);font-size:1.1rem;font-weight:600}.pi-collection-count{color:var(--knox-cyan);background:#ffffff0f;border-radius:20px;padding:4px 10px;font-size:.8rem}.pi-routes-actions{align-items:center;gap:1rem;display:flex}.pi-select-all{color:var(--knox-text-secondary);cursor:pointer;align-items:center;gap:8px;font-size:.9rem;display:flex}.pi-select-all input{accent-color:var(--knox-cyan);width:16px;height:16px}.pi-env-select{color:var(--knox-text-primary);cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;padding:8px 12px;font-size:.9rem}.pi-env-select:focus{border-color:var(--knox-cyan);outline:none}.pi-routes-list{flex-direction:column;gap:.75rem;max-height:400px;padding-right:.5rem;display:flex;overflow-y:auto}.pi-routes-list::-webkit-scrollbar{width:6px}.pi-routes-list::-webkit-scrollbar-track{background:#ffffff08;border-radius:3px}.pi-routes-list::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}.pi-route-card{background:#ffffff05;border:1px solid #ffffff14;border-radius:10px;padding:1rem;transition:all .2s}.pi-route-card:hover{background:#ffffff08;border-color:#ffffff14}.pi-route-selected{border-color:var(--knox-cyan);background:#ffffff0d}.pi-route-success{border-color:var(--knox-green);background:#22c55e14}.pi-route-error{border-color:var(--knox-red);background:#ef444414}.pi-route-importing{border-color:var(--knox-yellow);background:#ffc80014}.pi-route-header{align-items:center;gap:10px;display:flex}.pi-route-checkbox input{accent-color:var(--knox-cyan);cursor:pointer;width:16px;height:16px}.pi-method{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:4px 8px;font-size:.7rem;font-weight:700}.pi-method-get{color:#00c864;background:#00c86433}.pi-method-post{color:#0096ff;background:#0096ff33}.pi-method-put{color:orange;background:#ffa50033}.pi-method-patch{color:#ffc800;background:#ffc80033}.pi-method-delete{color:#ef4444;background:#ef444426}.pi-route-name{color:var(--knox-text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.95rem;font-weight:500;overflow:hidden}.pi-route-spinner{border:2px solid #ffc8004d;border-top-color:var(--knox-yellow);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}.pi-status-icon{color:var(--knox-green);font-size:1rem}.pi-status-error{color:var(--knox-red)}.pi-route-details{flex-direction:column;gap:4px;margin-top:8px;padding-left:26px;display:flex}.pi-route-url{font-family:var(--font-mono);color:var(--knox-text-secondary);word-break:break-all;font-size:.8rem}.pi-route-path{color:var(--knox-text-tertiary);font-size:.75rem}.pi-route-secrets{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;padding-left:26px;display:flex}.pi-secrets-label{color:var(--knox-text-tertiary);font-size:.75rem}.pi-secret-badge{font-size:.7rem;font-family:var(--font-mono);color:var(--knox-magenta);background:#ffffff0a;border:1px solid #ffffff14;border-radius:4px;align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.pi-secret-exists{color:var(--knox-green);background:#22c55e26;border-radius:3px;padding:1px 4px;font-size:.6rem}.pi-route-error{color:var(--knox-red);background:#ef44441a;border-radius:6px;margin-top:8px;padding:8px 12px 8px 26px;font-size:.8rem}.pi-route-clients{margin-top:10px;padding-left:26px}.pi-clients-label{color:var(--knox-text-tertiary);margin-bottom:6px;font-size:.75rem;display:block}.pi-client-chips{flex-wrap:wrap;gap:6px;display:flex}.pi-client-chip{color:var(--knox-text-secondary);cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:.8rem;transition:all .2s;display:inline-flex}.pi-client-chip:hover{background:#ffffff0f;border-color:#ffffff1f}.pi-client-selected{border-color:var(--knox-cyan);color:var(--knox-text-primary);background:#ffffff14}.pi-client-chip input{display:none}.pi-footer{background:#ffffff05;border-top:1px solid #ffffff1a;padding:1.5rem 2rem}.pi-progress{background:#ffffff0f;border-radius:12px;height:24px;margin-bottom:1rem;position:relative;overflow:hidden}.pi-progress-bar{background:#ffffff14;border-radius:12px;height:100%;transition:width .3s}.pi-progress-text{color:var(--knox-text-primary);text-shadow:0 0 10px #00000080;font-size:.8rem;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pi-footer-actions{justify-content:flex-end;gap:1rem;display:flex}.pi-btn-spinner{border:2px solid #0a0e274d;border-top-color:var(--knox-bg-primary);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}.pi-step-badge{color:var(--knox-cyan);text-transform:none;letter-spacing:0;background:#ffffff14;border:1px solid #ffffff14;border-radius:20px;margin-left:16px;padding:4px 12px;font-size:.7rem;font-weight:500}.pi-configure-section{flex-direction:column;gap:1.5rem;display:flex}.pi-configure-intro{color:var(--knox-text-secondary);background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;margin:0;padding:1rem;font-size:.9rem;line-height:1.6}.pi-var-section{background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;padding:1.25rem}.pi-var-section-title{color:var(--knox-text-primary);align-items:center;gap:10px;margin:0 0 .5rem;font-size:1rem;font-weight:600;display:flex}.pi-var-section-title span{font-size:1.2rem}.pi-var-count{color:var(--knox-cyan);background:#ffffff0f;border-radius:10px;margin-left:auto;padding:2px 8px;font-size:.75rem;font-weight:500}.pi-var-section-desc{color:var(--knox-text-tertiary);margin:0 0 1rem;font-size:.8rem}.pi-var-list{flex-direction:column;gap:.75rem;display:flex}.pi-var-item{background:#ffffff05;border:1px solid #ffffff14;border-radius:8px;padding:.75rem 1rem}.pi-var-url{background:#00c8ff0d;border-color:#00c8ff4d}.pi-var-secret{background:#ffffff08;border-color:#ffffff14}.pi-var-header{align-items:center;gap:10px;margin-bottom:8px;display:flex}.pi-var-name{font-family:var(--font-mono);color:var(--knox-cyan);background:#0000004d;border-radius:4px;padding:2px 8px;font-size:.85rem}.pi-var-usage{color:var(--knox-text-tertiary);font-size:.7rem}.pi-var-toggle{color:var(--knox-text-tertiary);cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:4px;margin-left:auto;padding:3px 8px;font-size:.7rem;transition:all .2s}.pi-var-toggle:hover{border-color:var(--knox-cyan);color:var(--knox-cyan);background:#ffffff0f}.pi-var-toggle-secret{border-color:#ffffff14}.pi-var-toggle-secret:hover{border-color:var(--knox-magenta);color:var(--knox-magenta);background:#ffffff0a}.pi-var-input{width:100%;color:var(--knox-text-primary);font-size:.9rem;font-family:var(--font-mono);background:#0000004d;border:1px solid #ffffff1a;border-radius:6px;padding:8px 12px}.pi-var-input:focus{border-color:var(--knox-cyan);outline:none;box-shadow:0 0 10px #ffffff1a}.pi-var-input::placeholder{color:var(--knox-text-tertiary);opacity:.7}.pi-var-exists{color:var(--knox-green);margin-top:6px;font-size:.75rem;display:block}.pi-var-unused{opacity:.6;border-style:dashed}.pi-var-unused-badge{color:var(--knox-text-tertiary);font-style:italic}.pi-collection-config{background:#22c55e08;border-color:#22c55e33}.pi-collection-options{flex-direction:column;gap:.75rem;display:flex}.pi-radio-option{cursor:pointer;background:#0003;border-radius:8px;align-items:flex-start;gap:12px;padding:.75rem;transition:all .2s;display:flex}.pi-radio-option:hover{background:#ffffff08}.pi-radio-option input[type=radio]{accent-color:var(--knox-cyan);flex-shrink:0;width:16px;height:16px;margin-top:3px}.pi-radio-label{flex-direction:column;gap:2px;display:flex}.pi-radio-title{color:var(--knox-text-primary);font-size:.9rem;font-weight:600}.pi-radio-desc{color:var(--knox-text-tertiary);font-size:.75rem}.pi-collection-name-input,.pi-collection-select-existing{width:calc(100% - 28px);margin-top:.5rem;margin-left:28px}@media (width<=768px){.postman-importer{width:98vw;max-height:95vh}.pi-header{padding:1rem 1.5rem}.pi-header h2{font-size:1.2rem}.pi-content{padding:1.5rem}.pi-routes-header{flex-direction:column;align-items:flex-start}.pi-footer-actions{flex-direction:column}.pi-footer-actions button{width:100%}}.anthropic-key-notice{border:1px solid var(--warning-border,#e0b341);background:var(--warning-bg,#e0b34114);color:var(--text-primary,inherit);border-radius:8px;align-items:center;gap:8px;margin:12px 0;padding:10px 12px;font-size:13px;line-height:1.4;display:flex}.anthropic-key-notice svg{color:var(--warning-border,#e0b341);flex-shrink:0}.anthropic-key-notice a{color:var(--accent,#4a7dff);font-weight:500;text-decoration:underline}.ai-route-modal{background:var(--knox-bg-primary);border:1px solid var(--knox-border);border-radius:16px;flex-direction:column;width:90%;max-width:700px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000080}.ai-modal-header{border-bottom:1px solid var(--knox-border);background:var(--knox-bg-hover);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.ai-modal-header h2{color:var(--knox-text-primary);align-items:center;gap:12px;margin:0;font-size:18px;font-weight:600;display:flex}.ai-modal-content{flex:1;padding:24px;overflow-y:auto}.ai-modal-section{margin-bottom:24px}.ai-modal-section:last-child{margin-bottom:0}.ai-modal-section-header{align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.ai-modal-section-header h3{color:var(--knox-text-primary);margin:0 0 4px;font-size:15px;font-weight:600}.ai-modal-section-header p{color:var(--knox-text-secondary);margin:0;font-size:13px;line-height:1.4}.ai-input-wrapper{position:relative}.ai-input{background:var(--knox-bg-secondary);border:1px solid var(--knox-border);width:100%;color:var(--knox-text-primary);font-family:var(--font-mono);resize:vertical;border-radius:8px;outline:none;padding:14px;font-size:13px;line-height:1.5;transition:border-color .2s}.ai-input:focus{border-color:var(--knox-cyan)}.ai-input::placeholder{color:var(--knox-text-tertiary)}.ai-analyzing{background:var(--knox-bg-primary);border:1px solid var(--knox-border);color:var(--knox-cyan);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;display:flex;position:absolute;top:12px;right:12px}.ai-analyzing-spinner{border:2px solid var(--knox-border);border-top-color:var(--knox-cyan);border-radius:50%;width:12px;height:12px;animation:.8s linear infinite spin}.ai-confidence-bar{background:var(--knox-bg-secondary);border:1px solid;border-radius:8px;margin-top:12px;padding:10px 14px;position:relative;overflow:hidden}.ai-confidence-content{z-index:1;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex;position:relative}.ai-confidence-text{font-size:13px;font-weight:500}.ai-confidence-score{font-family:var(--font-mono);color:var(--knox-text-tertiary);margin-left:auto;font-size:12px}.ai-confidence-fill{opacity:.1;height:100%;transition:width .3s;position:absolute;top:0;left:0}.ai-error{color:var(--knox-red);background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;align-items:center;gap:10px;margin-top:12px;padding:12px;font-size:13px;display:flex}.ai-results-preview{background:var(--knox-bg-hover);border:1px solid var(--knox-border);border-radius:8px;margin-top:16px;padding:14px}.ai-results-header{color:var(--knox-cyan);align-items:center;gap:8px;margin-bottom:12px;font-size:13px;font-weight:600;display:flex}.ai-results-list{flex-direction:column;gap:6px;display:flex}.ai-result-item{background:var(--knox-bg-secondary);border:1px solid var(--knox-border);border-radius:6px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;display:flex}.ai-result-method{background:var(--knox-cyan);color:var(--knox-bg-primary);font-family:var(--font-mono);text-transform:uppercase;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.ai-result-name{color:var(--knox-text-primary);font-weight:500}.ai-result-more{text-align:center;color:var(--knox-text-tertiary);padding:8px 10px;font-size:12px;font-style:italic}.ai-action-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:16px;padding:12px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.ai-btn-primary{background:var(--knox-cyan);color:var(--knox-bg-primary)}.ai-btn-primary:hover:not(:disabled){background:var(--knox-cyan-bright);transform:translateY(-1px)}.ai-btn-primary:disabled{opacity:.5;cursor:not-allowed}.ai-btn-secondary{border:1px solid var(--knox-border);color:var(--knox-text-primary);background:0 0}.ai-btn-secondary:hover{background:var(--knox-bg-hover);border-color:var(--knox-cyan);color:var(--knox-cyan)}.ai-modal-divider{text-align:center;margin:28px 0;position:relative}.ai-modal-divider:before{content:"";background:var(--knox-border);height:1px;position:absolute;top:50%;left:0;right:0}.ai-modal-divider span{background:var(--knox-bg-primary);color:var(--knox-text-tertiary);text-transform:uppercase;letter-spacing:.5px;padding:0 16px;font-size:13px;font-weight:500;position:relative}.ai-modal-section-manual .ai-modal-section-header{margin-bottom:12px}@media (width<=640px){.ai-route-modal{width:95%;max-height:95vh}.ai-modal-header{padding:16px}.ai-modal-header h2{font-size:16px}.ai-modal-content{padding:16px}.ai-input{font-size:14px}}:root{--knox-bg-primary:#121212;--knox-bg-primary-solid:#121212;--knox-bg-secondary:#181818;--knox-bg-card:#1e1e1e;--knox-bg-hover:#2a2a2a;--knox-cyan:#ffffffeb;--knox-magenta:#a0a0a0;--knox-blue:#b8b8b8;--knox-purple:#777;--knox-green:#4ade80;--knox-yellow:#facc15;--knox-red:#f87171;--knox-text-primary:#ffffffeb;--knox-text-secondary:#ffffffa3;--knox-text-tertiary:#ffffff73;--knox-border:var(--rgba-white-10);--knox-border-hover:#fff3;--glow-cyan:none;--glow-magenta:none;--bg-primary:var(--knox-bg-secondary);--bg-secondary:var(--knox-bg-secondary);--bg-sidebar:var(--knox-bg-secondary);--bg-page:var(--knox-bg-primary);--bg-card:var(--knox-bg-card);--bg-hover:var(--knox-bg-hover);--text-primary:var(--knox-text-primary);--text-secondary:var(--knox-text-secondary);--text-tertiary:var(--knox-text-tertiary);--text-inverse:var(--knox-text-primary);--border-default:var(--knox-border);--border-strong:var(--knox-border-hover);--accent-primary:#fff;--accent-hover:#fffc;--accent-light:var(--rgba-white-06);--success:var(--knox-green);--success-bg:#4ade801f;--warning:var(--knox-yellow);--warning-bg:#facc151f;--danger:var(--knox-red);--danger-bg:#f871711f;--knox-surface-subtle:#ffffff0d;--knox-surface-muted:var(--rgba-white-08);--knox-surface-hover:#ffffff1c;--knox-border-subtle:var(--rgba-white-08);--success-subtle:#4ade801a;--success-border:#4ade8033;--danger-subtle:#f871711a;--danger-border:#f8717133;--warning-subtle:#facc151a;--warning-border:#facc154d;--text-on-accent:#fff;--shadow-sm:none;--shadow-md:none;--shadow-lg:0 4px 24px var(--rgba-black-40);--modal-backdrop-bg:#000000b3;--font-mono:"JetBrains Mono", "Fira Code", "Courier New", monospace;--font-display:"Inter", system-ui, -apple-system, sans-serif;--font-chrome:var(--font-display);--ease-standard:cubic-bezier(.4, 0, .2, 1);--transition-fast:all .15s ease;--transition-base:all .2s ease;--rgba-black-04:#0000000a;--rgba-black-06:#0000000f;--rgba-black-08:#00000014;--rgba-black-10:#0000001a;--rgba-black-12:#0000001f;--rgba-black-15:#00000026;--rgba-black-20:#0003;--rgba-black-25:#00000040;--rgba-black-30:#0000004d;--rgba-black-40:#0006;--rgba-black-50:#00000080;--rgba-white-02:#ffffff05;--rgba-white-06:#ffffff0f;--rgba-white-08:#ffffff14;--rgba-white-10:#ffffff1a;--rgba-white-12:#ffffff1f;--rgba-white-15:#ffffff26}[data-theme=light]{--knox-bg-primary:#f5f5f5;--knox-bg-primary-solid:#f5f5f5;--knox-bg-secondary:#fff;--knox-bg-card:#fff;--knox-bg-hover:#f0f0f0;--knox-cyan:#111;--knox-magenta:#666;--knox-blue:#555;--knox-purple:#888;--knox-green:#16a34a;--knox-yellow:#ca8a04;--knox-red:#dc2626;--knox-text-primary:#111;--knox-text-secondary:#555;--knox-text-tertiary:#999;--knox-border:var(--rgba-black-10);--knox-border-hover:var(--rgba-black-20);--glow-cyan:none;--glow-magenta:none;--bg-primary:#fff;--bg-secondary:#fff;--bg-sidebar:#fafafa;--bg-page:#f5f5f5;--bg-card:#fff;--bg-hover:#f0f0f0;--text-primary:#111;--text-secondary:#555;--text-tertiary:#999;--text-inverse:#fff;--border-default:var(--rgba-black-10);--border-strong:var(--rgba-black-20);--accent-primary:#111;--accent-hover:#000c;--accent-light:var(--rgba-black-04);--success:#16a34a;--success-bg:#16a34a14;--warning:#ca8a04;--warning-bg:#ca8a0414;--danger:#dc2626;--danger-bg:#dc262614;--knox-surface-subtle:#00000005;--knox-surface-muted:var(--rgba-black-04);--knox-surface-hover:var(--rgba-black-06);--knox-border-subtle:var(--rgba-black-08);--success-subtle:#16a34a0f;--success-border:#16a34a1f;--danger-subtle:#dc26260f;--danger-border:#dc26261f;--warning-subtle:#ca8a0414;--warning-border:#ca8a0433;--text-on-accent:#fff;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 2px 8px var(--rgba-black-08);--shadow-lg:0 4px 24px var(--rgba-black-10);--modal-backdrop-bg:var(--rgba-black-40);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=light] .knox-card{border-color:var(--rgba-black-10);background:#fffc}[data-theme=light] .knox-card:hover{border-color:var(--rgba-black-15);box-shadow:0 4px 20px var(--rgba-black-08)}[data-theme=light] .knox-card:before{background:linear-gradient(90deg,#0000,#0000000d,#0000)}[data-theme=light] .knox-card-title{color:var(--text-primary)}[data-theme=light] .knox-card-title:before{background:var(--text-primary)}[data-theme=light] .minimal-knox-card{border-color:var(--rgba-black-08);background:#fff9}[data-theme=light] body,[data-theme=light] html{background:#f5f5f5}[data-theme=light] ::-webkit-scrollbar-track{background:#f0f0f0}[data-theme=light] ::-webkit-scrollbar-thumb{background:var(--rgba-black-15)}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:var(--rgba-black-25)}[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea{border-color:var(--rgba-black-15);color:#111;background:#fff}[data-theme=light] input::placeholder,[data-theme=light] textarea::placeholder{color:#999}[data-theme=light] input:focus,[data-theme=light] select:focus,[data-theme=light] textarea:focus{border-color:var(--rgba-black-30);box-shadow:0 0 0 2px #0000000d}[data-theme=light] .sidebar{border-color:var(--rgba-black-10);background:#fafafa}[data-theme=light] code,[data-theme=light] pre{color:#333;background:#f0f0f0}[data-theme=light] .modal-backdrop{background:var(--rgba-black-40)}[data-theme=light] .knox-card:before,[data-theme=light] .knox-route-card:before{background:var(--rgba-black-04)}[data-theme=light] .knox-page-title{background:var(--knox-text-primary);-webkit-background-clip:text;background-clip:text}[data-theme=light] .sidebar-nav-section:hover,[data-theme=light] .sidebar-nav-item:hover{background:var(--rgba-black-04)}[data-theme=light] .sidebar-nav-item.active{background:var(--rgba-black-06)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:var(--font-display);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;scrollbar-width:none;-ms-overflow-style:none;overflow:hidden auto}html::-webkit-scrollbar{width:0;height:0;display:none}body::-webkit-scrollbar{width:0;height:0;display:none}#root::-webkit-scrollbar{width:0;height:0;display:none}body{background:var(--bg-page);color:var(--text-primary);touch-action:manipulation;font-size:14px;line-height:1.5;position:relative;overflow-y:hidden}.app-container{z-index:2;--knox-sidebar-width:240px;height:100vh;display:flex;position:relative}.app-container:has(.sidebar.sidebar-collapsed){--knox-sidebar-width:60px}@media (width<=768px){.app-container{--knox-sidebar-width:0px}}.sidebar{background:var(--knox-bg-secondary);width:240px;color:var(--knox-text-primary);border-right:1px solid var(--knox-border);z-index:10;flex-direction:column;transition:width .2s;display:flex;position:relative;overflow:visible}.sidebar.sidebar-collapsed{width:60px;overflow-x:hidden}.sidebar:before{content:"";background:var(--knox-border);opacity:1;width:1px;height:100%;position:absolute;top:0;right:0}.sidebar-header{border-bottom:1px solid var(--knox-border);justify-content:space-between;align-items:center;gap:8px;min-height:64px;padding:10px;display:flex}.sidebar-collapse-toggle{cursor:pointer;color:var(--text-secondary);transition:var(--transition-base);background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;padding:8px;display:flex}.sidebar-collapse-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar.sidebar-collapsed .sidebar-header{justify-content:center;padding:10px 8px}.sidebar.sidebar-collapsed .sidebar-collapse-toggle{margin-left:0}.sidebar.sidebar-collapsed .sidebar-nav{overflow-x:hidden}.nav-logo{color:var(--knox-text-primary);align-items:center;gap:10px;text-decoration:none;display:flex}.nav-wordmark{color:var(--knox-text-primary);font-size:18px;font-weight:700}.nav-wordmark span{color:var(--knox-cyan)}.sidebar-nav{scrollbar-width:thin;scrollbar-color:var(--knox-border-hover) transparent;flex:1;padding:4px 0;overflow:visible auto}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--knox-border-hover);border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--knox-border-hover)}.sidebar-nav-item{color:var(--text-secondary);transition:var(--transition-base);white-space:nowrap;cursor:pointer;text-align:left;appearance:none;background:0 0;border:none;border-radius:6px;justify-content:flex-start;align-items:center;width:calc(100% - 16px);margin:1px 8px;padding:7px 16px 7px 48px;font-family:inherit;font-size:14px;font-weight:400;text-decoration:none;display:flex;position:relative}button.sidebar-nav-item{line-height:1.5}.sidebar-nav-item:last-child:before{content:"";background:var(--text-tertiary);opacity:.25;width:8px;height:2px;position:absolute;top:50%;left:22px;transform:translateY(-50%)}.sidebar-nav-item:hover{background:var(--bg-secondary);color:var(--text-primary)}.sidebar-nav-item.active{background:var(--bg-secondary);color:var(--accent-primary);padding-left:45px;font-weight:500}.sidebar-nav-item-label{white-space:nowrap;flex:1;font-size:14px}.sidebar-nav-item-icon{opacity:.75;flex-shrink:0;margin-right:8px}.sidebar-nav-item.active .sidebar-nav-item-icon{opacity:1}.sidebar-submenu-item{align-items:center;gap:8px;display:flex!important}.sidebar-submenu-item .sidebar-nav-item-icon{margin-right:0}.main-content{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden auto}.main-content::-webkit-scrollbar{width:0;height:0;display:none}.topbar{display:none}.page-container{scrollbar-width:none;-ms-overflow-style:none;box-sizing:border-box;z-index:2;width:100%;min-height:100%;padding:32px;position:relative;overflow:hidden visible}.page-container:has(.workflow-builder-page){padding:0;overflow:hidden}@media (width>=1440px){.page-container{padding-left:calc(50% - 568px);padding-right:calc(50% - 568px)}}.page-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.page-header.page-header-sticky{z-index:1000;background:var(--knox-bg-primary-solid);isolation:isolate;margin:-32px -32px 0;padding:24px 32px 0;display:block;position:sticky;top:0}.page-header-sticky:before{content:"";background:var(--knox-bg-primary-solid);pointer-events:none;z-index:1001;height:32px;transition:height .3s var(--ease-standard), top .3s var(--ease-standard);position:absolute;top:-32px;left:0;right:0}.page-header-sticky:after{content:"";background:linear-gradient(to bottom, var(--knox-bg-primary-solid), transparent);pointer-events:none;z-index:1001;height:20px;transition:bottom .3s var(--ease-standard);position:absolute;bottom:-20px;left:0;right:0}.page-header-sticky .tabs{border-bottom:2px solid var(--border-default);z-index:1002;margin:5px 0 0;position:relative}.page-header-sticky+.detail-content,.page-header-sticky+.page-content{transition:margin-top .3s var(--ease-standard);margin-top:50px;position:relative}.page-header-sticky.compact+.detail-content,.page-header-sticky.compact+.page-content{margin-top:24px}.page-header-sticky{transition:padding .3s var(--ease-standard)}.page-header-sticky .route-title,.page-header-sticky .detail-title{transition:font-size .3s var(--ease-standard), margin .3s var(--ease-standard)}.page-header-sticky .detail-back-button{transition:font-size .3s var(--ease-standard)}.page-header-sticky .route-description,.page-header-sticky .detail-description{transition:opacity .25s var(--ease-standard), transform .3s var(--ease-standard);transform-origin:top}.page-header-sticky .tabs{transition:margin-top .3s var(--ease-standard)}.page-header-sticky.compact{padding-top:0}.page-header-sticky.compact .route-description,.page-header-sticky.compact .detail-description{opacity:0;height:0;margin:0;overflow:hidden;transform:scaleY(.3)}.page-header-sticky.compact .detail-back-text{display:none}.page-header-sticky.compact .detail-back-icon{display:inline}.page-header-sticky.compact .detail-back-button{font-size:24px;line-height:1}.page-header-sticky.compact .detail-header-main{flex-wrap:nowrap;align-items:center;gap:12px;display:flex}.page-header-sticky.compact .route-title-row{flex-wrap:nowrap;flex:1;justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.page-header-sticky.compact .route-title,.page-header-sticky.compact .detail-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;max-width:none;margin:0;font-size:20px;overflow:hidden}.page-header-sticky.compact .route-badges-group{flex-shrink:0}.page-header-sticky.compact .tabs{margin-top:0}.page-header-sticky.compact .tab{font-size:12px}.page-title{color:var(--text-primary);margin-bottom:8px;font-size:28px;font-weight:600}.page-subtitle{color:var(--text-secondary);font-size:14px}.card{background:var(--knox-bg-card);border:1px solid var(--knox-border);box-shadow:var(--shadow-sm);border-radius:8px;margin-bottom:16px;position:relative;overflow:hidden}.card:before{content:"";background:var(--knox-border);opacity:0;height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.card:hover{border-color:var(--knox-border-hover);box-shadow:var(--glow-cyan)}.card:hover:before{opacity:1}.card-title{color:var(--text-primary);font-size:16px;font-weight:600}.card-header h2{color:var(--text-primary);margin:0;font-size:16px;font-weight:600}.detail-content{flex-direction:column;gap:0;display:flex}.detail-value{margin-top:4px}.tabs{border-bottom:2px solid var(--border-default);-webkit-overflow-scrolling:touch;scrollbar-width:thin;-ms-overflow-style:none;scrollbar-width:none;gap:0;margin-bottom:8px;display:flex;position:relative;overflow:auto hidden}.tabs::-webkit-scrollbar{display:none}@media (width<=768px){.detail-content{gap:24px}.tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;overflow-x:auto!important}.tabs::-webkit-scrollbar{display:none}.page-header-sticky.compact .tabs{margin-top:0}}.tab{color:var(--text-tertiary);cursor:pointer;white-space:nowrap;opacity:.7;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;margin-bottom:-2px;padding:10px 20px;font-size:14px;font-weight:400;transition:color .2s,border-color .2s,font-weight .2s}.tab:hover{color:var(--text-primary);background:var(--bg-hover);opacity:1;border-bottom-color:#6366f166}.tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary);opacity:1}.settings-subnav-layout{align-items:flex-start;gap:20px;display:flex}.settings-subnav{flex-direction:column;flex-shrink:0;gap:2px;width:190px;display:flex}.settings-subnav-item{width:100%;color:var(--text-secondary);text-align:left;cursor:pointer;transition:var(--transition-base);white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-family:inherit;font-size:13px;font-weight:400;display:flex}.settings-subnav-item:hover{background:var(--bg-secondary);color:var(--text-primary)}.settings-subnav-item.active{background:var(--bg-secondary);color:var(--accent-primary);font-weight:500}.settings-subnav-item svg{opacity:.75;flex-shrink:0}.settings-subnav-item.active svg{opacity:1}.settings-subnav-count{color:var(--text-tertiary);font-variant-numeric:tabular-nums;margin-left:auto;font-size:11px}.settings-subnav-content{flex:1;min-width:0}@media (width<=768px){.settings-subnav-layout{flex-direction:column}.settings-subnav{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-direction:row;width:100%;padding-bottom:4px;overflow-x:auto}.settings-subnav::-webkit-scrollbar{display:none}.settings-subnav-item{width:auto}.settings-subnav-count{margin-left:4px}.settings-subnav-content{width:100%}}.form-label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.form-input,.form-select,.form-textarea{border:1px solid var(--border-default);background:var(--bg-card);width:100%;color:var(--text-primary);transition:var(--transition-fast);border-radius:6px;padding:8px 12px;font-size:14px}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-light);outline:none}.form-textarea{resize:vertical;min-height:80px;font-family:var(--font-mono)}.table-container{overflow-x:auto}.table{border-collapse:separate;border-spacing:0;background:var(--knox-bg-card);width:100%}.table th{text-align:left;color:var(--knox-cyan);text-transform:uppercase;border-bottom:1px solid var(--border-default);padding:12px 16px;font-size:11px;font-weight:600}.table thead{background:var(--knox-bg-secondary);border-bottom:2px solid var(--knox-cyan)}.table td{border-bottom:1px solid var(--border-default);color:var(--text-primary);padding:16px}.table tbody tr{cursor:pointer;border-bottom:1px solid var(--knox-border);transition:var(--transition-base)}.table tbody tr:hover{background:var(--knox-bg-hover)}.table tbody tr:last-child td{border-bottom:none}.badge{background:var(--bg-hover);color:var(--text-secondary);text-transform:uppercase;border:1px solid;border-radius:4px;align-items:center;padding:4px 12px;font-size:11px;font-weight:600;display:inline-flex}.badge-success,.badge-green{border-color:var(--knox-green);color:var(--knox-green);background:#22c55e1a}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.badge-blue{background:var(--accent-light);border-color:var(--knox-blue);color:var(--knox-blue)}.badge-purple{border-color:var(--knox-purple);color:var(--knox-purple);background:#8000ff1a}.badge-default,.badge-gray{border-color:var(--knox-text-tertiary);color:var(--knox-text-tertiary);background:#64748b1a}.badge-primary{background:var(--accent-light);border-color:var(--knox-cyan);color:var(--knox-cyan)}.code-block{color:#e3e8ee;font-family:var(--font-mono);background:#0a2540;border-radius:6px;padding:16px;font-size:13px;overflow-x:auto}.code-inline{background:var(--bg-hover);font-family:var(--font-mono);color:var(--text-primary);border-radius:3px;padding:2px 6px;font-size:13px}.spinner{border:2px solid var(--border-default);border-top-color:var(--accent-primary);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.loading-container{justify-content:center;align-items:center;padding:48px;display:flex}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.mb-3{margin-bottom:12px}.text-sm{font-size:13px}.text-xs{font-size:12px}.font-medium{font-weight:500}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.info-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;display:grid}.clients-table th,.clients-table td{padding-left:12px;padding-right:12px}.clients-table th:first-child,.clients-table td:first-child{padding-left:16px}.clients-table th:last-child,.clients-table td:last-child{padding-right:16px}.clients-table td:first-child{word-break:break-word}@media (width>=769px){.clients-table{table-layout:fixed}.clients-table td:first-child{min-width:150px}}.info-item label{color:var(--text-secondary);margin-bottom:8px;font-size:13px;font-weight:500;display:block}.info-item div{color:var(--text-primary);align-items:center;font-size:14px;display:flex}.info-item code{background:var(--bg-hover);font-family:var(--font-mono);border-radius:4px;padding:4px 8px;font-size:13px}.alert{border-radius:6px;padding:12px 16px;font-size:14px;line-height:1.5}.alert-info{background:var(--accent-light);color:var(--text-primary);border:1px solid var(--accent-primary)}.alert-warning{background:var(--warning-bg);color:var(--text-primary);border:1px solid var(--warning)}.alert strong{margin-bottom:4px;font-weight:600;display:block}.alert p{margin:0}.checkbox-label{cursor:pointer;align-items:center;font-size:14px;font-weight:500;display:flex}.checkbox-label input[type=checkbox]{cursor:pointer;width:18px;height:18px;margin-right:8px}.checkbox-label span{-webkit-user-select:none;user-select:none}.help-text{color:var(--text-secondary);margin-top:8px;font-size:13px;line-height:1.5}.btn-icon{cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:14px;transition:background-color .15s}.btn-icon:hover{background:var(--bg-hover)}.btn-close{cursor:pointer;color:var(--text-tertiary);width:32px;height:32px;transition:var(--transition-fast);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0;font-size:24px;line-height:1;display:flex}.btn-close:hover{background:var(--bg-hover);color:var(--text-primary)}.log-summary-cards{scrollbar-width:thin;scrollbar-color:var(--border-default) var(--bg-card);gap:16px;margin-bottom:24px;display:flex;overflow-x:auto}.log-summary-cards::-webkit-scrollbar{height:6px}.log-summary-cards::-webkit-scrollbar-track{background:var(--bg-card);border-radius:3px}.log-summary-cards::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}.log-summary-cards::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.log-summary-cards .card{box-shadow:none;background:0 0;border:none;flex-shrink:0;margin-bottom:0}.log-summary-cards .card:hover{box-shadow:none;border-color:#0000;transform:none!important}.log-summary-cards .card:before,.log-summary-cards .card:hover:before{display:none}.audit-change-comparison{align-items:center;gap:16px;display:flex}.audit-change-value{word-break:break-word;white-space:pre-wrap;border-radius:4px;max-height:200px;padding:8px;font-family:monospace;font-size:13px;overflow:auto}.audit-change-before{background:#ef44440d;border:1px solid #ef444433}.audit-change-after{background:#22c55e0d;border:1px solid #22c55e33}.audit-change-arrow{color:var(--text-secondary);flex-shrink:0;font-size:20px}.mobile-menu-button{cursor:pointer;color:var(--text-primary);background:0 0;border:none;border-radius:6px;padding:8px;transition:background .15s;display:none}.mobile-menu-button:hover{background:var(--bg-hover)}.sidebar-close{cursor:pointer;color:var(--text-inverse);background:0 0;border:none;border-radius:4px;padding:4px;transition:background .15s;display:none}.sidebar-close:hover{background:var(--knox-border-hover)}.sidebar-overlay{background:var(--rgba-black-50);z-index:998;animation:.2s fadeIn;display:none;position:fixed;inset:0}@media (width<=768px){.audit-change-comparison{flex-direction:column;align-items:stretch}.audit-change-arrow{align-self:center;transform:rotate(90deg)}.audit-change-value{max-height:150px;font-size:12px}.mobile-menu-button,.sidebar-close{justify-content:center;align-items:center;display:flex}.sidebar-overlay{display:block}.sidebar-header{justify-content:space-between;align-items:center;display:flex}.sidebar{z-index:999;transition:transform .3s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);width:240px!important}.sidebar.sidebar-open{transform:translate(0)}.sidebar-collapse-toggle{display:none}.main-content{width:100%}.topbar{height:56px;padding:0 16px}.page-container{padding:16px}.page-header{flex-direction:column;gap:12px;align-items:flex-start!important}.page-header>div:first-child{width:100%}.page-header.page-header-sticky{margin-top:0;margin-left:0;margin-right:0;padding:10px 5px 5px}.page-header.page-header-sticky.compact{padding:5px}.page-header-sticky:before{height:22px;top:-22px}.table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.table{min-width:600px}.modal{width:95%;max-width:95%;margin:20px auto}.card-body{padding:16px}.card{margin-bottom:0}.form-group{margin-bottom:16px}.page-header .btn{width:100%}.info-grid{grid-template-columns:1fr!important}}@media (width<=480px){.page-container{padding:10px}.topbar{padding:0 12px}.page-title{font-size:22px}.modal-body,.modal-header{padding:16px}.sidebar{width:260px}.empty-state{padding:24px 16px}.empty-state-title{font-size:18px}.btn{justify-content:center;width:100%}.card-header .btn,.card-header .btn-sm{width:auto;min-width:auto}.card-header{padding:12px 16px!important}.card-header h2{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden;font-size:14px!important}.modal-footer{flex-direction:column;gap:8px}.modal-footer .btn{width:100%}}@media (width<=768px){.sidebar-nav-item{padding:12px 0 12px 50px;font-size:15px}.sidebar-nav-section-items:before{bottom:23px!important}.btn{padding:12px 20px}.form-input,.form-select{min-height:44px;font-size:16px}.table tbody tr{cursor:pointer}}@media (width<=768px) and (orientation:landscape){.page-container{padding:20px}.sidebar{width:240px}}@media (width<=768px){.card{overflow-x:auto}.table{min-width:600px}.table th,.table td{padding:10px 12px;font-size:13px}.btn-sm{padding:4px 12px;font-size:12px}}.sidebar-search{align-items:center;padding:8px 12px 12px;display:flex;position:relative}.sidebar-search-icon{color:var(--text-tertiary);pointer-events:none;position:absolute;left:24px}.sidebar-search-input{background:var(--bg-secondary);width:100%;color:var(--text-primary);border:1px solid #0000;border-radius:6px;padding:8px 12px 8px 32px;font-size:14px;transition:all .2s}.sidebar-search-input:focus{border-color:var(--border-color);background:var(--bg-secondary);outline:none}.sidebar-search-input::placeholder{color:var(--text-tertiary);font-weight:400}.sidebar-nav-section-container{margin-bottom:4px;position:relative}.sidebar-nav-section{width:calc(100% - 16px);color:var(--knox-text-secondary);cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:12px;margin:2px 8px;padding:10px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.sidebar.sidebar-collapsed .sidebar-nav-section{justify-content:center;width:calc(100% - 12px);margin:2px 6px;padding:10px 8px}.sidebar.sidebar-collapsed .sidebar-nav-section-container{width:100%;position:relative}.sidebar.sidebar-collapsed .sidebar-nav-section-container:after{content:"";pointer-events:auto;z-index:999;background:0 0;width:12px;position:absolute;top:0;bottom:0;left:100%}.sidebar-submenu{background:var(--knox-bg-card);border:1px solid var(--knox-border);box-shadow:0 4px 20px var(--rgba-black-30);z-index:1000;white-space:nowrap;border-radius:8px;min-width:200px;padding:8px 0;animation:.15s ease-out fadeIn}.sidebar-submenu-header{color:var(--text-tertiary);border-bottom:1px solid var(--knox-border);margin-bottom:4px;padding:8px 16px 6px;font-size:11px;font-weight:600}.sidebar-submenu-item{width:100%;color:var(--text-secondary);transition:var(--transition-fast);text-align:left;cursor:pointer;font-size:14px;font-family:var(--font-display);white-space:nowrap;background:0 0;border:none;padding:8px 16px;text-decoration:none;display:block}.sidebar-submenu-item:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-submenu-item.active{background:var(--accent-light);color:var(--accent-primary);font-weight:500}.sidebar-nav-section:hover{background:var(--bg-secondary);color:var(--text-primary)}.sidebar-nav-section:hover .sidebar-nav-section-icon,.sidebar-nav-section.active{color:var(--text-primary)}.sidebar-nav-section.expanded{background:var(--bg-secondary);color:var(--text-primary);font-weight:600}.sidebar-nav-section.expanded .sidebar-nav-section-icon{color:var(--accent-primary)}.sidebar-nav-section-icon{width:15px;min-width:15px;color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;transition:color .2s;display:flex}.sidebar-nav-section-label{flex:1}.sidebar-nav-section-chevron{color:var(--text-tertiary);opacity:.6;flex-shrink:0;transition:transform .2s}.sidebar-nav-section-chevron.expanded{color:var(--text-primary);transform:rotate(90deg)}.sidebar-nav-section-items{margin-top:0;padding-left:0;position:relative}.sidebar-nav-section-items:before{content:"";background:var(--text-tertiary);opacity:.25;z-index:1;pointer-events:none;width:2px;position:absolute;top:10px;bottom:18px;left:30px}.sidebar-footer{border-top:1px solid var(--border-color);margin-top:auto;padding:12px 8px}.sidebar-footer-collapsed{border-top:1px solid var(--border-color);justify-content:center;align-items:center;margin-top:auto;padding:12px 0;display:flex}.sidebar-user-avatar{color:#fff;cursor:pointer;width:36px;height:36px;transition:var(--transition-base);border:1px solid var(--border-default);background-color:#555;border-radius:8px;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.sidebar-user-avatar:hover{box-shadow:0 2px 8px var(--rgba-black-20);transform:scale(1.05)}.sidebar-theme-toggle-collapsed{border-top:1px solid var(--border-default);justify-content:center;align-items:center;padding:12px 0;display:flex}.sidebar-theme-icon{cursor:pointer;color:var(--text-secondary);transition:var(--transition-base);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:8px;display:flex}.sidebar-theme-icon:hover{background:var(--bg-hover);color:var(--text-primary)}.user-account-menu{position:relative}.user-account-button{cursor:pointer;width:100%;color:var(--text-primary);background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;transition:background .2s;display:flex}.user-account-button:hover{background:var(--bg-secondary)}.user-account-info{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.user-account-avatar{color:#fff;background-color:#555;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:600;display:flex}.user-account-details{text-align:left;flex:1;min-width:0}.user-account-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.user-account-email{color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.user-account-chevron{color:var(--text-tertiary);flex-shrink:0;transition:transform .2s}.user-account-chevron.open{transform:rotate(180deg)}.user-account-dropdown{background:var(--bg-card);border:1px solid var(--knox-border);box-shadow:0 8px 32px var(--rgba-black-25);z-index:1000;border-radius:10px;max-width:240px;max-height:calc(100vh - 120px);margin-bottom:6px;padding:4px;animation:.15s ease-out slideUp;position:absolute;bottom:100%;left:8px;right:8px;overflow:hidden auto}.user-account-dropdown-header{border-bottom:1px solid var(--knox-border);padding:10px 12px}.user-account-dropdown-status{align-items:center;gap:8px;margin-bottom:12px;display:flex}.status-text{color:var(--text-primary);font-size:13px;font-weight:600}.user-account-dropdown-toggle{align-items:center;gap:8px;display:flex}.toggle-switch{flex-shrink:0;width:36px;height:20px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;transition:all .3s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:14px;height:14px;transition:all .3s;position:absolute;bottom:2px;left:2px}.toggle-switch input:checked+.toggle-slider{background-color:var(--primary);border-color:var(--primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(16px)}.toggle-label{color:var(--text-secondary);font-size:12px}.user-account-dropdown-divider{background:var(--knox-border);opacity:.6;height:1px;margin:3px 0}.user-account-dropdown-item{width:100%;color:var(--text-secondary);text-align:left;cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;margin:1px 0;padding:7px 10px;font-size:13px;text-decoration:none;display:flex}.user-account-dropdown-item:hover:not(.disabled){background:var(--bg-secondary);color:var(--text-primary)}.user-account-dropdown-item.disabled{cursor:default;opacity:.6}.user-account-dropdown-item svg{color:var(--text-tertiary);flex-shrink:0;width:15px;height:15px}.user-account-dropdown-item:hover:not(.disabled) svg{color:var(--text-secondary)}.user-account-mode-toggle.test,.user-account-mode-toggle.test svg,.user-account-mode-toggle.test:hover:not(.disabled) svg{color:#f59e0b}.user-account-mode-pill{letter-spacing:.04em;border-radius:999px;flex-shrink:0;margin-left:auto;padding:2px 7px;font-size:10px;font-weight:700}.user-account-mode-pill.live{background:var(--accent-light);color:var(--text-tertiary)}.user-account-mode-pill.test{color:#f59e0b;background:#b4530926}.user-account-tenant-toggle{cursor:pointer;width:100%;color:var(--text-secondary);transition:var(--transition-fast);text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;margin:1px 0;padding:7px 10px;font-size:13px;font-weight:500;display:flex}.user-account-tenant-toggle:hover{background:var(--bg-secondary);color:var(--text-primary)}.user-account-tenant-toggle>svg:first-child{width:15px;height:15px;color:var(--text-tertiary);flex-shrink:0}.user-account-tenant-toggle:hover>svg:first-child{color:var(--text-secondary)}.user-account-tenant-toggle-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.user-account-tenant-toggle.expanded .user-account-tenant-toggle-label{color:var(--text-tertiary);font-size:10px;font-weight:600}.user-account-tenant-toggle-chevron{color:var(--text-tertiary);flex-shrink:0;transition:transform .15s}.user-account-tenant-toggle.expanded .user-account-tenant-toggle-chevron{transform:rotate(90deg)}.user-account-tenant-list{max-height:200px;padding:2px 0;overflow-y:auto}.user-account-tenant-item{cursor:pointer;text-align:left;width:100%;transition:var(--transition-fast);color:var(--text-secondary);background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;margin:1px 0;padding:6px 10px;display:flex}.user-account-tenant-item:hover{background:var(--bg-secondary);color:var(--text-primary)}.user-account-tenant-item.active{color:var(--text-primary)}.user-account-tenant-check{width:16px;height:16px;color:var(--accent-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.user-account-tenant-info{min-width:0;overflow:hidden}.user-account-tenant-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.user-account-tenant-slug{color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.user-account-tenant-item.new-tenant{color:var(--text-tertiary);margin-top:2px}.user-account-tenant-item.new-tenant:hover{color:var(--text-primary)}.user-account-tenant-item.new-tenant .user-account-tenant-check{color:var(--text-tertiary)}.user-account-tenant-item.new-tenant:hover .user-account-tenant-check{color:var(--text-primary)}.mobile-menu-inline,.mobile-menu-float{display:none}@media (width<=768px){.topbar{display:none!important}.mobile-menu-inline{cursor:pointer;color:var(--text-primary);background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:6px;transition:background .15s;display:flex}.mobile-menu-inline:hover,.mobile-menu-inline:active{background:var(--bg-hover)}.detail-back-button{display:none!important}}@media (width>=769px){.topbar-save-section{display:none!important}}.btn-text-mobile{display:inline}.btn-icon-mobile{display:none}.btn-text-desktop,.pagination-btn-text{display:inline}.pagination-btn-icon{display:none}.header-injection-actions{gap:8px;display:flex}@media (width<=768px){.btn-text-desktop,.client-ip-address,.client-separator{display:none}.btn-client-remove{min-width:40px;padding:8px 12px;width:auto!important}.header-injection-item{flex-wrap:nowrap!important;gap:6px!important}.header-injection-content{flex:1!important;gap:4px!important;min-width:0!important;padding:10px 12px!important}.header-injection-key{text-overflow:ellipsis;overflow:hidden;font-size:12px!important}.header-injection-separator{display:none!important}.header-injection-value{max-width:100%;overflow:hidden;flex-wrap:wrap!important;font-size:11px!important}.header-injection-actions{flex-shrink:0;gap:4px;display:flex}.header-injection-actions .btn{justify-content:center;align-items:center;min-width:0;display:flex;width:36px!important;height:36px!important;padding:8px!important}.pagination-info{display:none}.pagination-container{justify-content:center!important;padding:12px 16px!important}.pagination-controls{gap:6px!important}.pagination-btn-text{display:none}.pagination-btn-icon{margin-bottom:auto;font-size:18px;font-weight:300;line-height:1;display:inline}.pagination-btn-prev,.pagination-btn-next{width:auto!important;min-width:40px!important;min-height:36px!important;padding:6px 10px!important}.pagination-numbers{gap:2px!important}.pagination-numbers .btn{font-size:13px;width:auto!important;min-width:32px!important;min-height:36px!important;padding:4px 6px!important}.log-summary-cards{gap:8px;margin-bottom:16px}.log-summary-cards .card{min-width:160px;padding:12px}.log-summary-cards .card div[style*="fontSize: 12"]{font-size:11px!important}.log-summary-cards .card div[style*="fontSize: 14"]{font-size:13px!important}.log-summary-cards .card div[style*="whiteSpace: nowrap"]{word-break:break-word;white-space:normal!important}.route-toggle-btn,.route-delete-btn{width:auto!important;padding:8px 16px!important}.route-toggle-btn .btn-text-mobile,.route-delete-btn .btn-text-mobile{font-size:13px;line-height:1}.modal-body>div>div[style*="display: grid"][style*=gridTemplateColumns]{grid-template-columns:1fr!important}}@media (width>=769px){.topbar{justify-content:flex-end;padding-right:24px;display:flex}}.knox-theme{background:var(--knox-bg-primary);color:var(--knox-text-primary);font-family:var(--font-display);position:relative}@media (width<=480px){.header-injection-content{flex-direction:column!important;align-items:flex-start!important;gap:2px!important;padding:8px 10px!important}.header-injection-key,.header-injection-value{font-size:11px!important}}.knox-page{z-index:2;min-height:100vh;padding:40px;position:relative}.knox-page-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:40px;display:flex;position:relative}.knox-page-title{color:var(--knox-text-primary);font-size:42px;font-weight:700;font-family:var(--font-chrome);margin-bottom:12px}.knox-page-subtitle{color:var(--knox-text-secondary);font-size:14px;font-family:var(--font-chrome)}.knox-card{background:var(--knox-bg-card);border:1px solid var(--knox-border);border-radius:8px;transition:border-color .3s,box-shadow .3s;position:relative;overflow:hidden}.knox-card:before{content:"";background:var(--knox-border);opacity:0;height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.knox-card:hover:before{opacity:1}.knox-route-card{background:var(--knox-bg-card);border:1px solid var(--knox-border);cursor:pointer;border-radius:8px;margin-bottom:16px;padding:24px;transition:border-color .3s,box-shadow .3s;position:relative;overflow:hidden}.knox-route-card:before{content:"";background:var(--knox-border);opacity:0;width:4px;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.knox-route-card:hover:before{opacity:1}.knox-route-card:hover{border-color:var(--knox-cyan);background:var(--knox-bg-hover);box-shadow:var(--glow-cyan);transform:translate(4px)}.knox-route-header{align-items:center;gap:16px;display:flex}.knox-route-name{color:var(--knox-text-primary);font-size:20px;font-weight:600;font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.knox-route-path{font-family:var(--font-mono);color:var(--knox-cyan);background:var(--accent-light);border:1px solid var(--knox-border);border-radius:4px;padding:4px 12px;font-size:13px}.knox-route-meta{align-items:center;gap:24px;display:flex}.knox-route-stat{font-family:var(--font-mono);color:var(--knox-text-secondary);align-items:center;gap:8px;font-size:12px;display:flex}.knox-route-stat-value{color:var(--knox-cyan);font-weight:600}.knox-badge{text-transform:uppercase;white-space:nowrap;border:1px solid;border-radius:4px;align-items:center;gap:6px;padding:4px 10px;font-size:10px;font-weight:600;display:inline-flex}.knox-badge-enabled{border-color:var(--knox-green);color:var(--knox-green);background:#22c55e1a}.knox-badge-disabled{border-color:var(--knox-text-tertiary);color:var(--knox-text-tertiary);background:#64748b1a}.knox-badge-warning{border-color:var(--knox-yellow);color:var(--knox-yellow);background:#eab3081a}.knox-badge-danger{border-color:var(--knox-red);color:var(--knox-red);background:#ef44441a}@media (width<=768px){.knox-badge-mobile{gap:4px!important;padding:2px 8px!important;font-size:10px!important}}.knox-btn{border:2px solid var(--knox-cyan);color:var(--knox-cyan);font-family:var(--font-chrome);cursor:pointer;background:0 0;border-radius:4px;align-items:center;gap:8px;padding:12px 24px;font-size:13px;font-weight:600;text-decoration:none;transition:opacity .15s,border-color .15s;display:inline-flex}.knox-btn:link,.knox-btn:visited,.knox-btn:hover,.knox-btn:focus,.knox-btn:active{text-decoration:none}.knox-btn:hover{opacity:.85}.knox-btn-primary{background:var(--knox-cyan);color:var(--knox-bg-primary);border-color:var(--knox-cyan)}.knox-btn-primary:hover{opacity:.85}.knox-btn-square{letter-spacing:0;text-transform:none;border-radius:6px;flex-shrink:0;justify-content:center;width:25px;height:25px;padding:0;font-size:22px;font-weight:300}.knox-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px;display:grid;overflow:visible}.knox-stat-card{background:var(--knox-bg-secondary);border:1px solid var(--knox-border);border-radius:8px;padding:20px;position:relative;overflow:hidden}.knox-stat-label{color:var(--knox-text-secondary);font-size:11px;font-family:var(--font-chrome);margin-bottom:8px}.knox-stat-value{color:var(--knox-cyan);font-size:32px;font-weight:700;font-family:var(--font-mono)}.analytics-controls{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:28px;padding:0;display:flex}.analytics-controls-group{align-items:center;gap:6px;display:flex}.analytics-controls-group-label{color:var(--knox-text-tertiary);margin-right:4px;font-size:11px}.analytics-controls-spacer{flex:1}.analytics-pill-btn{color:var(--knox-text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:5px;padding:5px 10px;font-size:11px;font-weight:500;transition:all .15s;display:inline-flex}.analytics-pill-btn:hover{color:var(--knox-text-primary);background:#ffffff0a}.analytics-pill-btn.active{color:var(--knox-cyan);background:#ffffff0f}.analytics-pill-btn.active-subtle{color:var(--knox-cyan);background:#ffffff0a}.analytics-pill-btn.active-green{color:var(--knox-green);background:#ffffff0a}.analytics-charts-grid{grid-template-columns:repeat(auto-fit,minmax(480px,1fr));gap:32px;margin-bottom:32px;display:grid}.analytics-chart-card{padding:0}.analytics-chart-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.analytics-chart-title{color:var(--knox-text-tertiary);margin:0;font-size:11px;font-weight:500}.analytics-chart-actions{gap:6px;display:flex}.analytics-icon-btn{color:var(--knox-text-tertiary);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:3px;align-items:center;gap:4px;padding:3px 6px;font-size:10px;transition:all .15s;display:inline-flex}.analytics-chart-card:hover .analytics-icon-btn{opacity:1}.analytics-icon-btn:hover{color:var(--knox-text-secondary);background:#ffffff0f}.analytics-trend{font-size:11px;font-family:var(--font-mono);align-items:center;gap:4px;margin-top:8px;display:inline-flex}.analytics-trend.up{color:var(--knox-green)}.analytics-trend.down{color:var(--knox-red)}.analytics-trend.stable{color:var(--knox-text-tertiary)}.analytics-trend.up-bad{color:var(--knox-red)}.analytics-trend.down-good{color:var(--knox-green)}.analytics-section-title{color:var(--knox-text-tertiary);border-bottom:1px solid var(--knox-border);align-items:center;gap:8px;margin:40px 0 20px;padding-bottom:12px;font-size:11px;font-weight:500;display:flex}.analytics-section-title .analytics-section-meta{color:var(--knox-text-tertiary);letter-spacing:.5px;opacity:.7;font-size:10px;font-weight:400}.analytics-meta{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.analytics-meta-item{color:var(--knox-text-tertiary);align-items:center;gap:4px;font-size:11px;display:inline-flex}.analytics-live-dot{background:var(--knox-green);border-radius:50%;width:6px;height:6px;display:inline-block}.analytics-stat-row{border-bottom:1px solid var(--knox-border);grid-template-columns:repeat(4,1fr);gap:0;margin-bottom:32px;padding-bottom:24px;display:grid}.analytics-stat{border-right:1px solid var(--knox-border);padding:0 20px}.analytics-stat:first-child{padding-left:0}.analytics-stat:last-child{border-right:none}.analytics-stat-label{color:var(--knox-text-tertiary);margin-bottom:6px;font-size:10px;font-weight:500}.analytics-stat-value{font-family:var(--font-mono);color:var(--knox-text-primary);margin-bottom:4px;font-size:28px;font-weight:600;line-height:1}.analytics-dropdown{z-index:1000;background:var(--knox-bg-card);border:1px solid var(--knox-border);border-radius:6px;min-width:200px;max-height:400px;position:absolute;top:calc(100% + 6px);overflow:auto;box-shadow:0 8px 24px #0000004d}.analytics-dropdown-header{border-bottom:1px solid var(--knox-border);color:var(--knox-text-tertiary);padding:10px 14px;font-size:11px;font-weight:600}.analytics-dropdown-item{border:none;border-bottom:1px solid var(--knox-border);width:100%;color:var(--knox-text-secondary);cursor:pointer;text-align:left;background:0 0;padding:10px 14px;font-size:12px;transition:background .15s}.analytics-dropdown-item:last-child{border-bottom:none}.analytics-dropdown-item:hover{background:var(--knox-surface-subtle)}.analytics-dropdown-item.active{color:var(--knox-cyan);background:var(--knox-surface-subtle)}.analytics-dropdown-item-label{margin-bottom:2px;font-weight:600}.analytics-dropdown-item-desc{color:var(--knox-text-tertiary);font-size:10px}@media (width<=768px){.analytics-controls{gap:8px}.analytics-charts-grid{grid-template-columns:1fr;gap:24px}.analytics-stat-row{grid-template-columns:repeat(2,1fr);gap:16px}.analytics-stat{border-right:none;padding:0}.analytics-stat-value{font-size:22px}.analytics-controls-spacer,.analytics-meta{display:none}.analytics-icon-btn{opacity:1}}.knox-empty-state{text-align:center;border:2px dashed var(--knox-border);background:var(--knox-bg-secondary);border-radius:8px;padding:80px 40px}.knox-empty-icon{opacity:.3;margin-bottom:24px;font-size:64px}.knox-empty-title{color:var(--knox-text-primary);margin-bottom:12px;font-size:24px;font-weight:600}.knox-empty-description{color:var(--knox-text-secondary);margin-bottom:32px;font-size:14px}.status-indicator{text-transform:uppercase;border:1px solid var(--knox-border);background:var(--knox-bg-card);border-radius:4px;align-items:center;gap:8px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-flex}.chevron-mobile,.client-type-badge-mobile{display:none}.client-type-badge-desktop{display:inline-flex}@media (width<=768px){.knox-page{padding:0 16px}.knox-page-title{font-size:18px!important}.knox-page-subtitle{font-size:11px!important}.knox-page-header{flex-wrap:nowrap;gap:12px;padding:20px 0 4px;flex-direction:row!important;align-items:center!important;margin-bottom:16px!important}.knox-page-header>div{flex:auto;align-items:center;gap:8px;min-width:0;display:flex}.knox-page-header .knox-page-title{white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.knox-page-header .knox-page-subtitle{display:none}.knox-page-header>button{flex-shrink:0;margin-top:0}.knox-page-header .link-button{flex-shrink:0;align-self:center;margin-bottom:0!important}.collection-header-icon svg,.collection-header-icon img,.collection-header-icon>span{width:18px!important;height:18px!important;font-size:18px!important}.knox-page-header .btn-text-mobile{display:none!important}.chevron-mobile{display:inline!important}.status-indicator .status-text{display:none}.status-indicator{z-index:0;background:0 0;border:none;justify-content:center;min-width:24px;padding:6px;position:absolute;top:7px;right:4px}.btn-icon-mobile{display:inline!important}.knox-page-header .knox-btn-primary{letter-spacing:0;text-transform:none;flex-shrink:0;justify-content:center;width:32px;height:25px;padding:0;font-size:20px;font-weight:300;line-height:1}.ip-badge-mobile-hide{display:none!important}.knox-route-meta{flex-flow:column wrap;align-items:flex-start;gap:4px}.knox-route-name{max-width:230px}.client-type-badge{display:inline-flex!important}.client-stat-routes,.client-stat-description{display:none!important}.knox-stats-grid{-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;flex-wrap:nowrap;gap:16px;padding-bottom:8px;display:flex;overflow:auto hidden}.knox-stat-card{scroll-snap-align:start;flex:0 0 200px;min-width:200px}.collection-header-description{display:none!important}.collection-header-route-count{padding:3px 8px!important;font-size:10px!important}.collection-header-actions button{padding:4px 8px!important;font-size:10px!important}.route-actions-btn{min-width:28px!important;height:28px!important;padding:4px 6px!important;font-size:14px!important}.route-status-badge,.route-environment-badges{display:none!important}.route-card-top-row{margin-bottom:0!important}.secret-status-badge,.secret-type-badges,.secret-rotating-meta,.secret-compact-stats{display:none!important}.secret-card-top-row{margin-bottom:0!important}.secret-actions-btn{min-width:28px!important;height:28px!important;padding:4px 6px!important;font-size:14px!important}.view-toggle-container{display:flex!important}.quick-actions-card{box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.quick-actions-header{display:none!important}.quick-actions-grid{flex-flow:wrap!important;gap:8px!important;padding:0!important;display:flex!important}.quick-action-btn{text-align:center!important;border-radius:20px!important;flex:calc(25% - 6px)!important;justify-content:center!important;min-width:70px!important;max-width:calc(25% - 6px)!important;padding:8px 4px!important;font-size:11px!important}.quick-action-label-full{display:none!important}.quick-action-label-short{display:inline!important}}.quick-action-label-short{display:none}.quick-action-label-full{display:inline}.mobile-actions-menu-container{display:block;position:relative}.mobile-actions-btn{box-sizing:border-box;border:1px solid var(--knox-border);min-width:28px;height:28px;color:var(--knox-text-tertiary);cursor:pointer;transition:var(--transition-base);background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:4px 6px;font-size:16px;display:flex}.mobile-actions-btn:hover{border-color:var(--knox-cyan);color:var(--knox-cyan)}.mobile-action-item{width:100%;color:var(--knox-text-primary);text-align:left;cursor:pointer;background:0 0;border:none;padding:12px 16px;font-size:13px;transition:background .2s;display:block}.mobile-action-item:hover{background:var(--accent-light)}.mobile-action-item.danger{color:var(--knox-red)}.mobile-action-item.danger:hover{background:#ef44441a}.mobile-action-item:disabled{opacity:.5;cursor:not-allowed}@keyframes fadeInUp{0%{opacity:0}to{opacity:1}}.knox-fade-in{animation:.3s forwards fadeInUp}.input,.form-textarea,select.input{background-color:var(--knox-bg-card);border:1px solid var(--knox-border);color:var(--text-primary);transition:border-color .2s,box-shadow .2s}select,select.input,.form-select{appearance:none!important;background:var(--knox-bg-card) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23888888' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 16px center!important;background-size:12px!important;padding-right:40px!important}.input:focus,.form-textarea:focus,select.input:focus{border-color:var(--knox-cyan);box-shadow:0 0 10px var(--rgba-white-08);outline:none}code{font-family:var(--font-mono);background:var(--accent-light);border:1px solid var(--knox-border);color:var(--knox-cyan);padding:2px 6px}h1,h2,h3{color:var(--text-primary)}.page-header h1{color:var(--knox-text-primary)}.page-description{color:var(--text-secondary);font-size:12px}.environment-select{cursor:pointer;color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;min-width:200px;padding:0;font-size:14px;font-weight:600}.environment-select option{background:var(--knox-bg-card);color:var(--text-primary);padding:12px 16px;font-size:14px}.route-back-icon,.route-status-icon,.route-env-abbr,.route-env-count,.route-save-icon{display:none}.route-back-text,.route-status-text,.route-env-text,.route-save-text{display:inline}.route-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.route-title-left{flex-wrap:wrap;flex:1;align-items:center;gap:12px;min-width:0;display:flex}.route-header-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.route-header-actions .route-env-badge,.route-header-actions .method-badge{box-sizing:border-box;border-width:1px;height:28px;padding:2px 8px;font-size:12px}@media (width>=601px){.route-header-actions .env-dropdown-compact-icon .route-env-badge,.route-header-actions .method-dropdown-compact-icon .method-badge{justify-content:center;width:32px;min-width:32px;padding:0}}.route-header-save-btn{box-sizing:border-box;background:var(--knox-text-primary);height:28px;color:var(--knox-bg-primary);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;border:none;border-radius:6px;align-items:center;gap:6px;padding:2px 14px;font-size:13px;font-weight:600;display:flex}.route-header-save-btn:hover{opacity:.9}.route-header-save-btn:disabled{opacity:.7;cursor:not-allowed}.route-title,.detail-title{margin:0}.route-badges-group{align-items:center;gap:8px;display:flex}.route-header-dropdowns{display:contents}.route-save-btn{min-width:auto!important;padding:8px 12px!important;font-size:11px!important}.route-info-fields{flex-direction:column;gap:24px;display:flex}.route-id-container{align-items:center;gap:8px;display:flex}.route-id-code{flex:1}@media (width<=768px){.route-id-container{flex-direction:column;align-items:stretch;gap:12px}.route-id-code,.route-id-roll-btn{width:100%}.route-back-button{flex-shrink:0;margin:0!important;padding:0!important;font-size:24px!important;line-height:1!important}.route-back-text{display:none}.route-back-icon{display:inline}.route-title,.detail-title{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:80px;max-width:40%;overflow:hidden;font-size:20px!important;line-height:1.2!important}.route-title-row,.route-title-left{display:contents}.color-swatch-dot{display:none!important}.route-badges-group,.route-header-dropdowns{flex:none;align-items:center;gap:4px;min-width:0;display:flex}.detail-badge,.route-status-badge,.route-env-badge,.method-badge{flex-shrink:0}.env-dropdown-compact-icon .route-env-badge,.method-dropdown-compact-icon .method-badge{gap:2px;min-width:32px;padding:4px 6px}.env-dropdown-compact-icon .route-env-icon,.method-dropdown-compact-icon .method-icon{flex-shrink:0}.route-header-actions{flex-shrink:0;gap:6px}.route-header-save-btn{height:28px;border-radius:6px!important;padding:4px 10px!important;font-size:11px!important}.route-header-save-btn span{display:none}.route-header-save-btn svg{display:block}.route-status-badge,.route-env-badge,.method-badge{justify-content:center;min-width:24px;padding:4px 8px!important;font-size:11px!important}.route-status-text,.route-env-text,.route-save-text{display:none}.route-status-icon,.route-env-abbr,.route-save-icon{font-weight:700;display:inline}.route-save-btn{border-radius:6px!important;justify-content:center!important;align-items:center!important;gap:0!important;min-width:auto!important;height:28px!important;padding:4px 10px!important;font-size:11px!important;display:inline-flex!important}.route-save-btn .route-save-icon{font-size:14px!important}.mobile-save-indicator{color:#f59e0b;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.mobile-save-dot{background:#f59e0b;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse;display:inline-block}.route-description{display:none}}@media (width<=480px){.route-title{font-size:18px!important}.route-badges-group{gap:4px}.route-status-badge,.route-env-badge{padding:3px 6px!important;font-size:10px!important}}@media (width<=900px){.env-dropdown-responsive .route-env-text,.env-dropdown-responsive .route-env-abbr{display:none!important}.env-dropdown-responsive .route-env-count{display:inline!important}.route-title-row{flex-wrap:nowrap!important}.route-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;flex:auto!important;min-width:120px!important}.route-badges-group{flex:0 auto!important}.route-header-save-btn span{display:none}.route-header-save-btn{padding:6px 10px}}.route-list-env-badges{flex-shrink:0;gap:4px;display:flex}.route-list-env-full{gap:4px;display:flex}.route-list-env-compact{display:none}@media (width<=900px){.route-list-env-full{display:none!important}.route-list-env-compact{display:inline-block!important}}@media (width<=600px){.route-list-env-badges{display:none!important}}.detail-back-icon,.detail-status-icon{display:none}.detail-back-text,.detail-status-text{display:inline}.detail-header-main{width:100%}@media (width<=768px){.detail-page-header{margin-bottom:16px!important}.detail-header-main{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.detail-back-button{flex-shrink:0;margin:0!important;padding:0!important;font-size:24px!important;line-height:1!important}.detail-back-text{display:none}.detail-back-icon{display:inline}.detail-title{text-overflow:ellipsis;white-space:nowrap;flex:1 1 0;min-width:60px;max-width:none;overflow:hidden;margin:0!important;font-size:20px!important;line-height:1.2!important}.detail-badge{flex-shrink:0;justify-content:center;min-width:24px;padding:4px 8px!important;font-size:11px!important}.detail-status-text{display:none}.detail-status-icon{font-weight:700;display:inline}.detail-description{display:none}.page-header.detail-page-header{margin-bottom:12px!important;padding-bottom:0!important}}@media (width<=480px){.detail-title{font-size:18px!important}.detail-badge{padding:3px 6px!important;font-size:10px!important}}.env-card{background:var(--bg-hover);cursor:pointer;border-radius:8px;padding:16px;transition:all .15s}.env-card-active{border:2px solid var(--border-default);cursor:pointer}.env-card-inactive{border:2px solid var(--border-default);cursor:default}.env-card-inactive>*{opacity:.7}.env-card-inactive .env-card-actions{opacity:1!important}.env-card-selected{border-color:var(--success)!important}.env-card-actions{gap:12px;width:100%;display:flex}.env-select-btn,.env-delete-btn{flex:1}.env-create-btn{flex:1;font-weight:500;transition:all .2s;background:var(--success)!important;color:#fff!important;border:1px solid var(--success)!important;opacity:1!important;padding:8px 16px!important}.env-create-btn:hover{transform:translateY(-1px);box-shadow:0 0 15px #22c55e40;background:var(--knox-green)!important;color:#fff!important;opacity:1!important}.env-create-btn:active{transform:translateY(0);color:#fff!important;opacity:1!important}.env-create-btn:disabled{color:#fff!important;opacity:.6!important}@media (width<=768px){.env-card-actions{flex-direction:row;justify-content:end;gap:12px;width:100%;display:flex}.env-select-btn,.env-delete-btn,.env-create-btn{flex:0 auto;width:auto!important;min-width:80px!important;padding:8px 16px!important}.payload-structure-header{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.payload-structure-actions{justify-content:flex-end!important;width:100%!important}.ip-add-btn{width:auto!important;min-width:40px!important;padding:8px 12px!important}.ip-add-text{display:none}.ip-add-icon{font-size:16px;font-weight:300;display:inline}}@media (width>=769px){.ip-add-icon{display:none}.ip-add-text{display:inline}}.secret-readonly-field{opacity:.7}.secret-readonly-field:hover{cursor:not-allowed}@media (width<=768px){.secret-show-hide-btn{width:auto!important;min-width:50px!important;padding:6px 10px!important;font-size:11px!important}}.knox-route-name,.knox-route-card h3{text-overflow:ellipsis;white-space:nowrap;max-width:280px;overflow:hidden}@media (width<=768px){.knox-route-name,.knox-route-card h3{max-width:250px}.knox-route-header{flex-direction:column!important;align-items:flex-start!important;gap:0!important;padding-bottom:8px!important;display:flex!important;position:relative!important}.knox-route-header>div:first-child{flex-wrap:wrap!important;align-items:flex-start!important;gap:0!important;width:100%!important;display:flex!important;position:relative!important}.knox-route-header h3,.knox-route-header .knox-route-name{text-overflow:ellipsis!important;white-space:nowrap!important;flex:0 auto!important;order:1!important;max-width:250px!important;overflow:hidden!important}.knox-route-header .chevron-mobile{flex-shrink:0!important;order:2!important;margin-left:8px!important;display:inline!important}.knox-route-header>div:last-child{position:absolute!important;top:0!important;right:0!important}.knox-route-header .status-indicator .status-text{display:none!important}.knox-route-header .status-indicator{background:0 0!important;border:none!important;min-width:auto!important;padding:4px!important}.knox-route-header .knox-badge,.knox-route-header code:not(.knox-route-name code),.knox-route-header span[class*=badge]:not(.status-indicator){flex-shrink:0!important;order:10!important;margin-top:10px!important;margin-right:6px!important}.knox-route-header>div:first-child:after{content:""!important;order:5!important;width:100%!important;height:0!important}.knox-route-meta{flex-direction:column!important;gap:8px!important;margin-top:12px!important;display:flex!important}}.dropdown-badge{cursor:pointer;transition:var(--transition-base);box-shadow:0 1px 3px var(--rgba-black-10);border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;display:flex}.dropdown-badge:hover{box-shadow:0 2px 6px var(--rgba-black-15)}.route-env-badge,.method-badge{cursor:pointer;transition:var(--transition-base);box-shadow:0 1px 3px var(--rgba-black-10);background-color:var(--badge-bg);color:var(--badge-text);border:2px solid;border-color:var(--badge-border);text-transform:uppercase;border-radius:6px;align-items:center;gap:6px;padding:4px 12px;font-size:13px;font-weight:600;display:flex}.route-env-badge:hover,.method-badge:hover{box-shadow:0 2px 6px var(--rgba-black-15)}.method-badge-GET{color:#1e40af;background-color:#dbeafe;border-color:#3b82f6}.method-badge-POST{color:#065f46;background-color:#d1fae5;border-color:#10b981}.method-badge-PUT{color:#92400e;background-color:#fef3c7;border-color:#f59e0b}.method-badge-PATCH{color:#9a3412;background-color:#fed7aa;border-color:#f97316}.method-badge-DELETE{color:#991b1b;background-color:#fecaca;border-color:#ef4444}.method-badge-HEAD{color:#6b21a8;background-color:#e9d5ff;border-color:#a855f7}.method-badge-OPTIONS{color:#374151;background-color:#e5e7eb;border-color:#6b7280}.dropdown-item-GET.selected{color:#1e40af;background-color:#dbeafe}.dropdown-item-POST.selected{color:#065f46;background-color:#d1fae5}.dropdown-item-PUT.selected{color:#92400e;background-color:#fef3c7}.dropdown-item-PATCH.selected{color:#9a3412;background-color:#fed7aa}.dropdown-item-DELETE.selected{color:#991b1b;background-color:#fecaca}.dropdown-item-HEAD.selected{color:#6b21a8;background-color:#e9d5ff}.dropdown-item-OPTIONS.selected{color:#374151;background-color:#e5e7eb}.dropdown-indicator-GET{background-color:#3b82f6}.dropdown-indicator-POST{background-color:#10b981}.dropdown-indicator-PUT{background-color:#f59e0b}.dropdown-indicator-PATCH{background-color:#f97316}.dropdown-indicator-DELETE{background-color:#ef4444}.dropdown-indicator-HEAD{background-color:#a855f7}.dropdown-indicator-OPTIONS{background-color:#6b7280}.dropdown-indicator-disabled{background-color:#d1d5db}.dropdown-menu{box-shadow:0 4px 12px var(--rgba-black-15);z-index:10000;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;min-width:200px;max-height:400px;position:fixed;overflow:auto}.dropdown-menu-wide{min-width:220px}.dropdown-item{color:#374151;cursor:pointer;width:100%;transition:var(--transition-fast);text-align:left;background-color:#fff;border:none;align-items:center;gap:8px;padding:10px 12px;font-size:13px;font-weight:500;display:flex}.dropdown-item:hover{background-color:#f9fafb}.dropdown-item.selected{font-weight:600}.dropdown-item.disabled{color:#9ca3af;cursor:not-allowed;opacity:.6;background-color:#f9fafb}.dropdown-item.not-configured{color:#6b7280}.dropdown-item-indicator{border-radius:50%;flex-shrink:0;width:10px;height:10px}.dropdown-item-indicator.small{width:8px;height:8px}.dropdown-item-indicator.faded{opacity:.5}.dropdown-section-header{color:#9ca3af;background-color:#f9fafb;border-top:1px solid #e5e7eb;padding:6px 12px;font-size:11px;font-weight:600}.dropdown-item-icons{align-items:center;gap:4px;margin-left:auto;display:flex}.dropdown-icon-configured,.dropdown-icon-selected,.dropdown-icon-not-configured{flex-shrink:0}.dropdown-icon-sync{cursor:pointer;transition:var(--transition-fast);color:#9ca3af;border-radius:3px;flex-shrink:0;padding:2px}.dropdown-icon-sync:hover{color:#2563eb;background-color:#dbeafe}.dropdown-icon-sync:active{transform:scale(.95)}.dropdown-icon-trash{cursor:pointer;transition:var(--transition-fast);color:#9ca3af;border-radius:3px;flex-shrink:0;padding:2px}.dropdown-icon-trash:hover{color:#dc2626;background-color:#fee2e2}.dropdown-icon-trash:active{transform:scale(.95)}.dropdown-wrapper{position:relative}.dropdown-badge-icon{transition:transform .2s}.dropdown-badge-icon.open{transform:rotate(180deg)}.action-menu{background:var(--knox-bg-primary);border:1px solid var(--knox-border);box-shadow:0 4px 20px var(--rgba-black-40);z-index:1000;border-radius:8px;min-width:200px;overflow:visible}.action-menu-section-header{color:var(--knox-text-primary);-webkit-user-select:none;user-select:none;padding:10px 14px 6px;font-size:11px;font-weight:700}.action-menu-divider{background:var(--knox-border);height:1px;margin:4px 0}.action-menu-item{cursor:pointer;color:var(--knox-text-primary);align-items:center;gap:10px;padding:8px 14px;font-size:13px;font-weight:500;transition:background .15s;display:flex}.action-menu-item:hover{background:var(--accent-light)}.action-menu-item.danger{color:var(--knox-red)}.action-menu-item.danger:hover{background:#ef44441a}.knox-btn{padding:8px 12px!important;font-size:11px!important}.knox-btn span{font-size:11px!important}.knox-card-header .btn.btn-primary{padding:7px 12px!important;font-size:11px!important}.modal-body{padding:12px!important}.modal-body img[alt*="2FA"]{max-width:140px!important}.knox-btn-primary,.knox-btn-secondary{padding:8px 12px!important;font-size:11px!important}.filter-bar-wrapper{margin-bottom:16px}.filter-bar-container{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filter-search-container{flex:250px;min-width:200px}.filter-menu-anchor{position:relative}.filter-button{background:var(--knox-bg-card);border:1px solid var(--knox-border);height:38px;color:var(--knox-text-secondary);cursor:pointer;transition:var(--transition-base);white-space:nowrap;border-radius:4px;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:500;display:flex}.filter-button:hover{border-color:var(--knox-text-tertiary);color:var(--knox-text-primary)}.filter-button.filter-open,.filter-button.has-active{color:var(--knox-text-primary)}.filter-button-label{font-size:12px}.filter-badge{background:var(--knox-cyan);color:var(--knox-bg-primary);border-radius:10px;padding:1px 5px;font-size:10px;font-weight:600;line-height:1.4}.filter-menu-dropdown{z-index:1000;background:var(--knox-bg-card);border:1px solid var(--knox-border);border-radius:6px;min-width:280px;max-width:380px;max-height:500px;position:absolute;top:calc(100% + 4px);right:0;overflow:visible;box-shadow:0 8px 24px #0000004d}.filter-menu-item-btn{border:none;border-bottom:1px solid var(--knox-border);width:100%;color:var(--knox-text-secondary);cursor:pointer;text-align:left;transition:var(--transition-base);background:0 0;justify-content:space-between;align-items:center;padding:10px 14px;font-size:13px;display:flex}.filter-menu-item-btn:hover,.filter-menu-item-btn.expanded{background:var(--knox-bg-hover);color:var(--knox-text-primary)}.filter-menu-item-btn.has-active-value{color:var(--knox-text-primary)}.filter-active-dot{background:var(--knox-cyan);border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.filter-menu-item-label{align-items:center;gap:8px;display:flex}.filter-menu-chevron{flex-shrink:0;transition:transform .2s}.filter-menu-chevron.expanded{transform:rotate(180deg)}.filter-menu-item-content{border-bottom:1px solid var(--knox-border);background:var(--knox-bg-secondary);z-index:1001;padding:12px 14px 14px;position:relative;overflow:visible}.filter-actions-container{align-items:center;gap:12px;display:flex}.filter-count-display{font-family:var(--font-mono);color:var(--knox-text-tertiary);white-space:nowrap;font-size:11px}.filter-count-highlight{color:var(--knox-text-secondary)}.filter-view-toggle{background:var(--knox-bg-card);border:1px solid var(--knox-border);height:38px;color:var(--knox-text-secondary);cursor:pointer;transition:var(--transition-base);border-radius:4px;justify-content:center;align-items:center;padding:0 10px;display:inline-flex}.filter-view-toggle:hover{border-color:var(--knox-text-tertiary);color:var(--knox-text-primary)}.active-filters-row{flex-wrap:wrap;align-items:center;gap:5px;margin-top:6px;display:flex}.active-filter-chip{background:var(--knox-bg-secondary);border:1px solid var(--knox-border);color:var(--knox-text-secondary);border-radius:4px;align-items:center;gap:5px;padding:3px 6px 3px 9px;font-size:12px;display:inline-flex}.active-filter-chip strong{color:var(--knox-text-primary);font-weight:500}.active-filter-chip-label{white-space:nowrap}.active-filter-chip-remove{color:var(--knox-text-tertiary);cursor:pointer;opacity:.7;background:0 0;border:none;align-items:center;padding:0 1px;line-height:1;transition:opacity .15s;display:flex}.active-filter-chip-remove:hover{opacity:1;color:var(--knox-red)}.active-filters-clear-all{color:var(--knox-text-tertiary);cursor:pointer;opacity:.7;background:0 0;border:none;padding:3px 6px;font-size:12px;transition:opacity .15s}.active-filters-clear-all:hover{opacity:1;color:var(--knox-text-secondary)}@media (width<=768px){.hide-on-mobile{display:none!important}.filter-bar-container{flex-wrap:nowrap;gap:6px}.filter-count-display{display:none}.filter-search-container{flex:auto;min-width:0}.filter-button{flex-shrink:0;padding:0 10px}.filter-button-label{display:none}.filter-actions-container:not(:has(.filter-view-toggle)){display:none}.knox-page-header{position:relative!important}.knox-page-header>div:last-child{position:absolute!important;right:0!important}div[style*=grid-template-columns]:not(.knox-list-grid):not(.knox-list-header):not(.knox-list-row){grid-template-columns:1fr!important}.knox-info-value a,.knox-info-value code{word-break:break-all!important;overflow-wrap:break-word!important}.knox-page-title,.page-title{font-size:18px!important}.page-description,.route-description{margin-top:4px!important;font-size:11px!important}.knox-page-subtitle{font-size:11px!important}.environment-selector,.method-selector{padding:6px 10px!important;font-size:11px!important}.knox-btn-primary,.knox-btn-secondary{padding:3px 6px!important;font-size:11px!important}@media (width<=480px){.tab svg{display:none!important}}}.security-score-banner{background:var(--knox-bg-card);border:1px solid var(--knox-border-hover);border-radius:12px;align-items:center;gap:16px;margin-bottom:16px;padding:16px 20px;display:flex}.security-score-number{font-size:28px;font-weight:700;font-family:var(--font-mono);flex-shrink:0;line-height:1}.security-score-details{flex:1;min-width:0}.security-score-bar{background:var(--knox-border);border-radius:2px;height:4px;margin-bottom:6px;overflow:hidden}.security-score-fill{border-radius:2px;height:100%;transition:width .4s,background .4s}.security-score-label{font-size:11px;font-weight:600}.security-score-subtitle{color:var(--text-secondary);margin-top:2px;font-size:12px}.security-feature-row{border-left:3px solid #0000;align-items:flex-start;gap:12px;margin-left:-1px;padding:16px 0 16px 16px;transition:border-color .2s;display:flex}.security-feature-row.enabled{border-left-color:var(--knox-green)}.security-feature-row+.security-feature-row{border-top:1px solid var(--knox-border)}.security-feature-icon{width:32px;height:32px;transition:var(--transition-base);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.security-feature-icon.enabled{color:var(--knox-green);background:#22c55e1a}.security-feature-icon.disabled{background:var(--accent-light);color:var(--text-tertiary)}.security-feature-info{flex:1;min-width:0}.security-feature-name{color:var(--text-primary);margin-bottom:2px;font-size:14px;font-weight:600}.security-feature-desc{color:var(--text-secondary);font-size:12px;line-height:1.4}.security-feature-toggle{flex-shrink:0;align-items:center;gap:8px;display:flex}.security-feature-config{padding:12px 0 4px 44px;animation:.2s slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.security-score-banner{gap:12px;padding:12px 14px}.security-score-number{font-size:22px}.security-feature-row{gap:10px;padding:12px 0 12px 12px}.security-feature-icon{width:28px;height:28px}.security-feature-name{font-size:13px}.security-feature-desc{font-size:11px}.security-feature-config{padding-left:38px}.page-container{padding:12px!important}.page-content{padding:0!important}.detail-content{gap:16px!important}.route-var-container{padding:0 12px 16px!important}.route-var-main-panel,.route-var-side-panel{margin:0!important;padding:0!important}.quick-actions-card{display:none!important}.mobile-actions-btn{min-width:29px!important;height:24px!important}.tabs{gap:4px!important;overflow-x:auto!important}.tab{white-space:nowrap!important;padding:8px 12px!important;font-size:11px!important}select{padding:6px 10px!important;font-size:13px!important}.knox-card{border-radius:10px!important;margin-bottom:8px!important;padding:12px!important}.knox-card.collapsed{padding:10px 12px!important}.knox-card:hover{transform:none!important}.header-injection-item{flex-direction:row!important;align-items:center!important;gap:6px!important}.header-injection-content{flex-direction:row!important;align-items:center!important;gap:8px!important;padding:8px 10px!important}.header-injection-content>div:nth-child(2){display:none!important}.header-injection-content>div:first-child{margin-bottom:0!important}.header-injection-row{flex-direction:column!important;gap:10px!important;width:100%!important}.header-injection-row>div{width:100%!important;min-width:0!important}.header-injection-row>div>div{flex-direction:column!important;gap:6px!important}.header-injection-row input{width:100%!important;font-size:13px!important}.header-injection-row .btn{width:100%!important;margin-top:4px!important}.header-injection-actions{margin-top:0!important}.knox-card-header{flex-flow:row!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;margin-bottom:10px!important;padding:0 0 10px!important;display:flex!important}.knox-card.collapsed .knox-card-header{border-bottom:none!important;margin-bottom:0!important;padding-bottom:0!important}.knox-card-header .knox-action-btn{white-space:nowrap!important;flex-shrink:0!important;font-size:11px!important}.knox-card-title{letter-spacing:.5px!important;flex:1!important;gap:6px!important;min-width:0!important;font-size:13px!important}.knox-card-title:before{width:3px!important;height:12px!important}.knox-card-body{padding:0!important}.knox-card-body p{margin-bottom:12px!important;font-size:13px!important}.knox-card-body h3{font-size:16px!important}.knox-card-body label,.knox-info-label{font-size:11px!important}.knox-card-body input,.knox-card-body select,.ip-input{font-size:13px!important}.knox-info-grid{gap:10px!important}.knox-info-item{gap:4px!important}.knox-info-label{margin-bottom:2px!important;font-size:11px!important}.knox-info-value{border-radius:6px!important;padding:8px 10px!important;font-size:13px!important}.knox-info-value.code{font-size:11px!important}.form-group{margin-bottom:12px!important}.form-label{margin-bottom:4px!important;font-size:11px!important}.form-input,.form-select,.form-textarea,.input,select.input{border-radius:6px!important;padding:8px 10px!important;font-size:13px!important}.form-textarea{min-height:60px!important}.knox-action-btn{padding:8px 12px!important;font-size:12px!important}.knox-action-btn:hover{transform:none!important}.route-var-container{gap:12px!important;padding:0 12px 16px!important}.route-var-main-panel,.route-var-side-panel{gap:4px!important}.knox-stat-pills{gap:6px!important}.knox-stat-pill{border-radius:4px!important;padding:4px 8px!important;font-size:11px!important}.neon-knox-card,.minimal-knox-card{border-radius:10px!important;padding:12px!important}.neon-knox-card-header,.minimal-knox-card-header{margin-bottom:10px!important;padding-bottom:8px!important}.neon-knox-card-title,.minimal-knox-card-title{font-size:13px!important}.neon-knox-card-body,.minimal-knox-card-body{padding:0!important}.knox-card-body>div[style]{gap:8px!important}.knox-card-body>div>div[style*=padding]{border-radius:6px!important;padding:10px!important}.knox-card-body>div[style*="textAlign: 'center'"],.knox-card-body>div[style*="text-align: center"]{padding:16px!important}.toggle-switch{width:40px!important;height:22px!important}.toggle-slider:before{width:16px!important;height:16px!important;bottom:3px!important;left:3px!important}.toggle-switch input:checked+.toggle-slider:before{transform:translate(18px)!important}.toggle-label{font-size:11px!important}.badge,.knox-badge{border-radius:3px!important;padding:2px 6px!important;font-size:11px!important}.modal-body,.modal-header{padding:12px!important}.modal-footer{gap:8px!important;padding:12px!important}.empty-state{padding:20px 12px!important}.empty-state-title{font-size:16px!important}.empty-state-description{font-size:13px!important}.pagination{gap:4px!important}.pagination-btn{padding:6px 10px!important;font-size:12px!important}.client-card,.item-card,[style*="borderRadius: 8"][style*="padding: 16"]{border-radius:6px!important;padding:10px!important}.gap-lg{gap:12px!important}.gap-md{gap:10px!important}.gap-sm{gap:6px!important}.flex-col.gap-md,.flex-col.gap-lg{gap:10px!important}.header-injection-row,.body-injection-row{gap:8px!important;padding:8px!important}.card-list-item{padding:10px!important}code,.text-mono,[style*="fontFamily: monospace"],[style*="font-family: monospace"]{font-size:11px!important}.security-card,.config-card{padding:10px!important}.security-option,.config-option{gap:10px!important;padding:10px!important}.env-card-actions{gap:8px!important}.env-card-actions .btn{padding:8px 12px!important;font-size:11px!important}.knox-card{-webkit-overflow-scrolling:touch;overflow-x:auto!important}.knox-card .table{min-width:520px}.table td:first-child,.table th:first-child{white-space:nowrap}.table th{padding:8px 10px!important;font-size:10px!important}.table td{padding:10px!important;font-size:12px!important}.pagination-container{margin-top:8px!important;padding:10px 8px!important}.pagination-btn-prev,.pagination-btn-next{min-width:32px!important;min-height:28px!important;padding:4px 8px!important}.pagination-numbers .btn{min-width:28px!important;min-height:28px!important;padding:2px 6px!important;font-size:12px!important}.pagination-controls{gap:4px!important}.pagination-numbers{gap:2px!important}}@media (width<=480px){.page-container{padding:8px!important}.knox-card{border-radius:8px!important;margin-bottom:10px!important;padding:10px!important}.knox-card-header{margin-bottom:8px!important;padding-bottom:8px!important}.knox-card-title{font-size:11px!important}.knox-info-value{padding:6px 8px!important;font-size:12px!important}.form-group{margin-bottom:10px!important}.form-input,.form-select,.form-textarea,.input,select.input{padding:6px 8px!important;font-size:12px!important}.knox-action-btn{padding:6px 10px!important;font-size:11px!important}.detail-content{gap:12px!important}.knox-info-grid{gap:8px!important}.route-var-container,.route-var-main-panel,.route-var-side-panel{gap:10px!important}.table th{padding:6px 8px!important;font-size:9px!important}.table td{padding:8px!important;font-size:12px!important}.badge,.knox-badge{padding:1px 4px!important;font-size:9px!important}.modal-body,.modal-header,.modal-footer{padding:10px!important}code,.text-mono{font-size:10px!important}}.mobile-compact-padding{padding:24px}.mobile-compact-gap{gap:16px}.mobile-compact-mb{margin-bottom:16px}.mobile-list-item{border-radius:8px;padding:16px}@media (width<=768px){.mobile-compact-padding{padding:12px!important}.mobile-compact-gap{gap:10px!important}.mobile-compact-mb{margin-bottom:10px!important}.mobile-list-item{border-radius:6px!important;padding:10px!important}}@media (width<=480px){.mobile-compact-padding{padding:10px!important}.mobile-compact-gap{gap:8px!important}.mobile-compact-mb{margin-bottom:8px!important}.mobile-list-item{padding:8px!important}}.client-ip-address{display:inline}.client-list-row:hover{background:var(--bg-hover)!important;border-color:var(--border-strong)!important}@media (width<=768px){.client-ip-address{display:none!important}.client-remove-btn{width:28px!important;min-width:28px!important;height:28px!important}.page-content{box-sizing:border-box!important;width:100%!important;max-width:100vw!important;padding-left:0!important;padding-right:0!important;overflow-x:hidden!important}.page-header.page-header-sticky{box-sizing:border-box!important;width:100%!important;max-width:100%!important;overflow:visible!important}.tabs{-webkit-overflow-scrolling:touch;box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;overflow:auto hidden!important}.route-title{white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:80px;max-width:40%;overflow:hidden;font-size:18px!important}.detail-header-main{width:100%!important;max-width:100%!important;overflow:hidden!important}.route-title-row{flex-wrap:nowrap!important;gap:4px!important;width:100%!important;overflow:hidden!important}.route-var-container .knox-card-body>div[style*=grid]{grid-template-columns:1fr!important;gap:8px!important}.route-var-container .knox-card-body>div[style*=grid]>div{border-radius:8px!important;padding:12px!important}.capture-payload-empty{padding:24px 16px!important}.capture-payload-empty h3{margin-bottom:8px!important;font-size:16px!important}.capture-payload-empty p{margin-bottom:12px!important;font-size:12px!important}}.injection-select{appearance:none!important;background-image:none!important}.injection-select::-ms-expand{display:none}.injection-select:-moz-focusring{color:#0000;text-shadow:0 0 0 var(--knox-cyan)}.knox-list{flex-direction:column;gap:12px;display:flex}.knox-list.compact{gap:8px}.knox-list-item{background:var(--knox-bg-card);border:1px solid var(--knox-border-hover);cursor:pointer;border-radius:16px;padding:20px 24px;transition:border-color .2s,box-shadow .2s,background .2s;position:relative}.knox-list-item.compact{padding:14px 18px}.knox-list-item.knox-list-item-flat{padding:14px 20px}.knox-list-item.knox-list-item-flat.compact{padding:10px 16px}.knox-list-item-header.knox-list-item-header-flat{flex-wrap:nowrap;margin-bottom:0}.knox-list-item-flat .knox-list-item-title-row{flex:1;min-width:0}.knox-list-item-flat .knox-list-item-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.knox-list-item-right-section{flex-shrink:0;align-items:center;gap:12px;display:flex}.knox-badges.knox-badges-inline{flex-wrap:nowrap;gap:6px}.knox-badge.knox-badge-sm{box-sizing:border-box;gap:5px;height:26px;padding:4px 10px;font-size:10px}.knox-badge.knox-badge-sm .knox-status-dot{width:6px;height:6px}.knox-list-item-flat .knox-action-btn-menu .knox-action-btn{justify-content:center;align-items:center;width:26px;min-width:26px;height:26px;padding:0;display:flex}.knox-list-item:hover{border-color:var(--knox-cyan);box-shadow:0 0 20px var(--rgba-white-08)}.knox-list-item-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.knox-list-item-header.compact{gap:12px;margin-bottom:8px}.knox-list-item-title-row{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.knox-list-item-title-row.compact{gap:8px}.knox-list-item-title{color:var(--knox-text-primary);margin:0;font-size:16px;font-weight:600}.knox-list-item-title.compact{font-size:14px}.knox-list-item-chevron{color:var(--knox-cyan);flex-shrink:0;font-size:20px}.knox-list-item.compact .knox-list-item-chevron{font-size:18px}.knox-list-item-meta{color:var(--knox-text-secondary);margin:0;font-size:13px}.knox-list-item-meta.compact{font-size:12px}.knox-badges{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.knox-badges.row{margin-bottom:12px}.knox-badges.row.compact{margin-bottom:8px}.knox-badge.knox-badge-clickable{cursor:pointer;transition:var(--transition-fast)}.knox-badge.knox-badge-clickable:hover{filter:brightness(1.2);transform:translateY(-1px);box-shadow:0 2px 8px}.knox-badge.compact{padding:3px 8px;font-size:9px}.knox-badge.green,.knox-badge.success,.knox-badge.active,.knox-badge.online,.knox-badge.enabled{color:var(--knox-green);background:#22c55e1a;border-color:#22c55e26}.knox-badge.cyan,.knox-badge.info,.knox-badge.checking{background:var(--accent-light);border-color:var(--knox-border-hover);color:var(--knox-cyan)}.knox-badge.yellow,.knox-badge.warning,.knox-badge.offline,.knox-badge.disabled{color:var(--knox-yellow);background:#ffc8001a;border-color:#ffc80033}.knox-badge.red,.knox-badge.danger,.knox-badge.error{color:var(--knox-red);background:#ff32321a;border-color:#ff323233}.knox-badge.blue,.knox-badge.server{background:var(--accent-light);border-color:var(--knox-border);color:var(--knox-blue)}.knox-badge.purple,.knox-badge.device{color:var(--knox-purple);background:#8000ff1a;border-color:#8000ff4d}.knox-badge.magenta,.knox-badge.secret{background:var(--accent-light);border-color:var(--knox-border);color:var(--knox-magenta)}.knox-badge.gray,.knox-badge.default{color:var(--knox-text-secondary);background:#8080801a;border-color:#8080804d}.knox-status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.knox-status-dot.green,.knox-status-dot.online,.knox-status-dot.active{background:var(--knox-green);box-shadow:0 0 8px var(--knox-green)}.knox-status-dot.cyan{background:var(--knox-cyan);box-shadow:0 0 8px var(--knox-cyan)}.knox-status-dot.yellow,.knox-status-dot.offline,.knox-status-dot.warning{background:var(--knox-yellow)}.knox-status-dot.red,.knox-status-dot.error{background:var(--knox-red);box-shadow:0 0 8px var(--knox-red)}.knox-status-dot.gray{background:var(--knox-text-tertiary)}.knox-status-dot.pulse{animation:2s ease-in-out infinite statusPulse}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.5}}.knox-list-item-stats{color:var(--knox-text-secondary);flex-wrap:wrap;align-items:center;gap:16px;font-size:13px;display:flex}.knox-list-item-stats.compact{gap:12px;font-size:12px}.knox-list-item-stat{align-items:center;gap:6px;display:flex}.knox-list-item-stat-icon{opacity:.7;font-size:14px}.knox-list-item-stat-value{font-family:var(--font-mono);color:var(--knox-cyan)}.knox-list-item-actions{align-items:center;gap:8px;display:flex}.knox-action-btn-menu{position:relative}.knox-action-btn{border:1px solid var(--knox-border);width:fit-content;color:var(--knox-text-secondary);cursor:pointer;transition:var(--transition-base);white-space:nowrap;background:0 0;border-radius:6px;flex-shrink:0;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:500;display:inline-flex}.knox-action-btn:hover:not(:disabled){border-color:var(--knox-cyan);color:var(--knox-cyan)}.knox-action-btn:disabled,.knox-action-btn[disabled]{opacity:.5;cursor:not-allowed;border-color:var(--knox-border);color:var(--knox-text-tertiary,#6b7280);background:#ffffff05}.role-pick-list{border:1px solid var(--knox-border);border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.role-pick-list.scroll{max-height:340px;overflow-y:auto}.role-pick-card{border:none;border-top:1px solid var(--knox-border);cursor:pointer;width:100%;color:inherit;font:inherit;text-align:left;background:0 0;align-items:flex-start;gap:10px;padding:12px;transition:background .12s;display:flex}.role-pick-card:first-child{border-top:none}.role-pick-card:hover:not(:disabled),.role-pick-card.selected{background:var(--knox-bg-hover)}.role-pick-card:disabled{cursor:not-allowed;opacity:.55}.role-pick-radio{border:2px solid var(--knox-border);border-radius:50%;flex:none;width:16px;height:16px;margin-top:2px;position:relative}.role-pick-card.selected .role-pick-radio{border-color:var(--knox-cyan,var(--knox-link))}.role-pick-card.selected .role-pick-radio:after{content:"";background:var(--knox-cyan,var(--knox-link));border-radius:50%;position:absolute;inset:3px}.role-pick-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.role-pick-title{flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.role-pick-desc{color:var(--knox-text-tertiary);font-size:12px}.role-perms{border:1px dashed var(--knox-border);background:var(--knox-bg-card,#ffffff05);border-radius:6px;flex-direction:column;gap:4px;margin-top:6px;padding:8px 10px;display:flex}.role-perms-label{text-transform:uppercase;letter-spacing:.05em;color:var(--knox-text-tertiary);font-size:10px}.role-perm-row{align-items:baseline;gap:6px;font-size:12px;line-height:1.4;display:flex}.role-perm-row .role-perm-res{font-weight:600}.role-perm-row.deny .role-perm-res,.role-perm-row.deny{color:var(--knox-red,#ef4444)}.role-pick-create{color:var(--knox-text-tertiary);font-size:12px}.knox-icon-btn{justify-content:center;width:32px;min-width:32px;height:32px;padding:0}.knox-dropdown-menu{background:var(--knox-bg-card);border:1px solid var(--knox-border);box-shadow:0 4px 20px var(--rgba-black-30);z-index:1000;border-radius:8px;min-width:160px;margin-top:4px;position:absolute;top:100%;right:0;overflow:hidden}.knox-dropdown-item{cursor:pointer;color:var(--knox-text-primary);border-bottom:1px solid var(--knox-border);align-items:center;gap:10px;padding:12px 14px;font-size:13px;font-weight:500;transition:background .2s;display:flex}.knox-dropdown-item:last-child{border-bottom:none}.knox-dropdown-item:hover{background:var(--accent-light)}.knox-dropdown-item.danger{color:var(--knox-red)}.knox-dropdown-item.danger:hover{background:#ff32321a}.knox-dropdown-item-icon{text-align:center;width:20px;font-size:16px}.loading-center-sm{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:48px 24px;display:flex}.knox-spin{vertical-align:middle;animation:.8s linear infinite spin;display:inline-block}.loading-text{color:var(--knox-text-secondary);font-size:14px;font-weight:500}@media (width<=768px){.loading-center{min-height:calc(100vh - 150px)}.knox-spinner{width:40px;height:40px}.loading-text{font-size:12px}}.knox-list-empty-title{color:var(--knox-text-primary);margin:0;font-size:18px;font-weight:600}.knox-list-empty-description{color:var(--knox-text-secondary);margin:0;font-size:14px}.knox-list-empty>button,.knox-list-empty>a{margin-top:12px}@media (width<=768px){.knox-list{gap:8px}.knox-list-item{padding:14px 16px}.knox-list-item.knox-list-item-flat{padding:12px 14px}.knox-list-item-right-section{gap:8px}.knox-list-item-flat .knox-badges-inline{display:none}.knox-list-item-header{gap:10px;margin-bottom:8px}.knox-list-item-title{font-size:14px}.knox-list-item-meta{font-size:12px}.knox-badge{padding:3px 8px;font-size:9px}.knox-list-item-stats{gap:10px;font-size:11px}.knox-action-btn-menu{min-width:28px;min-height:28px;padding:6px 8px}.knox-dropdown-menu{min-width:140px}.knox-dropdown-item{padding:10px 12px;font-size:12px}.knox-list-empty{gap:12px;padding:48px 20px}.knox-list-empty-icon{font-size:36px}.knox-list-empty-title{font-size:16px}.knox-list-empty-description{font-size:13px}}@media (width<=480px){.knox-list-item{padding:12px 14px}.knox-list-item.knox-list-item-flat .knox-list-item-header{flex-direction:row;align-items:center}.knox-list-item-header{flex-direction:column;align-items:flex-start;gap:8px}.knox-badges{width:100%}.knox-list-item-stats{flex-direction:column;align-items:flex-start;gap:6px}}.settings-clean .knox-card:before{display:none}.settings-clean .knox-card{border-color:var(--knox-border)}.settings-clean .knox-card:hover{border-color:var(--knox-border);box-shadow:0 4px 20px var(--rgba-black-20);transform:none}.settings-clean .knox-card-title{color:var(--knox-text-primary)}.settings-clean .knox-card-title:before{display:none}.settings-clean .knox-info-value:hover{border-color:var(--knox-border)}.egress-actions-mobile{display:none}@media (width<=768px){.egress-actions-desktop{display:none!important}.egress-actions-mobile{display:inline-flex}}.locked-wrapper{min-height:calc(100vh - 80px);position:relative}.locked-blur{filter:blur(6px);pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.1}.locked-overlay{background-color:var(--bg-page);background-image:radial-gradient(circle,#ffffff0a 1px,#0000 1px);background-size:28px 28px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.locked-overlay:before{content:"";background:radial-gradient(ellipse at center, transparent 20%, var(--bg-page) 75%);pointer-events:none;position:absolute;inset:0}.locked-mobile-menu{z-index:2;display:none;position:absolute;top:12px;left:12px}@media (width<=768px){.locked-mobile-menu{display:block}}.locked-card{text-align:center;z-index:1;flex-direction:column;align-items:center;width:100%;max-width:520px;padding:56px 48px;display:flex;position:relative}.locked-title{font-family:var(--font-mono);color:var(--text-primary);text-transform:uppercase;letter-spacing:3px;margin:0 0 14px;font-size:17px;font-weight:700}.locked-description{color:var(--text-secondary);max-width:380px;margin:0 0 24px;font-size:14px;line-height:1.7}.locked-badge{font-family:var(--font-mono);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1.5px;border:1px solid var(--border-default);border-radius:4px;margin-bottom:32px;padding:5px 14px;font-size:10px;font-weight:600}.locked-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:20px;display:flex}.locked-actions .btn{padding:10px 24px}.locked-trial{font-family:var(--font-mono);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:10px}.locked-inline{background:var(--bg-card);border:1px solid var(--border-default);font-family:var(--font-mono);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:var(--transition-fast);border-radius:4px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.locked-inline:hover{background:var(--bg-hover);border-color:var(--border-strong);color:var(--text-secondary)}.upgrade-modal-overlay{z-index:1000}.upgrade-modal-card{background:var(--bg-card);border:1px solid var(--border-default);background-image:radial-gradient(circle,#ffffff08 1px,#0000 1px);background-size:28px 28px;background-color:var(--bg-card);border-radius:12px;width:100%;max-width:480px;margin:auto;position:relative;overflow:hidden}.upgrade-modal-close{z-index:2;position:absolute;top:16px;right:16px}.upgrade-modal-body.locked-card{max-width:none;padding:48px 40px 40px}.upgrade-modal-body .locked-actions{flex-wrap:nowrap;width:100%}.upgrade-modal-body .locked-actions .btn{flex:1}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;top:0;left:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:0 0}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{-webkit-transform-origin:0 0;width:1600px;height:1600px}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{width:auto;padding:0;max-width:none!important;max-height:none!important}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:#33b5e566}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{box-sizing:border-box;z-index:800;width:0;height:0}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{z-index:800;pointer-events:visiblePainted;pointer-events:auto;position:relative}.leaflet-top,.leaflet-bottom{z-index:1000;pointer-events:none;position:absolute}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{outline-offset:1px;background:#ddd}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{background:#ffffff80;border:2px dotted #38f}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:.75rem;line-height:1.5}.leaflet-bar{border-radius:4px;box-shadow:0 1px 5px #000000a6}.leaflet-bar a{text-align:center;color:#000;background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;text-decoration:none;display:block}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom:none;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.leaflet-bar a.leaflet-disabled{cursor:default;color:#bbb;background-color:#f4f4f4}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{text-indent:1px;font:700 18px Lucida Console,Monaco,monospace}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{background:#fff;border-radius:5px;box-shadow:0 1px 5px #0006}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{color:#333;background:#fff;padding:6px 10px 6px 6px}.leaflet-control-layers-scrollbar{padding-right:5px;overflow:hidden scroll}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{font-size:1.08333em;display:block}.leaflet-control-layers-separator{border-top:1px solid #ddd;height:0;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{color:#333;padding:0 5px;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{width:1em;height:.6669em;vertical-align:baseline!important;display:inline!important}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{white-space:nowrap;box-sizing:border-box;text-shadow:1px 1px #fff;background:#fffc;border:2px solid #777;border-top:none;padding:2px 5px 1px;line-height:1.1}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{background-clip:padding-box;border:2px solid #0003}.leaflet-popup{text-align:center;margin-bottom:20px;position:absolute}.leaflet-popup-content-wrapper{text-align:left;border-radius:12px;padding:1px}.leaflet-popup-content{min-height:1px;margin:13px 24px 13px 20px;font-size:1.08333em;line-height:1.3}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{pointer-events:none;width:40px;height:20px;margin-top:-1px;margin-left:-20px;position:absolute;left:50%;overflow:hidden}.leaflet-popup-tip{pointer-events:auto;width:17px;height:17px;margin:-10px auto 0;padding:1px;transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{color:#333;background:#fff;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{text-align:center;color:#757575;background:0 0;border:none;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;text-decoration:none;position:absolute;top:0;right:0}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";width:24px;filter:progid:DXImageTransform.Microsoft.Matrix(M11=.707107, M12=.707107, M21=-.707107, M22=.707107);margin:0 auto}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{color:#222;white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;background-color:#fff;border:1px solid #fff;border-radius:3px;padding:6px;position:absolute;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{pointer-events:none;content:"";background:0 0;border:6px solid #0000;position:absolute}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{margin-left:-6px;left:50%}.leaflet-tooltip-top:before{border-top-color:#fff;margin-bottom:-12px;bottom:0}.leaflet-tooltip-bottom:before{border-bottom-color:#fff;margin-top:-12px;margin-left:-6px;top:0}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{margin-top:-6px;top:50%}.leaflet-tooltip-left:before{border-left-color:#fff;margin-right:-12px;right:0}.leaflet-tooltip-right:before{border-right-color:#fff;margin-left:-12px;left:0}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.auth-card{width:100%;max-width:480px;padding:1.5rem 0;position:relative}@media (width>=640px){.auth-card{padding:2rem 0}}@media (width>=768px){.auth-card{padding:2.5rem 0}}.auth-card-wide{max-width:520px}.auth-card-narrow{max-width:400px}.auth-branding{text-align:center;margin-bottom:1.5rem}@media (width>=768px){.auth-branding{margin-bottom:2rem}}.auth-logo-text{color:var(--text-primary,#fff);-webkit-text-fill-color:var(--text-primary,#fff);font-size:1.5rem;font-weight:700;font-family:var(--font-chrome);letter-spacing:.05em;margin-bottom:.5rem}@media (width>=640px){.auth-logo-text{font-size:1.75rem}}.auth-subtitle{color:var(--knox-text-secondary);font-size:.875rem;font-family:var(--font-chrome)}.auth-form{flex-direction:column;gap:1.25rem;display:flex}@media (width>=768px){.auth-form{gap:1.5rem}}.auth-form-field{width:100%}.auth-form-label{color:var(--knox-text-secondary);font-size:.8125rem;font-weight:500;font-family:var(--font-chrome);margin-bottom:.375rem;display:block}.auth-input{background:var(--knox-bg-secondary);border:1px solid var(--knox-border);width:100%;color:var(--knox-text-primary);font-size:.875rem;font-family:var(--font-chrome);appearance:none;border-radius:6px;outline:none;padding:.5625rem .75rem;transition:border-color .15s}.auth-input::placeholder{color:var(--knox-text-tertiary);opacity:.6}.auth-input:focus{border-color:var(--border-strong,#ffffff3d);box-shadow:none}.auth-input-error{border-color:var(--knox-red)}.auth-input-success{border-color:var(--knox-green)}.auth-input-mono{font-family:var(--font-mono)}.auth-input-2fa{text-align:center;letter-spacing:.2em;color:var(--text-primary,#fff);font-size:1.25rem;font-family:var(--font-mono)}@media (width>=640px){.auth-input-2fa{letter-spacing:.25em;font-size:1.5rem}}.auth-select{background:var(--knox-bg-secondary);border:1px solid var(--knox-border);width:100%;color:var(--knox-text-primary);font-size:.875rem;font-family:var(--font-chrome);cursor:pointer;border-radius:6px;outline:none;padding:.5625rem .75rem;transition:border-color .15s}.auth-select:focus{border-color:var(--border-strong,#ffffff3d);box-shadow:none}.auth-field-hint{font-size:.75rem;font-family:var(--font-chrome);color:var(--knox-text-tertiary);margin-top:.5rem}.auth-field-hint-error{color:var(--knox-red)}.auth-field-hint-success{color:var(--knox-green)}.auth-field-hint-info{color:var(--knox-cyan)}.auth-step-title{color:var(--knox-text-primary);font-size:1.375rem;font-weight:700;font-family:var(--font-chrome);margin-bottom:.5rem}.auth-step-desc{color:var(--knox-text-secondary);font-size:.875rem;font-family:var(--font-chrome);line-height:1.6}.auth-btn{width:100%;font-size:.875rem;font-weight:600;font-family:var(--font-chrome);cursor:pointer;border:1px solid;border-radius:6px;justify-content:center;align-items:center;gap:.5rem;min-height:40px;padding:.5625rem 1rem;transition:all .15s;display:flex;position:relative;overflow:hidden}.auth-btn:disabled{opacity:.5;cursor:not-allowed}.auth-btn-inline{width:auto;padding-left:1.5rem;padding-right:1.5rem}.auth-btn-primary{background:var(--accent-primary,#fff);color:var(--knox-bg-primary,#0c0c0c);border-color:var(--accent-primary,#fff)}.auth-btn-primary:hover:not(:disabled){opacity:.9;box-shadow:none;transform:translateY(-1px)}.auth-btn-primary:disabled{background:var(--knox-bg-hover);color:var(--knox-text-tertiary);border-color:var(--knox-border)}.auth-btn-secondary{color:var(--text-primary,#fff);border-color:var(--border-strong,#ffffff29);background:0 0}.auth-btn-secondary:hover:not(:disabled){background:var(--bg-hover,#ffffff0f);box-shadow:none;transform:translateY(-1px)}.auth-btn-ghost{border-color:var(--knox-border);color:var(--knox-text-secondary);background:0 0}.auth-btn-ghost:hover:not(:disabled){border-color:var(--border-strong,#ffffff29);color:var(--text-primary,#fff)}.auth-btn-oauth{color:#1f1f1f;border:1px solid var(--knox-border);width:100%;font-size:.875rem;font-weight:600;font-family:var(--font-chrome);cursor:pointer;background:#fff;border-radius:6px;justify-content:center;align-items:center;gap:.75rem;min-height:40px;padding:.5625rem 1rem;transition:all .15s;display:flex}.auth-btn-oauth:hover{border-color:var(--border-strong,#ffffff3d);box-shadow:none;transform:translateY(-1px)}.auth-btn-oauth svg{flex-shrink:0}.auth-alert{font-size:.85rem;font-family:var(--font-chrome);border:1px solid;border-radius:6px;margin-bottom:1.5rem;padding:.875rem 1rem;line-height:1.5}@media (width>=640px){.auth-alert{padding:1rem;font-size:.875rem}}.auth-alert-error{background:var(--danger-subtle,#ef44441a);border-color:var(--danger-border,#f8717133);color:var(--knox-red)}.auth-alert-info{background:var(--knox-bg-secondary);border-color:var(--knox-border);color:var(--knox-text-secondary)}.auth-alert-success{background:var(--success-subtle,#22c55e1a);border-color:var(--success-border,#4ade8033);color:var(--knox-green)}.auth-divider{align-items:center;gap:.75rem;margin:1.25rem 0;display:flex}@media (width>=768px){.auth-divider{gap:1rem;margin:1.5rem 0}}.auth-divider-line{background:var(--knox-border);flex:1;height:1px}.auth-divider-text{color:var(--knox-text-tertiary);font-size:.75rem;font-family:var(--font-chrome);white-space:nowrap}.auth-links{text-align:center;flex-direction:column;gap:.75rem;margin-top:1.25rem;display:flex}@media (width>=768px){.auth-links{margin-top:1.5rem}}.auth-link{color:var(--text-primary,#fff);font-size:.85rem;font-weight:600;font-family:var(--font-chrome);text-decoration:none;transition:opacity .15s;display:inline-block}.auth-link:hover{opacity:.8}.auth-text-secondary{color:var(--knox-text-secondary);font-size:.85rem;font-family:var(--font-chrome)}.auth-text-tertiary{color:var(--knox-text-tertiary);font-size:.75rem;font-family:var(--font-chrome)}.auth-progress-container{margin-bottom:1.5rem}@media (width>=768px){.auth-progress-container{margin-bottom:2rem}}.auth-progress-label{text-align:center;margin-bottom:.75rem}@media (width>=768px){.auth-progress-label{margin-bottom:1rem}}.auth-progress-step{color:var(--text-primary,#fff);font-size:.875rem;font-weight:600;font-family:var(--font-chrome)}.auth-progress-bar-outer{background:var(--knox-bg-secondary);border:1px solid var(--knox-border);border-radius:9999px;width:100%;height:4px}.auth-progress-bar-inner{background:var(--accent-primary,#fff);height:4px;box-shadow:none;border-radius:9999px;transition:width .3s}.auth-password-strength{margin-top:.75rem}.auth-password-strength-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.auth-password-strength-label{font-size:.7rem;font-family:var(--font-chrome);color:var(--knox-text-secondary)}.auth-password-strength-value{font-size:.7rem;font-family:var(--font-chrome);font-weight:600}.auth-password-strength-bars{gap:.25rem;height:4px;display:flex}.auth-password-strength-bar{background:var(--knox-bg-hover);border-radius:2px;flex:1;transition:all .3s}.auth-grid-2col{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=480px){.auth-grid-2col{grid-template-columns:2fr 1fr}}.auth-icon-circle{width:56px;height:56px;color:var(--knox-text-primary);border-radius:50%;justify-content:center;align-items:center;margin-bottom:1rem;display:inline-flex}@media (width>=640px){.auth-icon-circle{width:64px;height:64px;margin-bottom:1.25rem}}.auth-icon-circle-primary{background:var(--accent-light,#ffffff26);border:1px solid var(--knox-border);box-shadow:none}.auth-icon-circle-success{background:var(--success-subtle,#22c55e26);border:1px solid var(--success-border,#4ade8033);color:var(--knox-green);box-shadow:none}.auth-step-icon{color:var(--knox-text-primary);margin-bottom:1rem}.auth-step-icon-success{color:var(--knox-green)}.auth-code-block{background:var(--knox-bg-secondary);border:1px solid var(--knox-border);color:var(--knox-text-primary);font-size:.75rem;font-family:var(--font-mono);word-break:break-all;text-align:left;border-radius:6px;margin:0;padding:.6rem .75rem;display:block}.auth-code-block-pre{word-break:normal;white-space:pre;overflow-x:auto}.auth-dropdown{background:var(--knox-bg-card);border:1px solid var(--border-strong,#ffffff3d);z-index:1000;max-height:300px;box-shadow:var(--shadow-lg,0 4px 24px #0006);border-radius:8px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.auth-dropdown-item{cursor:pointer;border-bottom:1px solid var(--knox-border);font-family:var(--font-chrome);color:var(--knox-text-primary);padding:.75rem 1rem;font-size:.875rem;transition:background .15s}.auth-dropdown-item:last-child{border-bottom:none}.auth-dropdown-item:hover{background:var(--bg-hover,#ffffff0f)}.auth-dropdown-empty{font-family:var(--font-chrome);color:var(--knox-text-tertiary);text-align:center;padding:.75rem 1rem;font-size:.875rem}.auth-plan-card{border:1px solid var(--knox-border);background:var(--knox-bg-secondary);cursor:pointer;text-align:left;border-radius:8px;padding:1rem 1.25rem;transition:all .15s;position:relative}.auth-plan-card:hover{border-color:var(--border-strong,#ffffff3d);transform:translateY(-1px)}.auth-plan-card-selected{background:var(--accent-light,#ffffff08);border-color:var(--accent-primary,#fff);box-shadow:none}.auth-plan-header{justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;display:flex}.auth-plan-name{color:var(--knox-text-primary);font-size:1rem;font-weight:700;font-family:var(--font-chrome);margin-bottom:.125rem}.auth-plan-tagline{color:var(--knox-text-secondary);font-size:.8125rem;font-family:var(--font-chrome)}.auth-plan-price{color:var(--knox-text-primary);font-size:1.25rem;font-weight:700;font-family:var(--font-chrome);text-align:right}.auth-plan-price-period{color:var(--knox-text-tertiary);font-size:.75rem;font-family:var(--font-chrome);text-align:right}.auth-plan-features{flex-direction:column;gap:.375rem;margin:0;padding:0;list-style:none;display:flex}.auth-plan-feature{color:var(--knox-text-secondary);font-size:.8125rem;font-family:var(--font-chrome);align-items:center;gap:.5rem;display:flex}.auth-plan-badge{background:var(--accent-primary,#fff);color:var(--knox-bg-primary);font-size:.7rem;font-weight:600;font-family:var(--font-chrome);border-radius:12px;padding:.25rem .75rem;position:absolute;top:-10px;right:10px}.auth-region-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:4px;display:grid}.auth-region-btn{border:1px solid var(--knox-border);background:var(--knox-bg-secondary);cursor:pointer;text-align:center;font-family:var(--font-chrome);border-radius:8px;padding:8px 6px;transition:all .15s}.auth-region-btn:hover{border-color:var(--border-strong,#ffffff3d)}.auth-region-btn-selected{border-color:var(--accent-primary,#fff);background:var(--accent-light,#ffffff08)}.auth-region-flag{margin-bottom:2px;font-size:18px}.auth-region-name{color:var(--knox-text-primary);font-size:12px;font-weight:600}.auth-region-sub{color:var(--knox-text-tertiary);margin-top:1px;font-size:11px}.auth-btn-group{gap:.75rem;margin-top:.5rem;display:flex}@media (width>=640px){.auth-btn-group{gap:1rem}}.auth-spinner{border:2px solid #0c0c0c4d;border-top:2px solid var(--knox-bg-primary);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}.auth-spinner-cyan{border:2px solid var(--knox-border,#ffffff14);border-top:2px solid var(--accent-primary,#fff)}.auth-text-center{text-align:center}.auth-mb-1{margin-bottom:.5rem}.auth-mb-2{margin-bottom:1rem}.auth-mb-3{margin-bottom:1.5rem}.auth-mt-1{margin-top:.5rem}.auth-mt-2{margin-top:1rem}.auth-flex{display:flex}.auth-flex-col{flex-direction:column}.auth-gap-1{gap:.5rem}.auth-gap-2{gap:1rem}.auth-items-center{align-items:center}.auth-justify-center{justify-content:center}.auth-split{align-items:stretch;min-height:100vh;display:flex;position:relative}.auth-split-back{z-index:10;border:1px solid var(--knox-border);color:var(--knox-text-secondary);font-size:.8125rem;font-weight:500;font-family:var(--font-chrome);background:0 0;border-radius:6px;align-items:center;gap:.375rem;padding:.4rem .75rem;text-decoration:none;transition:all .15s;display:inline-flex;position:absolute;top:1.25rem;right:1.25rem}.auth-split-back:hover{color:var(--text-primary,#fff);border-color:var(--border-strong,#ffffff29);background:var(--bg-hover,#ffffff0f)}.auth-split-brand{display:none}@media (width>=1024px){.auth-split-brand{box-sizing:border-box;border-right:1px solid var(--knox-border);background:radial-gradient(80% 60% at 0% 100%, #ffffff0a, transparent 60%), var(--knox-bg-secondary);flex-direction:column;justify-content:space-between;align-self:flex-start;gap:2rem;width:42%;min-width:400px;max-width:600px;height:100vh;padding:2.5rem 3rem;display:flex;position:sticky;top:0;overflow-y:auto}}.auth-split-brand-body{flex-direction:column;gap:1.25rem;max-width:26rem;animation:.35s both authBrandFade;display:flex}@keyframes authBrandFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.auth-split-headline{color:var(--knox-text-primary);font-size:1.875rem;font-weight:700;line-height:1.25;font-family:var(--font-chrome);margin:0}.auth-split-desc{color:var(--knox-text-secondary);font-size:.9375rem;line-height:1.65;font-family:var(--font-chrome);margin:0}.auth-split-bullets{flex-direction:column;gap:.875rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.auth-split-bullet{color:var(--knox-text-secondary);font-size:.875rem;line-height:1.5;font-family:var(--font-chrome);align-items:flex-start;gap:.625rem;display:flex}.auth-split-bullet svg{color:var(--knox-green);flex-shrink:0;margin-top:.2rem}.auth-split-steps{flex-direction:column;margin:.75rem 0 0;padding:0;list-style:none;display:flex}.auth-split-step{font-size:.875rem;font-family:var(--font-chrome);color:var(--knox-text-tertiary);align-items:center;gap:.75rem;padding:.5rem 0;display:flex;position:relative}.auth-split-step:before{content:"";background:var(--knox-border);width:1px;position:absolute;top:0;bottom:0;left:10.5px}.auth-split-step:first-child:before{top:50%}.auth-split-step:last-child:before{bottom:50%}.auth-split-step-marker{z-index:1;background:var(--knox-bg-secondary);width:22px;height:22px;color:var(--knox-text-tertiary);flex-shrink:0;display:inline-flex;position:relative}.auth-split-step-hex{width:100%;height:100%;display:block}.auth-split-step-done{color:var(--knox-text-secondary)}.auth-split-step-done .auth-split-step-marker{color:var(--knox-green)}.auth-split-step-current{color:var(--knox-text-primary);font-weight:600}.auth-split-step-current .auth-split-step-marker{color:var(--accent-primary,#fff)}.auth-split-step-echo{pointer-events:none;width:100%;height:100%;animation:3s ease-out infinite authStepEcho;position:absolute;inset:0}.auth-split-step-echo-delayed{animation-delay:1.5s}@keyframes authStepEcho{0%{opacity:.8;transform:scale(1)}80%,to{opacity:0;transform:scale(2.1)}}@media (prefers-reduced-motion:reduce){.auth-split-step-echo{display:none}}.auth-split-brand-footer{color:var(--knox-text-tertiary);font-size:.75rem;line-height:1.6;font-family:var(--font-chrome)}.auth-split-main{box-sizing:border-box;flex:1;padding:1rem;display:flex}@media (width>=768px){.auth-split-main{padding:2rem}}.auth-split-form{justify-content:center;width:100%;margin:auto;display:flex}@media (width>=1024px){.auth-split-main .auth-branding,.auth-split-main .auth-progress-container{display:none}}@supports (padding:max(0px)){.auth-split-main{padding-left:max(1rem, env(safe-area-inset-left));padding-right:max(1rem, env(safe-area-inset-right));padding-top:max(1rem, env(safe-area-inset-top));padding-bottom:max(1rem, env(safe-area-inset-bottom))}}.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%}.agent-terminal{background:#0c0c0c;border:1px solid #ffffff0d;border-radius:8px;flex-direction:column;height:calc(100vh - 120px);font-family:JetBrains Mono,Fira Code,Cascadia Code,monospace;display:flex;overflow:hidden}.terminal-header{background:#111;border-bottom:1px solid #ffffff08;justify-content:space-between;align-items:center;min-height:36px;padding:8px 16px;display:flex}.terminal-tab{color:#fff;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.terminal-status{font-size:12px}.status-active{color:#22c55e;align-items:center;gap:6px;display:flex}.status-active .spin{animation:1s linear infinite spin}.status-waiting{color:#fa0}.status-error{color:#ef4444}.terminal-body{flex-direction:column;flex:1;gap:14px;padding:16px;display:flex;overflow-y:auto}.terminal-body::-webkit-scrollbar{width:6px}.terminal-body::-webkit-scrollbar-track{background:0 0}.terminal-body::-webkit-scrollbar-thumb{background:#ffffff0d;border-radius:3px}.terminal-body::-webkit-scrollbar-thumb:hover{background:#ffffff17}.terminal-empty{color:#ffffff4d;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.terminal-empty p{font-size:14px}.terminal-thinking{color:#fff6;align-items:center;gap:10px;padding:8px 0;font-size:13px;display:flex}.thinking-dots{gap:4px;display:flex}.thinking-dots span{opacity:.4;background:#fff;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite dotPulse}.thinking-dots span:nth-child(2){animation-delay:.2s}.thinking-dots span:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,80%,to{opacity:.4;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.thinking-label{font-style:italic}.terminal-idle{color:#ffc83cd9;background:#ffc83c0f;border-left:2px solid #ffc83c99;margin:12px 0;padding:8px 12px;font-size:12px;font-style:italic}.msg{font-size:14px;line-height:1.6}.msg-user{color:#fff;background:#22c55e0d;border-left:2px solid #22c55e;border-radius:0 4px 4px 0;align-self:stretch;gap:10px;padding:8px 12px;display:flex}.msg-prompt{color:#22c55e;-webkit-user-select:none;user-select:none;letter-spacing:.5px;flex-shrink:0;font-size:12px;font-weight:700}.msg-content{white-space:pre-wrap;word-break:break-word;font-weight:500}.msg-agent{color:#d4d4d4;border-left:2px solid #60a5fa59;padding:8px 0 8px 12px}.agent-content{word-break:break-word;line-height:1.7}.agent-content strong{color:#fff;font-weight:600}.agent-content em{color:#ffffffb3;font-style:italic}.agent-content ul{margin:8px 0 12px;padding-left:22px}.agent-content li{margin:6px 0;line-height:1.55}.agent-content li>ul,.agent-content li>ol{margin:4px 0 6px}.agent-content .code-block-wrap{background:#0e0e0e;border:1px solid #ffffff0f;border-radius:6px;margin:10px 0;overflow:hidden}.agent-content .code-block-header{background:#60a5fa0f;border-bottom:1px solid #60a5fa1a;justify-content:space-between;align-items:center;padding:6px 12px;font-size:12px;display:flex}.agent-content .code-block-lang{color:#93c5fd;text-transform:lowercase;letter-spacing:.3px;font-weight:500}.agent-content .code-block-copy-btn{color:#ffffff80;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:3px;flex-shrink:0;align-items:center;gap:4px;padding:2px 8px;font-family:inherit;font-size:11px;transition:all .15s;display:flex}.agent-content .code-block-copy-btn:hover{color:#ffffffd9;background:#ffffff1a;border-color:#ffffff40}.agent-content .code-block{color:#b0c4de;background:#0e0e0e;border:none;border-radius:0;margin:0;padding:10px 12px;font-size:13px;line-height:1.5;overflow-x:auto}.agent-content .code-block code{font-family:inherit}.agent-content .inline-code{color:#93c5fd;background:#60a5fa1a;border:1px solid #60a5fa2e;border-radius:4px;padding:1px 6px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12.5px}.agent-content .md-h2{color:#fff;border-bottom:1px solid #ffffff08;margin:16px 0 8px;padding-bottom:4px;font-size:16px;font-weight:600}.agent-content .md-h3{color:#e0e0e0;margin:12px 0 6px;font-size:15px;font-weight:600}.agent-content .md-h4{color:#d0d0d0;margin:10px 0 4px;font-size:14px;font-weight:600}.agent-content .md-hr{border:none;border-top:1px solid #ffffff0a;margin:12px 0}.agent-content ol{margin:4px 0;padding-left:24px}.agent-content .md-table-wrap{border:1px solid #ffffff0d;border-radius:6px;margin:10px 0;overflow-x:auto}.agent-content .md-table{border-collapse:collapse;width:100%;font-size:13px;line-height:1.5}.agent-content .md-table th{color:#aaa;text-align:left;white-space:nowrap;background:#ffffff05;border-bottom:1px solid #ffffff0d;padding:8px 12px;font-weight:600}.agent-content .md-table td{color:#c8c8c8;border-bottom:1px solid #ffffff0a;padding:6px 12px}.agent-content .md-table tbody tr:last-child td{border-bottom:none}.agent-content .md-table tbody tr:hover{background:#ffffff03}.agent-content .md-table .inline-code{font-size:12px}.agent-content .md-details{background:#ffffff03;border:1px solid #ffffff0a;border-radius:4px;margin:6px 0}.agent-content .md-details summary{cursor:pointer;color:#999;-webkit-user-select:none;user-select:none;padding:8px 12px;font-size:13px;font-weight:500}.agent-content .md-details summary:hover{background:#ffffff03}.agent-content .md-details-content{border-top:1px solid #ffffff06;padding:0 12px 8px}.agent-content .md-check{color:#c8c8c8;margin-left:-16px;list-style:none}.agent-content .md-check.checked{color:#ffffff80;-webkit-text-decoration:line-through #fff3;text-decoration:line-through #fff3}.agent-content ul,.agent-content ol{margin:2px 0}.agent-content li{margin:1px 0}.msg-tool{cursor:pointer;color:#ffffff80;background:#ffffff05;border-radius:4px;flex-direction:column;padding:4px 8px;font-size:13px;transition:background .15s;display:flex}.msg-tool:hover{background:#ffffff0a}.tool-header{align-items:center;gap:6px;display:flex}.tool-icon{font-size:12px}.tool-label{color:#fff9;font-weight:500}.tool-path{color:#ffffff26;text-overflow:ellipsis;white-space:nowrap;max-width:400px;overflow:hidden}.tool-result-preview{color:#ffffff4d;text-overflow:ellipsis;white-space:nowrap;max-width:300px;margin-left:auto;font-size:12px;overflow:hidden}.tool-details{background:#0000004d;border-radius:4px;margin-top:8px;padding:8px}.tool-details pre{color:#ffffff80;white-space:pre-wrap;word-break:break-all;margin:0;font-size:12px}.tool-result-full{color:#fff6;border-top:1px solid #ffffff0d;margin-top:8px;padding-top:8px;font-size:12px}.msg-action{background:#ffffff03;border:1px solid #ffffff0a;border-radius:6px;margin:4px 0;padding:12px}.action-question{color:#e0e0e0;margin-bottom:10px;font-size:14px;line-height:1.5}.action-options{flex-wrap:wrap;gap:8px;display:flex}.action-btn{color:#fff;cursor:pointer;background:#ffffff06;border:1px solid #ffffff17;border-radius:4px;padding:6px 16px;font-family:inherit;font-size:13px;transition:all .15s}.action-btn:hover:not(:disabled){background:#ffffff0d;border-color:#ffffff26}.action-btn.selected{color:#fff;background:#ffffff0f;border-color:#fff}.action-btn.disabled,.action-btn:disabled{opacity:.4;cursor:default}.action-btn.btn-secondary{color:#ffffffb3;background:#ffffff0a;border-color:#fff3}.action-btn.btn-secondary:hover:not(:disabled){background:#ffffff14}.action-btn.btn-skip{color:#fff6;background:0 0;border-color:#ffffff1a}.action-btn.btn-skip:hover:not(:disabled){color:#fff9;background:#ffffff0a}.action-responded{color:#ffffff26;margin-top:8px;font-size:12px}.action-responded strong{color:#fff}.msg-error{color:#ef4444;background:#ff00000f;border:1px solid #ff000026;border-radius:4px;align-items:flex-start;gap:8px;padding:8px 12px;font-size:13px;display:flex}.error-icon{color:#ef4444;background:#f003;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;font-weight:700;display:flex}.terminal-input-bar{background:#111;border-top:1px solid #ffffff08;align-items:flex-end;gap:8px;padding:10px 16px;display:flex}.input-prompt{color:#22c55e;-webkit-user-select:none;user-select:none;font-size:14px;font-weight:600;line-height:24px}.terminal-input-bar textarea{color:#e0e0e0;caret-color:#fff;resize:none;background:0 0;border:none;outline:none;flex:1;max-height:150px;font-family:inherit;font-size:14px;line-height:1.5;overflow-y:auto}.send-btn{color:#fff;cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:4px;align-items:center;padding:6px 10px;transition:all .15s;display:flex}.send-btn:hover:not(:disabled){background:#ffffff0f}.send-btn:disabled{opacity:.3;cursor:default}.diff-view{border:1px solid #ffffff0d;border-radius:6px;grid-template-columns:1fr 1fr;margin:12px 0;display:grid;overflow:hidden}.diff-panel{flex-direction:column;min-width:0;display:flex;overflow:hidden}.diff-old{border-right:1px solid #ffffff08}.diff-header{justify-content:space-between;align-items:center;padding:6px 12px;font-size:12px;font-weight:500;display:flex}.diff-old .diff-header{color:#ef4444;background:#ef444414;border-bottom:1px solid #ef44441f}.diff-new .diff-header{color:#22c55e;background:#22c55e14;border-bottom:1px solid #22c55e1f}.diff-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.diff-copy-btn{color:#ffffff80;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:3px;flex-shrink:0;align-items:center;gap:4px;padding:2px 8px;font-family:inherit;font-size:11px;transition:all .15s;display:flex}.diff-copy-btn:hover{color:#ffffffd9;background:#ffffff1a;border-color:#ffffff40}.diff-code{background:#0e0e0e;flex:1;font-size:12px;line-height:1.5;overflow-x:auto}.diff-code::-webkit-scrollbar{height:4px}.diff-code::-webkit-scrollbar-thumb{background:#ffffff0a;border-radius:2px}.diff-line{white-space:pre;min-height:20px;display:flex}.diff-line-num{text-align:right;color:#ffffff2e;-webkit-user-select:none;user-select:none;flex-shrink:0;width:36px;padding-right:8px}.diff-line-marker{text-align:center;-webkit-user-select:none;user-select:none;flex-shrink:0;width:14px;font-weight:600}.diff-line-text{flex:1;padding-right:12px}.diff-line-same{color:#b0c4de;background:0 0}.diff-line-removed{color:#e8b0b0;background:#ef44441a}.diff-line-removed .diff-line-marker{color:#ef4444}.diff-line-added{color:#b0e8b8;background:#22c55e1a}.diff-line-added .diff-line-marker{color:#22c55e}.diff-line-empty{background:#ffffff05}[data-theme=light] .agent-terminal{background:#fff;border-color:#0000001a}[data-theme=light] .terminal-header{background:#f5f5f5;border-bottom-color:#00000014}[data-theme=light] .terminal-tab{color:#111}[data-theme=light] .terminal-body::-webkit-scrollbar-thumb{background:#00000014}[data-theme=light] .terminal-body::-webkit-scrollbar-thumb:hover{background:#00000026}[data-theme=light] .terminal-empty{color:#00000059}[data-theme=light] .terminal-thinking{color:#00000073}[data-theme=light] .thinking-dots span{background:#111}[data-theme=light] .msg-user{color:#0f3d1f;background:#22c55e14;border-left-color:#16a34a}[data-theme=light] .msg-agent{color:#333;border-left-color:#3b82f659}[data-theme=light] .agent-content strong{color:#111}[data-theme=light] .agent-content em{color:#0009}[data-theme=light] .agent-content .code-block-wrap{background:#f6f8fa;border-color:#0000001a}[data-theme=light] .agent-content .code-block-header{background:#3b82f60f;border-bottom-color:#3b82f626}[data-theme=light] .agent-content .code-block-lang{color:#2563eb}[data-theme=light] .agent-content .code-block-copy-btn{color:#00000080;background:#0000000a;border-color:#00000026}[data-theme=light] .agent-content .code-block-copy-btn:hover{color:#000c;background:#00000014;border-color:#0000004d}[data-theme=light] .agent-content .code-block{color:#3a5068;background:#f6f8fa;border-color:#00000014}[data-theme=light] .agent-content .inline-code{color:#555;background:#0000000d}[data-theme=light] .agent-content .md-h2{color:#111;border-bottom-color:#00000014}[data-theme=light] .agent-content .md-h3{color:#222}[data-theme=light] .agent-content .md-h4{color:#333}[data-theme=light] .agent-content .md-hr{border-top-color:#00000014}[data-theme=light] .agent-content .md-table-wrap{border-color:#0000001a}[data-theme=light] .agent-content .md-table th{color:#555;background:#0000000a;border-bottom-color:#0000001a}[data-theme=light] .agent-content .md-table td{color:#333;border-bottom-color:#0000000f}[data-theme=light] .agent-content .md-table tbody tr:hover{background:#00000005}[data-theme=light] .agent-content .md-details{background:#00000005;border-color:#00000014}[data-theme=light] .agent-content .md-details summary{color:#555}[data-theme=light] .agent-content .md-details summary:hover{background:#00000008}[data-theme=light] .agent-content .md-details-content{border-top-color:#0000000f}[data-theme=light] .agent-content .md-check{color:#333}[data-theme=light] .agent-content .md-check.checked{color:#0006;text-decoration-color:#0003}[data-theme=light] .msg-tool{color:#00000080;background:#00000008}[data-theme=light] .msg-tool:hover{background:#0000000d}[data-theme=light] .tool-label{color:#0009}[data-theme=light] .tool-path{color:#0000004d}[data-theme=light] .tool-result-preview{color:#0006}[data-theme=light] .tool-details{background:#0000000a}[data-theme=light] .tool-details pre{color:#0000008c}[data-theme=light] .tool-result-full{color:#00000080;border-top-color:#00000014}[data-theme=light] .msg-action{background:#00000005;border-color:#00000014}[data-theme=light] .action-question{color:#333}[data-theme=light] .action-btn{color:#111;background:#00000008;border-color:#00000026}[data-theme=light] .action-btn:hover:not(:disabled){background:#0000000f;border-color:#00000040}[data-theme=light] .action-btn.selected{color:#111;background:#0000000f;border-color:#111}[data-theme=light] .action-btn.btn-secondary{color:#0009;background:#0000000a;border-color:#0003}[data-theme=light] .action-btn.btn-secondary:hover:not(:disabled){background:#00000014}[data-theme=light] .action-btn.btn-skip{color:#0006;border-color:#0000001a}[data-theme=light] .action-btn.btn-skip:hover:not(:disabled){color:#0009;background:#0000000a}[data-theme=light] .action-responded{color:#0000004d}[data-theme=light] .action-responded strong{color:#111}[data-theme=light] .msg-error{color:#dc2626;background:#dc26260f;border-color:#dc262633}[data-theme=light] .error-icon{color:#dc2626;background:#dc26261f}[data-theme=light] .terminal-input-bar{background:#f5f5f5;border-top-color:#00000014}[data-theme=light] .terminal-input-bar textarea{color:#111;caret-color:#111}[data-theme=light] .terminal-input-bar textarea::placeholder{color:#0000004d}[data-theme=light] .send-btn{color:#111;background:#0000000a;border-color:#0000001a}[data-theme=light] .send-btn:hover:not(:disabled){background:#00000014}[data-theme=light] .diff-view{border-color:#0000001a}[data-theme=light] .diff-old{border-right-color:#00000014}[data-theme=light] .diff-code{background:#f8f8f8}[data-theme=light] .diff-code::-webkit-scrollbar-thumb{background:#00000014}[data-theme=light] .diff-line-num{color:#00000040}[data-theme=light] .diff-line-same{color:#3a5068}[data-theme=light] .diff-line-removed{color:#7a3030;background:#dc262614}[data-theme=light] .diff-line-added{color:#2a5a35;background:#16a34a14}[data-theme=light] .diff-line-empty{background:#00000005}[data-theme=light] .diff-copy-btn{color:#00000080;background:#0000000a;border-color:#00000026}[data-theme=light] .diff-copy-btn:hover{color:#000c;background:#00000014;border-color:#0000004d}.onboarding-session-page{padding:2rem}.onboarding-session-page .btn-back{color:var(--text-secondary);cursor:pointer;font-size:12px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1px;background:0 0;border:none;align-items:center;gap:6px;padding:0;line-height:1;transition:color .15s;display:inline-flex}.onboarding-session-page .btn-back svg{display:block}.onboarding-session-page .btn-back:hover{color:var(--knox-cyan)}.onboarding-session-page .page-header{z-index:20;background:var(--bg-primary);border-bottom:1px solid var(--border-default);grid-template-columns:auto 1fr auto;align-items:center;gap:8px 16px;margin:-32px -32px 1.5rem;padding:14px 32px 12px;display:grid;position:sticky;top:0}.onboarding-session-page .page-header h1{text-transform:none;letter-spacing:normal;font-weight:600}.header-content{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.header-actions{align-items:center;gap:6px;display:flex}.header-title-icon{color:var(--knox-cyan);flex-shrink:0;display:block}.header-content h1{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.95rem;font-weight:600;line-height:1;overflow:hidden}.header-meta{color:var(--text-secondary);font-size:.75rem;font-family:var(--font-mono);align-items:center;gap:8px;line-height:1;display:flex}.meta-sep{color:var(--text-tertiary)}.status-badge{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:500;line-height:1;display:inline-flex}.status-badge svg{flex-shrink:0;display:block}.status-badge.gray{color:#888;background:#8080801f}.status-badge.cyan{background:var(--accent-light);color:var(--accent-primary)}.status-badge.yellow{color:#b8860b;background:#ca8a041f}.status-badge.blue{color:#36c;background:#0064ff1a}.status-badge.green{color:#16a34a;background:#16a34a1a}.status-badge.red{color:#dc2626;background:#dc26261a}.tabs{border-bottom:1px solid var(--border-default);gap:.25rem;margin-bottom:1.5rem;display:flex}.tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s;display:flex}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.tab-badge{background:var(--accent-light);border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:.7rem;display:inline-flex}.tab-badge.alert{color:#b8860b;background:#ca8a041f}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.stat-card{background:var(--accent-light);border:1px solid var(--border-default);text-align:center;border-radius:12px;flex-direction:column;align-items:center;padding:1.5rem;display:flex}.stat-card svg{color:var(--accent-primary);margin-bottom:.75rem}.stat-value{color:var(--text-primary);font-size:2rem;font-weight:600}.stat-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem;font-size:.8rem}.progress-section{background:var(--accent-light);border:1px solid var(--border-default);text-align:center;border-radius:12px;padding:2rem}.progress-bar{background:var(--border-default);border-radius:2px;height:4px;margin:1rem 0;overflow:hidden}.progress-fill{background:var(--accent-primary);border-radius:2px;height:100%}.progress-fill.analyzing{width:100%;animation:1.5s ease-in-out infinite progressPulse}@keyframes progressPulse{0%,to{opacity:.5}50%{opacity:1}}.success-section{text-align:center;flex-direction:column;align-items:center;padding:3rem;display:flex}.success-section svg{color:var(--success);margin-bottom:1rem}.success-section h3{color:var(--text-primary);margin:0 0 .5rem}.error-section{background:#dc26260f;border:1px solid #dc262626;border-radius:12px;padding:1.5rem}.error-section h3{color:#dc2626;margin:0 0 .5rem}.bulk-actions{background:var(--accent-light);border:1px solid var(--border-default);border-radius:8px;align-items:center;gap:1rem;margin-bottom:1rem;padding:.75rem 1rem;display:flex}.endpoints-list{flex-direction:column;gap:1rem;display:flex}.endpoint-card{background:var(--accent-light);border:1px solid var(--border-default);border-radius:10px;padding:1rem}.endpoint-card.external{border-left:3px solid var(--accent-primary)}.endpoint-card.internal{border-left:3px solid #888}.endpoint-card.unknown{border-left:3px solid #b8860b}.endpoint-card.approved{background:#16a34a0d;border-color:#16a34a26}.endpoint-card.rejected{opacity:.5}.endpoint-header{align-items:center;gap:1rem;display:flex}.checkbox-label{align-items:center;display:flex}.checkbox-label input{cursor:pointer;width:16px;height:16px}.endpoint-url{flex:1;align-items:center;gap:.75rem;display:flex}.methods{background:var(--accent-light);color:var(--text-secondary);border-radius:4px;padding:.25rem .5rem;font-size:.7rem;font-weight:600}.endpoint-url code{color:var(--text-primary);word-break:break-all;font-size:.9rem}.classification-badge{text-transform:uppercase;border-radius:12px;padding:.25rem .625rem;font-size:.7rem;font-weight:500}.classification-badge.external{background:var(--accent-light);color:var(--accent-primary)}.classification-badge.internal{color:#888;background:#8080801f}.classification-badge.unknown{color:#b8860b;background:#ca8a041f}.endpoint-meta{color:var(--text-tertiary);gap:1rem;margin-top:.5rem;font-size:.8rem;display:flex}.env-vars{color:var(--knox-magenta);margin-top:.5rem;font-size:.8rem}.auth-detection{background:var(--accent-light);border-radius:6px;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.5rem;padding:.5rem .75rem;font-size:.8rem;display:flex}.auth-label{color:var(--text-tertiary)}.auth-type{border-radius:4px;padding:.125rem .5rem;font-weight:500}.auth-type.bearer{background:var(--accent-light);color:var(--accent-primary)}.auth-type.basic{color:#cc6e00;background:#ff88001a}.auth-type.api_key{color:#16a34a;background:#16a34a1a}.auth-type.oauth2{color:#7c3aed;background:#8800ff1a}.auth-type.custom_header,.auth-type.query_param{background:var(--accent-light);color:var(--text-secondary)}.auth-header{color:var(--text-secondary)}.auth-header code{background:var(--accent-light);color:var(--accent-primary);border-radius:4px;padding:.125rem .375rem}.auth-source{margin-left:auto}.auth-source.env-source{color:var(--knox-magenta)}.auth-source.env-source code{background:var(--accent-light);border-radius:4px;padding:.125rem .375rem}.auth-source.hardcoded-source{color:#dc2626;font-weight:600}.auth-source.hardcoded-source code{background:#dc262614;border-radius:4px;padding:.125rem .375rem}.auth-source.variable-source{color:#b8860b}.auth-source.variable-source code{background:#ca8a0414;border-radius:4px;padding:.125rem .375rem}.auth-source.function-source{color:var(--text-secondary)}.auth-source.function-source code{background:var(--accent-light);border-radius:4px;padding:.125rem .375rem}.endpoint-actions{gap:.5rem;margin-top:.75rem;display:flex}.btn-success{color:#16a34a!important;background:#16a34a1a!important;border-color:#16a34a33!important}.approved-label,.skipped-label{align-items:center;gap:.375rem;font-size:.8rem;display:flex}.approved-label{color:#16a34a}.skipped-label{color:#888}.secrets-list{flex-direction:column;gap:1rem;display:flex}.secret-card{background:var(--accent-light);border:1px solid var(--border-default);border-radius:10px;padding:1rem}.secret-header{justify-content:space-between;align-items:center;display:flex}.secret-name{color:var(--text-primary);align-items:center;gap:.5rem;display:flex}.secret-name svg{color:var(--knox-magenta)}.type-badge{background:var(--accent-light);color:var(--text-secondary);border-radius:4px;padding:.25rem .5rem;font-size:.7rem}.secret-meta{color:var(--text-tertiary);gap:1rem;margin-top:.5rem;font-size:.8rem;display:flex}.secret-source{color:var(--text-tertiary);margin-top:.25rem;font-size:.75rem}.secret-actions{gap:.5rem;margin-top:.75rem;display:flex}.domain-stats{background:var(--accent-light);border:1px solid var(--border-default);border-radius:8px;gap:2rem;margin-bottom:1.5rem;padding:1rem 1.5rem;display:flex}.domain-stats .stat-item{color:var(--text-secondary);font-size:.9rem}.domain-stats .stat-item strong{color:var(--accent-primary);font-size:1.1rem}.domain-instructions{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.5}.domain-instructions strong{color:var(--text-primary)}.domains-list{flex-direction:column;gap:1rem;display:flex}.domain-card{background:var(--accent-light);border:1px solid var(--border-default);border-radius:12px;padding:1.25rem}.domain-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.domain-header .domain-name{color:var(--text-primary);align-items:center;gap:.5rem;display:flex}.domain-header .domain-name svg{color:var(--accent-primary)}.domain-header .endpoint-count{color:var(--text-tertiary);margin-left:.5rem;font-size:.8rem}.ai-suggestion{border-radius:12px;padding:.25rem .625rem;font-size:.7rem;font-weight:500}.ai-suggestion.external{background:var(--accent-light);color:var(--accent-primary)}.ai-suggestion.internal{color:#888;background:#8080801f}.ai-suggestion.unknown{color:#b8860b;background:#ca8a041f}.domain-examples{flex-direction:column;gap:.375rem;margin-bottom:1rem;padding-left:1.5rem;display:flex}.example-url{color:var(--text-secondary);background:var(--accent-light);word-break:break-all;border-radius:4px;padding:.25rem .5rem;font-size:.8rem;display:inline-block}.domain-actions{gap:.5rem;display:flex}.btn-ghost{border:1px solid var(--border-default)!important;color:var(--text-tertiary)!important;background:0 0!important}.btn-ghost:hover{color:#dc2626!important;border-color:#dc26264d!important}.classified-domains{border-top:1px solid var(--border-default);margin-top:2rem;padding-top:1.5rem}.classified-domains h4{color:var(--text-secondary);margin:0 0 1rem;font-size:.9rem}.classified-list{flex-direction:column;gap:.5rem;display:flex}.classified-item{background:var(--accent-light);border-radius:6px;align-items:center;gap:1rem;padding:.5rem .75rem;display:flex}.classified-item .domain-name{color:var(--text-primary);flex:1;font-size:.9rem}.classified-item .endpoint-count{color:var(--text-tertiary);font-size:.8rem}.questions-list{flex-direction:column;gap:1.5rem;display:flex}.question-card{background:var(--accent-light);border:1px solid #ca8a0440;border-radius:12px;padding:1.5rem}.question-card h4{color:var(--text-primary);margin:0 0 1rem}.code-snippet{background:var(--bg-hover);border-radius:8px;margin-bottom:1rem;padding:1rem;font-size:.8rem;overflow-x:auto}.question-options{flex-direction:column;gap:.5rem;display:flex}.option-btn{background:var(--accent-light);border:1px solid var(--border-default);cursor:pointer;text-align:left;border-radius:8px;flex-direction:column;align-items:flex-start;padding:1rem;transition:all .2s;display:flex}.option-btn:hover{border-color:var(--border-strong);background:var(--bg-hover)}.option-label{color:var(--text-primary);font-weight:500}.option-desc{color:var(--text-tertiary);margin-top:.25rem;font-size:.8rem}.create-tab h3{color:var(--text-primary);margin:0 0 .5rem}.create-tab>p{color:var(--text-secondary);margin-bottom:1.5rem}.create-summary{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem;display:grid}.summary-section{background:var(--accent-light);border:1px solid var(--border-default);border-radius:12px;padding:1.5rem}.summary-section h4{color:var(--text-primary);margin:0 0 1rem}.summary-section ul{margin:0;padding-left:1.25rem}.summary-section li{color:var(--text-secondary);margin-bottom:.5rem;font-size:.875rem}.empty-note{color:var(--text-tertiary);font-style:italic}.secret-inputs{flex-direction:column;gap:1rem;display:flex}.secret-input-row{flex-direction:column;gap:.25rem;display:flex}.secret-input-row label{color:var(--text-primary);font-size:.875rem}.secret-input-row input{background:var(--accent-light);border:1px solid var(--border-default);color:var(--text-primary);border-radius:6px;padding:.625rem}.secret-input-row .hint{color:var(--text-tertiary);font-size:.75rem}.create-actions{justify-content:flex-end;display:flex}.empty-state svg{color:var(--text-tertiary);opacity:.5;margin-bottom:1rem}.empty-state h3{color:var(--text-primary);margin:0 0 .5rem}.empty-state p{color:var(--text-secondary);margin:0}.loading-state,.error-state{color:var(--text-secondary);justify-content:center;align-items:center;padding:4rem;display:flex}.spin{animation:1s linear infinite spin}.setup-section{background:var(--accent-light);border:1px solid var(--border-default);border-radius:12px;margin-bottom:1.5rem;padding:2rem}.setup-section h3{color:var(--text-primary);margin:0 0 .5rem;font-size:1.25rem}.setup-section>p{color:var(--text-secondary);margin:0 0 1.5rem}.setup-form{flex-direction:column;gap:1rem;max-width:500px;display:flex}.setup-form .form-group{flex-direction:column;gap:.5rem;display:flex}.setup-form label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.setup-form .input{background:var(--bg-card);border:1px solid var(--border-default);width:100%;color:var(--text-primary);border-radius:8px;padding:.75rem 1rem;font-size:1rem}.setup-form .input:focus{border-color:var(--accent-primary);outline:none}.setup-form .input-hint{color:var(--text-tertiary);font-size:.8rem}.setup-form .textarea{resize:vertical;min-height:120px;font-family:monospace}.setup-actions{align-items:center;gap:.75rem;display:flex}.connection-success{color:#16a34a;background:#16a34a14;border:1px solid #16a34a33;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.9rem;display:flex}.connection-mode-tabs{border-bottom:1px solid var(--border-default);gap:4px;margin-bottom:20px;display:flex}.mode-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:8px 16px;font-size:13px;font-weight:500;transition:color .15s,border-color .15s;display:flex}.mode-tab:hover{color:var(--text-primary)}.mode-tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.badge-recommended{color:#6366f1;letter-spacing:.3px;background:#6366f11f;border-radius:100px;padding:1px 6px;font-size:10px;font-weight:600}.agent-install-step{flex-direction:column;gap:12px;display:flex}.step-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.code-block{background:var(--code-bg,#0f172a);border:1px solid var(--border-default);border-radius:8px;align-items:center;gap:8px;padding:10px 14px;display:flex;overflow:hidden}.code-block code{color:#e2e8f0;white-space:nowrap;text-overflow:ellipsis;flex:1;font-family:monospace;font-size:12px;overflow:hidden}.btn-copy{color:#94a3b8;cursor:pointer;background:#ffffff14;border:none;border-radius:4px;flex-shrink:0;padding:4px 6px;transition:background .15s,color .15s}.btn-copy:hover{color:#e2e8f0;background:#ffffff29}.agent-waiting{color:var(--text-secondary);align-items:center;gap:8px;padding:4px 0;font-size:13px;display:flex}.agent-info-badge{color:#16a34a;background:#16a34a1a;border-radius:4px;margin-left:4px;padding:1px 6px;font-family:monospace;font-size:11px}.opportunities-page{max-width:1000px;margin:0 auto;padding:24px}.opportunities-page .page-header{align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.opportunities-page .header-content{flex:1}.opportunities-page h1{margin:0 0 4px;font-size:20px;font-weight:600}.header-subtitle{color:var(--color-text-muted);margin:0;font-size:13px}.status-tabs{border-bottom:1px solid var(--color-border);gap:4px;margin-bottom:20px;padding-bottom:0;display:flex}.status-tab{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 16px;font-size:13px;font-weight:500;transition:color .15s,border-color .15s}.status-tab:hover{color:var(--color-text)}.status-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.loading-state{color:var(--color-text-muted);justify-content:center;align-items:center;gap:10px;padding:48px;font-size:14px;display:flex}.empty-state{text-align:center;color:var(--color-text-muted);padding:64px 24px}.empty-state svg{opacity:.3;margin-bottom:16px}.empty-state h3{margin:0 0 8px;font-size:16px}.empty-state p{margin:0;font-size:13px;line-height:1.5}.opportunities-list{flex-direction:column;gap:12px;display:flex}.list-summary{color:var(--color-text-muted);margin-bottom:4px;font-size:12px}.opportunity-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.card-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.service-name{align-items:center;gap:6px;font-size:14px;font-weight:600;display:inline-flex}.gateway-icon{color:#3b82f6}.confidence-badge{border-radius:100px;padding:2px 8px;font-size:11px;font-weight:500}.confidence-badge.green{color:#22c55e;background:#22c55e1f}.confidence-badge.yellow{color:#eab308;background:#eab3081f}.confidence-badge.gray{background:var(--color-surface-hover);color:var(--color-text-muted)}.confidence-badge.blue{color:#3b82f6;background:#3b82f61f}.gateway-evidence{color:var(--color-text-muted);margin-bottom:12px;font-size:13px}.gateway-evidence strong{color:var(--color-text);font-weight:600}.card-body{padding:12px 16px}.detail-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;margin-bottom:12px;display:grid}.detail-item{flex-direction:column;gap:2px;display:flex}.detail-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.detail-value{font-size:13px}.detail-value code,code.detail-value{background:var(--color-surface-hover);border-radius:4px;padding:2px 6px;font-family:monospace;font-size:12px}.secret-preview{color:var(--color-text-muted);letter-spacing:1px}.hostname-tag{color:var(--color-text-muted);font-size:11px}.suggestion-box{background:var(--color-surface-hover);border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-size:12px;display:flex}.suggestion-label{color:var(--color-text-muted);white-space:nowrap;font-size:11px}.suggestion-name{font-weight:500}.suggestion-url{color:var(--color-text-muted);font-family:monospace;font-size:11px}.card-actions{border-top:1px solid var(--color-border);background:var(--color-surface-hover);align-items:center;gap:8px;padding:10px 16px;display:flex}.mt-2{margin-top:12px}.text-mono{font-family:var(--font-mono)}.text-knox-secondary{color:var(--knox-text-secondary)}.text-knox-tertiary{color:var(--knox-text-tertiary)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.text-cyan{color:var(--knox-cyan)}.text-on-accent{color:var(--text-on-accent)}.text-9{font-size:9px}.text-10{font-size:10px}.text-11{font-size:11px}.text-12{font-size:12px}.text-13{font-size:13px}.text-14{font-size:14px}.text-15{font-size:15px}.text-18{font-size:18px}.text-center{text-align:center}.text-right{text-align:right}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.font-semibold{font-weight:600}.font-bold{font-weight:700}.letter-spacing-1{letter-spacing:1px}.word-break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.flex-center{align-items:center;display:flex}.flex-center-gap-4{align-items:center;gap:4px;display:flex}.flex-center-gap-6{align-items:center;gap:6px;display:flex}.flex-center-gap-8{align-items:center;gap:8px;display:flex}.flex-center-gap-10{align-items:center;gap:10px;display:flex}.flex-center-gap-12{align-items:center;gap:12px;display:flex}.flex-center-gap-16{align-items:center;gap:16px;display:flex}.flex-center-between{justify-content:space-between;align-items:center;display:flex}.flex-center-center{justify-content:center;align-items:center;display:flex}.flex-col{flex-direction:column;display:flex}.flex-col-gap-6{flex-direction:column;gap:6px;display:flex}.flex-col-gap-8{flex-direction:column;gap:8px;display:flex}.flex-col-gap-12{flex-direction:column;gap:12px;display:flex}.flex-col-gap-16{flex-direction:column;gap:16px;display:flex}.flex-col-gap-24{flex-direction:column;gap:24px;display:flex}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.min-w-0{min-width:0}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.action-row{justify-content:flex-end;gap:12px;display:flex}.gap-4{gap:4px}.gap-6{gap:6px}.gap-8{gap:8px}.gap-10{gap:10px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-20{gap:20px}.m-0{margin:0}.mb-0{margin-bottom:0}.mb-2{margin-bottom:2px}.mb-4{margin-bottom:4px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mb-20{margin-bottom:20px}.mb-24{margin-bottom:24px}.mt-4{margin-top:4px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.ml-8{margin-left:8px}.ml-auto{margin-left:auto}.p-12{padding:12px}.p-16{padding:16px}.p-20{padding:20px}.p-40{padding:40px}.w-full{width:100%}.w-auto{width:auto}.form-label-block{margin-bottom:8px;font-weight:600;display:block}.icon-align{vertical-align:middle;margin-right:4px}.icon-align-6{vertical-align:middle;margin-right:6px}.inline-spinner{border:2px solid var(--border-default);border-top-color:var(--accent-primary);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.inline-spinner.sm{border-width:1.5px;width:14px;height:14px}.inline-spinner.md{border-width:2px;width:24px;height:24px}.inline-spinner.lg{border-width:3px;width:60px;height:60px}.loading-center{flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:50vh;display:flex}.loading-center-sm{flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:300px;display:flex}.loading-text{font-family:var(--font-mono);color:var(--knox-cyan);letter-spacing:2px;text-transform:uppercase;font-size:14px}.code-inline{background:var(--knox-bg-secondary);font-size:.8125rem;font-family:var(--font-mono);color:var(--knox-cyan);border:1px solid var(--knox-border);border-radius:4px;padding:2px 6px}.badge-env{font-size:9px;font-weight:600;font-family:var(--font-mono);text-transform:uppercase;border-radius:3px;padding:2px 6px}.badge-mini{border-radius:4px;padding:2px 8px;font-size:10px;font-weight:600}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-dot.active,.status-dot.online{background:var(--knox-green);box-shadow:0 0 6px var(--knox-green)}.status-dot.paused{background:var(--warning);box-shadow:0 0 6px var(--warning)}.status-dot.offline{background:var(--knox-yellow)}.status-dot.checking{background:var(--knox-cyan);box-shadow:0 0 6px var(--knox-cyan);animation:1.5s infinite pulse}.status-dot.disabled{background:var(--knox-text-tertiary)}.status-dot.pulse{animation:2s ease-in-out infinite pulse}.alert-box{border-radius:6px;align-items:center;gap:8px;padding:8px 12px;display:flex}.alert-box-success{background:var(--success-subtle);border:1px solid var(--success-border);color:var(--success)}.alert-box-danger{background:var(--danger-subtle);border:1px solid var(--danger-border);color:var(--danger)}.alert-box-warning{background:var(--warning-subtle);border:1px solid var(--warning-border);color:var(--warning)}.alert-box-info{background:var(--knox-bg-hover);border:1px solid var(--knox-border)}.description-text{color:var(--text-secondary);margin-bottom:16px;font-size:14px}.description-text-sm{color:var(--text-secondary);margin-bottom:16px;font-size:13px}.description-text-xs{color:var(--text-secondary);margin-bottom:12px;font-size:12px}.helper-text{color:var(--text-secondary);margin-top:8px;font-size:12px}.hoverable-row{cursor:pointer;transition:background .15s}.hoverable-row:hover{background:var(--knox-surface-muted)}.hoverable-subtle{transition:all .2s}.hoverable-subtle:hover{background:var(--knox-surface-hover)}.collection-header{background:var(--knox-bg-hover);cursor:pointer;border-bottom:1px solid #0000;align-items:center;gap:12px;padding:14px 18px;transition:background .2s,border-color .2s;display:flex}.collection-header.expanded{border-bottom-color:var(--knox-border)}.collection-header:hover{background:var(--knox-surface-muted)}.collection-card{background:var(--knox-bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--knox-border-hover);border-radius:12px;overflow:hidden}.list-item-row{cursor:pointer;align-items:center;gap:12px;padding:12px 18px 12px 40px;transition:background .15s;display:flex}.list-item-row:hover{background:var(--knox-surface-muted)}.count-badge{background:var(--knox-bg-hover);color:var(--knox-text-tertiary);font-size:11px;font-weight:600;font-family:var(--font-mono);border-radius:12px;padding:3px 10px}.collection-action-btn{border:1px solid var(--knox-border);color:var(--knox-text-tertiary);cursor:pointer;background:0 0;border-radius:4px;padding:4px 8px;font-size:10px;transition:all .2s}.collection-action-btn:hover{border-color:var(--knox-cyan);color:var(--knox-cyan)}.collection-action-btn.danger:hover{border-color:var(--knox-red);color:var(--knox-red)}.inline-modal-backdrop{background:var(--modal-backdrop-bg);z-index:1000;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.dropdown-menu-popup{background:var(--knox-bg-primary);border:1px solid var(--knox-border);z-index:1001;border-radius:8px;min-width:200px;box-shadow:0 4px 20px #0006}.dropdown-menu-popup.scrollable{max-height:300px;overflow-y:auto}.dropdown-menu-item{cursor:pointer;align-items:center;gap:10px;padding:10px 14px;font-size:13px;font-weight:500;transition:background .15s;display:flex}.dropdown-menu-item:hover{background:var(--knox-surface-muted)}.dropdown-menu-divider{background:var(--knox-border);height:1px;margin:4px 0}.inline-form-input{background:var(--knox-bg-secondary);border:1px solid var(--knox-border);width:100%;color:var(--knox-text-primary);border-radius:4px;outline:none;padding:8px 10px;font-size:13px}.btn-inline-sm{cursor:pointer;border-radius:4px;flex:1;padding:6px;font-size:12px}.btn-inline-sm.secondary{border:1px solid var(--knox-border);color:var(--knox-text-secondary);background:0 0}.btn-inline-sm.primary{background:var(--knox-cyan);color:var(--knox-bg-primary);border:none;font-weight:600}.btn-inline-sm.primary:disabled{opacity:.5;cursor:not-allowed}.menu-trigger-btn{border:1px solid var(--knox-border);cursor:pointer;width:24px;height:24px;color:var(--knox-text-tertiary);background:0 0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;transition:all .15s;display:flex}.menu-trigger-btn:hover{border-color:var(--knox-cyan);color:var(--knox-cyan)}.menu-trigger-btn.active{background:var(--knox-bg-hover);border-color:var(--knox-cyan);color:var(--knox-cyan)}.chevron-toggle{color:var(--knox-text-tertiary);font-size:10px;transition:transform .2s;transform:rotate(-90deg)}.chevron-toggle.open{transform:rotate(0)}.item-name{color:var(--knox-text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;font-weight:500;overflow:hidden}.modal-section-header{border-bottom:1px solid var(--knox-border);background:var(--knox-bg-hover);padding:16px 20px}.modal-section-title{color:var(--knox-text-primary);margin:0;font-size:16px;font-weight:600}.modal-section-body{padding:20px}.info-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.feature-pill{background:var(--knox-surface-muted);border:1px solid var(--knox-border-subtle);color:var(--knox-cyan);border-radius:6px;padding:8px 12px;font-size:12px}.env-config-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;display:grid}.code-block{background:var(--knox-surface-muted);font-family:var(--font-mono);color:var(--knox-text-secondary);border-radius:6px;padding:12px;font-size:12px;overflow-x:auto}.drag-drop-zone{border:2px dashed var(--knox-border);cursor:pointer;text-align:center;border-radius:8px;padding:20px;transition:all .2s}.drag-drop-zone.active{background:var(--knox-surface-subtle);border-color:var(--success)}.grid-auto-fit-250{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:20px;display:grid}.grid-2col{grid-template-columns:1fr 1fr;gap:12px;display:grid}.grid-gap-12{gap:12px;display:grid}.grid-gap-16{gap:16px;display:grid}.knox-spinner{border:3px solid var(--knox-border);border-top:3px solid var(--knox-cyan);border-radius:50%;width:60px;height:60px;animation:1s linear infinite spin}.field-hint{color:var(--knox-text-tertiary);font-size:11px;font-family:var(--font-mono);margin-top:6px;display:block}.grid-auto-fit-200{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.stat-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:20px;transition:all .3s}.stat-card-label{color:var(--knox-text-tertiary);text-transform:uppercase;letter-spacing:1px;font-size:12px;font-family:var(--font-mono);margin-bottom:8px}.stat-card-value{font-size:32px;font-weight:700;font-family:var(--font-mono)}.color-swatch-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}.card-body-description{color:var(--knox-text-secondary);margin-bottom:24px;font-size:14px;line-height:1.6}.no-data-center{justify-content:center;align-items:center;min-height:300px;padding:40px;display:flex}.no-data-text{color:var(--knox-text-secondary);text-align:center;font-size:14px}.empty-state{text-align:center;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.empty-state-icon{color:var(--text-tertiary);margin-bottom:16px;font-size:48px}.empty-state-title{color:var(--text-primary);font-size:18px;font-weight:600;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:2px;margin-bottom:8px}.empty-state-description{color:var(--text-secondary);margin-bottom:24px;font-size:14px}.flex-wrap-gap-8{flex-wrap:wrap;gap:8px;display:flex}.inline-flex-chip{align-items:center;gap:8px;display:inline-flex}.icon-spin{animation:1s linear infinite spin}.success-view{text-align:center;flex-direction:column;align-items:center;gap:20px;padding:48px 32px;display:flex}.search-dropdown-panel{background:var(--knox-bg-secondary);border:2px solid var(--knox-cyan);z-index:1000;border-radius:6px;max-height:200px;overflow-y:auto;box-shadow:0 0 20px #ffffff14}.country-dropdown-item{cursor:pointer;border-bottom:1px solid var(--knox-border);font-family:var(--font-mono);padding:.75rem 1rem;font-size:13px;transition:background .15s}.country-dropdown-item:hover{background:var(--knox-bg-hover)}.dropdown-no-results{color:var(--knox-text-tertiary);padding:.75rem 1rem;font-size:13px}.field-error{color:var(--knox-red);font-size:12px;font-family:var(--font-mono);align-items:center;gap:6px;margin-top:.4rem;display:flex}input.field-invalid,textarea.field-invalid,select.field-invalid{border-color:var(--knox-red)!important}.onboarding-checklist{background:var(--knox-bg-secondary);border:1px solid var(--knox-border);border-radius:8px;margin-bottom:1.5rem;padding:1rem 1.25rem}.onboarding-checklist-header{align-items:center;gap:10px;margin-bottom:.75rem;display:flex}.onboarding-checklist-header h3{color:var(--knox-text-primary);margin:0;font-size:.95rem}.onboarding-checklist-progress{color:var(--knox-text-secondary);font-size:12px;font-family:var(--font-mono)}.onboarding-checklist-dismiss{color:var(--knox-text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:4px;margin-left:auto;padding:4px}.onboarding-checklist-dismiss:hover{color:var(--knox-text-primary);background:var(--knox-bg-hover)}.onboarding-checklist-steps{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;display:grid}.onboarding-checklist-step{text-align:left;background:var(--knox-bg-primary);border:1px solid var(--knox-border);cursor:pointer;border-radius:6px;grid-template-columns:auto 1fr auto;grid-template-areas:"icon label go""icon hint go";align-items:center;column-gap:10px;padding:.6rem .75rem;transition:border-color .15s,background .15s;display:grid}.onboarding-checklist-step:not(.done):hover{border-color:var(--knox-cyan)}.onboarding-checklist-step.done{opacity:.65;cursor:default}.onboarding-checklist-step .step-icon{color:var(--knox-text-tertiary);grid-area:icon}.onboarding-checklist-step .step-icon.done{color:var(--knox-green)}.onboarding-checklist-step .step-label{color:var(--knox-text-primary);grid-area:label;font-size:13px;font-weight:600}.onboarding-checklist-step.done .step-label{text-decoration:line-through}.onboarding-checklist-step .step-hint{color:var(--knox-text-secondary);grid-area:hint;font-size:11px}.onboarding-checklist-step .step-go{color:var(--knox-text-tertiary);grid-area:go}.command-palette-overlay{z-index:2000;background:#0000008c;justify-content:center;align-items:flex-start;padding-top:14vh;display:flex;position:fixed;inset:0}.command-palette{background:var(--knox-bg-secondary);border:1px solid var(--knox-border);border-radius:10px;width:min(560px,92vw);overflow:hidden;box-shadow:0 16px 48px #00000073}.command-palette-input-row{border-bottom:1px solid var(--knox-border);color:var(--knox-text-secondary);align-items:center;gap:10px;padding:.85rem 1rem;display:flex}.command-palette-input-row input{color:var(--knox-text-primary);background:0 0;border:none;outline:none;flex:1;font-size:14px}.command-palette-input-row kbd{font-size:10px;font-family:var(--font-mono);color:var(--knox-text-tertiary);border:1px solid var(--knox-border);border-radius:4px;padding:2px 5px}.command-palette-results{max-height:320px;padding:6px;overflow-y:auto}.command-palette-item{text-align:left;cursor:pointer;width:100%;color:var(--knox-text-primary);background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;padding:.55rem .75rem;display:flex}.command-palette-item.selected{background:var(--knox-bg-hover)}.command-palette-item .cp-icon{color:var(--knox-text-tertiary);flex-shrink:0}.command-palette-item .cp-label{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;overflow:hidden}.command-palette-item .cp-kind{font-size:10px;font-family:var(--font-mono);color:var(--knox-text-tertiary);text-transform:uppercase}.command-palette-item .cp-enter{color:var(--knox-text-tertiary)}.command-palette-empty{text-align:center;color:var(--knox-text-secondary);padding:1.25rem;font-size:13px}.bulk-actions-bar{z-index:1500;background:var(--knox-bg-secondary);border:1px solid var(--knox-border);border-radius:12px;align-items:center;gap:6px;padding:8px 10px;animation:.16s ease-out bulk-bar-in;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #00000073}@keyframes bulk-bar-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.bulk-actions-count{font-size:12px;font-family:var(--font-mono);color:var(--knox-text-secondary);white-space:nowrap;padding:0 6px}.bulk-actions-divider{background:var(--knox-border);width:1px;height:18px;margin:0 2px}.bulk-action-btn{color:var(--knox-text-primary);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:500;transition:background .12s;display:inline-flex}.bulk-action-btn:hover:not(:disabled){background:var(--knox-bg-hover)}.bulk-action-btn:disabled{opacity:.4;cursor:default}.bulk-action-btn.danger{color:var(--knox-red)}.bulk-action-btn.ghost{color:var(--knox-text-tertiary);padding:6px 8px}.bulk-action-btn.ghost:hover{color:var(--knox-text-primary)}.knox-list-select-cell{justify-content:center;align-items:center;display:flex}.knox-list-select-cell input[type=checkbox]{cursor:pointer;accent-color:var(--knox-cyan)}.btn{border:1px solid var(--border-default);background:var(--bg-card);color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;font-family:var(--font-chrome);border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:8px 16px;text-decoration:none;transition:background .2s,opacity .2s;display:inline-flex;position:relative;overflow:hidden}.btn:hover{background:var(--bg-hover)}.btn:active{opacity:.75}.btn-primary{background:var(--knox-cyan);color:var(--knox-bg-primary);border:2px solid var(--knox-cyan)}.btn-primary:hover:not(:disabled){background:var(--knox-cyan);opacity:.88}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-default)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-strong)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-danger{background:var(--knox-red);color:var(--text-inverse);border:2px solid var(--knox-red)}.btn-danger:hover:not(:disabled){background:var(--knox-red);opacity:.88}.btn-sm{padding:6px 12px;font-size:13px}.btn-small{padding:.5rem 1rem;font-size:.875rem}.btn-icon{cursor:pointer;opacity:.7;color:inherit;background:0 0;border:none;padding:.25rem .5rem;font-size:1.125rem;transition:opacity .2s}.btn-icon:hover{opacity:1}.btn-link{color:var(--accent-primary);background:0 0;border:none;padding:0}.btn-link:hover{box-shadow:none;text-decoration:underline}.btn-back{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;margin-bottom:16px;padding:0;font-weight:400}.btn-back:hover{color:var(--text-primary);box-shadow:none}.link-button{color:var(--accent-primary);cursor:pointer;font-family:inherit;font-size:inherit;text-align:left;background:0 0;border:none;padding:0}.link-button:hover{text-decoration:underline}.modal-footer .btn-primary{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary);box-shadow:none;text-transform:none;letter-spacing:0;font-family:var(--font-display)}.modal-footer .btn-primary:hover:not(:disabled){opacity:.82;box-shadow:none;transform:none}.modal-footer .btn-secondary{color:var(--text-secondary);border-color:var(--border-default);box-shadow:none;text-transform:none;letter-spacing:0;font-family:var(--font-display);background:0 0}.modal-footer .btn-secondary:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-strong);box-shadow:none;transform:none}.modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;justify-content:center;align-items:center;padding:1rem;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--bg-card);border:1px solid var(--border-default);border-radius:12px;flex-direction:column;width:100%;max-width:520px;max-height:85vh;animation:.3s cubic-bezier(.4,0,.2,1) slideUp;display:flex;overflow:hidden;box-shadow:0 8px 32px #0006,0 2px 8px #0003}.modal-content{background:var(--bg-card);border:1px solid var(--border-default);border-radius:12px;flex-direction:column;width:100%;max-width:600px;max-height:90vh;animation:.3s cubic-bezier(.4,0,.2,1) slideUp;display:flex;overflow:hidden;box-shadow:0 8px 32px #0006}.modal>form,.modal-content>form{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.modal-header{border-bottom:1px solid var(--border-default);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-title,.modal-header h2{font-size:15px;font-weight:600;font-family:var(--font-display);color:var(--text-primary);letter-spacing:0;text-transform:none;margin:0}.modal-title:before,.modal-header h2:before{content:none;display:none}.modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:4px;transition:color .15s;display:flex}.modal-close:hover{color:var(--text-primary)}.modal-close:disabled{opacity:.45;cursor:not-allowed}.modal-body{flex:1;min-height:0;padding:16px 20px;overflow-y:auto}.modal .modal-body{flex:1;min-height:0;overflow-y:auto}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:0 0}.modal-body::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}.modal-body input,.modal-body select,.modal-body textarea{padding:7px 10px;font-size:13px}.modal-body label{font-size:12px}.modal-footer{border-top:1px solid var(--border-default);flex-shrink:0;justify-content:flex-end;gap:8px;padding:12px 20px;display:flex}.modal-btn{font-size:13px;font-weight:500;font-family:var(--font-display);cursor:pointer;white-space:nowrap;text-transform:none;letter-spacing:0;border:1px solid #0000;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;line-height:1.4;transition:background .15s,border-color .15s,opacity .15s;display:inline-flex}.modal-btn:disabled{opacity:.45;cursor:not-allowed}.modal-btn-ghost{border-color:var(--border-default);color:var(--text-secondary);background:0 0}.modal-btn-ghost:not(:disabled):hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-strong)}.modal-btn-primary{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.modal-btn-primary:not(:disabled):hover{opacity:.82}.modal-btn-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.modal-btn-danger:not(:disabled):hover{opacity:.85}.modal-label{color:var(--text-secondary);margin-bottom:6px;font-size:12px;font-weight:500;display:block}.modal-input{background:var(--bg-hover);border:1px solid var(--border-default);width:100%;color:var(--text-primary);box-sizing:border-box;border-radius:6px;padding:8px 10px;font-family:inherit;font-size:13px;transition:border-color .15s}.modal-input:focus{border-color:var(--border-strong);outline:none}.modal-input::placeholder{color:var(--text-tertiary)}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.form-control{background:var(--bg-hover);border:1px solid var(--border-default);width:100%;color:var(--text-primary);border-radius:.5rem;padding:.75rem 1rem;font-family:inherit;font-size:.875rem;transition:border-color .2s}.form-control:focus{border-color:var(--border-strong);outline:none}.form-control:disabled{opacity:.6;cursor:not-allowed}.form-control::placeholder{color:var(--text-tertiary)}select.form-control{cursor:pointer}select.form-control option{background:var(--bg-card);color:var(--text-primary)}.form-hint{color:var(--text-tertiary);margin-top:.375rem;font-size:.75rem;display:block}.error-message{background:var(--danger-subtle);border:1px solid var(--danger-border);color:var(--danger);border-radius:.5rem;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.error-message:before{content:"⚠";font-size:1.25rem}.preset-details{background:var(--bg-hover);border:1px solid var(--border-default);border-radius:.75rem;margin-bottom:1.5rem;padding:1.25rem}.preset-details h3{color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 .5rem;font-size:1rem;font-weight:600}.preset-details h4{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:1rem 0 .5rem;font-size:.75rem;font-weight:600}.preset-description{color:var(--text-secondary);margin:0 0 1rem;font-size:.875rem;line-height:1.6}.preset-meta{flex-direction:column;gap:.75rem;margin-bottom:1rem;display:flex}.meta-item{align-items:center;gap:.5rem;display:flex}.meta-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}.tags{flex-wrap:wrap;gap:.375rem;display:flex}.tag{background:var(--bg-hover);color:var(--text-primary);border:1px solid var(--border-default);border-radius:.25rem;padding:.125rem .5rem;font-size:.75rem;display:inline-block}.preset-config{margin-top:1rem}.config-item{border-bottom:1px solid var(--border-default);justify-content:space-between;align-items:center;padding:.625rem 0;font-size:.875rem;display:flex}.config-item:last-child{border-bottom:none}.config-item span:first-child{color:var(--text-secondary)}.config-item span:last-child{color:var(--text-primary);font-weight:500;font-family:var(--font-mono)}.route-var-container{flex-direction:column;gap:24px;width:100%;max-width:1600px;margin:0 auto;padding:4px 24px 24px;display:flex;overflow:visible}.route-var-main-panel,.route-var-side-panel{display:contents}.card-full{width:100%}.card-row-half{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}@media (width<=900px){.card-row-half{grid-template-columns:1fr}}.knox-card{background:var(--knox-bg-card);border:1px solid var(--knox-border-hover);z-index:1;border-radius:16px;padding:24px;transition:border-color .2s,box-shadow .2s;position:relative;overflow:visible}.knox-card.dropdown-open{z-index:1000}.knox-card:has([data-dropdown-open=true]){z-index:1000}.knox-card:before{content:"";background:linear-gradient(90deg, transparent, var(--knox-cyan), var(--knox-magenta), transparent);opacity:.5;height:1px;position:absolute;top:0;left:0;right:0}.knox-card:hover{border-color:var(--knox-border-hover);box-shadow:0 0 30px var(--rgba-white-08), inset 0 0 30px #ffffff08;transform:translateY(-2px)}.knox-card-header{border-bottom:1px solid var(--knox-border);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.knox-card.collapsed .knox-card-header{border-bottom:none;margin-bottom:0;padding-bottom:0}.knox-card-title{color:var(--knox-cyan);text-transform:uppercase;letter-spacing:1px;align-items:center;gap:10px;margin:0;font-size:16px;font-weight:600;display:flex}.knox-card-title:before{content:"";background:var(--knox-border);border-radius:2px;width:4px;height:16px}.knox-card-body{color:var(--knox-text-primary)}.knox-card.modal-card{border-color:var(--knox-border-hover);box-shadow:0 20px 60px #0009, 0 0 0 1px var(--rgba-white-08);background:#1e1e1e}.knox-card.modal-card:hover{border-color:var(--knox-border-hover);box-shadow:0 20px 60px #0009, 0 0 0 1px var(--rgba-white-08);transform:none}[data-theme=light] .knox-card.modal-card{border-color:var(--rgba-black-15);box-shadow:0 20px 60px var(--rgba-black-20), 0 0 0 1px var(--rgba-black-08);background:#fff}[data-theme=light] .knox-card.modal-card:hover{border-color:var(--rgba-black-15);box-shadow:0 20px 60px var(--rgba-black-20), 0 0 0 1px var(--rgba-black-08);transform:none}.knox-info-grid{gap:16px;display:grid}.knox-info-item{flex-direction:column;gap:6px;display:flex}.knox-info-label{color:var(--knox-text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.knox-info-value{color:var(--knox-text-primary);background:var(--accent-light);border:1px solid var(--knox-border);transition:var(--transition-base);border-radius:8px;padding:10px 14px;font-size:14px}.knox-info-value:hover{background:var(--accent-light);border-color:var(--knox-border-hover)}input.knox-info-value,textarea.knox-info-value{transition:var(--transition-base);padding:10px 14px;font-size:14px;background:var(--knox-bg-secondary)!important;border:1px solid var(--knox-border)!important;color:var(--knox-text-primary)!important;border-radius:6px!important;outline:none!important}input.knox-info-value:focus,textarea.knox-info-value:focus{box-shadow:0 0 0 2px #0000000d;background:var(--knox-bg-secondary)!important;border-color:var(--knox-cyan)!important}[data-theme=light] .knox-info-value{border-color:var(--rgba-black-15)}[data-theme=light] input.knox-info-value,[data-theme=light] textarea.knox-info-value{border-color:var(--rgba-black-20)!important}[data-theme=light] input.knox-info-value:focus,[data-theme=light] textarea.knox-info-value:focus{box-shadow:0 0 0 2px var(--rgba-black-08);border-color:var(--rgba-black-40)!important}input.knox-info-value.unsaved,textarea.knox-info-value.unsaved{border-color:var(--knox-primary)!important}.knox-info-value.code{font-family:var(--font-mono);color:var(--knox-cyan);font-size:13px}.cert-info-cell{background:var(--success-bg);border:1px solid var(--knox-border);border-radius:6px;padding:16px}.cert-info-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.cert-info-value{font-size:12px;font-family:var(--font-mono);color:var(--success);word-break:break-all}.cert-fingerprint{font-family:var(--font-mono);background:var(--success-bg);border:1px solid var(--knox-border);word-break:break-all;color:var(--success);border-radius:6px;padding:12px;font-size:11px;display:block}.cert-chain-item{border:none;border-bottom:1px solid var(--knox-border);background:0 0;border-radius:0;padding:12px 0}.cert-chain-item:last-child{border-bottom:none;padding-bottom:0}.cert-chain-item:first-child{padding-top:0}.cert-chain-primary{background:0 0}.cert-content-viewer{font-family:var(--font-mono);color:var(--knox-cyan);white-space:pre-wrap;word-break:break-all;background:0 0;border:none;border-radius:0;max-height:300px;padding:0;font-size:11px;overflow-x:auto}.cert-upload-info{color:var(--knox-text-tertiary);background:0 0;border-radius:0;padding:0;font-size:11px}.knox-clean-card .knox-info-grid{gap:18px}.knox-clean-card .knox-info-item{gap:4px}.knox-clean-card .knox-info-label{color:var(--knox-text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.knox-clean-card .knox-info-value{color:var(--knox-text-primary);border-radius:0;font-size:13px;background:0 0!important;border:none!important;padding:0!important}.knox-clean-card .knox-info-value:hover{background:0 0!important;border:none!important}.knox-clean-card .knox-info-value.code{font-family:var(--font-mono);color:var(--knox-cyan);word-break:break-all;font-size:12px}.knox-action-btn.danger{color:var(--knox-red);background:#ef444414;border-color:#ef444440}.knox-action-btn.danger:hover{border-color:var(--knox-red);background:#ef44441f}.knox-action-btn.warning{color:var(--knox-yellow);background:#eab30814;border-color:#eab30840}.knox-action-btn.warning:hover{border-color:var(--knox-yellow);background:#eab3081f}.knox-action-btn.success{color:var(--knox-green);background:#22c55e14;border-color:#22c55e40}.knox-action-btn.success:hover{border-color:var(--knox-green);background:#22c55e1f}.knox-action-btn.primary{color:var(--knox-cyan);background:#00d4ff14;border-color:#00d4ff4d}.knox-action-btn.primary:hover{border-color:var(--knox-cyan);background:#00d4ff1f}.knox-stat-pills{flex-wrap:wrap;gap:8px;display:flex}.knox-stat-pill{background:var(--accent-light);border:1px solid var(--knox-border-hover);color:var(--knox-cyan);transition:var(--transition-base);border-radius:20px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:600;display:inline-flex}.knox-stat-pill:hover{background:var(--knox-border);border-color:var(--knox-cyan);box-shadow:0 0 15px var(--rgba-white-10)}.knox-stat-pill.success{color:var(--knox-green);background:#22c55e1a;border-color:#22c55e26}.knox-stat-pill.warning{color:var(--knox-yellow);background:#eab3081a;border-color:#eab30826}.knox-detail .knox-card{box-shadow:none;background:0 0;border:none;border-radius:0;padding:0;transition:none;overflow:visible}.knox-detail .knox-card:before{display:none}.knox-detail .knox-card:hover{box-shadow:none;background:0 0;border:none;transform:none}.knox-detail .knox-card-header{border-bottom:none;align-items:baseline;margin-bottom:14px;padding-bottom:0}.knox-detail .knox-card-title{color:var(--knox-text-secondary);font-size:12px;font-weight:600}.knox-detail .knox-card-title:before{display:none}.knox-detail .knox-detail-main>.knox-card{border-bottom:1px solid var(--knox-border);padding-bottom:28px}.knox-detail .knox-detail-main>.knox-card:last-child{border-bottom:none;padding-bottom:0}.knox-detail .route-var-container>.knox-card,.knox-detail .route-var-container>.card-row-half>.knox-card{border-bottom:1px solid var(--knox-border);padding-bottom:28px}.knox-detail .route-var-container>.knox-card:last-child,.knox-detail .route-var-container>.card-row-half:last-child>.knox-card{border-bottom:none;padding-bottom:0}.knox-detail .route-var-container{gap:28px}.knox-detail-grid{grid-template-columns:minmax(0,1fr) 300px;gap:56px;width:100%;max-width:1600px;margin:0 auto;padding:4px 24px 24px;display:grid}.knox-detail-main{flex-direction:column;gap:28px;min-width:0;display:flex}.knox-detail>.knox-detail-main{box-sizing:border-box;width:100%;max-width:1600px;margin:0 auto;padding:4px 24px 24px}.knox-detail-sidebar{flex-direction:column;gap:28px;display:flex}@media (width<=1100px){.knox-detail-grid{grid-template-columns:1fr;gap:32px}.knox-detail-sidebar{border-top:1px solid var(--knox-border);padding-top:24px}}.knox-detail-sidebar .knox-info-grid{gap:18px}.knox-detail-sidebar .knox-info-item{gap:4px}.knox-detail-sidebar .knox-info-label{color:var(--knox-text-secondary);font-size:11px;font-weight:600;font-family:var(--font-chrome)}.knox-detail-sidebar .knox-info-value{color:var(--knox-text-primary);border-radius:0;font-size:13px;background:0 0!important;border:none!important;padding:0!important}.knox-detail-sidebar .knox-info-value:hover{background:0 0!important;border:none!important}.knox-detail-sidebar .knox-info-value.code{font-family:var(--font-mono);color:var(--knox-cyan);word-break:break-all;font-size:12px}.knox-detail .knox-card-header .knox-action-btn{background:var(--knox-bg-card);border:1px solid var(--knox-border);width:auto;color:var(--knox-text-primary);letter-spacing:0;text-transform:none;box-shadow:0 1px 2px #0000002e, 0 0 0 1px var(--rgba-white-02) inset;border-radius:6px;align-items:center;gap:4px;font-weight:500;transition:background .15s,border-color .15s,box-shadow .15s;display:inline-flex;overflow:visible;padding:5px 10px!important;font-size:12px!important}.knox-detail .knox-card-header .knox-action-btn:before{display:none}.knox-detail .knox-card-header .knox-action-btn:hover{background:var(--knox-bg-hover);border-color:var(--knox-border-hover);transform:none;box-shadow:0 1px 3px #00000038}.knox-detail .knox-card-header .knox-action-btn:active{transform:translateY(.5px);box-shadow:0 1px 1px #0000002e}[data-theme=light] .knox-detail .knox-card-header .knox-action-btn{border-color:var(--rgba-black-12);box-shadow:0 1px 2px var(--rgba-black-06);color:var(--knox-text-primary);background:#fff}[data-theme=light] .knox-detail .knox-card-header .knox-action-btn:hover{box-shadow:0 1px 4px var(--rgba-black-08);background:#f9fafb;border-color:#0000002e}.knox-detail .knox-card-header .knox-action-btn.knox-icon-btn{border-radius:6px;justify-content:center;align-items:center;display:inline-flex;width:26px!important;height:26px!important;padding:0!important}.knox-detail .knox-card-header .knox-action-btn.knox-icon-btn svg{display:block}@media (width<=768px){.knox-detail-grid,.knox-detail>.knox-detail-main{gap:20px;padding:4px 12px 16px}.knox-detail .route-var-container{gap:20px!important;padding:4px 12px 16px!important}.knox-detail .knox-detail-main,.knox-detail .knox-detail-sidebar{gap:20px}.knox-detail .knox-detail-sidebar{display:none}.knox-detail .knox-card{margin-bottom:0!important;padding:0!important}.knox-detail .knox-card-header{margin-bottom:12px!important;padding:0!important}.knox-detail .knox-detail-main>.knox-card,.knox-detail .route-var-container>.knox-card,.knox-detail .route-var-container>.card-row-half>.knox-card{padding-bottom:20px!important}.knox-detail .knox-detail-main>.knox-card:last-child,.knox-detail .route-var-container>.knox-card:last-child{padding-bottom:0!important}.knox-detail .knox-card-header .knox-action-btn{padding:5px 10px!important;font-size:12px!important}}@media (width<=480px){.knox-detail-grid,.knox-detail>.knox-detail-main,.knox-detail .route-var-container{padding:4px 10px 14px!important}}.knox-list{-webkit-overflow-scrolling:touch;scrollbar-width:thin;flex-direction:column;width:100%;display:flex;overflow:auto visible}.knox-list-card{background:var(--bg-card);border-radius:10px;padding:10px}.knox-list-header-bar{justify-content:flex-end;padding:0 0 10px;display:flex}.knox-list-bare{background:0 0;border-radius:0;padding:0}.knox-list::-webkit-scrollbar{height:4px}.knox-list::-webkit-scrollbar-thumb{background:var(--knox-border);border-radius:2px}.knox-list::-webkit-scrollbar-track{background:0 0}.knox-list-no-scroll{overflow-x:visible}.knox-list-no-scroll .knox-list-grid{min-width:0}.knox-list-grid{grid-auto-rows:auto;column-gap:16px;min-width:max-content;display:grid}@media (width<=640px){.knox-list-grid{column-gap:8px}}.knox-list-header{grid-template-columns:subgrid;border-bottom:1px solid var(--knox-border);grid-column:1/-1;align-items:center;padding:8px 12px;display:grid}.knox-list-header-cell{color:var(--knox-text-primary);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:600;overflow:hidden}.knox-list-row{grid-template-columns:subgrid;border-bottom:1px solid var(--knox-border);color:var(--knox-text-primary);grid-column:1/-1;align-items:center;padding:5px;font-size:13px;transition:background .12s;display:grid}a.knox-list-row,a.knox-list-row:hover,a.knox-list-row:visited,a.knox-list-row:focus,a.knox-list-row:active{color:var(--knox-text-primary);text-decoration:none}.knox-list-row.clickable{cursor:pointer}.knox-list-row .knox-list-cell:first-child [style*=font-weight]{background-image:linear-gradient(var(--knox-text-tertiary), var(--knox-text-tertiary));background-position:left bottom 0;background-repeat:no-repeat;background-size:0% 1px;width:fit-content;max-width:100%;padding-bottom:2px;transition:background-size .3s}.knox-list-row.clickable:hover .knox-list-cell:first-child [style*=font-weight]{background-size:100% 1px}.knox-list-row:last-of-type{border-bottom:none}.knox-list-cell{align-items:center;gap:6px;min-width:0;font-size:13px;display:flex;overflow:hidden}.knox-list-actions-cell{background:var(--knox-bg-card);z-index:2;background:unset;justify-content:flex-end;margin-left:-24px;padding-left:24px;display:flex;position:sticky;right:0;overflow:visible}.knox-list-actions-btn{width:28px;height:28px;color:var(--knox-text-tertiary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.knox-list-actions-btn:hover{background:var(--knox-bg-hover);border-color:var(--knox-border);color:var(--knox-text-primary)}.knox-list-actions-menu{background:var(--knox-bg-card);border:1px solid var(--knox-border);z-index:10000;border-radius:8px;flex-direction:column;gap:1px;min-width:170px;padding:4px;display:flex;box-shadow:0 8px 24px #00000052}[data-theme=light] .knox-list-actions-menu{box-shadow:0 8px 24px var(--rgba-black-12);background:#fff}.knox-list-actions-menu-item{width:100%;color:var(--knox-text-primary);text-align:left;cursor:pointer;box-sizing:border-box;background:0 0;border:none;border-radius:5px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;font-weight:500;text-decoration:none;transition:background .12s;display:flex}a.knox-list-actions-menu-item,a.knox-list-actions-menu-item:hover,a.knox-list-actions-menu-item:visited,a.knox-list-actions-menu-item:focus,a.knox-list-actions-menu-item:active{color:var(--knox-text-primary);text-decoration:none}a.knox-list-actions-menu-item.danger,a.knox-list-actions-menu-item.danger:visited{color:var(--knox-red)}.knox-list-actions-menu-item:hover{background:var(--knox-bg-hover)}.knox-list-actions-menu-item.danger{color:var(--knox-red)}.knox-list-actions-menu-item.danger:hover{background:#ef44441a}.knox-list-footer{color:var(--knox-text-secondary);justify-content:space-between;align-items:center;gap:12px;padding:12px 4px 0;font-size:12px;display:flex}.knox-list-footer-left{align-items:center;gap:4px;display:flex}.knox-list-footer-count,.knox-list-footer-total{color:var(--knox-cyan);font-weight:500}.knox-list-footer-pagination{gap:6px;display:flex}.knox-list-pagination-btn{color:var(--knox-text-secondary);border:1px solid var(--knox-border);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:4px;padding:5px 11px;font-family:inherit;font-size:12px;font-weight:500;line-height:1;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.knox-list-pagination-btn:hover:not(:disabled){background:var(--knox-bg-hover);color:var(--knox-text-primary);border-color:var(--knox-text-tertiary)}.knox-list-pagination-btn:disabled{opacity:.35;cursor:not-allowed}.knox-list-empty{text-align:center;color:var(--knox-text-secondary);flex-direction:column;align-items:center;gap:8px;padding:36px 16px;font-size:13px;display:flex}.knox-list-empty p{margin:0}.knox-list-pill{white-space:nowrap;background:0 0;border:1px solid;border-radius:4px;align-items:center;padding:2px 8px;font-size:11px;font-weight:500;line-height:1.4;display:inline-flex}.knox-list-pill-default{color:var(--knox-text-secondary);border-color:var(--knox-border);background:var(--knox-bg-hover)}.knox-list-pill-success{color:var(--knox-green);background:#22c55e14;border-color:#22c55e66}.knox-list-pill-danger{color:var(--knox-red);background:#ef444414;border-color:#ef444466}.knox-list-pill-warning{color:var(--knox-yellow);background:#eab30814;border-color:#eab30866}.knox-list-pill-info{color:var(--knox-cyan);background:#00d4ff14;border-color:#00d4ff66}.knox-list-header .knox-list-actions-cell{background:var(--knox-bg-card)}.knox-list-row.clickable:hover .knox-list-actions-cell,.knox-list-flush .knox-list-actions-cell,.knox-list-flush .knox-list-header .knox-list-actions-cell,.knox-list-flush .knox-list-row.clickable:hover .knox-list-actions-cell{background:0 0}.knox-list-nested .knox-list-row,.knox-list-nested .knox-list-header{padding-left:40px}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:.375rem;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-block}.badge-blue{color:#60a5fa;background:#60a5fa1f}.badge-purple{color:#a78bfa;background:#a78bfa1f}.badge-green{color:#22c55e;background:#22c55e1f}.badge-orange{color:#fb923c;background:#fb923c1f}.badge-pink{color:#f472b6;background:#f472b61f}.badge-indigo{color:#818cf8;background:#818cf81f}.badge-cyan{color:#22d3ee;background:#22d3ee1f}.badge-gray{background:var(--accent-light);color:var(--knox-text-secondary)}.status-badge{border-radius:9999px;padding:.25rem .625rem;font-size:.75rem;font-weight:500;display:inline-block}.status-active{color:#22c55e;background:#22c55e1f}.status-inactive{color:#ef4444;background:#ef44441f}