:root {
	  --primary: #2563eb;
	  --secondary: #0f766e;
	  --body-bg: #f8fafc;
	  --audela-card-bg: #ffffff;
	  --audela-text: #111827;
	  --audela-muted: #6b7280;
	  --audela-border: #dbe3ef;
	  --audela-radius: 16px;
	  --audela-radius-sm: 10px;
	  --audela-shadow: 0 18px 46px rgba(15, 23, 42, .10);
	  --darkened-bg: #e5e7eb;
	  --header-bg: #111827;
	  --link-fg: #2563eb;
	  --button-bg: #2563eb;
	  --button-hover-bg: #0f766e;
	}
	* { box-sizing: border-box; }
	body {
	  background:
	    radial-gradient(circle at 12% 0%, rgba(37, 99, 235, .08), transparent 26rem),
	    linear-gradient(180deg, var(--body-bg), #eef2f7 100%);
	  color: var(--audela-text);
	  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	}
	a:link, a:visited { color: var(--link-fg); }
	#container { background: transparent; }
	#header {
	  min-height: 64px;
	  padding: 12px 28px;
	  background: linear-gradient(135deg, var(--header-bg), color-mix(in srgb, var(--header-bg) 82%, var(--primary)));
	  box-shadow: 0 14px 34px rgba(15, 23, 42, .18);
	}
	#branding h1 { margin: 0; }
	.audela-brand { display: flex; align-items: center; gap: 12px; font-weight: 800; letter-spacing: 0; }
	.audela-brand img { max-height: 38px; max-width: 160px; object-fit: contain; background: #fff; border-radius: 12px; padding: 5px; box-shadow: 0 8px 22px rgba(0, 0, 0, .12); }
	div.breadcrumbs {
	  margin: 18px 24px 0;
	  padding: 12px 18px;
	  background: rgba(255, 255, 255, .84);
	  border: 1px solid var(--audela-border);
	  border-radius: var(--audela-radius);
	  box-shadow: 0 8px 24px rgba(15, 23, 42, .06);
	  color: var(--audela-muted);
	}
	div.breadcrumbs a, div.breadcrumbs a:link, div.breadcrumbs a:visited {
	  color: var(--primary);
	  font-weight: 700;
	}
	.main.shifted > #nav-sidebar { border-right: 0; box-shadow: 14px 0 36px rgba(15, 23, 42, .08); }
	#nav-sidebar {
	  background: rgba(255, 255, 255, .88);
	  border-radius: 0 var(--audela-radius) var(--audela-radius) 0;
	}
	#nav-sidebar .module th, #nav-sidebar .module td { border-bottom-color: #edf2f7; }
	#content { padding: 28px; }
	#content h1 { margin: 0 0 22px; font-size: 28px; font-weight: 800; color: var(--audela-text); letter-spacing: 0; }
	.module, .grp-module, #content-related, .inline-group {
	  overflow: hidden;
	  background: var(--audela-card-bg);
	  border: 1px solid var(--audela-border);
	  border-radius: var(--audela-radius);
	  box-shadow: var(--audela-shadow);
	}
	.module h2, .module caption, .inline-group h2 {
	  padding: 13px 18px;
	  background: linear-gradient(135deg, var(--primary), var(--secondary));
	  color: #fff;
	  font-weight: 800;
	  letter-spacing: 0;
	}
	table { overflow: hidden; border-radius: var(--audela-radius); border-collapse: separate; border-spacing: 0; }
	thead th { background: #f8fafc; color: #334155; font-weight: 750; }
	td, th { border-bottom-color: #edf2f7; }
	tbody tr:hover { background: color-mix(in srgb, var(--primary) 7%, #fff); }
	.button, input[type=submit], input[type=button], .submit-row input, a.button {
	  border: 0;
	  border-radius: 999px;
	  padding: 10px 18px;
	  font-weight: 750;
	  box-shadow: 0 10px 22px rgba(37, 99, 235, .20);
	}
	.button.default, input[type=submit].default, .submit-row input.default {
	  background: linear-gradient(135deg, var(--primary), var(--secondary));
	}
	input[type=text], input[type=password], input[type=email], input[type=url], input[type=number], textarea, select, .vTextField {
	  border: 1px solid var(--audela-border);
	  border-radius: var(--audela-radius-sm);
	  padding: 9px 12px;
	  box-shadow: inset 0 1px 2px rgba(15, 23, 42, .04);
	}
	input:focus, textarea:focus, select:focus {
	  border-color: var(--primary);
	  box-shadow: 0 0 0 4px color-mix(in srgb, var(--primary) 18%, transparent);
	  outline: none;
	}
	.object-tools a, .object-tools a:link, .object-tools a:visited {
	  border-radius: 999px;
	  background: var(--secondary);
	  font-weight: 750;
	}
	.submit-row {
	  background: rgba(255, 255, 255, .9);
	  border: 1px solid var(--audela-border);
	  border-radius: var(--audela-radius);
	  box-shadow: var(--audela-shadow);
	}
	.login #container {
	  margin-top: 64px;
	  border: 1px solid var(--audela-border);
	  border-radius: 22px;
	  box-shadow: var(--audela-shadow);
	}