:root{--blue-dark: #023e8a;--blue-ocean: #0077b6;--blue-soft: #90e0ef;--blue-pale: #caf0f8;--bg-body: #000814;--bg-panel: #001427;--bg-panel-soft: #021c36;--bg-panel-soft-alt: #01233f;--text-primary: #e6f6ff;--text-secondary: #b6d8f0;--text-muted: #7ea4c7;--border-subtle: rgba(144, 224, 239, .2);--border-strong: rgba(144, 224, 239, .45);--radius-lg: 18px;--radius-md: 12px;--radius-sm: 8px;--radius-pill: 999px;--shadow-soft: 0 24px 65px rgba(0, 0, 0, .65)}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Inter,SF Pro Text,sans-serif;background:radial-gradient(circle at bottom right,#003566 0,#000814 70%);color:var(--text-primary)}.nf-login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:3rem 1.5rem;background:radial-gradient(circle at top left,rgba(0,119,182,.3),transparent 55%),radial-gradient(circle at bottom right,#001427,#000814 70%)}.nf-login-page{display:flex;min-height:100vh;background:radial-gradient(circle at top right,#001427 0,#000814 85%);color:var(--text-primary)}.nf-login-hero{flex:1.4;display:flex;align-items:center;padding:4rem 3.5rem;background:linear-gradient(180deg,#001d3d,#000814)}.nf-login-hero-inner{max-width:520px}.nf-login-logo-title{font-size:1.4rem;font-weight:600}.nf-login-logo-subtitle{font-size:.85rem;color:var(--text-muted)}.nf-login-hero-title{font-size:2.4rem;font-weight:700;line-height:1.2;margin:1rem 0 .5rem}.nf-login-hero-text{font-size:1rem;color:var(--text-secondary);margin-bottom:1.25rem}.nf-login-hero-list{list-style:none;padding:0;margin:0 0 1.75rem;font-size:.9rem;color:var(--text-secondary)}.nf-login-hero-list li{margin-bottom:.4rem;position:relative;padding-left:1.1rem}.nf-login-hero-list li:before{content:"•";position:absolute;left:0;top:0;color:var(--blue-soft)}.nf-login-panel{flex:1;display:flex;align-items:center;justify-content:center;padding:4rem 2.5rem;background:radial-gradient(circle at top left,#001427 0,#000814 60%)}.nf-login-card{width:100%;max-width:420px;background:linear-gradient(145deg,#001427f5,#000814fa);border-radius:var(--radius-lg);padding:2.2rem 2rem;box-shadow:var(--shadow-soft);border:1px solid var(--border-subtle)}.nf-login-title{font-size:1.6rem;font-weight:700;margin-bottom:.45rem}.nf-login-subtitle{font-size:.9rem;color:var(--text-secondary);margin-bottom:1.6rem}.nf-login-mode-toggle{display:inline-flex;gap:.5rem;margin-bottom:1.5rem}.nf-login-form{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.4rem}.nf-control-label{font-size:.85rem;color:var(--text-secondary);display:flex;flex-direction:column}.nf-input{margin-top:.35rem;border-radius:var(--radius-md);border:1px solid rgba(144,224,239,.2);background:#001c34;padding:.65rem .8rem;color:var(--text-primary);font-size:.9rem;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.nf-input::placeholder{color:#b6d8f099}.nf-input:focus{border-color:var(--blue-soft);box-shadow:0 0 0 1px #90e0ef80;background:#00213f}.nf-btn{cursor:pointer;padding:.6rem 1rem;border-radius:var(--radius-md);font-size:.9rem;border:none;background:transparent;color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center;gap:.25rem;transition:background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .08s ease}.nf-btn-sm{padding:.45rem .8rem;font-size:.8rem}.nf-btn-accent{background:linear-gradient(135deg,var(--blue-ocean),var(--blue-dark));border:1px solid var(--blue-soft);color:#fff;box-shadow:0 10px 30px #0077b699}.nf-btn-accent:hover{background:linear-gradient(135deg,#0090d3,#024a9e);box-shadow:0 14px 40px #0077b6b3;transform:translateY(-1px)}.nf-btn-outline{border:1px solid rgba(144,224,239,.5);color:var(--blue-soft);background:#0008144d}.nf-btn-outline:hover{background:#90e0ef1f;border-color:var(--blue-soft)}.nf-btn-outline-sm{border:1px solid rgba(144,224,239,.5);background:transparent;color:var(--blue-soft);padding:.35rem .7rem;font-size:.78rem}.nf-btn-outline-sm:hover{background:#90e0ef1f}.nf-login-submit{width:100%;margin-top:.1rem}.nf-error-text{font-size:.8rem;color:#ff6b6b}.nf-login-footer{font-size:.76rem;color:var(--text-muted);line-height:1.4}@media (max-width: 768px){.nf-login-container{padding:2.5rem 1.25rem}}.nf-app{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at top left,#001d3d 0,#000814 70%)}.nf-topbar{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:.9rem 1.4rem;background:linear-gradient(90deg,#001d3d,#003566);border-bottom:1px solid var(--border-subtle);box-shadow:0 10px 28px #0009}.nf-brand{display:flex;align-items:center;gap:.75rem}.nf-logo-dot{width:28px;height:28px;border-radius:10px;background:radial-gradient(circle at 30% 20%,var(--blue-soft),#0077b6);box-shadow:0 0 12px #90e0efe6}.nf-brand-title{font-size:1.05rem;font-weight:600;color:var(--blue-pale)}.nf-brand-subtitle{font-size:.78rem;color:var(--text-muted)}.nf-topbar-center{flex:1;display:flex;flex-direction:column;align-items:center}.nf-topbar-page{font-size:.9rem;font-weight:500;color:var(--blue-pale)}.nf-topbar-pill{margin-top:.2rem;padding:.2rem .75rem;border-radius:var(--radius-pill);background:#0077b633;color:var(--blue-soft);font-size:.75rem;border:1px solid rgba(144,224,239,.4)}.nf-topbar-right{display:flex;align-items:center;gap:.75rem}.nf-role-select-wrap{display:flex;flex-direction:column;gap:.1rem}.nf-role-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.nf-role-select{border-radius:var(--radius-pill);border:1px solid rgba(144,224,239,.5);background:#00081459;color:var(--text-primary);padding:.25rem .7rem;font-size:.78rem;outline:none}.nf-role-select:focus{border-color:var(--blue-soft)}.nf-topbar-actions{display:flex;align-items:center;gap:.4rem}.nf-user-badge{display:flex;align-items:center;gap:.45rem;padding:.3rem .55rem;border-radius:var(--radius-pill);background:#00081473;border:1px solid rgba(144,224,239,.35)}.nf-user-avatar{width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#caf0f8,#0077b6);display:flex;align-items:center;justify-content:center;color:#001427;font-size:.8rem;font-weight:700}.nf-user-meta{display:flex;flex-direction:column}.nf-user-name{font-size:.8rem}.nf-user-role{font-size:.68rem;color:var(--text-muted)}.nf-user-logout{margin-left:.2rem}.nf-layout{display:flex;flex:1;min-height:0}.nf-sidebar{width:265px;background:linear-gradient(180deg,#001d3d 0,#000818);border-right:1px solid var(--border-subtle);padding:.9rem .9rem 1.2rem;display:flex;flex-direction:column;gap:1.1rem}.nf-sidebar-group{padding-top:.1rem}.nf-sidebar-group-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.35rem;padding:0 .3rem}.nf-sidebar-item{width:100%;border-radius:var(--radius-md);border:none;background:transparent;color:var(--text-secondary);font-size:.86rem;padding:.55rem .7rem;display:flex;align-items:center;gap:.4rem;cursor:pointer;transition:background .15s ease,color .15s ease,transform .05s ease}.nf-sidebar-item:hover{background:#0077b638;color:var(--blue-pale)}.nf-sidebar-item-active{background:linear-gradient(135deg,#023e8a,#0077b6);color:#fff;box-shadow:0 10px 26px #000000b3}.nf-sidebar-item-dot{width:6px;height:6px;border-radius:50%;background:#90e0efb3}.nf-main{flex:1;padding:1.7rem 1.8rem 1.8rem;background:radial-gradient(circle at top left,#001427 0,#000814);overflow:auto}.nf-footer{padding:.8rem 1.4rem;border-top:1px solid var(--border-subtle);background:#000814fa;display:flex;justify-content:space-between;align-items:center;font-size:.78rem;color:var(--text-muted)}.nf-footer-sub{font-size:.7rem;color:var(--text-secondary)}.nf-page{display:flex;flex-direction:column;gap:1.6rem}.nf-page-header{max-width:920px}.nf-page-title{margin:0 0 .4rem;font-size:1.6rem;font-weight:700}.nf-page-subtitle{margin:0;font-size:.95rem;color:var(--text-secondary)}.nf-controls-row{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;align-items:flex-end}.nf-control-group{display:flex;flex-direction:column;gap:.3rem}.nf-control-label{font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.nf-control-select{min-width:180px;border-radius:var(--radius-md);border:1px solid rgba(144,224,239,.45);background:#00081499;color:var(--text-primary);padding:.5rem .7rem;font-size:.85rem;outline:none}.nf-control-select:focus{border-color:var(--blue-soft);box-shadow:0 0 0 1px #90e0ef66}.nf-control-inline{display:flex;flex-wrap:wrap;gap:.6rem}.nf-grid{display:grid;gap:1.1rem}.nf-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.nf-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.nf-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width: 1024px){.nf-grid-3,.nf-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 768px){.nf-layout{flex-direction:column}.nf-sidebar{width:100%;flex-direction:row;overflow-x:auto}.nf-grid-2,.nf-grid-3,.nf-grid-4{grid-template-columns:1fr}.nf-topbar{flex-wrap:wrap}}.nf-card{background:radial-gradient(circle at top left,#021c36,#000f22);border-radius:var(--radius-lg);padding:1.2rem 1.25rem;border:1px solid var(--border-subtle);box-shadow:var(--shadow-soft)}.nf-card-highlight{background:radial-gradient(circle at top left,#023e8a,#001427);border-color:var(--border-strong)}.nf-card-label{font-size:.78rem;color:var(--blue-pale);letter-spacing:.04em;text-transform:uppercase}.nf-card-value{font-size:1.6rem;font-weight:700;margin:.1rem 0}.nf-card-desc{font-size:.86rem;color:var(--text-secondary)}.nf-card-title{font-size:1rem;font-weight:600;margin:0 0 .45rem}.nf-card-body{font-size:.9rem;margin:.35rem 0}.nf-text-muted{color:var(--text-muted)}.nf-section-space{margin-top:1.2rem}.nf-list{list-style:disc;padding-left:1.1rem;margin:.4rem 0;font-size:.88rem;color:var(--text-secondary)}.nf-list li{margin-bottom:.3rem}.nf-page-split{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1.8fr);gap:1.2rem}.nf-page-split-left,.nf-page-split-right{min-width:0}.nf-card-detail{height:100%}.nf-list-workflows{list-style:none;padding:0;margin:.8rem 0 0;display:flex;flex-direction:column;gap:.35rem}.nf-workflow-item{width:100%;border-radius:var(--radius-md);border:1px solid transparent;padding:.55rem .75rem;text-align:left;cursor:pointer;background:#00081473;color:var(--text-secondary);display:flex;flex-direction:column;gap:.18rem}.nf-workflow-item:hover{border-color:#90e0ef80;background:#000814b3}.nf-workflow-item-active{border-color:var(--blue-soft);background:radial-gradient(circle at top left,#023e8a,#001427);color:var(--blue-pale);box-shadow:0 12px 32px #000000a6}.nf-workflow-title{font-size:.9rem;font-weight:500}.nf-workflow-meta{font-size:.78rem;color:var(--text-muted);display:flex;flex-wrap:wrap;gap:.35rem}.nf-mini-card{background:#000814cc;border-radius:var(--radius-md);border:1px solid rgba(144,224,239,.25);padding:.6rem .7rem}.nf-mini-label{font-size:.72rem;text-transform:uppercase;color:var(--text-muted)}.nf-mini-value{font-size:.9rem}.nf-section-title{font-size:.9rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.35rem}.nf-node-chain{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin-top:.4rem}.nf-node-pill{border-radius:var(--radius-pill);padding:.28rem .75rem;font-size:.8rem;background:#0077b638;border:1px solid rgba(144,224,239,.5);color:var(--blue-pale)}.nf-node-arrow{font-size:.8rem;color:var(--blue-soft)}.nf-workflow-actions{display:flex;flex-wrap:wrap;gap:.6rem}.nf-table-wrapper{width:100%;overflow-x:auto;margin-top:.6rem}.nf-table{width:100%;border-collapse:collapse;font-size:.84rem;color:var(--text-secondary)}.nf-table thead{background:#000814e6}.nf-table th,.nf-table td{padding:.55rem .65rem;border-bottom:1px solid rgba(144,224,239,.12)}.nf-table th{text-align:left;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.nf-table tbody tr:nth-child(2n){background:#0008148c}.nf-table tbody tr:hover{background:#0077b629}.nf-activity-list{list-style:none;padding:0;margin:.5rem 0 0;display:flex;flex-direction:column;gap:.5rem}.nf-activity-item{display:grid;grid-template-columns:60px minmax(0,1fr);gap:.7rem;padding:.6rem .7rem;border-radius:var(--radius-md);background:#000814b3;border:1px solid rgba(144,224,239,.18)}.nf-activity-time{font-size:.8rem;color:var(--text-muted)}.nf-activity-title{font-size:.9rem;font-weight:500}.nf-activity-detail{font-size:.86rem;color:var(--text-secondary)}.nf-activity-meta{margin-top:.25rem;display:flex;flex-wrap:wrap;gap:.4rem;font-size:.78rem;color:var(--text-muted)}.nf-tag{display:inline-flex;align-items:center;padding:.15rem .55rem;border-radius:var(--radius-pill);font-size:.72rem}.nf-tag-low{background:#00c77a26;border:1px solid rgba(0,199,122,.5);color:#2de3a0}.nf-tag-medium{background:#ffc45626;border:1px solid rgba(255,196,86,.55);color:#ffd66b}.nf-tag-high{background:#ff638433;border:1px solid rgba(255,99,132,.6);color:#ff99b0}.nf-tag-pill{display:inline-flex;padding:.2rem .7rem;border-radius:var(--radius-pill);font-size:.76rem;border:1px solid rgba(144,224,239,.5);color:var(--blue-soft);background:#00081466}.nf-search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top,#000814fa,#000814);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:40;display:flex;align-items:flex-start;justify-content:center;padding-top:6vh}.nf-search-panel{width:100%;max-width:720px;background:radial-gradient(circle at top left,#021c36,#000f22);border-radius:20px;border:1px solid rgba(144,224,239,.4);box-shadow:0 26px 70px #000000d9;padding:1.1rem 1.2rem 1.2rem}.nf-search-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.7rem}.nf-search-title{font-size:.9rem;text-transform:uppercase;letter-spacing:.09em;color:var(--text-muted)}.nf-search-close{border:none;background:transparent;color:var(--text-secondary);font-size:1.1rem;cursor:pointer}.nf-search-input{width:100%;border-radius:var(--radius-md);border:1px solid rgba(144,224,239,.6);background:#000814e6;padding:.6rem .7rem;font-size:.9rem;color:var(--text-primary);outline:none;margin-bottom:.75rem}.nf-search-input::placeholder{color:#b6d8f0a6}.nf-search-body{display:grid;grid-template-columns:1.2fr 1.4fr;gap:.9rem}@media (max-width: 768px){.nf-search-body{grid-template-columns:1fr}}.nf-search-section-title{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.3rem}.nf-search-empty{font-size:.8rem;color:var(--text-muted)}.nf-search-result{width:100%;border-radius:var(--radius-md);padding:.45rem .55rem;background:#000814b3;border:1px solid transparent;color:var(--text-secondary);font-size:.85rem;margin-top:.3rem;display:flex;flex-direction:column;align-items:flex-start;cursor:pointer}.nf-search-result:hover{border-color:#90e0ef99;background:#0077b62e}.nf-search-result-static{cursor:default}.nf-search-result-label{font-size:.86rem}.nf-search-result-meta{font-size:.74rem;color:var(--text-muted)}