diff --git a/public/assets/css/app.css b/public/assets/css/app.css
index 41cd833..35210de 100644
--- a/public/assets/css/app.css
+++ b/public/assets/css/app.css
@@ -151,6 +151,9 @@ body {
 @media (max-width: 900px){ .auth-grid { grid-template-columns: 1fr; } .form-grid { grid-template-columns: 1fr; } }
 
 .modal .panel { max-height: 90vh; overflow: auto; }
+.modal { position: fixed; inset: 0; display: none; align-items: flex-start; justify-content: center; padding: 70px 16px 24px; background: rgba(0,0,0,0.4); z-index: 200; overflow: auto; }
+.modal.open { display: flex; }
+.modal .panel { background:#fff; border-radius: var(--radius-md); padding: 16px; box-shadow: 0 18px 50px rgba(0,0,0,0.25); width: min(960px, 100%); }
 
 .dash-grid { display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 16px; }
 .dash-grid-2 { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; }