.project-form { margin: 2px 0 9px; padding: 9px; border: 1px solid var(--line); border-radius: 9px; background: #202020; }
.project-form input { width: 100%; padding: 8px 9px; border: 1px solid var(--line-strong); border-radius: 7px; outline: none; background: #151515; color: var(--text); }
.project-form input:focus { border-color: #777; }
.project-form > div { display: flex; gap: 6px; margin-top: 7px; }
.project-form button { flex: 1; padding: 7px; border: 1px solid var(--line); border-radius: 7px; background: var(--surface); color: var(--text); cursor: pointer; }
.project-form button[type="submit"] { background: #ededed; color: #171717; font-weight: 700; }
.project-form .form-error { min-height: 0; margin: 6px 0 0; }
.account-panel h3 { margin: 0 0 10px; font-size: 14px; }
.panel-note, .settings-card p { color: var(--muted); font-size: 13px; line-height: 1.5; }
.settings-card, .user-card { margin-top: 10px; }
.settings-card label { display: block; margin: 12px 0 6px; color: var(--muted); font-size: 12px; }
.settings-card input, .settings-card select, .user-heading select { width: 100%; padding: 10px 11px; border: 1px solid var(--line-strong); border-radius: 8px; background: #171717; color: var(--text); }
.user-heading select { width: auto; }
.settings-card small, .user-heading small { display: block; margin-top: 7px; color: var(--muted); font-size: 11px; }
.device-status { display: block; margin-top: 7px; color: var(--muted); font-size: 11px; }
.device-status::before { content: ""; width: 6px; height: 6px; display: inline-block; margin-right: 6px; border-radius: 50%; background: #686868; }
.device-status.online { color: #83d6a8; }
.device-status.online::before { background: #55c990; }
.user-form { display: grid; gap: 9px; }
.user-form .form-error { margin: 0; }
.button-row { display: flex; gap: 8px; margin-top: 12px; }
.primary-action, .danger-action, .user-card button { padding: 9px 11px; border: 1px solid var(--line-strong); border-radius: 8px; background: var(--surface); color: var(--text); cursor: pointer; }
.primary-action { background: #ededed; color: #171717; font-weight: 700; }
.danger-action { color: var(--danger); }
.device-code { display: grid; gap: 8px; margin-top: 12px; padding: 12px; border-radius: 9px; background: #171717; }
.device-code strong { font-size: 22px; letter-spacing: .14em; }
.device-code a { color: var(--blue); font-size: 12px; }
.user-list { margin-top: 14px; }
.user-card.revoked { opacity: .56; }
.user-card button:disabled, .user-heading select:disabled { cursor: not-allowed; opacity: .45; }