.modal[data-v-b37a3036]{background-color:#0006;border-radius:10px;display:block;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:1002}.modal-content[data-v-b37a3036]{background-color:#fff;border:1px solid #888;border-radius:10px;color:#333;font-family:Arial,sans-serif;margin:15% auto;padding:20px;position:relative;width:50%}.mode-selection[data-v-b37a3036]{align-items:center;display:flex;flex-direction:column;padding:20px}.form-actions[data-v-b37a3036],.role-selection[data-v-b37a3036]{align-items:center;display:flex;justify-content:space-between;margin-top:15px}select[data-v-b37a3036]{border:1px solid #ccc;border-radius:4px;padding:8px}button[data-v-b37a3036]{background-color:#a1a1a1;border:none;border-radius:5px;color:#fff;cursor:pointer;margin:0 5px 10px;min-width:100px;padding:10px 15px;transition:background-color .3s ease}button[data-v-b37a3036]:hover{background-color:#6d6d6d}.close[data-v-b37a3036]{color:#aaa;float:right;font-size:28px;font-weight:700;position:absolute;right:20px;top:10px}.close[data-v-b37a3036]:focus,.close[data-v-b37a3036]:hover{color:#000;cursor:pointer;text-decoration:none}input[type=email][data-v-b37a3036],input[type=password][data-v-b37a3036]{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;display:inline-block;margin:8px 0;padding:12px 20px;width:100%}.modal[data-v-c5656776]{--accent-green:#41c720;--accent-blue:#186bc4;--accent-red:#d32f2f;background-color:#0006;border-radius:10px;display:block;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:1002}.modal-content[data-v-c5656776]{background-color:#fff;border:1px solid #888;border-radius:10px;color:#333;font-family:Arial,sans-serif;margin:15% auto;min-width:320px;padding:20px;position:relative;width:50%}.panel-title[data-v-c5656776]{font-size:1.2em;margin:0 0 15px}.mode-selection[data-v-c5656776]{flex-direction:column;padding:20px}.form-actions[data-v-c5656776],.mode-selection[data-v-c5656776]{align-items:center;display:flex}.form-actions[data-v-c5656776]{justify-content:space-between;margin-top:15px}.hint[data-v-c5656776]{color:#666;font-size:.8em;margin:8px 0}.selected-note[data-v-c5656776]{color:#444}.search-box[data-v-c5656776]{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;margin:8px 0;padding:10px;width:100%}.user-list[data-v-c5656776]{list-style:none;margin:10px 0;max-height:260px;overflow-y:auto;padding:0}.user-row[data-v-c5656776]{align-items:center;border-bottom:1px solid #eee;border-left:3px solid transparent;cursor:pointer;display:flex;justify-content:space-between;padding:8px 10px;transition:background-color .2s ease}.user-row[data-v-c5656776]:hover{background-color:#f5f5f5}.user-row.selected[data-v-c5656776]{background-color:#186bc426;border-left-color:var(--accent-blue)}.user-row.disabled[data-v-c5656776]{cursor:not-allowed;opacity:.55}.user-row.disabled[data-v-c5656776]:hover{background-color:transparent}.user-email[data-v-c5656776]{font-size:.9em;overflow:hidden;text-overflow:ellipsis}.badge[data-v-c5656776]{background-color:#e0e0e0;border-radius:3px;color:#555;font-size:.7em;font-style:normal;margin-left:6px;padding:2px 5px}.badge-admin[data-v-c5656776]{background-color:var(--accent-blue);color:#fff}.feedback[data-v-c5656776]{font-size:.85em;margin-top:12px}.feedback.ok[data-v-c5656776]{color:#2e7d32}.feedback.bad[data-v-c5656776]{color:var(--accent-red)}button[data-v-c5656776]{background-color:#a1a1a1;border:none;border-radius:5px;color:#fff;cursor:pointer;margin:0 5px 10px;min-width:100px;padding:10px 15px;transition:background-color .3s ease}button[data-v-c5656776]:hover{background-color:#6d6d6d}.btn-add[data-v-c5656776]{background-color:var(--accent-green)}.btn-add[data-v-c5656776]:hover{background-color:#34a818}.btn-remove[data-v-c5656776]{background-color:var(--accent-red)}.btn-remove[data-v-c5656776]:hover{background-color:#9a2020}button[data-v-c5656776]:disabled,button[data-v-c5656776]:disabled:hover{background-color:#ddd;color:#999;cursor:not-allowed}.close[data-v-c5656776]{color:#aaa;float:right;font-size:28px;font-weight:700;position:absolute;right:20px;top:10px}.close[data-v-c5656776]:focus,.close[data-v-c5656776]:hover{color:#000;cursor:pointer;text-decoration:none}input[type=email][data-v-c5656776],input[type=password][data-v-c5656776]{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;display:inline-block;margin:8px 0;padding:12px 20px;width:100%}.login-popup[data-v-d0c61eb0]{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:15px;position:absolute;right:0;top:100%;width:200px;z-index:1001}input[type=email][data-v-d0c61eb0],input[type=password][data-v-d0c61eb0]{border:1px solid #ccc;border-radius:3px;box-sizing:border-box;display:inline-block;height:10px;margin:5px 0;padding:10px;width:100%}button[data-v-d0c61eb0]{border:1px solid #fff;border-radius:3px;color:#fff;cursor:pointer;margin:8px 0;padding:8px;width:100%}button[data-v-d0c61eb0]:hover{opacity:.8}#submit-button[data-v-d0c61eb0]{background-color:#41c720;color:#fff}button.secondary[data-v-d0c61eb0]{background-color:#a1a1a1}.first-login-note[data-v-d0c61eb0]{color:#444;font-size:.75em;line-height:1.4;margin:0 0 8px}.login-error[data-v-d0c61eb0]{color:#c62828;font-size:.75em;margin:8px 0 0}.header{background-color:var(--surface-card);border-bottom:1px solid var(--border-hairline);display:flex;justify-content:flex-end;padding:10px;width:100%;z-index:1000}.nav-right{align-items:center;display:flex}.login-logout-button,.settings-button{align-items:center;background-color:var(--surface-card-hover);border:none;border-radius:50%;color:var(--ink-primary);cursor:pointer;display:flex;font-size:1.5em;height:30px;justify-content:center;margin-right:5px;padding:6px;transition-delay:.1s;transition:box-shadow .3s ease,background-color .3s ease;width:30px}.login-logout-button.bg-light-blue{background-color:var(--accent)}.login-logout-button.logged-in{background-color:var(--status-good)}.login-logout-button.logged-in:hover{background-color:var(--status-critical)}.login-logout-button:hover,.settings-button:hover{box-shadow:0 0 0 1px var(--border-hairline)}.settings-button:hover{background-color:var(--surface-page)}.settings-button .settings-gear{transition:transform .5s ease}.settings-button:hover .settings-gear{transform:rotate(180deg)}.login-container{position:relative}body,html,iframe,span{border:0;margin:0;padding:0}*{box-sizing:border-box}.footer{background-color:var(--surface-card);border-top:1px solid var(--border-hairline);display:flex;justify-content:flex-end;padding:10px;width:100%;z-index:1000}