body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);margin:0;padding:20px;color:#fff}.container{max-width:1200px;margin:0 auto}.header{text-align:center;margin-bottom:30px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:20px;border:1px solid rgba(255,255,255,.2)}.stat-title{font-size:18px;margin-bottom:15px;font-weight:600}.metric{display:flex;justify-content:space-between;margin-bottom:10px;font-size:14px}.progress-bar{height:8px;background:#fff3;border-radius:4px;overflow:hidden;margin-top:5px}.progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);border-radius:4px;transition:width .3s ease}.high-usage{background:linear-gradient(90deg,#ff5722,#ff9800)}.timestamp{text-align:center;font-size:12px;opacity:.8;margin-top:20px}.error{background:#f4433633;padding:10px;border-radius:5px;margin:10px 0}.system-info{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:20px;border:1px solid rgba(255,255,255,.2);margin-top:20px}.cpu-details{margin-top:15px;font-size:12px;opacity:.9}.process-list{max-height:300px;overflow-y:auto}.process-item{padding:5px 0;border-bottom:1px solid rgba(255,255,255,.1)}.port-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-top:10px}.port-item{background:#ffffff26;padding:8px;border-radius:8px;text-align:center}