Update custom.css

custom.css

@@ -192,3 +192,76 @@ html.dark #sidebar,
   -webkit-backdrop-filter: blur(10px);
   background-color: rgba(13, 13, 13, 0.5) !important;
 }
+
+/* ================= POPUP CÀI ĐẶT (tinh chỉnh kích thước & thẩm mỹ) ================= */
+[role="dialog"] {
+  position: fixed !important;
+  top: 50% !important;
+  left: 50% !important;
+  transform: translate(-50%, -50%) !important;
+  width: min(1100px, 96vw) !important;  /* to hơn một chút */
+  max-height: 92vh !important;
+  height: auto !important;
+  margin: 0 !important;
+  padding: 2.25rem 2.5rem !important;   /* thoáng hơn */
+  border-radius: 20px !important;
+  overflow: auto !important;
+  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45);
+  backdrop-filter: blur(18px) !important;
+  -webkit-backdrop-filter: blur(18px) !important;
+}
+
+/* Nền popup sáng rõ và sang hơn */
+html.light [role="dialog"] {
+  background: rgba(245, 245, 245, 0.75) !important;
+  border: 1px solid rgba(0, 0, 0, 0.08);
+}
+html.dark [role="dialog"] {
+  background: rgba(20, 20, 20, 0.72) !important;
+  border: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+/* Nút Lưu ở góc phải to hơn và nổi bật */
+[role="dialog"] button:is(#save-button, [type="submit"], [aria-label*="Lưu" i]) {
+  font-size: 0.95rem;
+  padding: 0.7rem 1.75rem;
+  border-radius: 999px;
+  font-weight: 600;
+  background: linear-gradient(90deg, #0099ff, #00ccff);
+  border: none;
+  color: #fff;
+  box-shadow: 0 0 16px rgba(0, 153, 255, 0.6);
+  transition: all 0.25s ease;
+}
+[role="dialog"] button:is(#save-button, [type="submit"], [aria-label*="Lưu" i]):hover {
+  transform: translateY(-1px);
+  box-shadow: 0 0 22px rgba(0, 153, 255, 0.8);
+}
+html.dark [role="dialog"] button:is(#save-button, [type="submit"], [aria-label*="Lưu" i]) {
+  background: linear-gradient(90deg, #ffffff, #e5e5e5);
+  color: #000;
+}
+
+/* Tăng chiều cao cho textarea */
+[role="dialog"] textarea {
+  min-height: 110px !important;
+  font-size: 0.95rem;
+  padding: 0.8rem 1rem;
+  border-radius: 10px;
+  width: 100%;
+  background: rgba(255,255,255,0.05);
+  border: 1px solid rgba(255,255,255,0.15);
+}
+html.dark [role="dialog"] textarea {
+  background: rgba(0,0,0,0.3);
+  border: 1px solid rgba(255,255,255,0.1);
+}
+
+/* Làm mượt phần nội dung và khoảng cách */
+[role="dialog"] .font-medium {
+  font-size: 0.96rem !important;
+  letter-spacing: 0.25px;
+}
+[role="dialog"] > * {
+  margin-bottom: 1.2rem !important;
+}