:root{--color-primary:#06c;--color-primary-hover:#05a;--color-danger:#c00;--color-danger-hover:#fff0f0;--color-bg:#f5f5f5;--color-bg-surface:#fff;--color-bg-muted:#fafafa;--color-bg-hover:#f0f0f0;--color-text:#333;--color-text-secondary:#666;--color-text-muted:#999;--color-text-heading:#555;--color-text-on-primary:#fff;--color-border:#eee;--color-border-strong:#ccc;--color-border-subtle:#f0f0f0;--color-error-bg:#fee;--color-error-border:#fcc;--color-error-text:#c00;--color-success-bg:#dcfce7;--color-success-text:#15803d;--color-warning-bg:#fef3c7;--color-warning-text:#b45309;--color-info-bg:#dbeafe;--color-info-text:#1d4ed8;--color-severity-low-bg:#dcfce7;--color-severity-low-text:#15803d;--color-severity-medium-bg:#fef3c7;--color-severity-medium-text:#b45309;--color-severity-high-bg:#ffedd5;--color-severity-high-text:#c2410c;--color-severity-critical-bg:#fee2e2;--color-severity-critical-text:#b91c1c;--font-sans:"Inter Variable", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono Variable", "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:1.1rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-pill:20px;--radius-full:50%;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 0 20px #0000001a;--overlay:#00000080}.roots-logout-button{font-size:var(--font-size-sm,14px);color:var(--color-text,#333);background:var(--color-bg-surface,#fff);border:1px solid var(--color-border,#eee);border-radius:var(--radius-sm,4px);padding:var(--space-1,4px) var(--space-3,12px);cursor:pointer;line-height:1.4}.roots-logout-button:hover:not(:disabled){background:var(--color-bg-hover,#f0f0f0)}.roots-logout-button:disabled{cursor:default;opacity:.6}*{box-sizing:border-box}body{font-family:var(--font-sans);padding:var(--space-5);background:var(--color-bg);color:var(--color-text);margin:0}.app{max-width:1100px;margin:0 auto}header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}header h1{margin:0}button{padding:var(--space-2) var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-bg-surface);cursor:pointer;font-size:var(--font-size-sm)}button:hover{background:var(--color-bg-hover)}button.primary{background:var(--color-primary);color:var(--color-text-on-primary);border-color:var(--color-primary)}button.primary:hover{background:var(--color-primary-hover)}button.danger{color:var(--color-danger);border-color:var(--color-danger)}button.danger:hover{background:var(--color-danger-hover)}button.small{padding:var(--space-1) 10px;font-size:var(--font-size-xs);margin-left:var(--space-2)}.search-bar{gap:var(--space-2);margin-bottom:var(--space-5);display:flex}.search-bar input{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);font-size:var(--font-size-sm);flex:1;padding:10px 14px}.error{background:var(--color-error-bg);color:var(--color-error-text);border-radius:var(--radius-sm);margin-bottom:var(--space-5);padding:10px}.loading,.empty{text-align:center;color:var(--color-text-secondary);padding:var(--space-10)}.badge{border-radius:var(--radius-lg);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;padding:3px 10px;display:inline-block}.badge-active{color:#1a7f37;background:#e6f4ea}.badge-pending{color:#b08800;background:#fff8e1}.badge-locked{color:#c62828;background:#fdecea}.user-table,.credential-table{border-collapse:collapse;background:var(--color-bg-surface);border-radius:var(--radius-md);width:100%;box-shadow:var(--shadow-sm);overflow:hidden}.user-table th,.user-table td,.credential-table th,.credential-table td{padding:var(--space-3);text-align:left;border-bottom:1px solid var(--color-border)}.user-table th,.credential-table th{background:var(--color-bg-muted);font-weight:var(--font-weight-semibold)}.user-email{font-weight:var(--font-weight-medium)}.user-actions{gap:var(--space-2);display:flex}.mono{font-family:var(--font-mono);font-size:13px}.detail-header{align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.detail-header h2{margin:0}.detail-card{background:var(--color-bg-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-1) 0;margin-bottom:var(--space-6)}.detail-row{padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-border-subtle);display:flex}.detail-row:last-child{border-bottom:none}.detail-label{width:200px;color:var(--color-text-secondary);font-weight:var(--font-weight-medium);flex-shrink:0}.detail-value{align-items:center;gap:var(--space-2);flex:1;display:flex}.inline-edit{gap:var(--space-2);align-items:center;display:flex}.inline-edit input{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);font-size:var(--font-size-sm);width:250px;padding:6px 10px}h3{margin-bottom:var(--space-3)}.new-user-form{background:var(--color-bg-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-5);margin-bottom:var(--space-5)}.new-user-form h3{margin-top:0}.form-row{margin-bottom:var(--space-3)}.form-row label{gap:var(--space-1);font-size:var(--font-size-sm);color:var(--color-text-secondary);flex-direction:column;display:flex}.form-row input{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);font-size:var(--font-size-sm);width:100%;max-width:360px;padding:10px 14px}.form-actions{gap:var(--space-2);display:flex}.temp-password-reveal{align-items:flex-start;gap:var(--space-2);flex-direction:column;width:100%}.temp-password-row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.temp-password-value{padding:var(--space-2) var(--space-3);color:#f9fafb;border-radius:var(--radius-sm);letter-spacing:.05em;-webkit-user-select:all;user-select:all;background:#1f2937;font-size:15px;display:inline-block}.temp-password-warning{color:var(--color-text-secondary);font-size:var(--font-size-xs);margin:0}.user-detail-split{gap:var(--space-5);margin-bottom:var(--space-6);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;display:grid}@media (width<=900px){.user-detail-split{grid-template-columns:1fr}}.user-detail-split>.detail-card{margin-bottom:0}.json-view{background:var(--color-bg-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-3) var(--space-4);gap:var(--space-2);flex-direction:column;display:flex}.json-view-header{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.json-view-label{color:var(--color-text-secondary);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm)}.json-view pre{color:#f9fafb;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);white-space:pre;background:#1f2937;max-height:480px;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;line-height:1.55;overflow:auto}