:root {
  --primary: #7258f6;
  --primary-dark: #5841d6;
  --secondary: #14213d;
  --accent: #27d4b2;
  --background: #f4f6fb;
  --surface: #ffffff;
  --sidebar: #10182b;
  --sidebar-muted: #8490aa;
  --text: #182033;
  --muted: #667085;
  --border: #e5e9f2;
  --success: #138f72;
  --warning: #c97912;
  --danger: #d13f55;
  --info: #3b72e8;
  --radius: 16px;
  --shadow: 0 14px 40px rgba(23, 34, 62, .08);
}

html[data-theme="dark"] {
  --background: #0d1321;
  --surface: #151e30;
  --text: #edf2ff;
  --muted: #9aa8c1;
  --border: #29344a;
  --shadow: 0 18px 42px rgba(0,0,0,.25);
}

@media (prefers-color-scheme: dark) {
  html[data-theme="system"] { --background:#0d1321;--surface:#151e30;--text:#edf2ff;--muted:#9aa8c1;--border:#29344a;--shadow:0 18px 42px rgba(0,0,0,.25); }
}

.update-upload-card{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:start}.update-upload-card form{grid-column:1/-1;display:grid;gap:14px}.zip-drop{border:1.5px dashed var(--border);border-radius:14px;padding:24px;display:grid;gap:5px;text-align:center;background:var(--background);cursor:pointer}.zip-drop:hover{border-color:var(--primary)}.zip-drop span{font-size:12px;color:var(--muted)}.zip-drop input{margin:12px auto 0;max-width:100%}.release-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.release-heading h2{margin:0}.release-version{font-size:22px;font-weight:850;color:var(--primary);background:rgba(114,88,246,.1);padding:10px 14px;border-radius:12px}.release-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}.release-summary>div{display:grid;gap:6px;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--background)}.release-notes{display:grid;gap:10px;padding-left:21px;color:var(--muted);line-height:1.55}.update-actions{align-items:center}.update-actions form{margin:0}.card code{font-size:12px;background:var(--background);border:1px solid var(--border);border-radius:6px;padding:2px 6px}

@media(max-width:620px){.update-upload-card{grid-template-columns:1fr}.release-heading{flex-direction:column}.release-summary{grid-template-columns:1fr}.update-actions{align-items:stretch}.update-actions form,.update-actions button{width:100%}}
.requirement-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:18px 0 24px}.requirement-list>div{display:flex;align-items:center;gap:8px;font-size:12px;padding:9px 10px;background:var(--background);border:1px solid var(--border);border-radius:9px}@media(max-width:620px){.requirement-list{grid-template-columns:1fr}}