/* Brand tokens and geometry taken from igetservice-site/spaceweb/styles.css. */
@font-face { font-family: Manrope; font-style: normal; font-weight: 400; font-display: swap; src: url('fonts/manrope-400.ttf') format('truetype'); }
@font-face { font-family: Manrope; font-style: normal; font-weight: 600; font-display: swap; src: url('fonts/manrope-600.ttf') format('truetype'); }
@font-face { font-family: Manrope; font-style: normal; font-weight: 700; font-display: swap; src: url('fonts/manrope-700.ttf') format('truetype'); }
@font-face { font-family: Manrope; font-style: normal; font-weight: 800; font-display: swap; src: url('fonts/manrope-800.ttf') format('truetype'); }
:root {
  --bg: #090b14; --panel: #111527; --panel-2: #191f35; --line: #282f45;
  --text: #f7f8fa; --muted: #a9b0c3; --accent: #6c4cff; --accent-2: #c8ff3d;
  --iget-violet: #6c4cff; --iget-lime: #c8ff3d; --iget-ink: #090b14; --iget-cloud: #f7f8fa;
  font-family: Manrope, Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  -webkit-font-smoothing: antialiased;
}
::selection { background: var(--iget-lime); color: var(--iget-ink); }
#admin-panel .admin-header, #admin-panel .admin-tabs { background: var(--iget-ink); }
#admin-panel .admin-header { align-items: center; }
#admin-panel .admin-header .section-label { color: var(--muted); font-size: 10px; letter-spacing: .055em; }
#admin-panel .admin-header h1 { font-weight: 800; letter-spacing: -.065em; line-height: 1.15; }
.iget-mark { position: relative; display: inline-block; width: 43px; height: 34px; flex: 0 0 auto; }
.iget-path { position: absolute; display: block; border: 5px solid #fff; }
.iget-path-i { left: 2px; bottom: 1px; width: 23px; height: 20px; border-top: 0; border-right: 0; border-radius: 0 0 0 13px; }
.iget-path-top { left: 17px; top: 1px; width: 26px; height: 18px; border-right: 0; border-bottom: 0; border-radius: 12px 0 0 0; }
.iget-path-mid { left: 24px; bottom: 1px; width: 19px; height: 19px; border-left: 0; border-radius: 0 11px 11px 0; }
.iget-node { position: absolute; z-index: 2; top: 0; left: 2px; width: 8px; height: 8px; border-radius: 50%; background: var(--iget-lime); }
.admin-content {
  background-color: var(--iget-ink);
  background-image: radial-gradient(ellipse at 100% 0, #6c4cff1f, transparent 50%), linear-gradient(#ffffff03 1px, transparent 1px), linear-gradient(90deg, #ffffff03 1px, transparent 1px);
  background-size: auto, 48px 48px, 48px 48px;
}
#admin-panel .admin-tabs .admin-button { color: var(--muted); font-weight: 600; }
#admin-panel .admin-tabs .admin-button.selected { background: var(--iget-violet); color: #fff; border-color: var(--iget-violet); }
#admin-panel .admin-tabs .admin-button:hover:not(.selected) { color: var(--iget-lime); border-color: var(--line); }
.admin-user-toolbar h2, .admin-add-heading { font-weight: 800; letter-spacing: -.055em; }
.iget-heading-accent { color: #a18cff; font-style: italic; font-weight: 600; }
.admin-content .admin-card, .admin-content .admin-stats > div { border-radius: 20px; }
.admin-content .admin-button, .model-dialog .admin-button { border-radius: 999px; font-weight: 700; }
.admin-content .admin-button.primary { background: var(--iget-lime); border-color: var(--iget-lime); color: var(--iget-ink); }
.admin-content .admin-button.primary:hover { background: #d6ff70; }
.admin-content .admin-button:focus-visible, .admin-tabs .admin-button:focus-visible { outline: 2px solid var(--iget-lime); outline-offset: 3px; }
.admin-content .vpn-capacity { position: relative; isolation: isolate; overflow: hidden; min-height: 110px; border: 0; border-radius: 22px; background: var(--iget-violet); align-items: baseline; }
.admin-content .vpn-capacity::before { content: ''; position: absolute; width: 115px; height: 115px; right: -18px; top: -8px; border: 27px solid #ffffff15; border-radius: 50%; z-index: -1; }
.admin-content .vpn-capacity::after { content: ''; position: absolute; width: 10px; height: 10px; right: 31px; top: 6px; background: var(--iget-lime); border-radius: 50%; z-index: -1; }
.admin-content .vpn-capacity strong { color: #fff; font-size: 46px; font-weight: 800; letter-spacing: -.06em; }
.admin-content .vpn-capacity span { color: #f1edff; font-size: 12px; }
#admin-panel #vpn-create { background: var(--iget-cloud); color: var(--iget-ink); border-color: var(--iget-cloud); padding: 18px 16px; border-radius: 22px; }
#admin-panel #vpn-create label { color: #5f6678; font-size: 12px; font-weight: 600; }
#admin-panel #vpn-name { color: var(--iget-ink); background: #fff; border-color: #dfe3eb; border-radius: 12px; min-height: 47px; }
#admin-panel #vpn-name::placeholder { color: #747b8e; }
#admin-panel #vpn-name:focus { outline: 2px solid var(--iget-violet); outline-offset: 1px; }
#admin-panel #vpn-create-submit { border: 0; min-height: 49px; font-size: 13px; font-weight: 800; }
.admin-content .admin-badge { border-radius: 999px; }
.admin-content .admin-badge.answered { background: #c8ff3d19; color: #d4fc78; }
.admin-content .admin-badge.active { background: #6c4cff30; color: #d1c8ff; }
.admin-content .admin-feedback, .model-feedback { background: #17152c; border-color: var(--iget-violet); }
.admin-content .admin-user-model { border-color: var(--line); background: var(--iget-ink); }
.admin-content .admin-user-warning { color: #e4ddff; }
.admin-content #vpn-list .admin-card-title > strong { font-weight: 800; letter-spacing: -.035em; }
.admin-content .vpn-warning { color: var(--muted); }
@media (max-width: 600px) {
  #admin-panel .admin-header h1 { font-size: 27px; }
  #admin-panel .admin-tabs .admin-button { border-radius: 13px; }
  .admin-content .admin-user-toolbar h2 { font-size: 24px; }
  .admin-content .admin-add-heading { font-size: 21px; }
}
@media (max-width: 350px) {
  #admin-panel .admin-header .section-label { font-size: 9px; letter-spacing: 0; }
  #admin-panel #vpn-create { padding: 14px 11px; }
  #admin-panel #vpn-create-submit { font-size: 12px; }
  .admin-content .vpn-capacity strong { font-size: 40px; }
}
@media (max-height: 480px) and (max-width: 900px) {
  #admin-panel .admin-header h1 { font-size: 21px; }
  .iget-mark { transform: scale(.8); transform-origin: right center; height: 34px; }
}