:root {
  color-scheme: dark;
  --ctech-page: #05070b;
  --ctech-panel: #0b111c;
  --ctech-panel-2: #101827;
  --ctech-text: #eef6ff;
  --ctech-muted: #a8bad0;
  --ctech-line: #1c9be8;
  --ctech-line-soft: rgba(56, 189, 248, 0.34);
  --ctech-input: #070b12;
  --ctech-input-border: #2b5d86;
  --ctech-yellow: #ffd34a;
  --ctech-error: #ff6b6b;
  --ctech-error-bg: rgba(255, 107, 107, 0.12);
  --ctech-success: #54e38e;
  --ctech-success-bg: rgba(84, 227, 142, 0.12);
}

html[data-ctech-resolved="dark"] {
  color-scheme: dark;
}

html[data-ctech-resolved="light"] {
  color-scheme: light;
  --ctech-page: #eef6fb;
  --ctech-panel: #ffffff;
  --ctech-panel-2: #eaf4fb;
  --ctech-text: #08243d;
  --ctech-muted: #46637a;
  --ctech-line: #0b8fd8;
  --ctech-line-soft: rgba(11, 143, 216, 0.32);
  --ctech-input: #ffffff;
  --ctech-input-border: #81bce0;
  --ctech-yellow: #8a6500;
  --ctech-error: #b91c1c;
  --ctech-error-bg: rgba(185, 28, 28, 0.1);
  --ctech-success: #047857;
  --ctech-success-bg: rgba(4, 120, 87, 0.12);
}

html,
body.ctech-branded {
  min-height: 100%;
  background:
    radial-gradient(circle at 50% -20%, rgba(28, 155, 232, 0.22), transparent 34rem),
    var(--ctech-page) !important;
}

html[data-ctech-resolved="light"],
html[data-ctech-resolved="light"] body.ctech-branded {
  background:
    radial-gradient(circle at 50% -20%, rgba(28, 155, 232, 0.2), transparent 34rem),
    var(--ctech-page) !important;
}

body.ctech-branded {
  color: var(--ctech-text) !important;
}

body.ctech-branded #wrap,
body.ctech-branded #footer p,
body.ctech-branded #delete-confirm-dialog {
  background: var(--ctech-panel) !important;
  border-color: var(--ctech-line) !important;
  color: var(--ctech-text) !important;
  box-shadow: 0 20px 70px rgba(0, 0, 0, 0.42);
}

body.ctech-branded #wrap {
  border-radius: 18px;
  position: relative;
}

body.ctech-branded a,
body.ctech-branded a:link,
body.ctech-branded a:active,
body.ctech-branded a:visited {
  color: #59c8ff !important;
}

html[data-ctech-resolved="light"] body.ctech-branded a,
html[data-ctech-resolved="light"] body.ctech-branded a:link,
html[data-ctech-resolved="light"] body.ctech-branded a:active,
html[data-ctech-resolved="light"] body.ctech-branded a:visited {
  color: #0077b8 !important;
}

.ctech-theme-toggle {
  position: fixed;
  top: 12px;
  right: 12px;
  z-index: 32769;
  display: inline-flex;
  gap: 2px;
  padding: 3px;
  border: 1px solid var(--ctech-line-soft);
  border-radius: 8px;
  background: rgba(5, 7, 11, 0.88);
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.28);
}

.ctech-theme-button {
  min-width: 58px;
  height: 28px;
  border: 0;
  border-radius: 6px;
  color: var(--ctech-muted);
  background: transparent;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
}

.ctech-theme-button:hover,
.ctech-theme-button:focus {
  color: var(--ctech-text);
  outline: 1px solid var(--ctech-line-soft);
}

.ctech-theme-button.is-active {
  color: #ffffff;
  background: #0b8fd8;
}

html[data-ctech-resolved="light"] .ctech-theme-toggle {
  background: rgba(255, 255, 255, 0.92);
}

html[data-ctech-resolved="light"] .ctech-theme-button.is-active {
  color: #ffffff;
  background: #0077b8;
}

body.ctech-branded h1 {
  height: auto;
  min-height: 120px;
  max-width: min(420px, 100%);
}

body.ctech-branded.index h1,
body.ctech-branded.plugins h1,
body.ctech-branded.tools h1,
body.ctech-branded.infos h1 {
  min-height: 96px;
}

body.ctech-branded h1 a {
  display: block;
  width: min(360px, 82vw);
  min-height: 212px;
  float: right;
  font-size: 0;
  line-height: 0;
  text-align: right;
  text-decoration: none;
}

body.ctech-branded #yourls-logo {
  content: var(--ctech-logo-url);
  width: min(360px, 82vw) !important;
  height: auto !important;
  aspect-ratio: 16 / 10;
  object-fit: contain;
  object-position: center;
  border: 0;
  display: block;
  margin-left: auto;
  filter: drop-shadow(0 18px 30px rgba(0, 0, 0, 0.5));
}

body.ctech-branded .ctech-lockup {
  display: block;
  width: min(360px, 82vw);
  margin: -16px 0 0 auto;
  color: #eaf6ff;
  text-align: center;
  line-height: 1.1;
}

html[data-ctech-resolved="light"] body.ctech-branded .ctech-lockup {
  color: #08243d;
}

body.ctech-branded .ctech-lockup strong {
  display: block;
  color: #f4fbff;
  font-family: Verdana, Arial, sans-serif;
  font-size: 22px;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}

html[data-ctech-resolved="light"] body.ctech-branded .ctech-lockup strong {
  color: #08243d;
}

body.ctech-branded .ctech-lockup em {
  display: block;
  margin-top: 4px;
  color: var(--ctech-muted);
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
}

body.ctech-branded.index #yourls-logo,
body.ctech-branded.plugins #yourls-logo,
body.ctech-branded.tools #yourls-logo,
body.ctech-branded.infos #yourls-logo {
  width: min(290px, 34vw) !important;
}

body.ctech-branded.index .ctech-lockup,
body.ctech-branded.plugins .ctech-lockup,
body.ctech-branded.tools .ctech-lockup,
body.ctech-branded.infos .ctech-lockup {
  width: min(290px, 34vw);
  margin-top: -14px;
}

body.ctech-branded.index .ctech-lockup strong,
body.ctech-branded.plugins .ctech-lockup strong,
body.ctech-branded.tools .ctech-lockup strong,
body.ctech-branded.infos .ctech-lockup strong {
  font-size: 18px;
}

body.ctech-branded.index .ctech-lockup em,
body.ctech-branded.plugins .ctech-lockup em,
body.ctech-branded.tools .ctech-lockup em,
body.ctech-branded.infos .ctech-lockup em {
  font-size: 10px;
}

body.ctech-branded #login {
  margin-top: 150px;
}

body.ctech-branded #login p,
body.ctech-branded label,
body.ctech-branded div,
body.ctech-branded p,
body.ctech-branded td {
  color: var(--ctech-text);
}

body.ctech-branded input.text,
body.ctech-branded input[type="text"],
body.ctech-branded input[type="password"],
body.ctech-branded select,
body.ctech-branded textarea {
  color: var(--ctech-text) !important;
  background-color: var(--ctech-input) !important;
  border: 1px solid var(--ctech-input-border) !important;
}

body.ctech-branded input.text:focus,
body.ctech-branded input[type="text"]:focus,
body.ctech-branded input[type="password"]:focus,
body.ctech-branded textarea:focus {
  border-color: var(--ctech-line) !important;
  outline: 2px solid rgba(28, 155, 232, 0.24);
}

body.ctech-branded input.button,
body.ctech-branded .button {
  color: var(--ctech-text) !important;
  background: linear-gradient(180deg, #12263b, #0b1725) !important;
  border-color: var(--ctech-line-soft) !important;
}

html[data-ctech-resolved="light"] body.ctech-branded input.button,
html[data-ctech-resolved="light"] body.ctech-branded .button {
  color: #08243d !important;
  background: linear-gradient(180deg, #ffffff, #dceef8) !important;
}

body.ctech-branded input.primary,
body.ctech-branded #add-button {
  border-color: var(--ctech-line) !important;
}

body.ctech-branded .error,
body.ctech-branded .jquery-notify-bar.error,
body.ctech-branded .jquery-notify-bar.fail {
  color: var(--ctech-error) !important;
  background: var(--ctech-error-bg) !important;
}

body.ctech-branded .warning {
  color: var(--ctech-yellow) !important;
  background: rgba(255, 211, 74, 0.12) !important;
}

body.ctech-branded .success,
body.ctech-branded .jquery-notify-bar.success {
  color: var(--ctech-success) !important;
  background: var(--ctech-success-bg) !important;
}

body.ctech-branded #new_url,
body.ctech-branded #new_url div,
body.ctech-branded tr.edit-row td,
body.ctech-branded .notice,
body.ctech-branded #delete-confirm-dialog > div[name="dialog_title"],
body.ctech-branded #delete-confirm-dialog div.button-group {
  background: var(--ctech-panel-2) !important;
  border-color: var(--ctech-line-soft) !important;
  color: var(--ctech-text) !important;
}

body.ctech-branded #new_url {
  margin-top: 18px;
}

body.ctech-branded #new_url > div,
body.ctech-branded #new_url_form,
body.ctech-branded #new_url_form > div {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

body.ctech-branded #add-url {
  width: min(420px, 44vw);
}

body.ctech-branded #add-keyword {
  width: 110px;
}

body.ctech-branded table,
body.ctech-branded #main_table {
  background: var(--ctech-panel) !important;
  border-color: var(--ctech-line-soft) !important;
  color: var(--ctech-text) !important;
}

body.ctech-branded th,
body.ctech-branded td,
body.ctech-branded #main_table th,
body.ctech-branded #main_table td {
  background: #0b111c !important;
  border-color: rgba(88, 140, 180, 0.36) !important;
  color: var(--ctech-text) !important;
}

html[data-ctech-resolved="light"] body.ctech-branded th,
html[data-ctech-resolved="light"] body.ctech-branded td,
html[data-ctech-resolved="light"] body.ctech-branded #main_table th,
html[data-ctech-resolved="light"] body.ctech-branded #main_table td {
  background: #ffffff !important;
  border-color: rgba(11, 143, 216, 0.24) !important;
}

body.ctech-branded #main_table thead th,
body.ctech-branded #main_table tfoot th {
  background: #11263a !important;
  color: #f4fbff !important;
}

html[data-ctech-resolved="light"] body.ctech-branded #main_table thead th,
html[data-ctech-resolved="light"] body.ctech-branded #main_table tfoot th {
  background: #d9effb !important;
  color: #08243d !important;
}

body.ctech-branded #main_table tbody tr:nth-child(even) td {
  background: #0f1a29 !important;
}

html[data-ctech-resolved="light"] body.ctech-branded #main_table tbody tr:nth-child(even) td {
  background: #edf7fc !important;
}

body.ctech-branded #main_table tbody tr:hover td {
  background: #142842 !important;
}

html[data-ctech-resolved="light"] body.ctech-branded #main_table tbody tr:hover td {
  background: #dff2fb !important;
}

body.ctech-branded .tablesorter-header,
body.ctech-branded .header {
  color: #f4fbff !important;
}

html[data-ctech-resolved="light"] body.ctech-branded .tablesorter-header,
html[data-ctech-resolved="light"] body.ctech-branded .header {
  color: #08243d !important;
}

body.ctech-branded td.url small,
body.ctech-branded td.url small a,
body.ctech-branded .timestamp,
body.ctech-branded small {
  color: var(--ctech-muted) !important;
}

body.ctech-branded td.actions .button {
  background-color: #07111e !important;
  border-color: var(--ctech-line-soft) !important;
}

body.ctech-branded #main_table th.actions,
body.ctech-branded #main_table td.actions {
  width: 126px;
  min-width: 126px;
}

body.ctech-branded.desktop td.actions input,
body.ctech-branded.desktop td.actions a,
body.ctech-branded td.actions input,
body.ctech-branded td.actions a {
  opacity: 0.72 !important;
  pointer-events: auto !important;
}

body.ctech-branded tr:hover td.actions input,
body.ctech-branded tr:hover td.actions a,
body.ctech-branded tr:focus-within td.actions input,
body.ctech-branded tr:focus-within td.actions a {
  opacity: 1 !important;
}

body.ctech-branded td.actions .button_share {
  background:
    url("/images/share.svg") center / 15px 15px no-repeat,
    linear-gradient(180deg, #102338, #07111e) !important;
}

body.ctech-branded td.actions .button_edit {
  background:
    url("/images/pencil.svg") center / 15px 15px no-repeat,
    linear-gradient(180deg, #102338, #07111e) !important;
}

body.ctech-branded td.actions .button_delete {
  background:
    url("/images/delete.svg") center / 14px 14px no-repeat,
    linear-gradient(180deg, #2a1118, #12070b) !important;
}

body.ctech-branded td.actions .button_stats {
  background:
    url("/images/chart_bar.svg") center / 15px 15px no-repeat,
    linear-gradient(180deg, #12271a, #07120b) !important;
}

html[data-ctech-resolved="light"] body.ctech-branded td.actions .button_share {
  background:
    url("/images/share.svg") center / 15px 15px no-repeat,
    linear-gradient(180deg, #ffffff, #dceef8) !important;
}

html[data-ctech-resolved="light"] body.ctech-branded td.actions .button_edit {
  background:
    url("/images/pencil.svg") center / 15px 15px no-repeat,
    linear-gradient(180deg, #ffffff, #dceef8) !important;
}

html[data-ctech-resolved="light"] body.ctech-branded td.actions .button_delete {
  background:
    url("/images/delete.svg") center / 14px 14px no-repeat,
    linear-gradient(180deg, #ffffff, #f8e7ec) !important;
}

html[data-ctech-resolved="light"] body.ctech-branded td.actions .button_stats {
  background:
    url("/images/chart_bar.svg") center / 15px 15px no-repeat,
    linear-gradient(180deg, #ffffff, #e7f5eb) !important;
}

body.ctech-branded td.actions .button:hover {
  box-shadow: 0 0 0 2px rgba(56, 189, 248, 0.24);
}

body.ctech-branded #tabs ul#headers,
body.ctech-branded ul.toggle_display {
  border-color: var(--ctech-line-soft) !important;
}

body.ctech-branded #tabs ul#headers li a,
body.ctech-branded #stats_lines li a {
  color: #bfe8ff !important;
  background: #102338 !important;
  border-color: var(--ctech-line-soft) !important;
}

html[data-ctech-resolved="light"] body.ctech-branded #tabs ul#headers li a,
html[data-ctech-resolved="light"] body.ctech-branded #stats_lines li a {
  color: #0077b8 !important;
  background: #d9effb !important;
}

body.ctech-branded #tabs ul#headers li a:hover,
body.ctech-branded #stats_lines li a:hover {
  color: #f4fbff !important;
  background: #163b5c !important;
}

body.ctech-branded #tabs ul#headers li a.selected,
body.ctech-branded #tabs ul#headers li a.selected:hover,
body.ctech-branded #stats_lines li a.selected,
body.ctech-branded #stats_lines li a.selected:hover {
  color: #ffffff !important;
  background: #07111e !important;
  border-color: #59c8ff !important;
  border-bottom-color: #07111e !important;
}

html[data-ctech-resolved="light"] body.ctech-branded #tabs ul#headers li a.selected,
html[data-ctech-resolved="light"] body.ctech-branded #tabs ul#headers li a.selected:hover,
html[data-ctech-resolved="light"] body.ctech-branded #stats_lines li a.selected,
html[data-ctech-resolved="light"] body.ctech-branded #stats_lines li a.selected:hover {
  color: #08243d !important;
  background: #ffffff !important;
  border-color: #0b8fd8 !important;
  border-bottom-color: #ffffff !important;
}

body.ctech-branded .tab {
  color: var(--ctech-text) !important;
}

body.ctech-branded #historical_clicks li {
  color: var(--ctech-text) !important;
  background: transparent !important;
}

body.ctech-branded #historical_clicks li:nth-child(even),
body.ctech-branded #historical_clicks li[style] {
  background: #102338 !important;
}

html[data-ctech-resolved="light"] body.ctech-branded #historical_clicks li:nth-child(even),
html[data-ctech-resolved="light"] body.ctech-branded #historical_clicks li[style] {
  background: #d9effb !important;
}

body.ctech-branded #historical_clicks li:hover {
  background: #163b5c !important;
}

html[data-ctech-resolved="light"] body.ctech-branded #historical_clicks li:hover {
  background: #cae8f8 !important;
}

body.ctech-branded #historical_clicks span.historical_link,
body.ctech-branded #historical_clicks span.historical_count {
  color: var(--ctech-text) !important;
}

body.ctech-branded #details_clicks li.bestday,
body.ctech-branded #details_clicks li span.best_month,
body.ctech-branded #details_clicks li span.best_year,
body.ctech-branded #referrer_cell,
body.ctech-branded #longurl,
body.ctech-branded h2#informations,
body.ctech-branded h3,
body.ctech-branded h3 span.label {
  color: var(--ctech-text) !important;
}

body.ctech-branded code,
body.ctech-branded tt,
body.ctech-branded .sub_wrap span,
body.ctech-branded #delete-confirm-dialog div.confirm-message ul li span {
  background: #07111e !important;
  color: var(--ctech-text) !important;
}

html[data-ctech-resolved="light"] body.ctech-branded code,
html[data-ctech-resolved="light"] body.ctech-branded tt,
html[data-ctech-resolved="light"] body.ctech-branded .sub_wrap span,
html[data-ctech-resolved="light"] body.ctech-branded #delete-confirm-dialog div.confirm-message ul li span {
  background: #eef6fb !important;
}

body.ctech-branded #footer p a {
  background-image: none !important;
  padding-left: 0 !important;
}

@media (max-width: 640px) {
  body.ctech-branded {
    padding: 10px 8px 0;
  }

  body.ctech-branded #wrap {
    padding: 10px 14px 18px;
  }

  body.ctech-branded h1,
  body.ctech-branded h1 a {
    float: none;
    width: 100%;
    max-width: none;
    min-height: 0;
    text-align: center;
  }

  body.ctech-branded #yourls-logo {
    width: min(320px, 88vw) !important;
    margin: 0 auto 12px;
  }

  body.ctech-branded .ctech-lockup,
  body.ctech-branded.index .ctech-lockup,
  body.ctech-branded.plugins .ctech-lockup,
  body.ctech-branded.tools .ctech-lockup,
  body.ctech-branded.infos .ctech-lockup {
    width: min(320px, 88vw);
    margin: -22px auto 14px;
  }

  body.ctech-branded .ctech-lockup strong,
  body.ctech-branded.index .ctech-lockup strong,
  body.ctech-branded.plugins .ctech-lockup strong,
  body.ctech-branded.tools .ctech-lockup strong,
  body.ctech-branded.infos .ctech-lockup strong {
    font-size: 20px;
  }

  body.ctech-branded #login {
    margin-top: 18px;
  }
}