body { font-family: 'Segoe UI', sans-serif; background: linear-gradient(135deg,#f5f7fa,#c3cfe2); color:#333; margin:0; padding:20px;}
.widget { background:#fff; border-radius:12px; padding:20px; margin-bottom:20px; box-shadow:0 4px 20px rgba(0,0,0,0.15); transition: transform 0.3s, box-shadow 0.3s;}
.widget:hover { transform: translateY(-5px); box-shadow:0 6px 25px rgba(0,0,0,0.2);}
.weather-card { display:flex; align-items:center; gap:15px;}
.load-bar { width:100%; background:#eee; border-radius:8px; overflow:hidden; height:20px; margin-bottom:5px;}
.load-fill { height:100%; background:#1a73e8; transition: width 0.5s;}
.server-card { margin-bottom:10px; background:#f1f5f9; padding:10px; border-radius:8px; box-shadow:0 2px 8px rgba(0,0,0,0.1);}
h4 { margin-bottom:15px; color:#1a73e8;}
a { color:#1a73e8; text-decoration:none; }
a:hover { text-decoration:underline; }
@media(max-width:768px){.row{display:block}.col-md-3,.col-md-12{width:100%;margin-bottom:15px;}}