Clean/feature

client/src/containers/User/Profile/ProfileUpdate.module.css

@@ -0,0 +1,112 @@
+.container {
+  max-width: 650px;
+  margin: 2rem auto;
+  padding: 2rem;
+  background: #ffffff;
+  border-radius: 1rem;
+  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
+}
+
+.title {
+  text-align: center;
+  margin-bottom: 2rem;
+  color: #222;
+  font-size: 1.8rem;
+  font-weight: 600;
+}
+
+.form label {
+  display: block;
+  font-weight: 600;
+  margin-bottom: 0.4rem;
+  color: #444;
+}
+
+.section {
+  margin-bottom: 1.5rem;
+}
+
+.section input,
+.section textarea {
+  width: 100%;
+  padding: 0.7rem;
+  border-radius: 0.5rem;
+  border: 1px solid #ccc;
+  font-size: 1rem;
+  transition: 0.2s;
+}
+
+.section input:focus,
+.section textarea:focus {
+  border-color: #007bff;
+  outline: none;
+}
+
+.preview {
+  display: block;
+  margin: 0.5rem auto 1rem;
+  width: 160px;
+  height: 160px;
+  border-radius: 50%;
+  object-fit: cover;
+  border: 3px solid #eee;
+}
+
+.placeholder {
+  width: 160px;
+  height: 160px;
+  border-radius: 50%;
+  background: #f3f3f3;
+  margin: 0.5rem auto 1rem;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: #777;
+  border: 2px solid #ddd;
+}
+
+.qrSection {
+  text-align: center;
+  margin-top: 2rem;
+}
+
+.qr {
+  width: 170px;
+  height: 170px;
+  margin-top: 0.7rem;
+  border-radius: 0.5rem;
+  border: 2px solid #ddd;
+}
+
+.submit {
+  text-align: center;
+  margin-top: 1.5rem;
+}
+
+.submit button {
+  background: #007bff;
+  color: white;
+  border: none;
+  padding: 0.9rem 2rem;
+  border-radius: 0.5rem;
+  cursor: pointer;
+  font-size: 1.1rem;
+  font-weight: 600;
+  transition: 0.2s;
+}
+
+.submit button:hover {
+  background: #005fcc;
+}
+
+.submit button:disabled {
+  background: #888;
+  cursor: not-allowed;
+}
+
+.status {
+  text-align: center;
+  color: green;
+  margin-top: 1rem;
+  font-weight: 600;
+}