:root{--nioc-bg: #0b0f14;--nioc-bg-elev: #10161d;--nioc-bg-elev-2: #161f29;--nioc-border: rgba(255, 255, 255, .08);--nioc-text: #e6edf3;--nioc-text-dim: #8b98a5;--nioc-accent: #4dff9a;--nioc-radius: 12px;--nioc-sidebar-w: 248px;--nioc-sidebar-w-collapsed: 68px;--nioc-topbar-h: 60px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--nioc-bg);color:var(--nioc-text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}.nioc-app{display:flex;min-height:100vh}.nioc-scroll{overflow-y:auto}.nioc-card{background:var(--nioc-bg-elev);border:1px solid var(--nioc-border);border-radius:var(--nioc-radius)}.nioc-btn{cursor:pointer;border:1px solid var(--nioc-border);background:var(--nioc-bg-elev-2);color:var(--nioc-text);border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600}.nioc-btn:hover{border-color:var(--nioc-accent)}.nioc-btn-primary{background:#45647a;color:#eef3f6;border-color:#5c7f97}.nioc-input{background:var(--nioc-bg-elev-2);border:1px solid var(--nioc-border);color:var(--nioc-text);border-radius:8px;padding:10px 12px;font-size:14px;width:100%}.nioc-input:focus{outline:none;border-color:var(--nioc-accent)}.nioc-spinner{width:20px;height:20px;border:2px solid var(--nioc-border);border-top-color:var(--nioc-accent);border-radius:50%;animation:nioc-spin .8s linear infinite}@keyframes nioc-spin{to{transform:rotate(360deg)}}.nioc-login-shell{position:relative;min-height:100vh;display:grid;place-items:center;padding:22px;overflow:hidden;background:transparent}.nioc-login-grid{position:relative;z-index:2;width:min(420px,100%)}.nioc-login-card{padding:26px;border-radius:20px;display:grid;gap:16px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#0b0f14b8;border:1px solid rgba(77,255,154,.14);box-shadow:0 18px 60px #0000008c}.nioc-brand{text-align:center;margin-bottom:2px}.nioc-title{font-size:34px;font-weight:900;letter-spacing:3px;line-height:1.1;color:#f3f4f3f7}.nioc-subtitle{margin-top:8px;letter-spacing:1.6px;text-transform:uppercase;opacity:.7;font-size:10.5px;color:var(--nioc-text-dim)}.nioc-field-label{font-size:12px;color:var(--nioc-text-dim);margin-bottom:4px}.nioc-login-error{color:#ef4444;font-size:12.5px;background:#ef44441a;border:1px solid rgba(239,68,68,.25);border-radius:8px;padding:8px 10px}.nioc-login-hint{font-size:11px;color:var(--nioc-text-dim);line-height:1.5;text-align:center;opacity:.85}@media(max-width:860px){.nioc-nodes-3d{display:none}}