restore frontend base structure and style.css + modal

backend/public/css/style.css

@@ -1,70 +1,95 @@
-body{
-font-family:Arial;
-margin:40px;
-background:#f4f6f8;
+body {
+    font-family: Arial, sans-serif;
+    margin: 40px;
+    background: #f4f6f8;
 }
 
-h1{
-margin-bottom:30px;
+h1 {
+    margin-bottom: 30px;
 }
 
-section{
-background:white;
-padding:20px;
-margin-bottom:30px;
-border-radius:8px;
-box-shadow:0 2px 6px rgba(0,0,0,0.1);
-border-left:4px solid #3b82f6;
+section {
+    background: white;
+    padding: 20px;
+    margin-bottom: 30px;
+    border-radius: 8px;
+    border-left: 4px solid #3b82f6;
+    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
 }
 
-table{
-width:100%;
-border-collapse:collapse;
-margin-top:10px;
+table {
+    width: 100%;
+    border-collapse: collapse;
+    margin-top: 10px;
 }
 
-th,td{
-padding:8px;
-border-bottom:1px solid #ddd;
-text-align:left;
+th, td {
+    padding: 8px;
+    border-bottom: 1px solid #ddd;
+    text-align: left;
 }
 
-th{
-background:#1e3a8a;
-color:white;
+th {
+    background: #1e3a8a;
+    color: white;
 }
 
-button{
-background:#3b82f6;
-color:white;
-border:none;
-border-radius:4px;
-padding:6px 10px;
-margin:2px;
-cursor:pointer;
+td {
+    vertical-align: top;
 }
 
-button:hover{
-background:#1e40af;
+button {
+    background: #3b82f6;
+    color: white;
+    border: none;
+    border-radius: 4px;
+    padding: 6px 10px;
+    margin: 2px;
+    cursor: pointer;
 }
 
-.provider{
-background:#e9f2ff;
-padding:2px 8px;
-border-radius:4px;
-font-size:12px;
+button:hover {
+    background: #1e40af;
 }
 
-.ip{
-font-size:12px;
-background:#f4f4f4;
-padding:2px 6px;
-margin:2px 0;
-border-radius:4px;
-display:inline-block;
+input, textarea {
+    padding: 6px;
+    margin: 4px;
+    width: 95%;
 }
 
-.system{
-font-size:13px;
-color:#333;
+.provider {
+    background: #e9f2ff;
+    padding: 2px 8px;
+    border-radius: 4px;
+    font-size: 12px;
+}
+
+.ip {
+    font-size: 12px;
+    background: #f4f4f4;
+    padding: 2px 6px;
+    margin: 2px;
+    border-radius: 4px;
+    display: inline-block;
+}
+
+.system {
+    font-size: 13px;
+    color: #333;
+}
+
+.modal {
+    display: none;
+    position: fixed;
+    top: 10%;
+    left: 50%;
+    transform: translateX(-50%);
+    background: white;
+    padding: 20px;
+    width: 600px;
+    max-height: 80vh;
+    overflow: auto;
+    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
+    border-radius: 6px;
 }