Update static/style.css

static/style.css

@@ -16,9 +16,7 @@ body {
     box-shadow: 0 8px 20px rgba(0,0,0,0.3);
 }
 
-.header {
-    margin-bottom: 20px;
-}
+.header { margin-bottom: 20px; }
 
 .form-box input {
     padding: 10px;
@@ -59,57 +57,19 @@ button:hover {
     transform: translateY(-3px);
 }
 
-.logout {
-    background: #ff4b5c;
-}
+.logout { background: #ff4b5c; }
+.logout:hover { background: #ff2e44; }
 
-.logout:hover {
-    background: #ff2e44;
-}
+.result { margin-top: 20px; font-size: 1.2em; animation: fadeIn 1s ease-in-out; }
 
-.result {
-    margin-top: 20px;
-    font-size: 1.2em;
-    animation: fadeIn 1s ease-in-out;
-}
+/* Flash messages */
+.flash-messages { margin: 15px 0; }
+.flash { padding: 10px; border-radius: 8px; margin-bottom: 10px; animation: slideDown 0.5s ease forwards; }
+.flash.success { background: #28a745; color: white; }
+.flash.error { background: #dc3545; color: white; }
+.flash.info { background: #17a2b8; color: white; }
 
 /* Animations */
-.fade-in {
-    animation: fadeIn 1s ease-in-out;
-}
-
-@keyframes fadeIn {
-    from { opacity: 0; transform: translateY(20px); }
-    to { opacity: 1; transform: translateY(0); }
-}
-
-.flash-messages {
-    margin: 15px 0;
-}
-
-.flash {
-    padding: 10px;
-    border-radius: 8px;
-    margin-bottom: 10px;
-    animation: slideDown 0.5s ease forwards;
-}
-
-.flash.success {
-    background: #28a745;
-    color: white;
-}
-
-.flash.error {
-    background: #dc3545;
-    color: white;
-}
-
-.flash.info {
-    background: #17a2b8;
-    color: white;
-}
-
-@keyframes slideDown {
-    from { opacity: 0; transform: translateY(-20px); }
-    to { opacity: 1; transform: translateY(0); }
-}
+.fade-in { animation: fadeIn 1s ease-in-out; }
+@keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
+@keyframes slideDown { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } }