Basic design created

public/css/elements.css

@@ -0,0 +1,47 @@
+/* Toaster */
+.toaster {
+    position: fixed;
+    bottom: 20px;
+    right: 20px;
+    background: #4caf50;
+    color: #fff;
+    padding: 12px 20px;
+    border-radius: 6px;
+    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
+}
+
+input[type="text"],
+input[type="email"],
+input[type="password"] {
+    width: 100%;
+    font-size: 13pt;
+    padding: 5px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    color: #656363;
+}
+
+input[type="text"]:focus,
+input[type="email"]:focus,
+input[type="password"]:focus {
+    outline: none;
+    border-color: #1d4899;
+}
+
+
+table {
+    width: 100%;
+}
+
+button, input[type="submit"] {
+    cursor: pointer;
+    background-color: #ffffff;
+    border: 1px solid #809dd5 !important;
+    padding: 10px 20px;
+    font-weight: bold;
+}
+
+button:hover, input[type="submit"]:hover {
+    background-color: #1d4899;
+    color: #ffffff;
+}