#app { padding: 28px 20px 60px; min-height: 60vh; }
#app-lang { background: var(--surface); color: var(--ink); border: 1px solid var(--line); border-radius: 8px; padding: 4px 6px; }
.auth { max-width: 420px; margin: 30px auto; display: grid; gap: 10px; }
.auth input[type=email], .auth input[type=password], .dash-form input[type=text] {
  font: 1rem var(--sans); padding: 10px 12px; border: 1.5px solid var(--line); border-radius: 10px; background: var(--surface); color: var(--ink); }
.auth .switch { font-size: .92rem; }
.dash-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 16px; }
.dash-head { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; }
.dash-form { display: flex; gap: 8px; flex-wrap: wrap; margin: 12px 0 20px; }
.dash-form input[type=text] { flex: 1; min-width: 220px; }
.counts { display: flex; gap: 6px; flex-wrap: wrap; margin: 8px 0; }
.counts span { font: 600 .78rem var(--sans); padding: 2px 9px; border-radius: 99px; }
.c-critical { background: var(--bad-soft); color: var(--bad); } .c-high { background: #ffe9d6; color: #b04a00; }
.c-medium { background: var(--warn-soft); color: var(--warn); } .c-low { background: var(--accent-soft); color: var(--accent); }
.c-info { background: var(--ok-soft); color: var(--ok); }
.secret { font: .85rem var(--mono); word-break: break-all; background: var(--bg); border: 1px dashed var(--line); padding: 10px; border-radius: 8px; }
.danger { background: var(--bad); }
.linkbtn { background: none; border: 0; color: var(--accent); cursor: pointer; font: inherit; padding: 0; text-decoration: underline; }
.row-actions { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; }
.plan-pill { font: 700 .75rem var(--mono); text-transform: uppercase; padding: 3px 9px; border-radius: 99px; background: var(--accent-soft); color: var(--accent); }
.secret { white-space: pre-wrap; }