body{background:linear-gradient(-45deg,#74ebd5,#acb6e5,#ff9a9e,#fbc2eb);background-size:400% 400%;animation:gradientBG 15s ease infinite}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.container{max-width:1000px;margin:0 auto;padding:20px;text-align:center}h1{color:#2c3e50;margin-bottom:30px}.chart-container{background:linear-gradient(135deg,#fff,#f0f4f7);border-radius:12px;padding:20px;margin-bottom:30px;box-shadow:0 6px 16px #0000001a;transition:transform .2s}.chart-container:hover{transform:translateY(-5px)}.charts-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px}.charts-row .chart-container{flex:1 1 45%;min-width:300px}.chart-container canvas{max-width:100%!important;height:auto!important}.uptime{font-size:18px;color:#34495e;margin-bottom:20px;font-weight:700}.alert{padding:15px;border-radius:8px;margin-bottom:20px;color:#fff;font-weight:700;box-shadow:0 2px 8px #0000001a}.alert-cpu{background-color:#e74c3c}.alert-memory{background-color:#f39c12}.metric-value{font-size:20px;font-weight:700;margin-top:10px;color:#2c3e50}