decouple OTP secrets from instances with a dedicated database table and CRUD API endpoints

static/style.css

@@ -162,7 +162,7 @@ label {
     font-weight: 500;
 }
 
-input {
+input, select {
     width: 100%;
     background-color: var(--bg-color);
     border: 1px solid var(--border-color);
@@ -174,7 +174,7 @@ input {
     transition: border-color 0.2s, box-shadow 0.2s;
 }
 
-input:focus {
+input:focus, select:focus {
     outline: none;
     border-color: var(--primary);
     box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.25);
@@ -377,14 +377,14 @@ input:focus {
     color: var(--status-online);
 }
 
-.users-list {
+.users-list, .otp-secrets-list {
     margin-top: 2rem;
     display: flex;
     flex-direction: column;
     gap: 1rem;
 }
 
-.user-item {
+.user-item, .otp-secret-item {
     background-color: var(--bg-color);
     border: 1px solid var(--border-color);
     border-radius: 8px;
@@ -394,12 +394,12 @@ input:focus {
     align-items: center;
 }
 
-.user-info h3 {
+.user-info h3, .otp-secret-info h3 {
     font-size: 1rem;
     margin-bottom: 0.25rem;
 }
 
-.user-actions {
+.user-actions, .otp-secret-actions {
     display: flex;
     gap: 0.5rem;
 }