:root {
	--ilnk-bg: #f7f8fb;
	--ilnk-panel: #ffffff;
	--ilnk-panel-2: #f0f4ff;
	--ilnk-text: #18202b;
	--ilnk-muted: #667085;
	--ilnk-border: #d8deea;
	--ilnk-accent: #276ef1;
	--ilnk-accent-2: #10a37f;
	--ilnk-link-hover: #008a2e;
	--ilnk-nav-fg: #ffffff;
	--ilnk-nav-fg-bg: #000000;
	--ilnk-nav-fg-hover: #aaffaa;
	--ilnk-nav-blk-fg: #000000;
	--ilnk-nav-blk-bg: #ffff00;
	--ilnk-nav-blk-bg-link: #b58900;
	--ilnk-warn: #d97706;
	--ilnk-shadow: 0 10px 30px rgba(24, 32, 43, .08);
}

html[data-theme="dark"] {
	--ilnk-bg: #0e1117;
	--ilnk-panel: #151a23;
	--ilnk-panel-2: #1c2430;
	--ilnk-text: #eef2f7;
	--ilnk-muted: #a6b0c3;
	--ilnk-border: #2b3546;
	--ilnk-accent: #99f6e4;
	--ilnk-accent-2: #5eead4;
	--ilnk-link-hover: #ccfbf1;
	--ilnk-nav-fg: #0e1117;
	--ilnk-nav-fg-bg: #99f6e4;
	--ilnk-nav-fg-hover: #0f766e;
	--ilnk-nav-blk-fg: #0e1117;
	--ilnk-nav-blk-bg: #fde68a;
	--ilnk-nav-blk-bg-link: #fde68a;
	--ilnk-warn: #fbbf24;
	--ilnk-shadow: 0 10px 30px rgba(0, 0, 0, .35);
}

body {
	background: var(--ilnk-bg);
	color: var(--ilnk-text);
	font-family: georgia, serif;
	font-size: 100%;
	margin: 0;
}

body a,
body a:link,
body a:visited {
	color: var(--ilnk-accent);
	text-decoration: none;
}

body a:hover {
	color: var(--ilnk-link-hover);
	text-decoration: none;
}

html[data-theme="dark"] body a,
html[data-theme="dark"] body a:link,
html[data-theme="dark"] body a:visited {
	text-decoration-color: rgba(153, 246, 228, .65);
}

html[data-theme="dark"] body a:hover {
	color: var(--ilnk-link-hover);
}

a.fg,
a.fg:link,
a.fg:visited {
	background: var(--ilnk-nav-fg-bg);
	color: var(--ilnk-nav-fg) !important;
	font-family: sans-serif;
	font-weight: bold;
	padding: 0 4px;
}

a.fg:hover {
	color: var(--ilnk-nav-fg-hover) !important;
	font-family: sans-serif;
	font-weight: bold;
}

a.bg,
a.bg:link,
a.bg:visited {
	color: var(--ilnk-accent) !important;
	font-family: sans-serif;
	font-weight: bold;
	padding: 0 4px;
}

a.bg:hover {
	color: var(--ilnk-link-hover) !important;
	font-family: sans-serif;
	font-weight: bold;
}

a.fg_blk,
a.fg_blk:link,
a.fg_blk:visited {
	background: var(--ilnk-nav-blk-bg);
	color: var(--ilnk-nav-blk-fg) !important;
	font-family: sans-serif;
	font-weight: bold;
	padding: 0 4px;
}

a.fg_blk:hover {
	color: #ff0000 !important;
	font-family: sans-serif;
	font-weight: bold;
}

a.bg_blk,
a.bg_blk:link,
a.bg_blk:visited {
	color: var(--ilnk-nav-blk-bg-link) !important;
	font-family: sans-serif;
	font-weight: bold;
	padding: 0 4px;
}

a.bg_blk:hover {
	color: #ff0000 !important;
	font-family: sans-serif;
	font-weight: bold;
}

.my,
h1,
h2,
h3,
h4,
h5 {
	display: inline;
	font-family: sans-serif;
}

form {
	display: inline;
}

body table {
	background: var(--ilnk-panel);
	border-color: var(--ilnk-border);
	color: var(--ilnk-text);
}

body th,
body td {
	border-color: var(--ilnk-border);
}

body tr[bgcolor],
body td[bgcolor],
body th[bgcolor] {
	background: var(--ilnk-panel-2) !important;
	color: var(--ilnk-text) !important;
}

html[data-theme="dark"] body tr[bgcolor],
html[data-theme="dark"] body td[bgcolor],
html[data-theme="dark"] body th[bgcolor] {
	background: #1f2937 !important;
	color: var(--ilnk-text) !important;
}

.ilnk-home-light-panel {
	color: #111;
}

.ilnk-home-light-panel a {
	color: #0645ad;
}

html[data-theme="dark"] .ilnk-home-light-panel {
	background: #202838 !important;
	border-color: #3a4860 !important;
	color: #eef2f7;
}

html[data-theme="dark"] .ilnk-home-light-panel a {
	color: #9bbcff;
}

.ilnk-theme-toggle {
	background: var(--ilnk-panel);
	border: 1px solid var(--ilnk-border);
	border-radius: 999px;
	color: var(--ilnk-text) !important;
	cursor: pointer;
	padding: .25em .7em;
	text-decoration: none;
}

.ilnk-dashboard {
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.ilnk-hero {
	background: linear-gradient(135deg, var(--ilnk-panel), var(--ilnk-panel-2));
	border: 1px solid var(--ilnk-border);
	border-radius: 18px;
	box-shadow: var(--ilnk-shadow);
	margin: 0 0 1.25em;
	padding: 1.25em;
}

.ilnk-hero h1 {
	margin: 0 0 .25em;
}

.ilnk-muted {
	color: var(--ilnk-muted);
}

.ilnk-grid {
	display: grid;
	gap: 1em;
	grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
	margin: 1em 0;
}

.ilnk-card {
	background: var(--ilnk-panel);
	border: 1px solid var(--ilnk-border);
	border-radius: 16px;
	box-shadow: var(--ilnk-shadow);
	padding: 1em;
}

.ilnk-card-label {
	color: var(--ilnk-muted);
	font-size: .9em;
}

.ilnk-card-value {
	font-size: 2em;
	font-weight: 800;
	line-height: 1.15;
}

.ilnk-card-note {
	color: var(--ilnk-muted);
	font-size: .9em;
	margin-top: .35em;
}

.ilnk-bars {
	background: var(--ilnk-panel);
	border: 1px solid var(--ilnk-border);
	border-radius: 16px;
	box-shadow: var(--ilnk-shadow);
	margin: 1em 0;
	padding: 1em;
}

.ilnk-bar-row {
	align-items: center;
	display: grid;
	gap: .75em;
	grid-template-columns: 8.5em 1fr 5em;
	margin: .55em 0;
}

.ilnk-bar-track {
	background: var(--ilnk-panel-2);
	border-radius: 999px;
	overflow: hidden;
}

.ilnk-bar-fill {
	background: linear-gradient(90deg, var(--ilnk-accent), var(--ilnk-accent-2));
	border-radius: 999px;
	height: 1em;
	min-width: 2px;
}

.ilnk-table {
	border-collapse: collapse;
	margin: 1em 0;
	width: 100%;
}

.ilnk-table th,
.ilnk-table td {
	border-bottom: 1px solid var(--ilnk-border);
	padding: .65em;
	text-align: left;
	vertical-align: top;
}

.ilnk-table th {
	background: var(--ilnk-panel-2);
}

.ilnk-pill {
	background: var(--ilnk-panel-2);
	border: 1px solid var(--ilnk-border);
	border-radius: 999px;
	display: inline-block;
	padding: .2em .6em;
}