:root{
      --bg-image-url: url('https://wallpapercave.com/wp/wp16001932.jpg');
      --overlay: rgba(3,6,18,0.72);
      --card-bg: rgba(8,12,20,0.64);
      --muted: #9aa6bf;
      --text: #e7f0ff;
      --up: #32d583;
      --down: #ff6b78;
      --overloaded: #f2c94c;
      --unknown: #7f8fa6;
      --glass: rgba(255,255,255,0.03);
      --radius:12px;
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
      color-scheme: dark;
    }
    html,body{height:100%;margin:0;}
    body{
      background-image: linear-gradient(var(--overlay), var(--overlay)), var(--bg-image-url);
      background-size: cover;
      background-position: center center;
      display:flex;
      align-items:center;
      justify-content:center;
      padding:28px;
      -webkit-font-smoothing:antialiased;
      -moz-osx-font-smoothing:grayscale;
      color:var(--text);
    }
    .wrap{
      width:100%;
      max-width:600px;
      border-radius:14px;
      background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));
      border: 1px solid rgba(255,255,255,0.03);
      box-shadow: 0 12px 40px rgba(2,6,23,0.75);
      padding:18px;
      backdrop-filter: blur(6px) saturate(120%);
    }
    header{display:flex;align-items:center;gap:12px;margin-bottom:8px;}
    .logo { width:56px;height:56px;border-radius:12px;display:grid;place-items:center;color:white;font-size:20px;background:#1a2333;}
    h1{font-size:18px;margin:0;}
    p.lead{margin:0;color:var(--muted);font-size:13px;}
    .status-badge{
      display:inline-flex;gap:8px;align-items:center;padding:8px 12px;border-radius:999px;
      background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.03);font-weight:600;font-size:13px;
    }
    .status-badge i{font-size:14px;}
    .global-banner{
      margin-top:12px;border-radius:10px;padding:12px 14px;display:flex;align-items:center;gap:12px;
      font-weight:700;
      box-shadow: 0 6px 18px rgba(0,0,0,0.45);
    }
    .banner-up{ background: linear-gradient(90deg, rgba(50,213,131,0.08), rgba(50,213,131,0.04)); color:var(--up); border:1px solid rgba(50,213,131,0.12);}
    .banner-down{ background: linear-gradient(90deg, rgba(255,107,120,0.06), rgba(255,107,120,0.02)); color:var(--down); border:1px solid rgba(255,107,120,0.08);}
    .banner-overloaded{ background: linear-gradient(90deg, rgba(242,201,76,0.06), rgba(242,201,76,0.02)); color:var(--overloaded); border:1px solid rgba(242,201,76,0.06);}
    .banner-unknown{ background: linear-gradient(90deg, rgba(127,143,166,0.06), rgba(127,143,166,0.02)); color:var(--unknown); border:1px solid rgba(127,143,166,0.06);}
    footer{margin-top:14px;color:var(--muted);font-size:13px;text-align:right;}