restore frontend base structure and style.css

backend/public/css/style.css

@@ -1,26 +1,70 @@
-const API="/resman/api"
+body{
-
+font-family:Arial;
-async function api(url, options={}){
+margin:40px;
-
+background:#f4f6f8;
-const res = await fetch(url, options)
-
-if(!res.ok){
-
-let msg="API error"
-
-try{
-
-const err = await res.json()
-msg = err.error || msg
-
-}catch(e){}
-
-alert("Fehler: "+msg)
-
-throw new Error(msg)
-
 }
 
-return res.json()
+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;
+}
+
+table{
+width:100%;
+border-collapse:collapse;
+margin-top:10px;
+}
+
+th,td{
+padding:8px;
+border-bottom:1px solid #ddd;
+text-align:left;
+}
+
+th{
+background:#1e3a8a;
+color:white;
+}
+
+button{
+background:#3b82f6;
+color:white;
+border:none;
+border-radius:4px;
+padding:6px 10px;
+margin:2px;
+cursor:pointer;
+}
+
+button:hover{
+background:#1e40af;
+}
+
+.provider{
+background:#e9f2ff;
+padding:2px 8px;
+border-radius:4px;
+font-size:12px;
+}
+
+.ip{
+font-size:12px;
+background:#f4f4f4;
+padding:2px 6px;
+margin:2px 0;
+border-radius:4px;
+display:inline-block;
+}
+
+.system{
+font-size:13px;
+color:#333;
 }