* { box-sizing: border-box; }
    body {
      margin: 0;
      font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      background: #07111f;
      color: #f8fafc;
    }
    .page-grid {
      background:
        linear-gradient(180deg, rgba(7, 17, 31, 0.94), #07111f 44%),
        linear-gradient(rgba(255,255,255,0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.04) 1px, transparent 1px);
      background-size: auto, 64px 64px, 64px 64px;
    }
    .panel {
      background: rgba(255,255,255,0.055);
      border: 1px solid rgba(255,255,255,0.09);
      backdrop-filter: blur(18px);
      border-radius: 20px;
    }
    .field {
      width: 100%;
      border-radius: 12px;
      border: 1px solid rgba(255,255,255,0.12);
      background: rgba(255,255,255,0.06);
      color: white;
      padding: 11px 13px;
      outline: none;
    }
    .field:focus { border-color: rgba(103,232,249,0.55); }
    .primary {
      background: #f8fafc;
      color: #07111f;
      font-weight: 800;
    }
    .ghost {
      background: rgba(255,255,255,0.06);
      border: 1px solid rgba(255,255,255,0.09);
    }
    .badge {
      border-radius: 999px;
      padding: 4px 10px;
      font-size: 12px;
      font-weight: 700;
    }
    .toast {
      position: fixed;
      right: 18px;
      top: 74px;
      z-index: 50;
      padding: 12px 16px;
      border-radius: 12px;
      background: rgba(15,23,42,0.96);
      border: 1px solid rgba(103,232,249,0.32);
      color: white;
      display: none;
    }
    @media (max-width: 720px) {
      .wide-table { min-width: 720px; }
    }