:root {
      --bg0: #0e1117;
      --bg1: #161b22;
      --bg2: #1c2333;
      --bg2h: #232b3e;
      --br0: #2a3244;
      --br1: #3a4560;
      --t1: #e6edf3;
      --t2: #8b949e;
      --t3: #636e7b;
      --ta: #0e1117;
      --cy: #00bcd4;
      --cyg: rgba(0, 188, 212, .08);
      --ok: #4caf50;
      --okg: rgba(76, 175, 80, .1);
      --warn: #ff9800;
      --warng: rgba(255, 152, 0, .1);
      --err: #ef5350;
      --errg: rgba(239, 83, 80, .1);
      --pur: #8b5cf6;
      --purg: rgba(139, 92, 246, .1);
      --ff: 'DM Sans', sans-serif;
      --fm: 'JetBrains Mono', monospace;
      --r1: 6px;
      --r2: 8px;
      --r3: 12px;
      --sidebar-w: 240px;
      --header-h: 52px
    }

    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box
    }

    body {
      font-family: var(--ff);
      background: var(--bg0);
      color: var(--t1);
      font-size: 14px;
      line-height: 1.5
    }

    ::-webkit-scrollbar {
      width: 5px
    }

    ::-webkit-scrollbar-thumb {
      background: var(--br0);
      border-radius: 3px
    }

    .form-control,
    .form-select {
      background: var(--bg2);
      border: 1px solid var(--br0);
      color: var(--t1);
      font-family: var(--ff);
      font-size: .82rem;
      padding: 7px 10px
    }

    .form-control:focus,
    .form-select:focus {
      background: var(--bg2);
      border-color: var(--cy);
      box-shadow: 0 0 0 2px rgba(0, 188, 212, .12);
      color: var(--t1)
    }

    .form-control::placeholder {
      color: var(--t3)
    }

    .form-label {
      font-size: .68rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: .05em;
      color: var(--t3);
      margin-bottom: 4px
    }