:root{--nm-gold-900: #5C4316;--nm-gold-800: #7A5C1F;--nm-gold-700: #96721E;--nm-gold-600: #B8860B;--nm-gold-500: #D4A930;--nm-gold-400: #E8C96A;--nm-gold-300: #F2E0A8;--nm-gold-200: #F7ECCC;--nm-gold-100: #FBF5E3;--nm-black: #0A0A0A;--nm-charcoal: #1A1A1A;--nm-dark-gray: #2C2C2A;--nm-mid-gray: #5F5E5A;--nm-light-gray: #9C9A92;--nm-cream: #FAF3E0;--nm-warm-white: #F5F0E6;--nm-white: #FEFDFB;--nm-copper: #C9713D;--nm-copper-light: #E09A6A;--nm-ruby: #8B1A1A;--nm-ruby-light: #B33A3A;--nm-teal: #1D6E5C;--nm-teal-light: #2A9B82;--nm-success: var(--nm-teal);--nm-success-light: var(--nm-teal-light);--nm-danger: var(--nm-ruby);--nm-danger-light: var(--nm-ruby-light);--nm-warning: var(--nm-gold-500);--nm-warning-light: var(--nm-gold-300);--nm-info: var(--nm-copper);--nm-info-light: var(--nm-copper-light);--nm-font-heading: "Inter", "Segoe UI", system-ui, sans-serif;--nm-font-body: "Inter", "Segoe UI", system-ui, sans-serif;--nm-font-mono: "JetBrains Mono", "Fira Code", monospace;--nm-shadow-sm: 0 1px 2px rgba(10, 10, 10, .15);--nm-shadow-md: 0 4px 12px rgba(10, 10, 10, .2);--nm-shadow-lg: 0 8px 32px rgba(10, 10, 10, .3);--nm-shadow-gold: 0 4px 16px rgba(184, 134, 11, .25);--nm-radius-sm: 4px;--nm-radius-md: 8px;--nm-radius-lg: 12px;--nm-radius-xl: 16px;--nm-radius-full: 9999px;--nm-transition-fast: .15s ease;--nm-transition-base: .25s ease;--nm-transition-slow: .4s ease}[data-theme=dark],.nm-dark{--nm-bg-primary: var(--nm-black);--nm-bg-secondary: var(--nm-charcoal);--nm-bg-tertiary: var(--nm-dark-gray);--nm-text-primary: var(--nm-cream);--nm-text-secondary: var(--nm-light-gray);--nm-text-muted: var(--nm-mid-gray);--nm-border: rgba(242, 224, 168, .12);--nm-border-hover: rgba(242, 224, 168, .25)}[data-theme=light],.nm-light{--nm-bg-primary: var(--nm-white);--nm-bg-secondary: var(--nm-warm-white);--nm-bg-tertiary: var(--nm-gold-100);--nm-text-primary: var(--nm-charcoal);--nm-text-secondary: var(--nm-mid-gray);--nm-text-muted: var(--nm-light-gray);--nm-border: rgba(44, 44, 42, .12);--nm-border-hover: rgba(44, 44, 42, .25)}@media (prefers-color-scheme: dark){:root{--nm-bg-primary: var(--nm-black);--nm-bg-secondary: var(--nm-charcoal);--nm-bg-tertiary: var(--nm-dark-gray);--nm-text-primary: var(--nm-cream);--nm-text-secondary: var(--nm-light-gray);--nm-text-muted: var(--nm-mid-gray);--nm-border: rgba(242, 224, 168, .12);--nm-border-hover: rgba(242, 224, 168, .25)}}@media (prefers-color-scheme: light){:root{--nm-bg-primary: var(--nm-white);--nm-bg-secondary: var(--nm-warm-white);--nm-bg-tertiary: var(--nm-gold-100);--nm-text-primary: var(--nm-charcoal);--nm-text-secondary: var(--nm-mid-gray);--nm-text-muted: var(--nm-light-gray);--nm-border: rgba(44, 44, 42, .12);--nm-border-hover: rgba(44, 44, 42, .25)}}.nm-bg-primary{background-color:var(--nm-bg-primary)}.nm-bg-secondary{background-color:var(--nm-bg-secondary)}.nm-bg-tertiary{background-color:var(--nm-bg-tertiary)}.nm-bg-gold{background-color:var(--nm-gold-600)}.nm-bg-gold-soft{background-color:var(--nm-gold-100)}.nm-text-primary{color:var(--nm-text-primary)}.nm-text-secondary{color:var(--nm-text-secondary)}.nm-text-muted{color:var(--nm-text-muted)}.nm-text-gold{color:var(--nm-gold-600)}.nm-text-gold-light{color:var(--nm-gold-400)}.nm-border{border:1px solid var(--nm-border)}.nm-border-gold{border:1px solid var(--nm-gold-600)}.nm-gradient-gold{background:linear-gradient(135deg,var(--nm-gold-800),var(--nm-gold-500))}.nm-gradient-dark{background:linear-gradient(180deg,var(--nm-black),var(--nm-charcoal))}.nm-gradient-gold-text{background:linear-gradient(135deg,var(--nm-gold-400),var(--nm-gold-600));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.nm-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 24px;font-family:var(--nm-font-body);font-size:14px;font-weight:500;border-radius:var(--nm-radius-md);border:none;cursor:pointer;transition:all var(--nm-transition-base);text-decoration:none}.nm-btn-primary{background:var(--nm-gold-600);color:var(--nm-black)}.nm-btn-primary:hover{background:var(--nm-gold-500);box-shadow:var(--nm-shadow-gold)}.nm-btn-secondary{background:transparent;color:var(--nm-gold-400);border:1px solid var(--nm-gold-600)}.nm-btn-secondary:hover{background:#b8860b1a;border-color:var(--nm-gold-400)}.nm-btn-ghost{background:transparent;color:var(--nm-text-secondary)}.nm-btn-ghost:hover{color:var(--nm-gold-400);background:#b8860b0f}.nm-card{background:var(--nm-bg-secondary);border:1px solid var(--nm-border);border-radius:var(--nm-radius-lg);padding:24px;transition:border-color var(--nm-transition-base),box-shadow var(--nm-transition-base)}.nm-card:hover{border-color:var(--nm-border-hover);box-shadow:var(--nm-shadow-sm)}.nm-card-gold{background:var(--nm-bg-secondary);border:1px solid rgba(184,134,11,.2);border-radius:var(--nm-radius-lg);padding:24px}.nm-card-gold:hover{border-color:var(--nm-gold-600);box-shadow:var(--nm-shadow-gold)}.nm-input{width:100%;padding:10px 14px;font-family:var(--nm-font-body);font-size:14px;color:var(--nm-text-primary);background:var(--nm-bg-tertiary);border:1px solid var(--nm-border);border-radius:var(--nm-radius-md);outline:none;transition:border-color var(--nm-transition-fast),box-shadow var(--nm-transition-fast)}.nm-input::placeholder{color:var(--nm-text-muted)}.nm-input:focus{border-color:var(--nm-gold-600);box-shadow:0 0 0 3px #b8860b26}.nm-badge{display:inline-flex;align-items:center;padding:2px 10px;font-size:12px;font-weight:500;border-radius:var(--nm-radius-full)}.nm-badge-gold{background:#b8860b26;color:var(--nm-gold-400)}.nm-badge-success{background:#1d6e5c26;color:var(--nm-teal-light)}.nm-badge-danger{background:#8b1a1a26;color:var(--nm-ruby-light)}.nm-divider{border:none;height:1px;background:var(--nm-border);margin:24px 0}.nm-divider-gold{border:none;height:1px;background:linear-gradient(90deg,transparent,var(--nm-gold-600),transparent);margin:24px 0}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: var(--nm-bg-primary);--surface: var(--nm-bg-secondary);--border: var(--nm-border);--text: var(--nm-text-primary);--muted: var(--nm-text-muted);--accent: var(--nm-gold-500);--sidebar-w: 220px;--settings-sidebar-w: 200px;--agent-panel-w: calc((100vw - var(--sidebar-w)) / 3)}body{font-family:var(--nm-font-body);background:var(--bg);color:var(--text);min-height:100vh;display:flex}a{color:inherit;text-decoration:none}#root{display:flex;width:100%;min-height:100vh}.sidebar{width:var(--sidebar-w);min-height:100vh;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0}.sidebar-logo{padding:20px 20px 16px;border-bottom:1px solid var(--border)}.sidebar-logo h1{font-size:16px;font-weight:700;letter-spacing:-.3px;background:linear-gradient(135deg,var(--nm-gold-400),var(--nm-gold-600));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.sidebar-logo p{font-size:11px;color:var(--muted);margin-top:2px}.sidebar-nav{flex:1;padding:12px 8px;display:flex;flex-direction:column;gap:2px}.sidebar-bottom{margin-top:auto;display:flex;flex-direction:column;gap:2px;padding-top:8px;border-top:1px solid var(--border)}.nav-link--btn{width:100%;background:none;border:none;cursor:pointer;text-align:left;font-family:inherit}.sidebar-user{border-top:1px solid var(--border);margin-top:6px;padding:10px 12px 4px;display:flex;flex-direction:column;gap:2px}.sidebar-user-name{font-size:13px;font-weight:500;color:var(--text);text-transform:capitalize}.sidebar-user-role{font-size:10px;font-weight:600;letter-spacing:.6px;color:var(--muted)}.sidebar-user-version{font-size:11px;color:var(--muted);margin-top:4px;opacity:.6}.nav-section-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);padding:10px 12px 4px}.nav-link{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--nm-radius-md);font-size:14px;color:var(--muted);transition:background var(--nm-transition-fast),color var(--nm-transition-fast)}.nav-link:hover{background:var(--nm-bg-tertiary);color:var(--nm-text-primary)}.nav-link.active{background:#b8860b26;color:var(--nm-gold-400)}.nav-icon{font-size:16px;width:20px;text-align:center}.main{margin-left:var(--sidebar-w);margin-right:var(--agent-panel-w);flex:1;display:flex;flex-direction:column;min-height:100vh}.settings-main{margin-left:calc(var(--sidebar-w) + var(--settings-sidebar-w))}.settings-sidebar{width:var(--settings-sidebar-w);position:fixed;top:0;left:var(--sidebar-w);bottom:0;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:16px 8px;gap:2px}.settings-sidebar-header{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);padding:4px 12px 10px}.settings-sidebar-close{background:none;border:none;color:var(--muted);cursor:pointer;font-size:14px;padding:2px 4px;border-radius:var(--nm-radius-md);line-height:1}.settings-sidebar-close:hover{color:var(--text);background:var(--nm-bg-tertiary)}.settings-nav-link{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--nm-radius-md);font-size:13px;color:var(--muted);transition:background var(--nm-transition-fast),color var(--nm-transition-fast)}.settings-nav-link:hover{background:var(--nm-bg-tertiary);color:var(--nm-text-primary)}.settings-nav-link.active{background:#b8860b1f;color:var(--nm-gold-400);font-weight:500}.topbar{height:52px;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 24px;gap:12px;position:sticky;top:0;background:var(--bg);z-index:10}.topbar h2{font-size:15px;font-weight:600}.page{flex:1;padding:28px 24px}.agent-panel{width:var(--agent-panel-w);position:fixed;top:0;right:0;bottom:0;background:var(--nm-bg-secondary);border-left:1px solid var(--nm-border);display:flex;flex-direction:column;z-index:10}.agent-panel-header{height:52px;padding:0 16px;border-bottom:1px solid var(--nm-border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.agent-panel-title{font-size:13px;font-weight:600;color:var(--nm-text-primary);letter-spacing:.1px}.agent-panel-body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.agent-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:2px dashed var(--nm-border-hover);border-radius:var(--nm-radius-lg);padding:32px 16px;text-align:center}.agent-placeholder-icon{font-size:32px}.agent-placeholder-text{font-size:13px;font-weight:500;color:var(--nm-text-primary)}.agent-placeholder-sub{font-size:12px;color:var(--nm-text-muted);line-height:1.5}.placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;border:2px dashed var(--nm-border-hover);border-radius:var(--nm-radius-lg);color:var(--muted);gap:8px}.placeholder-icon{font-size:36px}.placeholder h3{font-size:15px;font-weight:600;color:var(--text)}.placeholder p{font-size:13px}.login-page{flex:1;display:flex;align-items:center;justify-content:center;background:var(--bg)}.login-card{width:360px;background:var(--surface);border:1px solid var(--border);border-radius:var(--nm-radius-lg);padding:32px}.login-logo{text-align:center;margin-bottom:28px}.login-logo h1{font-size:20px;font-weight:700;background:linear-gradient(135deg,var(--nm-gold-400),var(--nm-gold-600));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.login-logo p{font-size:12px;color:var(--muted);margin-top:4px}.login-form{display:flex;flex-direction:column;gap:16px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:13px;font-weight:500;color:var(--text)}.field input,.field select{padding:9px 12px;border:1px solid var(--border);border-radius:var(--nm-radius-md);background:var(--bg);color:var(--text);font-size:14px;outline:none}.field input:focus,.field select:focus{border-color:var(--nm-gold-500)}.field-hint{font-size:12px;color:var(--muted)}.btn-primary{padding:10px 16px;background:var(--nm-gold-500);color:#fff;border:none;border-radius:var(--nm-radius-md);font-size:14px;font-weight:600;cursor:pointer}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-primary:hover:not(:disabled){background:var(--nm-gold-600)}.btn-ghost{padding:8px 16px;background:transparent;color:var(--muted);border:1px solid var(--border);border-radius:var(--nm-radius-md);font-size:13px;cursor:pointer}.btn-ghost:hover{color:var(--text);border-color:var(--nm-gold-500)}.btn-ghost-sm{padding:5px 10px;background:transparent;color:var(--muted);border:1px solid var(--border);border-radius:var(--nm-radius-md);font-size:12px;cursor:pointer}.btn-ghost-sm:hover{color:var(--text)}.form-error{font-size:13px;color:#ef4444;margin:0}.topbar:empty{display:none}.sp{display:flex;flex-direction:column;gap:20px}.sp-header{display:flex;align-items:center;justify-content:space-between}.sp-title{font-size:20px;font-weight:700}.sp-sub{font-size:13px;color:var(--muted);margin-top:2px}.sp-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--nm-radius-lg);overflow:hidden}.sp-card--form{padding:20px 24px}.sp-card-title{font-size:14px;font-weight:600;margin-bottom:16px}.sp-empty{padding:48px;text-align:center;color:var(--muted);font-size:14px}.field-row{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.field-row .field{flex:1;min-width:160px}.field-row .field--sm{flex:0 0 130px}.field-row .btn-primary{flex-shrink:0;height:38px}.users-table{width:100%;border-collapse:collapse;font-size:14px}.users-table th{text-align:left;padding:10px 20px;border-bottom:1px solid var(--border);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);background:var(--nm-bg-tertiary)}.users-table td{padding:14px 20px;border-bottom:1px solid var(--border);vertical-align:middle}.users-table tr:last-child td{border-bottom:none}.users-table tr:hover td{background:var(--nm-bg-tertiary)}.td-muted{color:var(--muted);font-size:13px}.user-cell{display:flex;align-items:center;gap:12px}.user-avatar{width:32px;height:32px;border-radius:50%;background:#b8860b26;color:var(--nm-gold-400);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;letter-spacing:.5px}.role-badge{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:600;cursor:pointer}.role-badge.role-beheerder{background:#8b5cf626;color:#a78bfa}.role-badge.role-gebruiker{background:var(--nm-bg-tertiary);color:var(--muted)}.toggle{width:36px;height:20px;background:var(--nm-bg-tertiary);border:1px solid var(--border);border-radius:10px;cursor:pointer;position:relative;transition:background .2s,border-color .2s;padding:0}.toggle--on{background:#22c55e40;border-color:#22c55e66}.toggle-thumb{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--muted);transition:transform .2s,background .2s}.toggle--on .toggle-thumb{transform:translate(16px);background:#22c55e}.btn-danger-sm{padding:5px 12px;background:transparent;color:#ef4444;border:1px solid rgba(239,68,68,.25);border-radius:var(--nm-radius-md);font-size:12px;cursor:pointer;white-space:nowrap}.btn-danger-sm:hover{background:#ef444414}