body{margin:0;background:var(--bg-000);color:var(--ink);font-family:var(--font-sans)}
.n-row{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}
.n-stack{display:flex;flex-direction:column;gap:var(--space-3)}
.n-pad{padding:var(--space-4)}
.n-btn{font:600 14px/20px var(--font-sans);border-radius:var(--radius-sm);padding:6px var(--space-3);border:1px solid transparent;cursor:pointer}
.n-btn:focus-visible,.n-input:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.n-btn--primary{background:var(--green);color:var(--ink-on-accent)}
.n-btn--primary:hover{background:var(--green-hover)}
.n-btn--secondary{background:var(--bg-200);color:var(--ink);border-color:var(--control-border)}
.n-btn--ghost{background:transparent;color:var(--ink)}
.n-btn--ghost:hover{background:var(--bg-200)}
.n-btn[disabled]{opacity:.45;cursor:not-allowed}
.n-badge{display:inline-flex;align-items:center;gap:6px;font:600 12px/16px var(--font-sans);padding:2px 10px;border-radius:var(--radius-pill)}
.n-badge::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.n-badge--in{color:var(--green);background:var(--green-soft)}
.n-badge--onsite{color:var(--blue);background:var(--blue-soft)}
.n-badge--out{color:var(--ink-muted);background:var(--bg-200)}
.n-badge--held{color:var(--orange);background:var(--orange-soft)}
.n-badge--error{color:var(--danger);background:var(--danger-soft)}
.n-card{background:var(--bg-100);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-4)}
.n-card h3{margin:0 0 var(--space-1);font:600 16px/22px var(--font-sans)}
.n-muted{color:var(--ink-muted);font-size:12px;line-height:16px}
.n-mono{font-family:var(--font-mono);font-size:13px;color:var(--ink-muted)}
.n-table{width:100%;border-collapse:collapse;background:var(--bg-100);border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden;font:400 14px/20px var(--font-sans)}
.n-table th{text-align:left;font:600 12px/16px var(--font-sans);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--line)}
.n-table td{padding:var(--space-3);border-bottom:1px solid var(--line);vertical-align:top}
.n-table tr:last-child td{border-bottom:0}
.n-table tr:hover td{background:var(--bg-200)}
.n-field{display:flex;flex-direction:column;gap:var(--space-1);font:600 12px/16px var(--font-sans);color:var(--ink-muted)}
.n-input{font:400 14px/20px var(--font-sans);color:var(--ink);background:var(--bg-200);border:1px solid var(--control-border);border-radius:var(--radius-sm);padding:6px var(--space-3)}
.n-input::placeholder{color:var(--ink-muted)}
.n-header{display:flex;align-items:center;gap:var(--space-6);height:80px;box-sizing:border-box;background:var(--bg-100);border-bottom:1px solid var(--line);padding:0 var(--space-6)}
.n-header img{height:48px;width:auto}
.n-divider{width:1px;height:40px;background:var(--line)}
.n-search{display:flex;align-items:center;gap:var(--space-2);margin-left:auto;width:260px;height:44px;box-sizing:border-box;background:var(--bg-200);border:1px solid var(--control-border);border-radius:var(--radius-sm);padding:0 var(--space-3)}
.n-search input{flex-grow:1;font:400 14px/20px var(--font-sans);color:var(--ink);background:transparent;border:0;outline:none}
.n-search span{font-size:12px;line-height:16px;color:var(--ink-muted);border:1px solid var(--control-border);border-radius:var(--radius-sm);padding:0 6px}
.n-nav{display:flex;gap:var(--space-1)}
.n-nav a{color:var(--ink-muted);text-decoration:none;font:600 14px/20px var(--font-sans);padding:6px var(--space-3);border-radius:var(--radius-sm)}
.n-nav a:hover{color:var(--ink);background:var(--bg-200)}
.n-nav a[aria-current]{color:var(--green);background:var(--green-soft)}
.n-header .n-client{margin-left:0}
