@import url("gui-controls.css?v=20261025-feedback-controls");
	@font-face{
		font-family: "Inter Tight";
		font-style: normal;
		font-weight: 100 900;
		font-display: swap;
		src: url("/assets/fonts/inter-tight.ttf") format("truetype");
	}
	:root{
		--background: #f5f8fb;
		--background-soft: #ecf1f6;
		--ink: #1f2937;
		--text: #1f2937;
		--text-secondary: #4a5565;
		--muted: #64748b;
		--line: #e8edf5;
		--line-accent: #dbeafe;
		--surface: #ffffff;
		--canvas: #f5f8fb;
		--primary: #155dfc;
		--primary-mid: #468fff;
		--primary-end: #0084d1;
		--primary-dark: #0d50df;
		--link-hover: #00369e;
		--footer: #e6ecf1;
		--shadow-card: 0 10px 30px rgba(31,41,55,.08);
		--shadow-hover: 0 16px 38px rgba(21,93,252,.12);
		--shadow-button-hover: 0 3px 12px rgba(21,93,252,.18);
		--radius-control: 6px;
		--radius-field: 10px;
		--radius-card: 16px;
		--transition: .25s cubic-bezier(.16,1,.3,1);
		--success: #087a55;
		--success-bg: #e9f8f1;
		--danger: #b42318;
		--danger-bg: #fff0ee;
	}
	[data-theme="dark"]{
		--background: #0e1118;
		--background-soft: #131824;
		--ink: #e4e6eb;
		--text: #e4e6eb;
		--text-secondary: #bac2d0;
		--muted: #97a3b6;
		--line: #253050;
		--line-accent: #2e477c;
		--surface: #181d2a;
		--canvas: #0e1118;
		--primary: #468fff;
		--primary-mid: #5c9bff;
		--primary-end: #179adb;
		--primary-dark: #2580eb;
		--link-hover: #a8cdff;
		--footer: #131824;
		--shadow-card: 0 12px 34px rgba(0,0,0,.24);
		--shadow-hover: 0 18px 42px rgba(21,93,252,.18);
		--success-bg: #102a23;
		--danger-bg: #30191d;
	}
	*,
	*:focus{
		box-sizing: border-box;
		outline: none;
	}
	body{
		margin: 0;
		background: var(--canvas);
		color: var(--ink);
		font-family: "Inter Tight",Arial,sans-serif;
		font-size: 15px;
		line-height: 1.5;
	}
	a{
		color: var(--primary);
	}
	a:where(:focus){
		color: var(--primary);
	}
	a:where(:hover){
		color: var(--link-hover);
	}
	h1,
	h2{
		letter-spacing: -.03em;
	}
	h1{
		margin: 6px 0 0;
		font-size: 32px;
		line-height: 1.12;
	}
	h2{
		font-size: 20px;
	}
	code{
		font-family: Consolas, monospace;
		font-size: 13px;
	}
	.layout{
		width: min(1180px, calc(100% - 32px));
		margin: 0 auto;
	}
	#header{
		position: relative;
		z-index: 10;
		border-bottom: 1px solid var(--line);
		background: color-mix(in srgb,var(--surface) 94%,transparent);
		backdrop-filter: blur(14px);
	}
	.header-layout{
		display: flex;
		flex-direction: column;
		gap: 12px;
		padding: 16px 0;
	}
	.brand{
		display: inline-flex;
		align-items: flex-end;
		gap: 6px;
		color: var(--ink);
		text-decoration: none;
	}
	.brand:focus{
		display: inline-flex;
		align-items: flex-end;
		gap: 6px;
		color: var(--ink);
		text-decoration: none;
	}
	.brand-logo{
		display: block;
		width: 148px;
		height: auto;
	}
	[data-theme="dark"] .brand-logo{
		filter: brightness(0) invert(1);
	}
	.navigation{
		display: flex;
		align-items: center;
		gap: 6px;
		overflow-x: auto;
	}
	.navigation-link,
	.navigation-button{
		display: inline-flex;
		align-items: center;
		min-height: 38px;
		padding: 8px 11px;
		border: 0;
		border-radius: var(--radius-control);
		background: transparent;
		color: var(--muted);
		font: inherit;
		text-decoration: none;
		white-space: nowrap;
		cursor: pointer;
	}
	.navigation-link:focus,
	.navigation-button:focus{
		display: inline-flex;
		align-items: center;
		min-height: 38px;
		padding: 8px 11px;
		border: 0;
		border-radius: var(--radius-control);
		background: transparent;
		color: var(--muted);
		font: inherit;
		text-decoration: none;
		white-space: nowrap;
	}
	.navigation-link-disabled{
		opacity: .45;
		cursor: not-allowed;
	}
	.navigation-form{
		margin: 0;
	}
	.header-authenticated .header-actions{
		min-width: 0;
		max-width: 100%;
		justify-content: flex-end;
		direction: inherit;
	}
	.navigation-link.header-profile,
	.navigation-link.header-profile:focus{
		min-width: 0;
		max-width: 180px;
		margin-left: 16px;
		padding: 8px 4px;
	}
	.header-profile span{
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.header-logout{
		flex: 0 0 auto;
	}
	.language-form{
		display: flex;
		align-items: center;
		gap: 6px;
		margin: 0;
	}
	.header-actions{
		display: flex;
		align-items: center;
		gap: 8px;
	}
	.theme-button,
	.theme-button:focus{
		display: inline-flex;
		width: 36px;
		height: 36px;
		align-items: center;
		justify-content: center;
		padding: 0;
		border: 1px solid var(--line);
		border-radius: var(--radius-control);
		background: var(--surface);
		color: var(--text-secondary);
		cursor: pointer;
	}
	.theme-button svg{
		width: 18px;
		height: 18px;
		fill: none;
		stroke: currentColor;
		stroke-linecap: round;
		stroke-linejoin: round;
		stroke-width: 1.8;
	}
	.theme-icon-light{
		display: none;
	}
	[data-theme="dark"] .theme-icon-dark{
		display: none;
	}
	[data-theme="dark"] .theme-icon-light{
		display: block;
	}
	.language-form select{
		min-height: 36px;
		padding: 7px 9px;
		border: 1px solid var(--line);
		border-radius: 8px;
		background: var(--surface);
		color: var(--ink);
		font: inherit;
	}
	.language-form select:focus{
		min-height: 36px;
		padding: 7px 9px;
		border: 1px solid var(--line);
		border-radius: 8px;
		background: var(--surface);
		color: var(--ink);
		font: inherit;
	}
	.screen-reader-text{
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		border: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(0,0,0,0);
		white-space: nowrap;
	}
	[dir="rtl"] body{
		direction: rtl;
	}
	[dir="rtl"] .data-table th,
	[dir="rtl"] .data-table td,
	[dir="rtl"] .client-report-table th,
	[dir="rtl"] .client-report-table td{
		text-align: right;
	}
	.navigation-count{
		display: inline-flex;
		min-width: 20px;
		height: 20px;
		align-items: center;
		justify-content: center;
		margin-left: 3px;
		padding: 0 6px;
		border-radius: 10px;
		background: var(--danger);
		color: #fff;
		font-size: 11px;
		font-weight: 700;
	}
	.button.help-trigger,
	.button.help-trigger:focus{
		display: inline-flex;
		flex: 0 0 24px;
		min-width: 24px;
		max-width: 24px;
		max-height: 24px;
		width: 24px;
		height: 24px;
		min-height: 24px;
		align-items: center;
		justify-content: center;
		padding: 0;
		border: 1px solid var(--line);
		border-radius: 50%;
		background: var(--surface);
		color: var(--primary);
		font-size: 13px;
		font-weight: 800;
		line-height: 1;
		cursor: help;
	}
	.help-tooltip{
		position: fixed;
		z-index: 1000;
		display: none;
		width: calc(100vw - 24px);
		max-width: 390px;
		padding: 18px;
		border: 1px solid var(--line);
		border-radius: 14px;
		background: var(--surface);
		box-shadow: 0 18px 50px rgba(23,32,51,.2);
		overflow: auto;
		color: var(--ink);
	}
	.help-feedback-form{
		display: grid;
		gap: 16px;
		margin-top: 16px;
	}
	.help-feedback-actions{
		align-items: center;
	}
	.help-feedback-content{
		white-space: pre-wrap;
		overflow-wrap: anywhere;
		margin-top: 12px;
	}
	.help-feedback-link,
	.help-feedback-link:focus{
		display: inline-block;
		margin-top: 14px;
	}
	.help-tooltip-visible{
		display: block;
	}
	.help-tooltip-title{
		display: block;
		padding-right: 30px;
		font-size: 16px;
	}
	.help-tooltip-status{
		display: block;
		margin-top: 10px;
		color: var(--muted);
		font-size: 12px;
	}
	.gui-pagination{
		--pagination-size: 32px;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 4px;
	}
	.gui-pagination[hidden],
	.help-tooltip-status[hidden]{
		display: none;
	}
	.help-tooltip-pagination{
		--pagination-size: 24px;
		margin-top: 10px;
	}
	.button.gui-pagination-button,
	.button.gui-pagination-button:focus{
		width: var(--pagination-size);
		min-width: var(--pagination-size);
		height: var(--pagination-size);
		min-height: var(--pagination-size);
		flex: 0 0 var(--pagination-size);
		padding: 0;
		font-size: 12px;
		line-height: 1;
	}
	.button.gui-pagination-button:disabled{
		opacity: .45;
		cursor: default;
	}
	.gui-pagination-gap{
		min-width: 12px;
		text-align: center;
		color: var(--muted);
	}
	.gui-pagination-icon{
		display: block;
		width: 16px;
		height: 16px;
		flex: 0 0 16px;
		fill: none;
		stroke: currentColor;
		stroke-width: 1.75;
		stroke-linecap: round;
		stroke-linejoin: round;
	}
	[dir="rtl"] .gui-pagination-arrow{
		transform: scaleX(-1);
	}
	.help-tooltip-text{
		margin-top: 9px;
		color: var(--muted);
		font-size: 14px;
		white-space: pre-line;
	}
	.button.help-tooltip-close,
	.button.help-tooltip-close:focus{
		position: absolute;
		top: 10px;
		right: 10px;
		display: inline-flex;
		width: 24px;
		height: 24px;
		min-height: 24px;
		align-items: center;
		justify-content: center;
		padding: 0;
		border: 0;
		border-radius: 8px;
		background: transparent;
		color: var(--muted);
		font-size: 20px;
		line-height: 1;
		cursor: pointer;
	}
	.heading-help{
		display: inline-flex;
		align-items: center;
		gap: 8px;
	}
	.code-area{
		width: 100%;
		min-height: 92px;
		padding: 12px;
		border: 1px solid var(--line);
		border-radius: 10px;
		background: #f8f9fc;
		color: var(--ink);
		font-family: Consolas, monospace;
		font-size: 12px;
		resize: vertical;
	}
	.code-area:focus{
		border: 1px solid var(--line);
		background: #f8f9fc;
		color: var(--ink);
	}
	.code-area-large{
		min-height: 145px;
	}
	.remote-pixel-card{
		display: grid;
		gap: 14px;
		margin-bottom: 18px;
	}
	.remote-pixel-card h2,
	.remote-pixel-card p{
		margin: 0;
	}
	.remote-pixel-card form{
		margin: 0;
	}
	.remote-pixel-grid{
		margin-bottom: 18px;
	}
	.incident-filters{
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
		margin-bottom: 18px;
	}
	.incident-list{
		display: grid;
		gap: 12px;
	}
	.incident-card,
	.incident-detail{
		display: block;
		padding: 18px;
		border: 1px solid var(--line);
		border-left-width: 5px;
		border-radius: 12px;
		background: var(--surface);
		color: var(--ink);
		text-decoration: none;
	}
	.incident-card:focus{
		display: block;
		padding: 18px;
		border: 1px solid var(--line);
		border-left-width: 5px;
		border-radius: 12px;
		background: var(--surface);
		color: var(--ink);
		text-decoration: none;
	}
	.incident-critical{
		border-left-color: var(--danger);
	}
	.incident-warning{
		border-left-color: #d97706;
	}
	.incident-info{
		border-left-color: var(--primary);
	}
	.incident-card.incident-critical:focus{
		border-left-color: var(--danger);
	}
	.incident-card.incident-warning:focus{
		border-left-color: #d97706;
	}
	.incident-card.incident-info:focus{
		border-left-color: var(--primary);
	}
	.incident-heading,
	.incident-meta{
		display: flex;
		flex-wrap: wrap;
		gap: 8px 14px;
	}
	.incident-heading{
		justify-content: space-between;
	}
	.incident-severity,
	.incident-status{
		color: var(--muted);
		font-size: 12px;
		font-weight: 700;
		text-transform: uppercase;
	}
	.incident-card h2{
		margin: 8px 0 4px;
	}
	.incident-card p,
	.incident-detail p,
	.incident-history-row p{
		margin: 0 0 12px;
	}
	.incident-meta{
		color: var(--muted);
		font-size: 13px;
	}
	.incident-detail{
		display: grid;
		gap: 16px;
		margin-bottom: 26px;
	}
	.incident-detail form{
		margin: 0;
	}
	.incident-history{
		display: grid;
		gap: 10px;
	}
	.incident-history-row{
		padding: 14px;
		border: 1px solid var(--line);
		border-radius: 10px;
		background: var(--surface);
	}
	.incident-history-row div{
		display: flex;
		justify-content: space-between;
		gap: 10px;
		margin-bottom: 6px;
	}
	.incident-history-row span{
		color: var(--muted);
		font-size: 12px;
	}
	.main-content{
		min-height: calc(100vh - 150px);
		padding: 32px 0 56px;
	}
	#footer{
		border-top: 1px solid var(--line);
		background: var(--surface);
	}
	.footer-layout{
		padding: 24px 0;
		color: var(--muted);
		font-size: 13px;
	}
	.hero{
		display: grid;
		min-height: 62vh;
		align-items: center;
	}
	.hero-content{
		max-width: 780px;
		padding: 42px 0;
	}
	.hero h1{
		max-width: 740px;
		font-size: 42px;
	}
	.eyebrow{
		display: block;
		color: var(--primary);
		font-size: 12px;
		font-weight: 800;
		letter-spacing: .14em;
		text-transform: uppercase;
	}
	.lead{
		max-width: 650px;
		margin: 20px 0 0;
		color: var(--muted);
		font-size: 19px;
	}
	.button-row{
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		margin-top: 24px;
	}
	.page-heading{
		display: flex;
		flex-direction: column;
		gap: 18px;
		margin-bottom: 28px;
	}
	.page-actions{
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
	}
	.site-heading{
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 16px;
	}
	.site-heading-title{
		min-width: 0;
		overflow-wrap: anywhere;
	}
	.site-mode{
		display: grid;
		grid-template-columns: 52px 24px;
		align-items: center;
		justify-items: center;
		gap: 5px 8px;
		flex: 0 0 auto;
	}
	.site-mode .gui-switch-caption{
		grid-column: 1;
		grid-row: 2;
	}
	.site-mode .help-trigger{
		grid-column: 2;
		grid-row: 1;
	}
	.button.gui-switch,
	.button.gui-switch:focus{
		position: relative;
		display: inline-flex;
		width: 52px;
		min-width: 52px;
		height: 28px;
		min-height: 28px;
		padding: 3px;
		border: 0;
		border-radius: 999px;
		background: var(--primary);
		transition: background-color var(--transition),box-shadow var(--transition);
	}
	.button.gui-switch[aria-checked="true"],
	.button.gui-switch[aria-checked="true"]:focus{
		background: #e87900;
	}
	.gui-switch-thumb{
		position: absolute;
		top: 3px;
		left: 3px;
		width: 22px;
		height: 22px;
		border-radius: 50%;
		background: #fff;
		transition: left var(--transition);
	}
	.gui-switch[aria-checked="true"] .gui-switch-thumb{
		left: 27px;
	}
	.gui-switch-caption{
		color: var(--muted);
		font-size: 12px;
		line-height: 16px;
	}
	.site-navigation{
		margin-top: 20px;
		align-items: center;
	}
	.site-navigation-extra{
		display: contents;
	}
	.site-navigation ~ #site-connection{
		margin-top: 28px;
	}
	.site-navigation-extra[hidden],
	.site-mode[hidden]{
		display: none;
	}
	@media (prefers-reduced-motion: reduce){
		.gui-switch-thumb{
			transition: none;
		}
	}
	.card-grid{
		display: grid;
		gap: 14px;
	}
	.site-card,
	.site-card:focus{
		display: flex;
		flex-direction: column;
		gap: 5px;
		padding: 22px;
		border: 1px solid var(--line);
		border-radius: 16px;
		background: var(--surface);
		color: var(--ink);
		text-decoration: none;
	}
	.site-card h2{
		margin: 4px 0 10px;
	}
	.site-card-heading{
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		gap: 12px;
	}
	.site-alert{
		flex: 0 0 auto;
		color: #d97706;
		font-size: 24px;
		font-weight: 800;
		line-height: 1;
	}
	.site-domain,
	.site-meta{
		color: var(--muted);
		font-size: 13px;
	}
	.empty-state,
	.setup-card,
	.billing-card{
		padding: 26px;
		border: 1px solid var(--line);
		border-radius: 16px;
		background: var(--surface);
	}
	.setup-card + .setup-card{
		margin-top: 15px;
	}
	.empty-state h2,
	.setup-card h2{
		margin-top: 0;
	}
	.empty-state p,
	.setup-card p{
		margin-bottom: 0;
		color: var(--muted);
	}
	.collector-status{
		display: grid;
		gap: 10px;
		margin-top: 20px;
	}
	.collector-status-item{
		display: flex;
		flex-direction: column;
		gap: 4px;
		padding: 12px;
		border: 1px solid var(--line);
		border-radius: 10px;
		background: var(--canvas);
	}
	.collector-status-label{
		color: var(--muted);
		font-size: 12px;
	}
	.collector-status-value{
		font-size: 14px;
	}
	.collector-error{
		margin: 20px 0 0;
	}
	.installation-actions{
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		margin-top: 20px;
	}
	.installation-actions form{
		margin: 0;
	}
	.installation-download-form{
		display: grid;
		gap: 8px;
		align-content: start;
	}
	.installation-data-option{
		max-width: 250px;
	}
	.installation-data-note{
		margin-top: 14px;
	}
	.installation-credentials-form{
		display: flex;
		flex-wrap: wrap;
		align-items: end;
		gap: 10px;
		margin-top: 15px;
	}
	.installation-credentials-form .form-field{
		min-width: 220px;
	}
	.installation-credentials{
		display: grid;
		gap: 20px;
	}
	.installation-credential-grid{
		display: grid;
		gap: 14px;
	}
	.installation-credential{
		display: grid;
		gap: 6px;
	}
	.message{
		margin-bottom: 18px;
		padding: 14px 16px;
		border: 1px solid;
		border-radius: 10px;
		word-break: break-word;
	}
	.message-error{
		border-color: #f5b7b1;
		background: var(--danger-bg);
		color: var(--danger);
	}
	.message-success{
		border-color: #a7dec9;
		background: var(--success-bg);
		color: var(--success);
	}
	.message-warning{
		border-color: #f2ca72;
		background: #fff8e8;
		color: #815500;
	}
	.auth-layout{
		display: grid;
		min-height: 65vh;
		place-items: center;
	}
	.auth-card{
		width: min(100%, 440px);
		padding: 28px;
		border: 1px solid var(--line);
		border-radius: 18px;
		background: var(--surface);
		box-shadow: 0 18px 50px rgba(24,32,51,.08);
	}
	.auth-card h1{
		margin-bottom: 24px;
	}
	.auth-switch{
		margin: 20px 0 0;
		color: var(--muted);
		text-align: center;
	}
	.form{
		display: grid;
		gap: 16px;
	}
	.form-grid{
		display: grid;
		grid-template-columns: minmax(0,1fr);
		gap: 16px;
		min-width: 0;
		align-items: start;
	}
	.gui-stack{
		display: grid;
		gap: 20px;
		min-width: 0;
	}
	.gui-stack > *{
		min-width: 0;
		margin: 0;
	}
	.gui-date-presets{
		display: flex;
		flex-wrap: wrap;
		flex-basis: 100%;
		gap: 8px;
		min-width: 0;
	}
	.gui-heading{
		display: grid;
		gap: 8px;
		min-width: 0;
	}
	.gui-heading > *{
		min-width: 0;
		margin: 0;
	}
	.panel-form{
		max-width: 620px;
		padding: 24px;
		border: 1px solid var(--line);
		border-radius: 16px;
		background: var(--surface);
	}
	.field-hint{
		color: var(--muted);
		font-size: 12px;
	}
	.metric-grid{
		display: grid;
		grid-template-columns: repeat(2,minmax(0,1fr));
		gap: 10px;
		margin: 22px 0;
	}
	.metric-card{
		padding: 18px;
		border: 1px solid var(--line);
		border-radius: 14px;
		background: var(--surface);
	}
	.metric-card > span + b:not(.metric-value){
		margin-inline-start: 8px;
	}
	.metric-label{
		display: block;
		color: var(--muted);
		font-size: 12px;
	}
	.metric-value{
		display: block;
		margin-top: 6px;
		font-size: 28px;
	}
	.metric-card-pav{
		border-color: rgba(95,75,232,.34);
		background: #f3f1ff;
	}
	.pav-panel{
		margin: 22px 0;
		padding: 18px;
		border: 1px solid var(--line);
		border-radius: 14px;
		background: var(--surface);
	}
	.pav-panel .chart-heading p{
		margin: 0;
		color: var(--muted);
	}
	.pav-summary{
		display: grid;
		gap: 18px;
	}
	.pav-total{
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding: 18px;
		border-radius: 12px;
		background: #f3f1ff;
	}
	.pav-total b{
		font-size: 46px;
		line-height: 1.1;
	}
	.pav-total span:last-child{
		color: var(--muted);
		font-size: 12px;
	}
	.pav-components{
		display: grid;
		gap: 12px;
	}
	.pav-component{
		display: grid;
		gap: 5px;
	}
	.pav-component div{
		display: flex;
		justify-content: space-between;
	}
	.pav-component progress,
	.pav-component progress:focus{
		width: 100%;
		height: 10px;
		border: 0;
		border-radius: 5px;
		background: #e7e4fb;
		color: var(--primary);
		overflow: hidden;
	}
	.pav-component progress::-webkit-progress-bar{
		background: #e7e4fb;
	}
	.pav-component progress::-webkit-progress-value{
		background: var(--primary);
	}
	.pav-component progress::-moz-progress-bar{
		background: var(--primary);
	}
	.pav-facts{
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
		margin-top: 18px;
	}
	.pav-facts span{
		padding: 7px 10px;
		border: 1px solid var(--line);
		border-radius: 8px;
		font-size: 12px;
	}
	.pav-chart{
		display: grid;
		grid-auto-columns: minmax(12px,1fr);
		grid-auto-flow: column;
		gap: 4px;
		height: 150px;
		margin-top: 20px;
		overflow-x: auto;
	}
	.pav-column{
		display: grid;
		grid-template-rows: 1fr 18px;
		gap: 4px;
		min-width: 10px;
	}
	.pav-column progress{
		width: 100%;
		height: 100%;
		border: 0;
		background: transparent;
		color: var(--primary);
		direction: rtl;
		writing-mode: vertical-lr;
	}
	.pav-column progress::-webkit-progress-bar{
		background: #f0f1f5;
	}
	.pav-column progress::-webkit-progress-value{
		background: var(--primary);
	}
	.pav-column progress::-moz-progress-bar{
		background: var(--primary);
	}
	.pav-column span{
		display: none;
		color: var(--muted);
		font-size: 9px;
		text-align: center;
	}
	.ai-service-panel{
		margin: 22px 0;
		padding: 18px;
		border: 1px solid var(--line);
		border-radius: 14px;
		background: var(--surface);
	}
	.ai-service-panel .chart-heading p{
		margin: 0;
		color: var(--muted);
	}
	.ai-service-grid{
		display: grid;
		gap: 12px;
	}
	.ai-service-card{
		padding: 16px;
		border: 1px solid var(--line);
		border-radius: 12px;
		background: #fbfcfe;
	}
	.ai-service-heading{
		display: flex;
		align-items: start;
		justify-content: space-between;
		gap: 12px;
	}
	.ai-service-heading h3{
		margin: 0;
		font-size: 18px;
	}
	.ai-service-heading span{
		color: var(--muted);
		font-size: 12px;
	}
	.ai-service-heading > b{
		color: var(--primary);
		font-size: 22px;
	}
	.ai-service-metrics{
		display: grid;
		grid-template-columns: repeat(2,minmax(0,1fr));
		gap: 8px;
		margin-top: 14px;
	}
	.ai-service-metrics span{
		padding: 8px;
		border-radius: 8px;
		background: #f0f2f7;
		font-size: 12px;
	}
	.ai-service-metrics b{
		display: block;
		font-size: 18px;
	}
	.ai-bot-list{
		display: grid;
		gap: 6px;
		margin-top: 14px;
	}
	.ai-bot-item{
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 10px;
		padding: 8px 10px;
		border: 1px solid var(--line);
		border-radius: 8px;
		background: var(--surface);
	}
	.ai-bot-item > span{
		color: var(--muted);
		font-size: 11px;
		text-align: right;
	}
	.ai-service-footer{
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		margin-top: 14px;
		color: var(--muted);
		font-size: 11px;
	}
	.filter-form{
		display: grid;
		gap: 12px;
		margin: 24px 0 16px;
		padding: 16px;
		border: 1px solid var(--line);
		border-radius: 14px;
		background: var(--surface);
	}
	.period-form{
		display: grid;
		gap: 12px;
		margin: 12px 0 22px;
		padding: 16px;
		border: 1px solid var(--line);
		border-radius: 14px;
		background: var(--surface);
	}
	.period-actions{
		display: flex;
		flex-direction: column;
		align-items: start;
		gap: 8px;
	}
	.period-actions span{
		color: var(--muted);
		font-size: 12px;
	}
	.url-filter{
		display: grid;
		gap: 12px;
		margin: 18px 0 22px;
		padding: 16px;
		border: 1px solid var(--line);
		border-radius: 14px;
		background: var(--surface);
	}
	.url-filter-actions{
		display: flex;
		flex-direction: column;
		align-items: start;
		gap: 8px;
	}
	.url-filter-actions span{
		color: var(--muted);
		font-size: 12px;
	}
	.url-report{
		display: grid;
		gap: 20px;
		min-width: 0;
		margin-top: 20px;
	}
	.url-report-filters{
		display: flex;
		flex-wrap: wrap;
		align-items: end;
		gap: 14px;
		min-width: 0;
	}
	.url-report-filters .form-field{
		min-width: 0;
		margin: 0;
	}
	.url-report-search{
		flex: 1 1 240px;
	}
	.url-report-columns{
		position: relative;
		padding: 12px 14px;
		border: 1px solid var(--line);
		border-radius: 10px;
		background: var(--surface);
	}
	.url-report-columns summary{
		cursor: pointer;
	}
	.url-report-choices{
		display: grid;
		gap: 12px;
		margin-top: 16px;
	}
	.url-report-table{
		min-width: 760px;
	}
	.table-link.url-report-path,
	.table-link.url-report-path:focus{
		display: block;
		min-width: 220px;
		max-width: 360px;
		white-space: normal;
		overflow-wrap: anywhere;
		color: var(--primary);
	}
	.url-report-names{
		display: block;
		max-width: 240px;
		white-space: normal;
		overflow-wrap: anywhere;
	}
	.url-report-identifier{
		font: inherit;
		color: inherit;
		overflow-wrap: anywhere;
	}
	.url-report-stamp{
		display: inline-flex;
		gap: 8px;
		white-space: nowrap;
	}
	.url-report-time{
		color: var(--muted);
	}
	.url-report-pagination{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 12px;
	}
	.url-report-title{
		overflow-wrap: anywhere;
	}
	.url-report-chart{
		min-width: 0;
		direction: ltr;
		overflow-x: auto;
		margin-top: 18px;
	}
	.url-report-chart svg{
		display: block;
		width: 100%;
		min-width: 650px;
	}
	.url-report-chart .traffic-series-1{
		stroke: #dc4253;
	}
	.url-report-error{
		--series-color: #dc4253;
	}
	.url-report-clear{
		color: var(--success);
	}
	[data-url-row]{
		cursor: pointer;
	}
	@media (min-width: 720px){
		.url-report-choices{
			grid-template-columns: repeat(2,minmax(0,1fr));
		}
	}
	.url-table .url-error td{
		background: #fff8f7;
	}
	.url-path{
		display: block;
		min-width: 220px;
		max-width: 420px;
		overflow-wrap: anywhere;
		white-space: normal;
	}
	.url-title{
		display: flex;
		flex-direction: column;
		gap: 6px;
		margin-bottom: 18px;
		padding: 16px;
		border: 1px solid var(--line);
		border-radius: 12px;
		background: var(--surface);
	}
	.url-title code{
		overflow-wrap: anywhere;
		font-size: 16px;
	}
	.url-title span{
		color: var(--muted);
		font-size: 12px;
	}
	.url-chart-card{
		margin: 22px 0;
	}
	.filter-actions{
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
	}
	.chart-card{
		padding: 18px;
		border: 1px solid var(--line);
		border-radius: 14px;
		background: var(--surface);
	}
	.chart-heading{
		display: grid;
		gap: 10px;
		margin-bottom: 18px;
	}
	.chart-heading h2{
		margin: 5px 0 0;
	}
	.chart-legend{
		display: flex;
		flex-wrap: wrap;
		gap: 12px;
		color: var(--muted);
		font-size: 12px;
	}
	.chart-legend span{
		display: inline-flex;
		align-items: center;
		gap: 6px;
	}
	.chart-legend span:before{
		width: 8px;
		height: 8px;
		border-radius: 2px;
		background: var(--primary);
		content: "";
	}
	.chart-legend .legend-crawlers:before{
		background: #19a579;
	}
	.chart-legend .legend-errors:before{
		background: #e05247;
	}
	.daily-chart{
		display: grid;
		grid-auto-columns: minmax(10px,1fr);
		grid-auto-flow: column;
		gap: 3px;
		height: 190px;
		overflow-x: auto;
	}
	.daily-column{
		display: grid;
		grid-template-rows: 1fr 18px;
		gap: 4px;
		min-width: 8px;
	}
	.daily-bars{
		display: flex;
		align-items: end;
		justify-content: center;
		gap: 1px;
		border-bottom: 1px solid var(--line);
	}
	.daily-bar{
		width: 30%;
		height: 100%;
		border: 0;
		background: transparent;
		color: var(--primary);
		direction: rtl;
		writing-mode: vertical-lr;
	}
	.daily-bar::-webkit-progress-bar{
		background: transparent;
	}
	.daily-bar::-webkit-progress-value{
		border-radius: 2px 2px 0 0;
		background: var(--primary);
	}
	.daily-bar::-moz-progress-bar{
		border-radius: 2px 2px 0 0;
		background: var(--primary);
	}
	.daily-crawlers{
		color: #19a579;
	}
	.daily-crawlers::-webkit-progress-value{
		background: #19a579;
	}
	.daily-crawlers::-moz-progress-bar{
		background: #19a579;
	}
	.daily-errors{
		color: #e05247;
	}
	.daily-errors::-webkit-progress-value{
		background: #e05247;
	}
	.daily-errors::-moz-progress-bar{
		background: #e05247;
	}
	.daily-label{
		display: none;
		color: var(--muted);
		font-size: 9px;
		text-align: center;
	}
	.table-wrap{
		overflow-x: auto;
		border: 1px solid var(--line);
		border-radius: 14px;
		background: var(--surface);
	}
	.data-table{
		width: 100%;
		border-collapse: collapse;
		white-space: nowrap;
	}
	.data-table th,
	.data-table td{
		padding: 12px 14px;
		border-bottom: 1px solid var(--line);
		text-align: left;
		vertical-align: top;
	}
	.data-table th{
		color: var(--muted);
		font-size: 12px;
		text-transform: uppercase;
	}
	.data-table tr:last-child td{
		border-bottom: 0;
	}
	.gui-table-row-inactive{
		opacity: .55;
	}
	.data-table .crawler-unknown td{
		background: #fff8e8;
	}
	.data-table .robots-violation td{
		background: #fff0f0;
		color: #7d1b1b;
	}
	.table-link,
	.table-link:focus{
		font-weight: 700;
		white-space: nowrap;
	}
	.table-link-wrap,
	.table-link-wrap:focus{
		white-space: normal;
		overflow-wrap: anywhere;
	}
	.event-identifiers{
		display: flex;
		flex-wrap: wrap;
		gap: 8px 18px;
		margin-bottom: 18px;
		color: var(--muted);
		font-size: 12px;
	}
	.event-grid{
		display: grid;
		grid-template-columns: minmax(0,1fr);
		gap: 12px;
	}
	.event-grid > *{
		min-width: 0;
	}
	.event-card{
		padding: 20px;
		border: 1px solid var(--line);
		border-radius: 14px;
		background: var(--surface);
	}
	.event-card h2{
		margin: 0 0 14px;
	}
	.event-card > .crawler-form{
		margin-top: 16px;
	}
	.event-fields{
		display: grid;
		gap: 1px;
		overflow: hidden;
		border: 1px solid var(--line);
		border-radius: 9px;
		background: var(--line);
	}
	.event-field{
		display: grid;
		gap: 4px;
		padding: 10px 12px;
		background: var(--surface);
	}
	.event-label{
		color: var(--muted);
		font-size: 12px;
	}
	.event-value{
		overflow-wrap: anywhere;
		white-space: normal;
	}
	.event-headers{
		margin-top: 12px;
	}
	.crawler-panel{
		margin-top: 32px;
	}
	.crawler-panel + .billing-summary{
		margin-top: 32px;
	}
	.crawler-heading{
		display: grid;
		gap: 8px;
		margin-bottom: 16px;
	}
	.crawler-heading > div{
		display: grid;
		gap: 8px;
		min-width: 0;
	}
	.crawler-heading h2{
		margin: 0;
	}
	.crawler-heading p{
		margin: 0;
		color: var(--muted);
	}
	.crawler-candidate{
		display: grid;
		gap: 18px;
		margin-bottom: 12px;
		padding: 18px;
		border: 1px solid var(--line);
		border-radius: 14px;
		background: var(--surface);
	}
	.crawler-candidate-content{
		display: grid;
		gap: 12px;
	}
	.crawler-status{
		display: inline-flex;
		margin-bottom: 8px;
		padding: 4px 8px;
		border-radius: 7px;
		background: #fff8e8;
		color: #815500;
		font-size: 12px;
		font-weight: 700;
	}
	.crawler-status-active{
		background: var(--success-bg);
		color: var(--success);
	}
	.crawler-status-ignored{
		background: #e8ebf1;
		color: var(--muted);
	}
	.crawler-agent{
		display: block;
		max-width: 100%;
		overflow-wrap: anywhere;
		white-space: normal;
	}
	.crawler-facts{
		display: flex;
		flex-wrap: wrap;
		gap: 6px;
	}
	.crawler-facts span{
		padding: 5px 8px;
		border: 1px solid var(--line);
		border-radius: 7px;
		color: var(--muted);
		font-size: 12px;
	}
	.crawler-form{
		display: grid;
		gap: 10px;
	}
	.crawler-actions{
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
	}
	.crawler-form + .crawler-form{
		margin-top: 24px;
	}
	.setup-card > .crawler-actions{
		margin-top: 20px;
	}
	.critical-action-lock + .crawler-form{
		margin-top: 20px;
	}
	.access-log-preview{
		margin-top: 20px;
	}
	.access-log-connectors{
		display: grid;
		gap: 16px;
		margin-top: 20px;
	}
	.access-log-connector{
		padding: 18px;
		border: 1px solid var(--line);
		border-radius: 14px;
		background: var(--canvas);
	}
	.access-log-connector h3{
		margin: 0;
	}
	.access-log-connector .crawler-form{
		margin-top: 16px;
	}
	.access-log-file{
		display: flex;
		flex-direction: column;
		gap: 4px;
		margin-top: 14px;
		padding: 12px;
		border: 1px solid var(--line);
		border-radius: 10px;
	}
	.access-log-file span,
	.access-log-pattern-help{
		color: var(--muted);
		font-size: 13px;
	}
	.access-log-pattern-help{
		margin-top: 16px;
		overflow-wrap: anywhere;
	}
	.billing-card{
		display: grid;
		gap: 18px;
		margin-bottom: 28px;
	}
	.billing-page{
		display: grid;
		gap: 24px;
		min-width: 0;
	}
	.billing-page > :not(dialog){
		min-width: 0;
		margin: 0;
	}
	.billing-page > .setup-card{
		margin: 0;
	}
	.billing-section{
		display: grid;
		gap: 20px;
		min-width: 0;
	}
	.billing-section > *{
		min-width: 0;
		margin: 0;
	}
	.billing-page .heading-help{
		display: flex;
		flex-wrap: wrap;
	}
	.billing-page .billing-section-heading h2{
		margin: 0;
	}
	.billing-page .entitlement-grid{
		gap: 12px;
	}
	.billing-page .entitlement-card{
		flex-wrap: wrap;
	}
	.billing-page .pricing-grid{
		gap: 16px;
	}
	.billing-page .pricing-card > p{
		margin: 0;
	}
	.billing-page .metric-card{
		min-width: 0;
		overflow-wrap: anywhere;
	}
	.billing-change{
		display: grid;
		gap: 16px;
	}
	.billing-checkout-grid{
		display: grid;
		grid-template-columns: minmax(0,1fr);
		gap: 24px;
		min-width: 0;
	}
	.billing-checkout-grid > .setup-card{
		display: flex;
		flex-direction: column;
		min-width: 0;
		margin: 0;
		overflow-wrap: anywhere;
	}
	.billing-checkout-grid .billing-actions{
		margin-top: auto;
	}
	.billing-change > *{
		min-width: 0;
		margin: 0;
	}
	.billing-value{
		display: block;
		margin-top: 4px;
		font-size: 18px;
	}
	.billing-actions{
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
	}
	.billing-actions form{
		margin: 0;
	}
	.billing-checkout-actions{
		display: grid;
		grid-template-columns: repeat(2,minmax(0,1fr));
		align-items: stretch;
	}
	.button.billing-checkout-button,
	.button.billing-checkout-button:focus{
		min-width: 0;
		padding: 11px 10px;
		white-space: normal;
		overflow-wrap: anywhere;
	}
	.billing-summary{
		display: grid;
		grid-template-columns: repeat(2,minmax(0,1fr));
		gap: 10px;
		margin-bottom: 14px;
	}
	.metric-value-small{
		font-size: 18px;
	}
	.billing-flags{
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
		margin-bottom: 28px;
	}
	.billing-flags span{
		padding: 6px 9px;
		border: 1px solid var(--line);
		border-radius: 8px;
		background: var(--surface);
		color: var(--muted);
		font-size: 12px;
	}
	.pricing-grid{
		display: grid;
		gap: 14px;
		margin-bottom: 32px;
	}
	.pricing-card{
		display: flex;
		flex-direction: column;
		gap: 16px;
		padding: 22px;
		border: 1px solid var(--line);
		border-radius: 16px;
		background: var(--surface);
	}
	.pricing-card-selected{
		border-color: var(--primary);
		box-shadow: 0 0 0 2px rgba(21,93,252,.14);
	}
	.button.plan-add-card,
	.button.plan-add-card:focus{
		min-height: 300px;
		width: 100%;
		height: 100%;
		align-items: center;
		justify-content: center;
		border-radius: 16px;
		white-space: normal;
	}
	.plan-add-card svg{
		width: 80px;
		height: 80px;
		fill: none;
		stroke: currentColor;
		stroke-width: 2;
		stroke-linecap: round;
	}
	.plan-form-grid,
	.plan-feature-grid{
		display: grid;
		grid-template-columns: minmax(0,1fr);
		gap: 16px;
		margin-top: 20px;
	}
	.gui-fieldset{
		min-width: 0;
		margin: 0;
		padding: 0;
		border: 0;
	}
	.gui-checkbox{
		display: flex;
		align-items: flex-start;
		gap: 12px;
		min-width: 0;
		color: var(--ink);
		font-size: 14px;
		font-weight: 400;
		line-height: 1.5;
		cursor: pointer;
	}

	.gui-checkbox > span{
		min-width: 0;
		overflow-wrap: anywhere;
	}

	.gui-checkbox-compact{
		gap: 8px;
		font-size: 13px;
	}

	.gui-checkbox-card{
		padding: 10px;
		border: 1px solid var(--line);
		border-radius: var(--radius-control);
		background: var(--surface);
	}

	.gui-checkbox-card:focus-within{
		border-color: var(--primary-mid);
	}
	.gui-checkbox-input,
	.gui-checkbox-input:focus{
		color-scheme: light;
		flex: 0 0 20px;
		width: 20px;
		height: 20px;
		min-width: 20px;
		min-height: 20px;
		padding: 0;
		margin: 2px 0 0;
		accent-color: var(--primary);
		cursor: inherit;
	}
	[data-theme="dark"] .gui-checkbox-input{
		color-scheme: dark;
	}
	.gui-checkbox-input:focus-visible{
		outline: 2px solid var(--primary);
		outline-offset: 3px;
	}
	.gui-checkbox:has(:disabled){
		color: var(--muted);
		cursor: not-allowed;
	}
	.gui-checkbox-input[aria-invalid="true"],
	.gui-checkbox-input[aria-invalid="true"]:focus{
		outline: 2px solid var(--danger);
		outline-offset: 3px;
	}
	.billing-settings{
		display: grid;
		gap: 16px;
	}
	.billing-settings > *{
		min-width: 0;
		margin: 0;
	}
	.billing-settings .plan-form-grid{
		margin-top: 0;
	}
	.billing-settings .gui-fieldset > p{
		margin: 16px 0 0;
	}
	.billing-settings-group > .plan-form-grid{
		margin-top: 16px;
	}
	.billing-settings-footer{
		display: grid;
		gap: 20px;
		margin-top: 24px;
	}
	.billing-settings-footer p{
		margin: 0;
	}
	.billing-settings-actions{
		margin-top: 0;
	}
	.billing-notice{
		margin-top: 24px;
	}
	.billing-settings-group{
		margin-top: 20px;
	}
	.billing-settings-endpoint{
		overflow-wrap: anywhere;
	}
	.billing-settings .form-field{
		min-width: 0;
		overflow-wrap: anywhere;
	}
	.billing-price-form,
	.billing-price-fields{
		display: grid;
		gap: 20px;
	}
	.billing-price-form{
		margin-top: 20px;
	}
	.billing-price-form > p{
		margin: 0;
	}
	.billing-price-grid{
		display: grid;
		grid-template-columns: minmax(0,1fr);
		align-items: end;
		gap: 16px;
		margin-top: 12px;
	}
	.billing-price-heading{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		gap: 8px 16px;
	}
	.billing-price-heading > span,
	.billing-price-grid .form-field{
		min-width: 0;
		overflow-wrap: anywhere;
	}
	.billing-price-settings{
		min-width: 0;
	}
	.pricing-grid:has(.billing-price-settings[open]){
		align-items: start;
	}
	.button.billing-price-toggle,
	.button.billing-price-toggle:focus{
		white-space: normal;
	}
	.plan-dialog > p{
		margin: 16px 0 0;
	}
	.plan-dialog > .message{
		margin: 20px 0 0;
	}
	.plan-feature{
		display: flex;
		align-items: center;
		gap: 8px;
	}
	.form-field.plan-field-error :is(input,select),
	.form-field.plan-field-error :is(input,select):focus,
	.plan-feature input[aria-invalid="true"]{
		border-color: #d92d20;
	}
	@media (min-width: 600px){
		.plan-form-grid,
		.plan-feature-grid{
			grid-template-columns: repeat(2,minmax(0,1fr));
		}
		.billing-price-grid{
			grid-template-columns: repeat(2,minmax(0,1fr));
		}
	}
	@media (min-width: 720px){
		.billing-checkout-two,
		.billing-checkout-three{
			grid-template-columns: repeat(2,minmax(0,1fr));
		}
		.billing-page{
			gap: 32px;
		}
		.billing-page .billing-summary{
			gap: 16px;
		}
	}
	@media (min-width: 1100px){
		.billing-checkout-three{
			grid-template-columns: repeat(3,minmax(0,1fr));
		}
	}
	.pricing-card h2{
		margin: 5px 0 0;
	}
	.pricing-amount{
		font-size: 30px;
		font-weight: 800;
	}
	.pricing-description{
		min-height: 48px;
		margin: 0;
		color: var(--muted);
	}
	.pricing-form{
		display: grid;
		gap: 12px;
		margin-top: auto;
	}
	.billing-section-heading{
		display: flex;
		flex-direction: column;
		gap: 4px;
		margin-top: 32px;
	}
	.billing-section-heading span{
		color: var(--muted);
		font-size: 13px;
	}
	.crawler-warning td{
		background: #fff7ed;
	}
	.crawler-detail-title{
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
		align-items: center;
		margin: 0 0 20px;
		color: var(--muted);
	}
	.crawler-detail-title span,
	.crawler-detail-title code{
		padding: 6px 10px;
		border: 1px solid var(--line);
		border-radius: 999px;
		background: var(--surface);
		color: var(--ink);
		font-size: 13px;
	}
	.traffic-panel{
		display: grid;
		gap: 20px;
		margin: 24px 0;
		padding: 20px;
		border: 1px solid var(--line);
		border-radius: 16px;
		background: var(--surface);
	}
	.traffic-grid{
		display: grid;
		gap: 12px;
	}
	.traffic-card,
	.traffic-card:focus{
		display: grid;
		grid-template-columns: 1fr auto;
		gap: 8px 12px;
		padding: 14px;
		border: 1px solid var(--line);
		border-radius: 12px;
		background: var(--canvas);
		color: var(--ink);
		text-decoration: none;
	}
	.traffic-card b{
		font-size: 24px;
	}
	.traffic-card progress{
		width: 100%;
		height: 8px;
	}
	.traffic-card small{
		color: var(--muted);
	}
	.traffic-noise{
		display: grid;
		gap: 12px;
	}
	.traffic-noise-list{
		display: grid;
		gap: 8px;
	}
	.traffic-noise-list > span{
		display: flex;
		flex-direction: column;
		gap: 3px;
		padding: 10px 12px;
		border-radius: 10px;
		background: var(--canvas);
	}
	.traffic-noise-list span span{
		color: var(--muted);
		font-size: 13px;
	}
	.traffic-badge{
		display: inline-flex;
		padding: 4px 8px;
		border-radius: 999px;
		background: #eef2f7;
		font-size: 12px;
		white-space: nowrap;
	}
	.traffic-badge-crawler{
		background: #e0f2fe;
		color: #075985;
	}
	.traffic-badge-human{
		background: #dcfce7;
		color: #166534;
	}
	.traffic-badge-noise{
		background: #f1f5f9;
		color: #475569;
	}
	.traffic-badge-ambiguous{
		background: #fef3c7;
		color: #92400e;
	}
	.traffic-row-noise td{
		color: var(--muted);
	}
	.sequence-filter{
		display: grid;
		gap: 12px;
		margin-bottom: 20px;
		padding: 16px;
		border: 1px solid var(--line);
		border-radius: 14px;
		background: var(--surface);
	}
	.sequence-filter-actions{
		display: flex;
		flex-direction: column;
		gap: 8px;
		color: var(--muted);
		font-size: 13px;
	}
	.sequence-metrics{
		margin-bottom: 28px;
	}
	.sequence-path-link,
	.sequence-path-link:focus{
		color: var(--primary);
		text-decoration: none;
	}
	.sequence-path-link code{
		white-space: normal;
		overflow-wrap: anywhere;
	}
	.sequence-list{
		display: grid;
		gap: 14px;
	}
	.sequence-card{
		display: grid;
		gap: 16px;
		padding: 18px;
		border: 1px solid var(--line);
		border-radius: 14px;
		background: var(--surface);
	}
	.sequence-heading{
		display: grid;
		gap: 10px;
	}
	.sequence-heading > div:first-child{
		display: grid;
		gap: 3px;
	}
	.sequence-heading a,
	.sequence-heading a:focus{
		color: var(--ink);
		font-size: 18px;
		font-weight: 700;
	}
	.sequence-heading span{
		color: var(--muted);
		font-size: 13px;
	}
	.sequence-facts{
		display: flex;
		flex-wrap: wrap;
		gap: 6px;
	}
	.sequence-facts span{
		padding: 5px 8px;
		border-radius: 8px;
		background: var(--canvas);
		color: var(--ink);
	}
	.sequence-paths{
		display: flex;
		gap: 8px;
		overflow-x: auto;
		padding: 2px 2px 8px;
	}
	.sequence-step,
	.sequence-step:focus{
		display: grid;
		grid-template-columns: auto minmax(130px,1fr);
		gap: 3px 8px;
		min-width: 190px;
		padding: 10px;
		border: 1px solid var(--line);
		border-radius: 10px;
		background: var(--canvas);
		color: var(--ink);
		text-decoration: none;
	}
	.sequence-step > span{
		grid-row: 1 / 3;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 24px;
		height: 24px;
		border-radius: 50%;
		background: var(--primary);
		color: #fff;
		font-size: 12px;
		font-weight: 700;
	}
	.sequence-step code{
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.sequence-step small{
		color: var(--muted);
	}
	.sequence-step-error,
	.sequence-step-error:focus{
		border-color: #f2a9a2;
		background: var(--danger-bg);
	}
	.sequence-more{
		display: inline-flex;
		min-width: 130px;
		align-items: center;
		justify-content: center;
		color: var(--muted);
	}
	.load-filter{
		display: grid;
		gap: 12px;
		margin-bottom: 20px;
		padding: 16px;
		border: 1px solid var(--line);
		border-radius: 14px;
		background: var(--surface);
	}
	.load-filter-actions{
		display: flex;
		flex-direction: column;
		gap: 8px;
		color: var(--muted);
		font-size: 13px;
	}
	.load-metrics{
		margin-bottom: 20px;
	}
	.load-coverage{
		display: grid;
		gap: 8px;
		margin-bottom: 24px;
		padding: 16px;
		border: 1px solid var(--line);
		border-radius: 14px;
		background: var(--surface);
	}
	.load-coverage > div{
		display: flex;
		justify-content: space-between;
		gap: 16px;
	}
	.load-coverage progress{
		width: 100%;
		height: 10px;
	}
	.load-coverage p{
		margin: 0;
		color: var(--muted);
		font-size: 13px;
	}
	.load-chart{
		margin-bottom: 28px;
	}
	.load-breakdown{
		display: grid;
		gap: 14px;
		margin-bottom: 28px;
	}
	.load-breakdown > div{
		padding: 18px;
		border: 1px solid var(--line);
		border-radius: 14px;
		background: var(--surface);
	}
	.load-breakdown h2{
		margin-top: 0;
	}
	.load-distribution,
	.load-statuses{
		display: grid;
		gap: 8px;
	}
	.load-distribution > span,
	.load-statuses > span{
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		padding: 9px 10px;
		border-radius: 9px;
		background: var(--canvas);
	}
	.load-distribution span span,
	.load-statuses span span{
		color: var(--muted);
		font-size: 13px;
		text-align: right;
	}
	@media (min-width: 720px){
		.load-filter{
			grid-template-columns: repeat(2,minmax(0,240px)) 1fr;
			align-items: end;
		}
		.load-filter-actions{
			align-items: flex-start;
		}
		.load-breakdown{
			grid-template-columns: repeat(2,minmax(0,1fr));
		}
		.sequence-filter{
			grid-template-columns: repeat(2,minmax(0,240px)) 1fr;
			align-items: end;
		}
		.sequence-filter-actions{
			align-items: flex-start;
		}
		.sequence-heading{
			grid-template-columns: 1fr auto;
			align-items: start;
		}
		.traffic-grid{
			grid-template-columns: repeat(2,minmax(0,1fr));
		}
		.traffic-noise-list{
			grid-template-columns: repeat(2,minmax(0,1fr));
		}
		.url-filter{
			grid-template-columns: repeat(3,minmax(0,1fr));
			align-items: end;
		}
		.url-filter-actions{
			grid-column: 1 / -1;
			flex-direction: row;
			align-items: center;
		}
		.period-form{
			grid-template-columns: repeat(2,minmax(0,240px)) 1fr;
			align-items: end;
		}
		.ai-service-grid{
			grid-template-columns: repeat(2,minmax(0,1fr));
		}
		.pav-summary{
			grid-template-columns: minmax(180px,.45fr) 1fr;
		}
		.pav-column span{
			display: block;
		}
		.chart-heading{
			grid-template-columns: 1fr auto;
			align-items: end;
		}
		.daily-chart{
			gap: 5px;
		}
		.daily-label{
			display: block;
		}
		.event-grid{
			grid-template-columns: repeat(2,minmax(0,1fr));
		}
		.event-field{
			grid-template-columns: minmax(130px,35%) 1fr;
			align-items: start;
		}
		.crawler-heading{
			grid-template-columns: minmax(0,1fr);
			align-items: end;
		}
		.form-grid{
			grid-template-columns: repeat(2,minmax(0,1fr));
		}
		.crawler-form{
			grid-template-columns: repeat(3,minmax(0,1fr));
			align-items: end;
		}
		.access-log-connectors{
			grid-template-columns: repeat(2,minmax(0,1fr));
		}
		.access-log-connector .crawler-form{
			grid-template-columns: 1fr;
		}
		.crawler-actions{
			grid-column: 1 / -1;
		}
		.collector-status{
			grid-template-columns: repeat(3,minmax(0,1fr));
		}
		.header-layout{
			flex-direction: row;
			align-items: center;
			justify-content: space-between;
		}
		.hero h1{
			font-size: 60px;
		}
		.page-heading{
			flex-direction: row;
			align-items: end;
			justify-content: space-between;
		}
		.card-grid{
			grid-template-columns: repeat(2,minmax(0,1fr));
		}
		.metric-grid{
			grid-template-columns: repeat(5,minmax(0,1fr));
		}
		.filter-form{
			grid-template-columns: repeat(3,minmax(0,1fr));
			align-items: end;
		}
		.filter-actions{
			grid-column: 1 / -1;
		}
		.billing-card{
			grid-template-columns: repeat(3,minmax(0,1fr));
		}
		.billing-summary{
			grid-template-columns: repeat(4,minmax(0,1fr));
		}
		.pricing-grid{
			grid-template-columns: repeat(2,minmax(0,1fr));
		}
		.billing-section-heading{
			flex-direction: row;
			align-items: center;
			justify-content: space-between;
		}
	}
	.tariff-link-disabled{
		color: var(--muted);
		cursor: not-allowed;
		font-weight: 700;
	}
	.sequence-step-disabled{
		opacity: .62;
		cursor: not-allowed;
	}
	.entitlement-block{
		margin: 40px auto;
		max-width: 640px;
	}
	.entitlement-grid{
		display: grid;
		gap: 10px;
		margin-bottom: 28px;
	}
	.entitlement-card{
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 14px;
		padding: 12px 14px;
		border: 1px solid var(--line);
		border-radius: 10px;
		background: var(--surface);
	}
	.entitlement-enabled b{
		color: #0f766e;
	}
	.entitlement-disabled b{
		color: #b91c1c;
	}
	@media (min-width: 720px){
		.entitlement-grid{
			grid-template-columns: repeat(2,minmax(0,1fr));
		}
	}
	@media (min-width: 1040px){
		.traffic-grid{
			grid-template-columns: repeat(4,minmax(0,1fr));
		}
		.filter-form{
			grid-template-columns: repeat(4,minmax(0,1fr));
		}
		.pricing-grid{
			grid-template-columns: repeat(3,minmax(0,1fr));
		}
	}
	.saved-report-list,
	.report-builder-panel,
	.report-output-panel{
		margin-bottom: 28px;
		padding: 18px;
		border: 1px solid var(--line);
		border-radius: 16px;
		background: var(--surface);
	}
	.saved-report-grid{
		display: grid;
		gap: 12px;
	}
	.saved-report-card{
		display: flex;
		flex-direction: column;
		gap: 12px;
		padding: 14px;
		border: 1px solid var(--line);
		border-radius: 12px;
		background: var(--canvas);
	}
	.saved-report-card > a{
		display: flex;
		flex: 1;
		flex-direction: column;
		gap: 4px;
		color: var(--text);
		text-decoration: none;
	}
	.saved-report-card span,
	.saved-report-card small{
		color: var(--muted);
	}
	.report-builder-form{
		display: grid;
		gap: 14px;
	}
	.report-builder-form textarea{
		min-height: 110px;
		resize: vertical;
	}
	.report-section-picker{
		display: grid;
		gap: 8px;
		margin: 0;
		padding: 14px;
		border: 1px solid var(--line);
		border-radius: 12px;
	}
	.report-section-picker label{
		display: flex;
		align-items: center;
		gap: 9px;
		padding: 8px 10px;
		border-radius: 8px;
		background: var(--canvas);
	}
	.report-builder-actions,
	.report-output-actions{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 9px;
	}
	.report-builder-actions span{
		color: var(--muted);
		font-size: 13px;
	}
	.report-save-form{
		margin-top: 14px;
	}
	.report-output-heading{
		display: flex;
		flex-direction: column;
		gap: 14px;
		margin-bottom: 16px;
	}
	.report-copy-status{
		min-height: 22px;
		margin-bottom: 8px;
		color: var(--muted);
		font-size: 13px;
	}
	.client-report-preview{
		overflow: auto;
		padding: 10px;
		border-radius: 12px;
		background: #e9edf3;
	}
	.client-report{
		--client-accent: #4f46e5;
		max-width: 900px;
		margin: 0 auto;
		padding: 24px;
		color: #172033;
		background: #fff;
		font-family: Arial,sans-serif;
	}
	.client-report-blue{
		--client-accent: #2563eb;
	}
	.client-report-green{
		--client-accent: #0f766e;
	}
	.client-report-orange{
		--client-accent: #c2410c;
	}
	.client-report-red{
		--client-accent: #b91c1c;
	}
	.client-report-slate{
		--client-accent: #334155;
	}
	.client-report-cover{
		padding: 18px 0 26px;
	}
	.client-report-brand{
		color: var(--client-accent);
		font-size: 12px;
		font-weight: 700;
		letter-spacing: 1.5px;
		text-transform: uppercase;
	}
	.client-report h1{
		margin: 18px 0 12px;
		color: #111827;
		font-size: 28px;
		line-height: 1.15;
	}
	.client-report-rule{
		width: 92px;
		height: 4px;
		margin: 16px 0 22px;
		background: var(--client-accent);
	}
	.client-report-meta div{
		display: grid;
		gap: 4px;
		padding: 7px 0;
		border-bottom: 1px solid #e5e7eb;
	}
	.client-report-meta span{
		color: #64748b;
		font-size: 12px;
	}
	.client-report-note{
		margin: 12px 0 24px;
		padding: 16px 18px;
		border-left: 4px solid var(--client-accent);
		background: #f8fafc;
		line-height: 1.55;
	}
	.client-report-section{
		margin: 0 0 28px;
	}
	.client-report-section h2{
		margin: 0 0 14px;
		color: var(--client-accent);
		font-size: 19px;
	}
	.client-report-metrics{
		display: grid;
		gap: 10px;
	}
	.client-report-metric{
		padding: 14px;
		border: 1px solid #dbe2ea;
		background: #f8fafc;
	}
	.client-report-metric span{
		display: block;
		color: #64748b;
		font-size: 11px;
	}
	.client-report-metric b{
		display: block;
		margin-top: 6px;
		font-size: 22px;
	}
	.client-report-table-wrap{
		overflow: auto;
	}
	.client-report-table{
		width: 100%;
		border-collapse: collapse;
		font-size: 11px;
	}
	.client-report-table th{
		padding: 9px;
		color: #fff;
		background: var(--client-accent);
		text-align: left;
	}
	.client-report-table td{
		padding: 8px;
		border-bottom: 1px solid #dbe2ea;
		white-space: pre-line;
	}
	.client-report-table tr:nth-child(even) td{
		background: #f8fafc;
	}
	.client-report-empty{
		color: #64748b;
	}
	.client-report-footer{
		margin-top: 30px;
		padding-top: 10px;
		border-top: 1px solid #dbe2ea;
		color: #64748b;
		font-size: 9px;
	}
	@media (min-width: 720px){
		.saved-report-grid{
			grid-template-columns: repeat(2,minmax(0,1fr));
		}
		.saved-report-card{
			flex-direction: row;
			align-items: center;
		}
		.report-builder-form{
			grid-template-columns: repeat(2,minmax(0,1fr));
		}
		.report-builder-wide{
			grid-column: 1 / -1;
		}
		.report-section-picker{
			grid-template-columns: repeat(2,minmax(0,1fr));
		}
		.report-section-picker legend{
			grid-column: 1 / -1;
		}
		.report-output-heading{
			flex-direction: row;
			align-items: end;
			justify-content: space-between;
		}
		.client-report{
			padding: 46px;
		}
		.client-report-meta div{
			grid-template-columns: 170px 1fr;
			gap: 12px;
		}
		.client-report-metrics{
			grid-template-columns: repeat(3,minmax(0,1fr));
		}
	}
	.auth-page{
		min-width: 320px;
		background: #f5f8fb;
		font-family: "Inter Tight",Arial,sans-serif;
	}
	.auth-page #header,
	.auth-page #footer{
		display: none;
	}
	.auth-page .main-content{
		width: 100%;
		min-height: 100vh;
		padding: 0;
	}
	.auth-shell{
		display: grid;
		min-height: 100vh;
	}
	.auth-language-toolbar{
		position: absolute;
		top: 16px;
		right: 16px;
		z-index: 10;
		max-width: calc(100% - 32px);
	}
	.auth-language-page .auth-brand-panel{
		padding-top: 72px;
	}
	.auth-brand-panel{
		position: relative;
		display: flex;
		min-height: 360px;
		flex-direction: column;
		overflow: hidden;
		padding: 28px 24px;
		color: #fff;
		background: radial-gradient(circle at 0% 80%,#001a57 0%,#020d2d 100%);
	}
	.auth-brand,
	.auth-brand:focus{
		position: relative;
		z-index: 1;
		display: inline-flex;
		width: max-content;
		align-items: flex-end;
		gap: 7px;
		color: #fff;
		text-decoration: none;
	}
	.auth-brand-logo{
		display: block;
		width: 166px;
		height: auto;
	}
	.auth-brand-mark{
		display: grid;
		width: 20px;
		gap: 5px;
		padding-bottom: 5px;
	}
	.auth-brand-mark span{
		display: block;
		height: 2px;
		background: #fff;
	}
	.auth-brand-name{
		font-size: 28px;
		font-weight: 400;
		letter-spacing: .18em;
		line-height: 1;
	}
	.auth-brand-product{
		padding-bottom: 1px;
		font-size: 13px;
		font-weight: 600;
		line-height: 1;
	}
	.auth-brand-content{
		position: relative;
		z-index: 1;
		max-width: 440px;
		margin: 54px 0 0;
	}
	.auth-brand-content h1{
		margin: 0;
		color: #fff;
		font-size: 32px;
		font-weight: 700;
		line-height: 1.3;
	}
	.auth-brand-content h1 span{
		color: #468fff;
	}
	.auth-feature-list{
		display: none;
	}
	.auth-feature,
	.auth-security{
		display: grid;
		grid-template-columns: 60px 1fr;
		align-items: start;
		gap: 16px;
	}
	.auth-feature-icon{
		display: flex;
		width: 60px;
		height: 60px;
		align-items: center;
		justify-content: center;
		border-radius: 12px;
		background: linear-gradient(135deg,rgba(21,93,252,.34),rgba(0,132,209,.1));
		box-shadow: inset 0 0 18px rgba(70,143,255,.08),0 8px 20px rgba(0,0,0,.12);
	}
	.auth-gradient-source{
		position: absolute;
		width: 0;
		height: 0;
		overflow: hidden;
	}
	.auth-feature-icon svg{
		width: 31.15px;
		height: 31.15px;
		fill: none;
		stroke: url(#auth-icon-gradient);
		stroke-linecap: round;
		stroke-linejoin: round;
		stroke-width: 1.8;
	}
	.auth-feature-icon .auth-robot-eye{
		fill: url(#auth-icon-gradient);
		stroke: none;
	}
	.auth-feature-content{
		display: grid;
		gap: 3px;
	}
	.auth-feature-content b{
		color: #fff;
		font-size: 16px;
		font-weight: 600;
	}
	.auth-feature-content span{
		color: rgba(255,255,255,.68);
		font-size: 14px;
		line-height: 1.5;
	}
	.auth-security{
		display: none;
		margin-top: 34px;
		padding-top: 24px;
		border-top: 1px solid rgba(255,255,255,.13);
	}
	.auth-security .auth-feature-content b{
		font-size: 14px;
	}
	.auth-security .auth-feature-content span{
		font-size: 13px;
	}
	.auth-brand-footer{
		position: relative;
		z-index: 1;
		margin-top: auto;
		padding-top: 38px;
		color: rgba(255,255,255,.56);
		font-size: 12px;
	}
	.legal-links{
		display: flex;
		flex-wrap: wrap;
		gap: 8px 16px;
		margin-top: 12px;
	}
	.legal-link,
	.legal-link:focus{
		font-size: 12px;
		line-height: 1.5;
		text-decoration: underline;
		text-underline-offset: 3px;
		text-decoration-thickness: 1px;
		overflow-wrap: anywhere;
	}
	.legal-link-default,
	.legal-link-default:focus{
		color: var(--primary);
	}
	.legal-link-inverse,
	.legal-link-inverse:focus{
		color: rgba(255,255,255,.78);
	}
	.auth-form-panel{
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 36px 18px;
		background: #f5f8fb;
	}
	.auth-card{
		width: min(100%,460px);
		padding: 30px 22px;
		border: 1px solid #e8edf5;
		border-radius: 16px;
		background: #fff;
		box-shadow: 0 10px 30px rgba(31,41,55,.08);
	}
	.auth-card-heading{
		margin-bottom: 25px;
		text-align: center;
	}
	.auth-card-heading h2{
		margin: 0;
		color: #10235f;
		font-size: 27px;
		font-weight: 700;
		line-height: 1.2;
	}
	.auth-card-heading p{
		margin: 8px 0 0;
		color: #64748b;
		font-size: 14px;
	}
	.auth-tabs{
		display: grid;
		grid-template-columns: repeat(2,minmax(0,1fr));
		gap: 10px;
		margin-bottom: 24px;
	}
	.auth-tab,
	.auth-tab:focus{
		display: flex;
		min-height: 42px;
		align-items: center;
		justify-content: center;
		border: 1px solid #dbe1ea;
		border-radius: 6px;
		background: #fff;
		color: #1f2937;
		font-weight: 600;
		text-decoration: none;
	}
	.auth-tab.auth-tab-active,
	.auth-tab.auth-tab-active:focus{
		border-color: #155dfc;
		background: linear-gradient(90deg,#155dfc,#0084d1);
		color: #fff;
	}
	.auth-card .message{
		margin: 0 0 16px;
	}
	.auth-form{
		gap: 14px;
	}
	.auth-resend-form{
		margin-top: 12px;
	}
	.auth-pin-code{
		font-size: 22px;
		font-weight: 700;
		letter-spacing: 8px;
		text-align: center;
	}
	.auth-field{
		gap: 5px;
	}
	.auth-input{
		position: relative;
		display: block;
	}
	.auth-input > svg{
		position: absolute;
		top: 50%;
		left: 16px;
		z-index: 1;
		width: 20px;
		height: 20px;
		transform: translateY(-50%);
		fill: none;
		stroke: #7c879d;
		stroke-linecap: round;
		stroke-linejoin: round;
		stroke-width: 1.7;
		pointer-events: none;
	}
	.form-field .auth-input input,
	.form-field .auth-input input:focus{
		height: 48px;
		padding: 11px 48px;
		border: 1px solid #dbe1ea;
		border-radius: 10px;
		background: #fff;
		color: #1f2937;
	}
	.form-field .auth-input input::placeholder{
		color: #8a94a8;
		opacity: 1;
	}
	.form-field .auth-input input:focus{
		border-color: #468fff;
	}
	.auth-password-toggle,
	.auth-password-toggle:focus{
		position: absolute;
		top: 4px;
		right: 4px;
		display: flex;
		width: 40px;
		height: 40px;
		align-items: center;
		justify-content: center;
		padding: 0;
		border: 0;
		border-radius: 6px;
		background: transparent;
		color: #7c879d;
		cursor: pointer;
	}
	.auth-password-toggle:focus{
		box-shadow: none;
	}
	.auth-password-toggle svg{
		width: 20px;
		height: 20px;
		fill: none;
		stroke: currentColor;
		stroke-linecap: round;
		stroke-linejoin: round;
		stroke-width: 1.7;
	}
	.auth-password-slash{
		display: none;
	}
	.auth-password-toggle[aria-pressed="true"]{
		color: #155dfc;
	}
	.auth-password-toggle[aria-pressed="true"] .auth-password-slash{
		display: block;
	}
	.auth-password-toggle[aria-pressed="true"] .auth-password-visible{
		display: none;
	}
	.auth-form-links{
		display: flex;
		justify-content: flex-end;
		margin-top: 10px;
		font-size: 14px;
	}
	.auth-form-links a,
	.auth-form-links a:focus{
		color: #155dfc;
		text-decoration: none;
	}
	.auth-form-links a:hover{
		text-decoration: underline;
	}
	.auth-recovery-card{
		min-height: 360px;
	}
	.auth-submit,
	.auth-submit:focus{
		min-height: 46px;
		margin-top: 12px;
		border-radius: 6px;
		border-color: #155dfc;
		background: linear-gradient(90deg,#155dfc,#0084d1);
		color: #fff;
	}
	.auth-submit:not(:disabled):not([aria-disabled="true"]):hover{
		border-color: #155dfc;
		background: linear-gradient(90deg,#0d50df,#0075ba);
	}
	.auth-divider{
		display: grid;
		grid-template-columns: 1fr auto 1fr;
		align-items: center;
		gap: 12px;
		margin: 22px 0;
		color: #64748b;
		font-size: 13px;
	}
	.auth-divider:before,
	.auth-divider:after{
		height: 1px;
		background: #e8edf5;
		content: "";
	}
	.auth-google,
	.auth-google:focus{
		display: flex;
		contain: inline-size;
		width: 100%;
		min-height: 46px;
		align-items: center;
		justify-content: center;
		gap: 12px;
		border-color: #dbe1ea;
		border-radius: 6px;
		background: #fff;
		color: #1f2937;
	}
	.auth-google[data-google-auth]{
		opacity: 0;
		pointer-events: none;
	}
	.auth-google[data-google-auth].is-ready{
		opacity: 1;
		pointer-events: auto;
	}
	.auth-google[hidden]{
		display: none;
	}
	.auth-google:disabled{
		padding: 10px 18px;
		cursor: not-allowed;
		opacity: .62;
	}
	.auth-google iframe{
		max-width: none;
		flex-shrink: 0;
	}
	.auth-google > div{
		display: flex;
		width: 100%;
		height: 40px;
		justify-content: center;
		zoom: 1.15;
	}
	.auth-google-mark{
		font-size: 19px;
		font-weight: 700;
		background: conic-gradient(from -45deg,#4285f4 0 25%,#34a853 0 43%,#fbbc05 0 68%,#ea4335 0 82%,#4285f4 0);
		background-clip: text;
		color: transparent;
	}
	.auth-switch{
		margin: 22px 0 0;
		color: #64748b;
		font-size: 14px;
		text-align: center;
	}
	.auth-switch a,
	.auth-switch a:focus{
		color: #155dfc;
		font-weight: 500;
	}
	[dir="rtl"] .auth-input > svg{
		right: 16px;
		left: auto;
	}
	[dir="rtl"] .auth-password-toggle,
	[dir="rtl"] .auth-password-toggle:focus{
		right: auto;
		left: 4px;
	}
	@media (min-width: 720px){
		.auth-brand-panel{
			padding: 42px 52px;
		}
		.auth-card{
			padding: 42px 38px;
		}
	}
	@media (min-width: 960px){
		.auth-language-page .auth-form-panel{
			padding-top: 72px;
		}
		.auth-shell{
			grid-template-columns: minmax(430px,42%) 1fr;
		}
		.auth-brand-panel{
			min-height: 100vh;
			padding: 46px 64px 44px;
		}
		.auth-brand-content{
			margin-top: 94px;
		}
		.auth-brand-content h1{
			font-size: 35px;
		}
		.auth-feature-list{
			display: grid;
			gap: 26px;
			margin-top: 38px;
		}
		.auth-security{
			display: grid;
		}
		.auth-form-panel{
			padding: 48px;
		}
	}
	@media (min-width: 960px) and (max-height: 800px){
		.auth-login .auth-brand-panel{
			padding: 40px 40px 28px;
		}
		.auth-login .auth-brand-content{
			margin-top: 40px;
		}
		.auth-login .auth-feature-list{
			gap: 16px;
			margin-top: 24px;
		}
		.auth-login .auth-security{
			margin-top: 24px;
			padding-top: 20px;
		}
		.auth-login .auth-brand-footer{
			padding-top: 24px;
		}
		.auth-login .auth-form-panel{
			padding: 64px 32px 24px;
		}
		.auth-login .auth-card{
			padding-top: 32px;
			padding-bottom: 32px;
		}
	}
	.navigation-link:hover,
	.navigation-button:hover{
		background: var(--background-soft);
		color: var(--primary);
	}
	.language-form select,
	.language-form select:focus{
		border-color: var(--line);
		border-radius: var(--radius-control);
		transition: border-color var(--transition),background var(--transition),color var(--transition);
	}
	.language-form select:focus{
		border-color: var(--primary-mid);
	}
	.main-content{
		padding-top: 32px;
		padding-bottom: 48px;
	}
	.billing-cancel-form{
		margin: 0;
		text-align: center;
	}
	.site-card,
	.empty-state,
	.setup-card,
	.billing-card,
	.panel-form,
	.metric-card,
	.pav-panel,
	.filter-form,
	.period-form,
	.url-filter,
	.url-title,
	.chart-card,
	.event-card,
	.saved-report-list,
	.report-builder-panel,
	.report-output-panel{
		border-color: var(--line);
		border-radius: var(--radius-card);
		box-shadow: var(--shadow-card);
	}
	.site-card{
		transition: border-color var(--transition),box-shadow var(--transition);
	}
	.site-card:hover{
		border-color: var(--primary-mid);
		box-shadow: var(--shadow-button-hover);
	}
	.metric-card-pav,
	.pav-total{
		border-color: rgba(21,93,252,.32);
		background: color-mix(in srgb,var(--primary) 8%,var(--surface));
	}
	.pav-component progress,
	.pav-component progress:focus,
	.pav-component progress::-webkit-progress-bar{
		background: var(--line-accent);
	}
	.table-wrap{
		border-color: var(--line);
		border-radius: var(--radius-card);
		box-shadow: var(--shadow-card);
	}
	.data-table th{
		background: var(--background-soft);
		color: var(--text-secondary);
		font-weight: 700;
		letter-spacing: .04em;
	}
	.data-table tbody tr{
		transition: background var(--transition);
	}
	.data-table tbody tr:not(.gui-table-row-inactive):hover td{
		background: color-mix(in srgb,var(--primary) 5%,var(--surface));
	}
	.footer-layout{
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
		gap: 4px;
		color: var(--text-secondary);
	}
	#footer{
		border-top-color: var(--line);
		background: var(--footer);
	}
	[data-theme="dark"] body:not(.auth-page) .message-warning,
	[data-theme="dark"] body:not(.auth-page) .data-table .crawler-unknown td{
		background: #342816;
		color: #f4cf77;
	}
	[data-theme="dark"] body:not(.auth-page) .data-table .robots-violation td,
	[data-theme="dark"] body:not(.auth-page) .url-table .url-error td{
		background: #32191d;
		color: #f0a6a6;
	}
	[data-theme="dark"] body:not(.auth-page) .client-report-preview{
		background: #111621;
	}
	[data-theme="dark"] body:not(.auth-page) input[type="date"]{
		color-scheme: dark;
	}
	.status-overview{
		display: flex;
		align-items: center;
		gap: 18px;
		margin-bottom: 20px;
		padding: 22px;
		border: 1px solid var(--line);
		border-radius: var(--radius-card);
		background: var(--surface);
		box-shadow: var(--shadow-card);
	}
	.status-overview-dot,
	.status-card-dot{
		display: block;
		flex: 0 0 auto;
		border-radius: 50%;
		background: var(--muted);
	}
	.status-overview-dot{
		width: 18px;
		height: 18px;
		box-shadow: 0 0 0 7px color-mix(in srgb,var(--muted) 14%,transparent);
	}
	.status-overview h2{
		margin: 3px 0 0;
		font-size: 26px;
	}
	.status-overview p{
		margin: 4px 0 0;
		color: var(--muted);
	}
	.status-overview-ok .status-overview-dot,
	.status-card-ok .status-card-dot{
		background: #19a579;
	}
	.status-overview-ok .status-overview-dot{
		box-shadow: 0 0 0 7px rgba(25,165,121,.14);
	}
	.status-overview-warning .status-overview-dot,
	.status-card-warning .status-card-dot{
		background: #d97706;
	}
	.status-overview-warning .status-overview-dot{
		box-shadow: 0 0 0 7px rgba(217,119,6,.14);
	}
	.status-overview-error .status-overview-dot,
	.status-card-error .status-card-dot{
		background: #e05247;
	}
	.status-overview-error .status-overview-dot{
		box-shadow: 0 0 0 7px rgba(224,82,71,.14);
	}
	.status-card-grid{
		display: grid;
		gap: 12px;
	}
	.status-card,
	.status-card:focus{
		display: flex;
		min-height: 170px;
		flex-direction: column;
		padding: 18px;
		border: 1px solid var(--line);
		border-radius: var(--radius-card);
		background: var(--surface);
		box-shadow: var(--shadow-card);
		color: var(--ink);
		text-decoration: none;
		transition: border-color var(--transition),box-shadow var(--transition);
	}
	.status-card:hover{
		border-color: var(--primary-mid);
		box-shadow: var(--shadow-button-hover);
	}
	.status-card-heading{
		display: flex;
		align-items: center;
		gap: 9px;
	}
	.status-card-heading h2{
		margin: 0;
		font-size: 15px;
	}
	.status-card-dot{
		width: 9px;
		height: 9px;
	}
	.status-card-value{
		margin-top: 22px;
		font-size: 21px;
		line-height: 1.2;
		overflow-wrap: anywhere;
	}
	.status-card-detail{
		margin-top: auto;
		padding-top: 14px;
		color: var(--muted);
		font-size: 12px;
		overflow-wrap: anywhere;
	}
	.http-status{
		display: inline-flex;
		min-width: 43px;
		align-items: center;
		justify-content: center;
		padding: 4px 8px;
		border: 1px solid var(--line);
		border-radius: 7px;
		background: var(--background-soft);
		color: var(--ink);
		font-size: 12px;
		font-weight: 700;
		line-height: 1;
	}
	.http-status-client{
		border-color: rgba(217,119,6,.32);
		background: rgba(217,119,6,.1);
		color: #a65305;
	}
	.http-status-server{
		border-color: rgba(224,82,71,.32);
		background: rgba(224,82,71,.1);
		color: #c73931;
	}
	.http-status-redirect{
		border-color: rgba(21,93,252,.28);
		background: rgba(21,93,252,.08);
		color: var(--primary-mid);
	}
	.http-status-success{
		border-color: rgba(25,165,121,.3);
		background: rgba(25,165,121,.09);
		color: #10815e;
	}
	.http-explanation{
		margin-bottom: 18px;
		padding: 18px;
		border: 1px solid rgba(224,82,71,.28);
		border-radius: var(--radius-card);
		background: color-mix(in srgb,#e05247 5%,var(--surface));
		box-shadow: var(--shadow-card);
	}
	.http-explanation-heading{
		display: flex;
		align-items: center;
		gap: 13px;
	}
	.http-explanation-heading h2{
		margin: 2px 0 0;
		font-size: 20px;
	}
	.http-explanation-content{
		display: grid;
		gap: 12px;
		margin-top: 16px;
	}
	.http-explanation-content div{
		padding: 13px;
		border: 1px solid var(--line);
		border-radius: var(--radius-control);
		background: var(--surface);
	}
	.http-explanation-content span{
		color: var(--muted);
		font-size: 12px;
		font-weight: 700;
		letter-spacing: .04em;
		text-transform: uppercase;
	}
	.http-explanation-content p{
		margin: 5px 0 0;
	}
	.http-error-table td:nth-child(3),
	.http-error-table td:nth-child(4){
		min-width: 230px;
		white-space: normal;
	}
	.http-error-url-table code{
		display: inline-block;
		max-width: 420px;
		overflow-wrap: anywhere;
		white-space: normal;
	}
	.http-meaning{
		text-decoration: underline dotted;
		text-underline-offset: 3px;
	}
	[data-theme="dark"] body:not(.auth-page) .http-status-client{
		color: #f4cf77;
	}
	[data-theme="dark"] body:not(.auth-page) .http-status-server{
		color: #f0a6a6;
	}
	[data-theme="dark"] body:not(.auth-page) .http-status-success{
		color: #73d6b4;
	}
	.crawler-comparison-filter{
		margin-bottom: 18px;
	}
	.crawler-chart-picker{
		grid-column: 1 / -1;
		min-width: 0;
		margin: 4px 0 0;
		padding: 14px;
		border: 1px solid var(--line);
		border-radius: var(--radius-card);
	}
	.crawler-chart-picker legend{
		padding: 0 5px;
	}
	.crawler-chart-picker > p{
		margin: 0 0 10px;
		color: var(--muted);
		font-size: 12px;
	}
	.crawler-chart-options{
		display: grid;
		gap: 7px;
	}
	.crawler-chart-option{
		display: grid;
		grid-template-columns: auto minmax(0,1fr) auto;
		align-items: center;
	}
	.crawler-chart-option small,
	.crawler-chart-limit{
		color: var(--muted);
		font-size: 11px;
	}
	.crawler-chart-limit{
		display: block;
		margin-top: 9px;
	}
	.crawler-comparison-chart{
		margin: 18px 0;
	}
	.crawler-comparison-bars .daily-bars{
		gap: 2px;
	}
	.crawler-series-bar{
		width: calc(100% / 6);
		min-width: 2px;
		max-width: 14px;
	}
	.crawler-series-0{
		color: #155dfc;
	}
	.chart-legend .crawler-series-0:before{
		background: #155dfc;
	}
	.crawler-series-1{
		color: #19a579;
	}
	.chart-legend .crawler-series-1:before{
		background: #19a579;
	}
	.crawler-series-2{
		color: #e05247;
	}
	.chart-legend .crawler-series-2:before{
		background: #e05247;
	}
	.crawler-series-3{
		color: #8b5cf6;
	}
	.chart-legend .crawler-series-3:before{
		background: #8b5cf6;
	}
	.crawler-series-4{
		color: #d97706;
	}
	.chart-legend .crawler-series-4:before{
		background: #d97706;
	}
	.crawler-series-5{
		color: #0891b2;
	}
	.chart-legend .crawler-series-5:before{
		background: #0891b2;
	}
	.crawler-series-0::-webkit-progress-value{
		background: #155dfc;
	}
	.crawler-series-1::-webkit-progress-value{
		background: #19a579;
	}
	.crawler-series-2::-webkit-progress-value{
		background: #e05247;
	}
	.crawler-series-3::-webkit-progress-value{
		background: #8b5cf6;
	}
	.crawler-series-4::-webkit-progress-value{
		background: #d97706;
	}
	.crawler-series-5::-webkit-progress-value{
		background: #0891b2;
	}
	.crawler-series-0::-moz-progress-bar{
		background: #155dfc;
	}
	.crawler-series-1::-moz-progress-bar{
		background: #19a579;
	}
	.crawler-series-2::-moz-progress-bar{
		background: #e05247;
	}
	.crawler-series-3::-moz-progress-bar{
		background: #8b5cf6;
	}
	.crawler-series-4::-moz-progress-bar{
		background: #d97706;
	}
	.crawler-series-5::-moz-progress-bar{
		background: #0891b2;
	}
	.crawler-comparison-empty{
		margin: 18px 0;
	}
	.event-pagination{
		display: flex;
		flex-direction: column;
		gap: 10px;
		align-items: flex-start;
		margin: 14px 0 22px;
		padding: 12px 14px;
		border: 1px solid var(--line);
		border-radius: var(--radius-control);
		background: var(--surface);
		color: var(--muted);
		font-size: 12px;
	}
	.event-pagination > div{
		display: flex;
		gap: 7px;
	}
	.recommendation-metrics{
		margin-bottom: 18px;
	}
	.recommendation-metric-critical{
		border-color: rgba(224,82,71,.34);
		background: color-mix(in srgb,#e05247 6%,var(--surface));
	}
	.recommendation-metric-high{
		border-color: rgba(217,119,6,.34);
		background: color-mix(in srgb,#d97706 6%,var(--surface));
	}
	.recommendation-metric-medium{
		border-color: rgba(21,93,252,.28);
		background: color-mix(in srgb,var(--primary) 5%,var(--surface));
	}
	.recommendation-list{
		display: grid;
		gap: 12px;
	}
	.recommendation-card{
		display: grid;
		grid-template-columns: 38px minmax(0,1fr);
		gap: 12px;
		padding: 16px;
		border: 1px solid var(--line);
		border-left-width: 4px;
		border-radius: var(--radius-card);
		background: var(--surface);
		box-shadow: var(--shadow-card);
	}
	.recommendation-card-critical{
		border-left-color: #e05247;
	}
	.recommendation-card-high{
		border-left-color: #d97706;
	}
	.recommendation-card-medium{
		border-left-color: var(--primary-mid);
	}
	.recommendation-card-low{
		border-left-color: #19a579;
	}
	.recommendation-order{
		display: flex;
		width: 34px;
		height: 34px;
		align-items: center;
		justify-content: center;
		border-radius: 9px;
		background: var(--background-soft);
		font-weight: 700;
	}
	.recommendation-heading h2{
		margin: 4px 0 0;
		font-size: 19px;
	}
	.recommendation-priority{
		color: var(--muted);
		font-size: 11px;
		font-weight: 700;
		letter-spacing: .05em;
		text-transform: uppercase;
	}
	.recommendation-details{
		display: grid;
		gap: 8px;
		margin: 14px 0;
	}
	.recommendation-details div{
		padding: 12px;
		border: 1px solid var(--line);
		border-radius: var(--radius-control);
		background: var(--background-soft);
	}
	.recommendation-details span{
		color: var(--muted);
		font-size: 11px;
		font-weight: 700;
		letter-spacing: .04em;
		text-transform: uppercase;
	}
	.recommendation-details p{
		margin: 5px 0 0;
		line-height: 1.45;
	}
	.recommendation-clear{
		border-color: rgba(25,165,121,.32);
	}
	.query-policy-tabs{
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
		margin-top: 18px;
	}
	.query-policy-heading{
		margin-top: 24px;
	}
	.query-policy-list{
		display: grid;
		gap: 12px;
		margin-top: 14px;
	}
	.query-policy-card{
		display: grid;
		gap: 14px;
		padding: 16px;
		border: 1px solid var(--line);
		border-radius: var(--radius-card);
		background: var(--surface);
		box-shadow: var(--shadow-card);
	}
	.query-policy-title{
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		align-items: center;
		justify-content: space-between;
	}
	.query-policy-title code{
		font-size: 15px;
	}
	.query-policy-badge{
		display: inline-flex;
		min-height: 26px;
		align-items: center;
		padding: 4px 9px;
		border-radius: 999px;
		background: var(--background-soft);
		color: var(--muted);
		font-size: 11px;
		font-weight: 700;
	}
	.query-policy-comments{
		display: grid;
		gap: 10px;
	}
	.query-comment-switch{
		margin-top: 14px;
	}
	.query-comment-switch .form-field{
		max-width: 320px;
	}
	.query-comment-switch[hidden],
	.query-comment-field[hidden]{
		display: none;
	}
	.query-comment-field{
		grid-column: 1 / -1;
	}
	.query-policy-actions,
	.query-policy-restore{
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
		align-items: center;
	}
	.query-policy-restore{
		justify-content: space-between;
		margin-top: 14px;
		padding: 12px 14px;
		border: 1px solid var(--line);
		border-radius: var(--radius-control);
		background: var(--background-soft);
	}
	.query-policy-description{
		padding: 12px;
		border-radius: var(--radius-control);
		background: var(--background-soft);
	}
	.query-policy-description span{
		color: var(--muted);
		font-size: 11px;
		font-weight: 700;
		letter-spacing: .04em;
		text-transform: uppercase;
	}
	.query-policy-description p{
		margin: 5px 0 0;
		line-height: 1.45;
	}
	.query-policy-add{
		margin-top: 18px;
		border-style: dashed;
	}
	.query-policy-forbidden{
		border-left: 4px solid #e05247;
	}
	@media (min-width: 720px){
		.header-layout{
			align-items: center;
		}
		.footer-layout{
			flex-direction: row;
			align-items: center;
			justify-content: space-between;
		}
		.footer-layout .legal-links{
			margin-top: 0;
		}
		.status-card-grid{
			grid-template-columns: repeat(2,minmax(0,1fr));
		}
		.http-explanation-content{
			grid-template-columns: repeat(2,minmax(0,1fr));
		}
		.crawler-chart-options{
			grid-template-columns: repeat(2,minmax(0,1fr));
		}
		.event-pagination{
			flex-direction: row;
			align-items: center;
			justify-content: space-between;
		}
		.recommendation-card{
			grid-template-columns: 46px minmax(0,1fr);
			padding: 20px;
		}
		.recommendation-details{
			grid-template-columns: repeat(2,minmax(0,1fr));
		}
		.query-policy-comments{
			grid-template-columns: repeat(2,minmax(0,1fr));
		}
	}
	@media (min-width: 1040px){
		.status-card-grid{
			grid-template-columns: repeat(4,minmax(0,1fr));
		}
	}
	.auth-passkey{
		display: grid;
		gap: 16px;
	}
	.security-key-panel,
	.critical-confirmation-panel{
		margin-top: 24px;
	}
	.critical-pin-field{
		width: 100%;
		max-width: 360px;
	}
	.critical-action-lock{
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
		margin-top: 20px;
		padding: 18px;
		border: 1px solid #d7e2f3;
		border-radius: 12px;
		background: #f7faff;
	}
	.critical-action-lock p{
		margin: 0;
	}
	.network-settings{
		display: grid;
		gap: 18px;
		margin-top: 18px;
		padding: 20px;
		border: 1px solid var(--line);
		border-radius: var(--radius-card);
		background: var(--surface);
		box-shadow: var(--shadow-card);
	}
	.network-settings h2,
	.network-settings p{
		margin: 0;
	}
	.network-settings p{
		margin-top: 7px;
		color: var(--muted);
	}
	.network-metrics{
		margin-top: 18px;
	}
	.metric-card-alert{
		border-color: rgba(224,82,71,.32);
		background: color-mix(in srgb,#e05247 5%,var(--surface));
	}
	.network-breakdowns{
		display: grid;
		grid-template-columns: minmax(0,1fr);
		gap: 18px;
		margin-top: 18px;
	}
	.network-breakdown,
	.network-anomalies{
		padding: 18px;
		border: 1px solid var(--line);
		border-radius: var(--radius-card);
		background: var(--surface);
		box-shadow: var(--shadow-card);
	}
	.network-breakdown h2,
	.network-anomalies h2{
		margin: 0;
	}
	.network-breakdown .table-wrap,
	.network-anomalies .table-wrap{
		margin-top: 14px;
	}
	.network-anomalies{
		margin-top: 18px;
	}
	@media (min-width: 900px){
		.network-settings{
			grid-template-columns: minmax(220px,.7fr) minmax(0,1.3fr);
		}
		.network-breakdowns{
			grid-template-columns: repeat(2,minmax(0,1fr));
		}
	}
	.alert-metrics{
		margin-top: 18px;
	}
	.alert-layout{
		display: grid;
		gap: 18px;
		margin-top: 18px;
	}
	.alert-section{
		padding: 18px;
		border: 1px solid var(--line);
		border-radius: var(--radius-card);
		background: var(--surface);
		box-shadow: var(--shadow-card);
	}
	.alert-section-heading{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.alert-section-heading h2{
		margin: 4px 0 0;
	}
	.alert-channel-list,
	.alert-rule-list{
		display: grid;
		gap: 12px;
		margin-top: 16px;
	}
	.alert-channel,
	.alert-rule{
		padding: 14px;
		border: 1px solid var(--line);
		border-radius: var(--radius-control);
		background: var(--background-soft);
	}
	.alert-channel{
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		align-items: center;
		justify-content: space-between;
	}
	.alert-channel div,
	.alert-rule-heading div{
		display: grid;
		gap: 3px;
	}
	.alert-channel > div > span,
	.alert-rule-heading > div:first-child > span,
	.alert-rule-summary{
		color: var(--muted);
		font-size: 13px;
	}
	.gui-badge{
		display: inline-flex;
		min-height: 26px;
		max-width: 100%;
		align-items: center;
		padding: 4px 9px;
		border-radius: 999px;
		background: var(--background);
		color: var(--muted);
		font-size: 11px;
		font-weight: 700;
		text-transform: uppercase;
		overflow-wrap: anywhere;
	}
	.gui-badge-medium{
		padding: 3px 9px;
		font-size: 12px;
		font-weight: 600;
		text-transform: none;
	}
	.gui-badge-outline{
		border: 1px solid currentColor;
		border-radius: 6px;
	}
	.gui-badge-success{
		background: var(--success-bg);
		color: var(--success);
	}
	.gui-badge-danger{
		background: var(--danger-bg);
		color: var(--danger);
	}
	.gui-badge-disabled{
		opacity: .7;
	}
	.gui-badge-critical{
		color: #c32b24;
		background: color-mix(in srgb,#c32b24 6%,var(--surface));
	}
	.gui-badge-warning{
		color: #a94c00;
		background: color-mix(in srgb,#d97706 7%,var(--surface));
	}
	.gui-badge-info{
		color: var(--primary);
		background: color-mix(in srgb,var(--primary) 5%,var(--surface));
	}
	.gui-badge-subtle{
		background: var(--background-soft);
	}
	[data-theme="dark"] .gui-badge-critical{
		color: #ff8f85;
	}
	[data-theme="dark"] .gui-badge-warning{
		color: #ffb566;
	}
	.alert-create-form,
	.alert-rule-form,
	.alert-toggle-form,
	.alert-rule-summary{
		margin-top: 14px;
	}
	.alert-rule-heading{
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		align-items: flex-start;
		justify-content: space-between;
	}
	.alert-rule-heading > div:last-child{
		display: flex;
		flex-wrap: wrap;
		gap: 6px;
	}
	.alert-channel-options{
		display: flex;
		flex-wrap: wrap;
		gap: 8px 14px;
		align-items: center;
		margin-top: 14px;
	}
	.alert-log-section{
		margin-top: 18px;
	}
	.alert-log-section .table-wrap{
		margin-top: 14px;
	}
	@media (min-width: 980px){
		.alert-layout{
			grid-template-columns: minmax(280px,.72fr) minmax(0,1.28fr);
		}
	}
	.navigation-account{
		display: flex;
		gap: 6px;
		align-items: center;
	}
	.navigation-account select{
		max-width: 170px;
		min-height: 34px;
		padding: 5px 8px;
		border: 1px solid var(--line);
		border-radius: 7px;
		background: var(--surface);
		color: var(--text);
	}
	.team-metrics{
		margin-top: 18px;
	}
	.team-section{
		margin-top: 18px;
		padding: 18px;
		border: 1px solid var(--line);
		border-radius: var(--radius-card);
		background: var(--surface);
		box-shadow: var(--shadow-card);
	}
	.team-section-heading{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.team-section-heading h2{
		margin: 4px 0 0;
	}
	.team-invite-form,
	.team-member-form{
		margin-top: 16px;
	}
	.team-project-options{
		display: grid;
		gap: 9px;
		margin-top: 14px;
	}
	.team-check-grid{
		display: grid;
		gap: 8px;
	}
	.team-check-grid span{
		display: grid;
		gap: 2px;
	}
	.team-check-grid small{
		color: var(--muted);
	}
	.team-member-list,
	.team-role-list{
		display: grid;
		gap: 12px;
		margin-top: 16px;
	}
	.team-member-card,
	.team-role-card{
		padding: 14px;
		border: 1px solid var(--line);
		border-radius: var(--radius-control);
		background: var(--background-soft);
	}
	.team-member-heading,
	.team-role-heading{
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		align-items: flex-start;
		justify-content: space-between;
	}
	.team-member-heading > div:first-child,
	.team-role-heading{
		display: grid;
		gap: 3px;
	}
	.team-member-heading > div:last-child{
		display: flex;
		flex-wrap: wrap;
		gap: 6px;
	}
	.team-member-heading > div:first-child > span,
	.team-role-heading > span{
		color: var(--muted);
		font-size: 13px;
	}
	.team-permission-list{
		display: grid;
		gap: 7px;
		margin-top: 12px;
	}
	.team-permission-list span{
		display: grid;
		gap: 1px;
	}
	.team-permission-list small{
		color: var(--muted);
	}
	.team-permission-summary{
		display: flex;
		flex-wrap: wrap;
		gap: 6px;
		margin-top: 12px;
	}
	.team-permission-summary span{
		padding: 5px 8px;
		border-radius: 999px;
		background: var(--surface);
		color: var(--muted);
		font-size: 12px;
	}
	.invitation-page{
		background: var(--background);
	}
	.invitation-shell{
		display: grid;
		min-height: calc(100vh - 180px);
		place-items: center;
	}
	.invitation-card{
		width: min(100%,560px);
		padding: 24px;
		border: 1px solid var(--line);
		border-radius: var(--radius-card);
		background: var(--surface);
		box-shadow: var(--shadow-card);
	}
	.invitation-card h1{
		margin: 8px 0 0;
	}
	.invitation-card p,
	.invitation-card form,
	.invitation-actions{
		margin-top: 16px;
	}
	.recommendation-collaboration{
		margin-top: 18px;
		padding-top: 16px;
		border-top: 1px solid var(--line);
	}
	.recommendation-task-heading{
		display: flex;
		gap: 12px;
		align-items: center;
		justify-content: space-between;
	}
	.recommendation-task-heading span{
		color: var(--muted);
		text-transform: capitalize;
	}
	.recommendation-task-form,
	.recommendation-comments,
	.recommendation-comment-form{
		margin-top: 14px;
	}
	.recommendation-comments{
		display: grid;
		gap: 10px;
	}
	.recommendation-comment{
		padding: 11px;
		border: 1px solid var(--line);
		border-radius: var(--radius-control);
		background: var(--surface);
	}
	.recommendation-comment > div{
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
		align-items: center;
		justify-content: space-between;
	}
	.recommendation-comment span{
		color: var(--muted);
		font-size: 12px;
	}
	.recommendation-comment p{
		margin: 8px 0 0;
	}
	.recommendation-comment form{
		margin-top: 8px;
	}
	@media (min-width: 720px){
		.header-layout.header-authenticated{
			display: grid;
			grid-template-columns: auto minmax(0,1fr);
		}
		.header-authenticated .header-actions{
			grid-column: 2;
			grid-row: 1;
		}
		.header-authenticated .navigation{
			grid-column: 1 / -1;
			min-width: 0;
		}
	}
	@media (min-width: 1200px){
		.header-layout.header-authenticated{
			grid-template-columns: auto minmax(0,1fr) auto;
		}
		.header-authenticated .header-actions{
			grid-column: 3;
		}
		.header-authenticated .navigation{
			grid-column: 2;
			grid-row: 1;
			justify-content: center;
		}
	}
	@media (min-width: 760px){
		.team-check-grid,
		.team-role-list{
			grid-template-columns: repeat(2,minmax(0,1fr));
		}
	}
	.recommendation-crm-filter{
		grid-template-columns: 1fr;
	}
	.recommendation-crm-list{
		margin-top: 18px;
	}
	.recommendation-crm-badges{
		display: flex;
		flex-wrap: wrap;
		gap: 6px;
		align-items: center;
	}
	.recommendation-card-overdue{
		box-shadow: inset 0 0 0 2px var(--danger);
	}
	.recommendation-workflow-grid{
		grid-template-columns: 1fr;
	}
	.recommendation-workflow-text{
		margin-top: 12px;
	}
	.recommendation-workflow-summary{
		display: grid;
		gap: 10px;
		margin-top: 14px;
	}
	.recommendation-workflow-summary div{
		display: grid;
		gap: 3px;
		padding: 10px;
		border: 1px solid var(--line);
		border-radius: var(--radius-control);
		background: var(--surface);
	}
	.recommendation-workflow-summary span{
		color: var(--muted);
		font-size: 12px;
	}
	.recommendation-verification{
		margin-top: 14px;
		padding: 12px;
		border: 1px solid var(--line);
		border-radius: var(--radius-control);
		background: var(--background-soft);
	}
	.recommendation-verification > div{
		display: flex;
		gap: 10px;
		align-items: center;
		justify-content: space-between;
	}
	.recommendation-verification > div span{
		color: var(--muted);
		font-size: 12px;
		font-weight: 700;
		text-transform: uppercase;
	}
	.recommendation-verification-passed{
		border-color: var(--success);
		background: var(--success-bg);
	}
	.recommendation-verification-failed{
		border-color: var(--danger);
		background: var(--danger-bg);
	}
	.recommendation-verification p,
	.recommendation-verification form{
		margin-top: 10px;
	}
	.recommendation-history{
		margin-top: 14px;
		border-top: 1px solid var(--line);
		padding-top: 12px;
	}
	.recommendation-history summary{
		cursor: pointer;
		font-weight: 700;
	}
	.recommendation-history summary span{
		color: var(--muted);
		font-weight: 500;
	}
	.recommendation-history-list{
		display: grid;
		gap: 9px;
		margin-top: 10px;
	}
	.recommendation-history-item{
		padding: 10px;
		border-left: 3px solid var(--accent);
		background: var(--surface);
	}
	.recommendation-history-item > div{
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
		align-items: center;
		justify-content: space-between;
	}
	.recommendation-history-item > div span{
		color: var(--muted);
		font-size: 12px;
	}
	.recommendation-history-item p{
		margin: 7px 0 0;
	}
	.recommendation-change-list{
		display: grid;
		gap: 4px;
		margin-top: 7px;
		color: var(--muted);
		font-size: 12px;
	}
	@media (min-width: 760px){
		.recommendation-crm-filter{
			grid-template-columns: repeat(2,minmax(0,1fr));
		}
		.recommendation-workflow-grid,
		.recommendation-workflow-summary{
			grid-template-columns: repeat(2,minmax(0,1fr));
		}
	}
	@media (min-width: 1180px){
		.recommendation-crm-filter{
			grid-template-columns: repeat(4,minmax(0,1fr));
		}
	}
	.privacy-section{
		margin-top: 22px;
		padding: 18px;
		border: 1px solid var(--line);
		border-radius: var(--radius-card);
		background: var(--surface);
	}
	.privacy-section > .table-wrap-flush{
		margin-right: -18px;
		margin-bottom: -18px;
		margin-left: -18px;
	}
	.table-wrap-flush{
		border-width: 1px 0 0;
		border-radius: 0 0 calc(var(--radius-card) - 1px) calc(var(--radius-card) - 1px);
		box-shadow: none;
	}
	.privacy-heading{
		display: grid;
		gap: 8px;
	}
	.privacy-heading p{
		max-width: 820px;
		color: var(--muted);
	}
	.privacy-card-list{
		display: grid;
		gap: 12px;
		margin-top: 16px;
	}
	.privacy-card{
		display: grid;
		gap: 12px;
		padding: 14px;
		border: 1px solid var(--line);
		border-radius: var(--radius-control);
		background: var(--background-soft);
	}
	.privacy-card > div{
		display: grid;
		gap: 4px;
	}
	.privacy-card > div span{
		color: var(--muted);
		font-size: 12px;
	}
	.privacy-site-card{
		grid-template-columns: minmax(0,1fr);
	}
	.privacy-site-card > .form-field{
		min-width: 0;
		gap: 7px;
	}
	.privacy-site-card > .button,
	.privacy-site-card > .button:focus{
		justify-self: start;
		max-width: 100%;
		min-height: 44px;
	}
	.privacy-danger{
		border-color: var(--danger);
	}
	.privacy-account-delete,
	.privacy-request-list{
		margin-top: 20px;
	}
	.privacy-account-delete p{
		margin-top: 8px;
		color: var(--muted);
	}
	.privacy-account-delete .button,
	.privacy-account-delete .privacy-card{
		margin-top: 12px;
	}
	.privacy-request-list{
		display: grid;
		gap: 8px;
	}
	.privacy-request-list div{
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		justify-content: space-between;
		padding: 10px;
		border: 1px solid var(--line);
		border-radius: var(--radius-control);
	}
	@media (min-width: 760px){
		.privacy-heading{
			grid-template-columns: minmax(220px,0.45fr) minmax(0,1fr);
			align-items: start;
		}
		.privacy-card{
			grid-template-columns: minmax(180px,1fr) minmax(220px,0.7fr) auto;
			align-items: end;
		}
		.privacy-site-card{
			grid-template-columns: minmax(0,1fr);
		}
		.privacy-site-card-locked{
			grid-template-columns: minmax(0,420px) auto;
			justify-content: start;
		}
	}
	@media (min-width: 1024px){
		.privacy-site-card:not(.privacy-site-card-locked){
			grid-template-columns: minmax(0,420px) minmax(180px,320px) auto;
		}
	}
	.rec-board{
		margin-top: 20px;
	}
	.rec-intro{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 12px;
	}
	.rec-intro p{
		flex: 1 1 360px;
		margin: 0;
	}
	.rec-totals{
		display: grid;
		grid-template-columns: repeat(2,minmax(0,1fr));
		gap: 10px;
	}
	.rec-total{
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 8px;
		padding: 14px;
		border: 1px solid var(--line);
		border-radius: var(--radius-card);
		background: var(--surface);
	}
	.rec-total-value{
		font-size: 24px;
		font-weight: 700;
	}
	.rec-filters{
		display: grid;
		gap: 12px;
		margin-top: 20px;
		align-items: end;
	}
	.rec-list{
		display: grid;
		gap: 12px;
		margin-top: 16px;
	}
	.rec-card{
		min-width: 0;
		padding: 16px;
		border: 1px solid var(--line);
		border-radius: var(--radius-card);
		background: var(--surface);
		box-shadow: var(--shadow-card);
	}
	.rec-card[hidden]{
		display: none;
	}
	.rec-retry[hidden]{
		display: none;
	}
	.rec-verification .form[hidden]{
		display: none;
	}
	.rec-card-top{
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
		gap: 8px;
	}
	.rec-completion-form{
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		gap: 8px;
	}
	.rec-completion{
		display: inline-flex;
		align-items: center;
	}
	.rec-summary,
	.rec-summary:focus{
		position: relative;
		margin-top: 12px;
		color: var(--ink);
		cursor: pointer;
		list-style: none;
	}
	.rec-summary::-webkit-details-marker{
		display: none;
	}
	.rec-summary h2{
		margin: 0;
		font-size: 18px;
		line-height: 1.35;
		overflow-wrap: anywhere;
	}
	.rec-summary-content{
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		margin-top: 6px;
		color: var(--text-secondary);
		font-size: 14px;
		overflow-wrap: anywhere;
	}
	.rec-expand{
		display: inline-block;
		margin-top: 8px;
		color: var(--primary);
		font-size: 13px;
	}
	.rec-summary:focus-visible,
	.rec-workflow > summary:focus-visible{
		outline: 2px solid var(--primary);
		outline-offset: 3px;
	}
	.rec-details-content{
		margin-top: 16px;
		padding-top: 16px;
		border-top: 1px solid var(--line);
		overflow-wrap: anywhere;
	}
	.rec-explanation{
		margin-top: 14px;
	}
	.rec-explanation:first-child{
		margin-top: 0;
	}
	.rec-explanation h3{
		margin: 0;
		font-size: 14px;
	}
	.rec-explanation p{
		margin: 5px 0 0;
		color: var(--text-secondary);
	}
	.rec-details-content > .button{
		margin-top: 14px;
	}
	.rec-workflow{
		margin-top: 16px;
		padding-top: 16px;
		border-top: 1px solid var(--line);
	}
	.rec-workflow > summary,
	.rec-workflow > summary:focus{
		color: var(--ink);
		font-weight: 600;
		cursor: pointer;
	}
	.rec-task-form{
		margin-top: 16px;
	}
	.rec-fieldset{
		display: grid;
		min-width: 0;
		gap: 12px;
		margin: 0;
		padding: 0;
		border: 0;
	}
	.rec-fieldset [aria-invalid="true"],
	.rec-fieldset [aria-invalid="true"]:focus{
		border-color: var(--danger);
	}
	.rec-field-grid{
		display: grid;
		gap: 12px;
	}
	.rec-verification{
		margin-top: 14px;
		padding: 12px;
		border-radius: var(--radius-control);
		background: var(--background-soft);
	}
	.rec-save-row{
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		gap: 8px;
		font-size: 13px;
	}
	.rec-save-row:has(:not(:empty)){
		margin-top: 10px;
	}
	.rec-save-error{
		color: var(--danger);
	}
	.rec-autosave .rec-manual-save{
		display: none;
	}
	@media (min-width: 720px){
		.rec-totals{
			grid-template-columns: repeat(4,minmax(0,1fr));
		}
		.rec-filters{
			grid-template-columns: minmax(0,240px) minmax(0,200px) auto;
			justify-content: start;
		}
		.rec-field-grid{
			grid-template-columns: repeat(3,minmax(0,1fr));
		}
		.rec-card{
			padding: 20px;
		}
	}
	.traffic-board{
		display: grid;
		gap: 16px;
		min-width: 0;
	}
	.traffic-board [hidden]{
		display: none;
	}
	.traffic-panel{
		min-width: 0;
		margin: 0;
	}
	.traffic-panel + .traffic-panel{
		margin-top: 0;
	}
	.traffic-panel h2{
		margin: 0;
	}
	.traffic-metrics{
		grid-template-columns: 1fr;
		margin: 0;
	}
	.traffic-metrics .metric-card{
		display: grid;
		align-content: start;
		gap: 8px;
	}
	.traffic-note{
		margin: 10px 0 0;
		color: var(--text-secondary);
		overflow-wrap: anywhere;
	}
	.traffic-board > .traffic-note{
		margin: 0;
	}
	.traffic-link{
		display: inline-block;
		margin-top: 16px;
	}
	.traffic-path{
		display: block;
		min-width: 180px;
		max-width: 440px;
		white-space: normal;
		overflow-wrap: anywhere;
	}
	.traffic-required{
		font-weight: 700;
	}
	.traffic-aggregation{
		width: 160px;
	}
	.traffic-chart-content{
		position: relative;
	}
	.traffic-plot{
		margin-top: 16px;
		direction: ltr;
	}
	.traffic-plot svg{
		display: block;
		width: 100%;
		height: 260px;
		overflow: visible;
	}
	.traffic-plot svg:focus-visible{
		outline: 2px solid var(--primary);
		outline-offset: 3px;
	}
	.traffic-grid-line{
		stroke: var(--line);
	}
	.traffic-axis{
		fill: var(--text-secondary);
		font-size: 12px;
	}
	.traffic-cursor{
		stroke: var(--muted);
		stroke-dasharray: 3 3;
	}
	.traffic-line{
		fill: none;
		stroke: var(--series-color);
		stroke-width: 2;
		vector-effect: non-scaling-stroke;
	}
	.traffic-point{
		fill: var(--series-color);
	}
	.traffic-series-0{
		--series-color: #2879f5;
	}
	.traffic-series-1{
		--series-color: #a96bff;
	}
	.traffic-series-2{
		--series-color: #129a87;
	}
	.traffic-series-3{
		--series-color: #d99320;
	}
	.traffic-series-4{
		--series-color: #dd67a0;
	}
	.traffic-series-5{
		--series-color: #5494ae;
	}
	.traffic-series-6{
		--series-color: #de6841;
	}
	.traffic-series-7{
		--series-color: #968ac6;
	}
	.traffic-series-8{
		--series-color: #898c39;
	}
	.traffic-series-9{
		--series-color: #ce6990;
	}
	.traffic-series-10{
		--series-color: #8491a4;
	}
	.traffic-legend{
		display: flex;
		flex-wrap: wrap;
		gap: 12px 20px;
		margin-top: 16px;
	}
	.traffic-series{
		display: inline-flex;
		align-items: center;
	}
	.traffic-dot{
		width: 8px;
		height: 8px;
		flex: 0 0 auto;
		border-radius: 50%;
		background: var(--series-color);
	}
	.traffic-tooltip{
		position: absolute;
		inset-inline-start: 42px;
		inset-inline-end: 16px;
		top: 14px;
		z-index: 1;
		display: flex;
		flex-wrap: wrap;
		gap: 4px 16px;
		padding: 10px;
		border: 1px solid var(--line);
		border-radius: var(--radius-control);
		background: var(--surface);
		pointer-events: none;
		font-size: 13px;
		color: var(--text-secondary);
	}
	.traffic-tooltip:empty{
		display: none;
	}
	.traffic-tooltip-date{
		font-weight: 600;
	}
	.traffic-data{
		min-width: 0;
		max-width: 100%;
		overflow: hidden;
		margin-top: 16px;
	}
	.traffic-data > summary,
	.traffic-data > summary:focus{
		color: var(--primary);
		cursor: pointer;
	}
	.traffic-data > summary:focus-visible{
		outline: 2px solid var(--primary);
	}
	.traffic-code{
		max-width: 100%;
		margin: 16px 0 0;
		padding: 16px;
		overflow: auto;
		border-radius: var(--radius-field);
		background: var(--background-soft);
		direction: ltr;
		text-align: left;
	}
	.traffic-secret{
		display: block;
		margin-top: 12px;
		overflow-wrap: anywhere;
	}
	@media (min-width: 720px){
		.traffic-metrics{
			grid-template-columns: repeat(3,minmax(0,1fr));
		}
	}
	@media (min-width: 1100px){
		.traffic-metrics{
			grid-template-columns: repeat(5,minmax(0,1fr));
		}
	}
	.http-overview{
		display: grid;
		gap: 16px;
		min-width: 0;
	}
	.http-overview-metrics{
		grid-template-columns: 1fr;
		margin: 0;
	}
	.http-overview-metrics .metric-card{
		display: flex;
		flex-direction: column;
		gap: 6px;
	}
	.http-overview-notice{
		padding: 20px;
		border: 1px solid var(--line);
		border-radius: var(--radius-card);
		background: var(--surface);
	}
	.http-overview-errors{
		border-color: color-mix(in srgb,var(--danger) 35%,var(--line));
		background: color-mix(in srgb,var(--danger) 5%,var(--surface));
	}
	.http-overview-clear{
		border-color: color-mix(in srgb,#19a579 35%,var(--line));
		background: color-mix(in srgb,#19a579 5%,var(--surface));
	}
	.http-overview-notice h2{
		margin: 0;
		font-size: 20px;
	}
	.http-overview-notice p{
		margin: 8px 0 0;
		color: var(--muted);
	}
	.http-overview-notice .button{
		margin-top: 14px;
	}
	.http-overview-pages{
		min-width: 0;
		padding: 20px;
		border: 1px solid var(--line);
		border-radius: var(--radius-card);
		background: var(--surface);
	}
	.http-overview-pages h2{
		margin: 0;
		font-size: 22px;
	}
	.http-overview-pages .table-wrap{
		margin-top: 16px;
	}
	.http-overview-table{
		min-width: 850px;
	}
	.http-overview-table td{
		vertical-align: top;
	}
	.http-overview-path{
		display: block;
		min-width: 120px;
		max-width: 350px;
		white-space: normal;
		overflow-wrap: anywhere;
	}
	.http-overview-names{
		display: grid;
		gap: 5px;
		min-width: 120px;
		max-width: 220px;
		white-space: normal;
		overflow-wrap: anywhere;
	}
	.http-overview-details{
		min-width: 0;
		border: 1px solid var(--line);
		border-radius: var(--radius-card);
		background: var(--surface);
	}
	.http-overview-details > summary,
	.http-overview-details > summary:focus{
		padding: 20px;
		border-radius: var(--radius-card);
		background: var(--surface);
		color: var(--ink);
		font-size: 16px;
		font-weight: 700;
		cursor: pointer;
	}
	.http-overview-details > summary:focus-visible{
		outline: 2px solid var(--primary-mid);
		outline-offset: -3px;
	}
	.http-overview-content{
		min-width: 0;
		padding: 0 20px 20px;
	}
	.http-overview-codes{
		display: grid;
		gap: 16px;
	}
	.http-overview-code{
		padding-top: 16px;
		border-top: 1px solid var(--line);
	}
	.http-overview-code h3{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 8px;
		margin: 0;
		font-size: 16px;
	}
	.http-overview-code p{
		margin: 8px 0 0;
	}
	.http-overview-facts{
		display: grid;
		gap: 12px;
	}
	.http-overview-value{
		display: block;
		margin-top: 5px;
		overflow-wrap: anywhere;
	}
	@media (min-width: 720px){
		.http-overview-metrics,
		.http-overview-facts{
			grid-template-columns: repeat(3,minmax(0,1fr));
		}
	}
	.heading-help > :is(h1,h2,h3,h4,h5,h6){
		margin: 0;
	}
	.gui-search-select{
		position: relative;
		min-width: 0;
	}
	.gui-search-select-trigger,
	.gui-search-select-trigger:focus{
		width: 100%;
		min-height: 44px;
		justify-content: space-between;
		text-align: start;
		overflow-wrap: anywhere;
	}
	.gui-search-select-trigger::after{
		content: '';
		flex: 0 0 16px;
		width: 16px;
		height: 16px;
		margin-inline-start: 12px;
		background: currentColor;
		mask: url("icons/tabler/chevron-down.svg") center/contain no-repeat;
	}
	.gui-search-select-popup{
		position: absolute;
		z-index: 30;
		inset-inline: 0;
		top: 100%;
		margin-top: 4px;
		padding: 8px;
		border: 1px solid var(--line);
		border-radius: var(--radius-control);
		background: var(--surface);
		box-shadow: var(--shadow-card);
	}
	.gui-search-select-list{
		max-height: 220px;
		overflow-y: auto;
		margin-top: 8px;
	}
	.gui-search-select-option,
	.gui-search-select-option:focus{
		display: flex;
		width: 100%;
		justify-content: flex-start;
		text-align: start;
		overflow-wrap: anywhere;
		border-color: transparent;
	}
	.gui-search-select-active,
	.gui-search-select-active:focus{
		border-color: var(--primary-mid);
		box-shadow: var(--shadow-button-hover);
	}
	.gui-search-select-empty{
		padding: 8px;
		color: var(--muted);
	}
	.gui-search-select [hidden]{
		display: none;
	}
	.account-menu{
		position: relative;
		flex: 0 0 auto;
	}
	.button.account-toggle,
	.button.account-toggle:focus{
		width: 36px;
		height: 36px;
		min-height: 36px;
		padding: 0;
		border-radius: 50%;
		list-style: none;
	}
	.account-toggle::-webkit-details-marker{
		display: none;
	}
	.account-avatar{
		font-size: 16px;
		font-weight: 600;
		text-transform: uppercase;
	}
	.account-menu-panel{
		position: absolute;
		inset-inline-end: 0;
		top: 100%;
		z-index: 20;
		width: 280px;
		max-width: calc(100vw - 32px);
		max-height: 60dvh;
		overflow: auto;
		padding: 10px;
		border: 1px solid var(--line);
		border-radius: var(--radius-control);
		background: var(--surface);
		color: var(--ink);
		box-shadow: var(--shadow-card);
	}
	.account-identity{
		display: block;
		padding: 8px 11px;
		overflow-wrap: anywhere;
		color: var(--muted);
		font-size: 12px;
	}
	.account-link,
	.account-link:focus{
		width: 100%;
		gap: 8px;
		text-align: start;
		white-space: normal;
	}
	.account-workspace{
		display: grid;
		grid-template-columns: minmax(0,1fr) auto;
		padding: 8px 0;
	}
	.account-workspace label{
		min-width: 0;
	}
	.account-workspace select{
		width: 100%;
		min-width: 0;
	}
	.button.account-switch,
	.button.account-switch:focus{
		min-height: 38px;
		padding: 8px;
	}
	.navigation-link[aria-current="true"],
	.navigation-link[aria-current="true"]:focus{
		color: var(--primary);
	}
	.site-context{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 12px;
	}
	.site-switcher{
		display: flex;
		flex: 1 1 100%;
		align-items: flex-end;
		gap: 8px;
		min-width: 0;
		margin: 0;
	}
	.site-switcher-field{
		flex: 1 1 auto;
		min-width: 0;
	}
	.site-switcher-field select{
		width: 100%;
		min-width: 0;
	}
	.site-switch-submit[hidden]{
		display: none;
	}
	.site-context .site-mode{
		margin-inline-start: auto;
	}
	.site-context ~ .page-heading,
	.site-context ~ .site-heading{
		margin-top: 28px;
	}
	@media (min-width: 720px){
		.site-switcher{
			flex: 0 1 400px;
		}
	}
	.site-date-range{
		margin-top: 18px;
	}
	.site-date-heading{
		display: flex;
		align-items: center;
		gap: 8px;
	}
	.site-date-title{
		font-weight: 600;
	}
	.site-date-fields{
		display: grid;
		grid-template-columns: minmax(0,1fr);
		align-items: end;
		gap: 10px;
		margin-top: 10px;
	}
	.site-date-field{
		min-width: 0;
	}
	.site-date-field input{
		min-width: 0;
		width: 100%;
	}
	.site-date-note{
		display: block;
		margin-top: 8px;
		font-size: 12px;
		color: var(--muted);
	}
	.gui-disclosure{
		margin-top: 12px;
		border: 1px solid var(--line);
		border-radius: var(--radius-control);
		background: var(--surface);
		color: var(--ink);
	}
	.gui-disclosure-toggle,
	.gui-disclosure-toggle:focus{
		display: list-item;
		padding: 14px 16px;
		border-radius: var(--radius-control);
		background: var(--surface);
		color: var(--ink);
		cursor: pointer;
		font-size: 14px;
		font-weight: 600;
		overflow-wrap: anywhere;
	}
	.gui-disclosure-toggle:hover{
		box-shadow: var(--shadow-card);
	}
	.diagnostic-status{
		display: block;
		margin-top: 6px;
		color: var(--muted);
		font-size: 12px;
		font-weight: 400;
	}
	.site-diagnostic-content{
		min-width: 0;
		padding: 0 16px 16px;
	}
	.site-connection-menu{
		position: relative;
		min-width: 0;
		max-width: 100%;
	}
	.connection-toggle,
	.connection-toggle:focus{
		gap: 8px;
		max-width: 100%;
		text-align: start;
		white-space: normal;
		font-size: 13px;
	}
	.connection-toggle::-webkit-details-marker{
		display: none;
	}
	.connection-dot{
		flex: 0 0 8px;
		width: 8px;
		height: 8px;
		border-radius: 50%;
		background: var(--muted);
	}
	.connection-dot-active{
		background: #159447;
	}
	.connection-dot-issue{
		background: var(--danger);
	}
	.connection-dot-setup{
		background: #ad7000;
	}
	.connection-panel{
		position: absolute;
		inset-inline-start: 0;
		top: 100%;
		z-index: 15;
		width: 320px;
		max-width: calc(100vw - 32px);
		max-height: 65dvh;
		overflow: auto;
		padding: 16px;
		border: 1px solid var(--line);
		border-radius: var(--radius-control);
		background: var(--surface);
		color: var(--ink);
		box-shadow: var(--shadow-card);
	}
	.connection-panel h2{
		font-size: 16px;
	}
	.connection-facts{
		display: grid;
		grid-template-columns: minmax(0,1fr) minmax(0,1fr);
		gap: 10px;
		margin-top: 12px;
		overflow-wrap: anywhere;
		font-size: 12px;
	}
	.connection-manage{
		margin-top: 14px;
	}
	.connection-warning{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 10px;
	}
	.site-heading + .connection-warning{
		margin-top: 24px;
	}
	.overview-urls{
		margin-top: 24px;
	}
	.overview-urls > .button{
		margin-top: 12px;
	}
	@media (min-width: 720px){
		.connection-panel{
			inset-inline-start: auto;
			inset-inline-end: 0;
		}
		.diagnostic-status{
			display: inline;
			margin-top: 0;
			margin-inline-start: 16px;
		}
	}
	.report-list-panel{
		min-width: 0;
		padding: 20px;
		border: 1px solid var(--line);
		border-radius: 20px;
		background: var(--surface);
	}
	.report-list-scroll{
		overflow: auto;
		margin-top: 0;
	}
	.report-list-table{
		min-width: 680px;
	}
	.report-note{
		color: var(--muted);
		font-size: 13px;
	}
	.button-danger,.button-danger:focus{
		border-color: var(--danger);
		color: #fff;
		background: var(--danger);
	}
	.report-workspace{
		display: grid;
		gap: 24px;
		min-width: 0;
	}
	.report-fields{
		display: grid;
		gap: 16px;
		margin-top: 20px;
	}
	.report-fields .form-field{
		min-width: 0;
	}
	.report-fields input{
		max-width: 100%;
	}
	.report-actions{
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		gap: 10px;
		margin-top: 20px;
	}
	.report-row-actions{
		display: flex;
		align-items: start;
		gap: 8px;
	}
	.report-row-menu{
		min-width: 40px;
	}
	.report-menu-content{
		display: grid;
		gap: 8px;
		margin-top: 8px;
	}
	.report-section-order{
		display: grid;
		gap: 8px;
		margin-top: 20px;
	}
	.report-section-option{
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		padding: 12px;
		border: 1px solid var(--line);
		border-radius: 12px;
	}
	.report-order-actions{
		display: flex;
		gap: 6px;
		flex-shrink: 0;
	}
	.report-order-actions .button{
		min-width: 32px;
		min-height: 36px;
		padding: 6px 8px;
	}
	.report-branding{
		margin-top: 24px;
		padding-top: 16px;
		border-top: 1px solid var(--line);
	}
	.report-branding summary{
		cursor: pointer;
		font-weight: 600;
	}
	.report-check{
		margin-top: 16px;
	}
	.report-preview-scroll{
		max-height: 60dvh;
		overflow: auto;
		min-width: 0;
		background: #e5e7eb;
	}
	.report-preview-dialog [hidden]{
		display: none;
	}
	.report-preview-dialog > .report-actions{
		margin-top: 16px;
	}
	.report-pdf-zoom.report-actions{
		margin-top: 0;
	}
	.report-pdf-workspace{
		display: grid;
		gap: 16px;
		margin-top: 16px;
		min-width: 0;
	}
	.report-pdf-thumbnails{
		display: flex;
		gap: 10px;
		overflow: auto;
		max-height: 165px;
		padding: 4px;
	}
	.report-pdf-thumbnail,
	.report-pdf-thumbnail:focus{
		display: flex;
		flex-direction: column;
		flex: 0 0 88px;
		gap: 6px;
		padding: 5px;
		border: 2px solid var(--line);
		border-radius: 6px;
		background: var(--surface);
		color: var(--ink);
	}
	.report-pdf-thumbnail[aria-current="page"],
	.report-pdf-thumbnail[aria-current="page"]:focus{
		border-color: var(--primary);
	}
	.report-pdf-thumbnail img{
		display: block;
		width: 74px;
		height: auto;
	}
	.report-pdf-page-number{
		font-size: 12px;
		line-height: 1;
	}
	.report-pdf-page-image{
		display: block;
		width: 100%;
		max-width: none;
		height: auto;
	}
	.report-pdf-navigation output{
		unicode-bidi: isolate;
	}
	[dir="rtl"] .report-pdf-navigation [data-report-page]{
		transform: scaleX(-1);
	}
	@media (min-width: 720px){
		.report-pdf-workspace{
			grid-template-columns: 110px minmax(0, 1fr);
		}
		.report-pdf-thumbnails{
			flex-direction: column;
			max-height: 60dvh;
		}
		.report-pdf-thumbnail,
		.report-pdf-thumbnail:focus{
			flex-basis: auto;
		}
	}
	.report-output-panel{
		min-width: 0;
	}
	.report-output-panel .report-output-heading{
		align-items: start;
		flex-wrap: wrap;
	}
	.report-output-panel .report-actions{
		margin-top: 0;
	}
	.client-report-preview{
		overflow: auto;
		margin-top: 20px;
		max-height: 1000px;
	}
	.client-report{
		color: #172033;
		background: #fff;
		overflow-wrap: anywhere;
	}
	.client-report-mark{
		display: inline-block;
		vertical-align: middle;
		margin-inline-end: 10px;
		color: var(--client-accent);
	}
	.client-report-logo{
		display: block;
		width: auto;
		max-width: 180px;
		max-height: 64px;
		margin-top: 12px;
	}
	.client-report-domain{
		display: block;
		margin-top: 8px;
		color: #64748b;
	}
	.client-report-metric small{
		display: block;
		margin-top: 8px;
		color: #64748b;
		font-size: 11px;
	}
	.client-report-link,.client-report-link:focus{
		display: inline-block;
		margin-top: 20px;
		color: #2563eb;
	}
	.report-chart{
		margin-top: 20px;
		color: #172033;
		background: #fff;
	}
	.report-chart svg{
		display: block;
		width: 100%;
		min-width: 380px;
	}
	.report-chart-legend{
		display: flex;
		flex-wrap: wrap;
		gap: 12px;
	}
	.client-report-table{
		table-layout: fixed;
	}
	.report-column-16{width: 16%;}
	.report-column-12{width: 12%;}
	.report-column-40{width: 40%;}
	.report-column-20{width: 20%;}
	.report-column-25{width: 25%;}
	.report-column-35{width: 35%;}
	.report-column-36{width: 36%;}
	.report-column-45{width: 45%;}
	.report-column-75{width: 75%;}
	.report-column-80{width: 80%;}
	.report-series{
		padding-inline-start: 10px;
		border-inline-start: 3px solid;
		font-size: 12px;
	}
	.report-series-0{border-color: #2563eb;}
	.report-series-1{border-color: #0f766e;}
	.report-series-2{border-color: #c2410c;}
	.report-series-3{border-color: #7c3aed;}
	.report-series-4{border-color: #b91c1c;}
	.report-series-5{border-color: #475569;}
	@media (min-width: 720px){
		.report-fields{
			grid-template-columns: repeat(2,minmax(0,1fr));
		}
		.report-list-panel{
			padding: 28px;
		}
	}
	@media (min-width: 1280px){
		.report-workspace{
			grid-template-columns: minmax(400px,0.9fr) minmax(0,1.1fr);
			align-items: start;
		}
	}
	@media (min-width: 375px){
		.site-date-fields{
			grid-template-columns: repeat(2,minmax(0,1fr));
		}
		.site-date-apply{
			grid-column: 1 / -1;
		}
	}
	@media (min-width: 720px){
		.site-date-fields{
			grid-template-columns: repeat(2,minmax(0,190px)) auto;
			justify-content: start;
		}
		.site-date-apply{
			grid-column: auto;
		}
	}
	.header-layout.header-authenticated{
		display: grid;
		grid-template-columns: minmax(0,1fr) auto;
		align-items: center;
		gap: 10px;
		padding: 12px 0;
	}
	.header-authenticated .brand-logo{
		width: 96px;
	}
	.header-authenticated .header-actions{
		grid-column: 2;
		grid-row: 1;
		gap: 6px;
	}
	.header-modules{
		position: relative;
		grid-column: 1 / -1;
		min-width: 0;
	}
	.gui-menu-toggle,.gui-menu-toggle:focus{
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 10px;
		min-height: 38px;
		padding: 8px 12px;
		list-style: none;
		font-size: 13px;
		cursor: pointer;
	}
	.gui-menu-toggle::-webkit-details-marker{
		display: none;
	}
	.gui-menu-arrow{
		width: 7px;
		height: 7px;
		flex: 0 0 7px;
		background: currentColor;
		mask: url("icons/tabler/chevron-down.svg") center/contain no-repeat;
		margin-top: -4px;
	}
	.gui-menu-panel{
		padding: 10px;
		border: 1px solid var(--line);
		border-radius: 12px;
		background: var(--surface);
		color: var(--ink);
		box-shadow: 0 12px 32px rgb(15 23 42 / 12%);
	}
	.header-module-panel{
		position: absolute;
		inset-inline: 0;
		top: calc(100% + 6px);
		z-index: 24;
	}
	.header-modules .navigation{
		flex-direction: column;
		align-items: stretch;
		overflow: visible;
	}
	.button.account-toggle,.button.account-toggle:focus{
		border-color: var(--primary);
		background: var(--primary);
		color: #fff;
	}
	.site-header{
		padding: 0 0 12px;
	}
	.site-toolbar{
		display: flex;
		flex-direction: column;
		gap: 10px;
		min-width: 0;
	}
	.site-toolbar .site-context{
		position: relative;
		gap: 6px;
		min-width: 0;
	}
	.site-toolbar .site-connection-menu{
		position: static;
	}
	.site-toolbar .connection-panel{
		inset-inline-start: 0;
		inset-inline-end: auto;
	}
	.site-context .site-switcher{
		flex: 1 1 100%;
		min-width: 0;
	}
	.site-sections{
		position: relative;
		min-width: 0;
		margin-top: 10px;
	}
	.site-menu-toggle,.site-menu-toggle:focus{
		width: 100%;
		text-align: start;
	}
	.site-menu-panel{
		position: absolute;
		inset-inline: 0;
		top: calc(100% + 6px);
		z-index: 23;
		max-height: 50dvh;
		overflow: auto;
	}
	.site-menu-actions{
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 10px;
		padding: 0 0 10px;
	}
	.site-navigation{
		display: flex;
		flex-direction: column;
		align-items: stretch;
		gap: 4px;
		margin-top: 0;
	}
	.site-section,.site-section:focus{
		min-height: 38px;
		padding: 9px 10px;
		border: 0;
		border-radius: 6px;
		font-size: 13px;
		line-height: 20px;
		white-space: normal;
		color: var(--muted);
		background: transparent;
	}
	.site-section[aria-current="page"],.site-section[aria-current="page"]:focus{
		color: var(--primary);
		background: color-mix(in srgb,var(--primary) 8%,transparent);
	}
	.site-period{
		position: relative;
		min-width: 0;
	}
	.site-period-toggle,.site-period-toggle:focus{
		width: 100%;
		text-align: start;
	}
	.site-period-panel{
		position: absolute;
		inset-inline-end: 0;
		top: calc(100% + 6px);
		z-index: 25;
		width: 100%;
		max-height: 55dvh;
		overflow: auto;
		padding: 16px;
	}
	.site-period .site-date-range{
		margin-top: 0;
	}
	.site-period .site-date-fields{
		grid-template-columns: minmax(0,1fr);
	}
	.site-period .site-date-apply{
		grid-column: 1 / -1;
	}
	@media (min-width: 375px){
		.header-authenticated .brand-logo{
			width: 120px;
		}
		.site-period .site-date-fields{
			grid-template-columns: repeat(2,minmax(0,1fr));
		}
	}
	@media (min-width: 720px){
		.header-authenticated .brand-logo{
			width: 148px;
		}
		.site-toolbar{
			flex-direction: row;
			align-items: center;
			justify-content: space-between;
		}
		.site-toolbar .site-context{
			flex: 1;
		}
		.site-context .site-switcher{
			flex: 1 1 220px;
			max-width: 320px;
		}
		.site-period{
			flex: 0 0 auto;
		}
		.site-period-panel{
			width: 360px;
		}
	}
	@media (min-width: 1024px){
		#header{
			position: sticky;
			top: 0;
		}
		.header-layout.header-authenticated{
			grid-template-columns: auto minmax(0,1fr) auto;
			gap: 20px;
		}
		.header-authenticated .header-actions{
			grid-column: 3;
		}
		.header-modules{
			grid-column: 2;
			grid-row: 1;
		}
		.header-modules > .gui-menu-toggle,.site-sections > .gui-menu-toggle{
			display: none;
		}
		.header-module-panel,.site-menu-panel{
			position: static;
			padding: 0;
			max-height: none;
			overflow: visible;
			border: 0;
			background: transparent;
			box-shadow: none;
		}
		.site-menu-panel{
			display: flex;
			align-items: start;
			gap: 16px;
		}
		.site-menu-actions{
			order: 1;
			flex: 0 0 auto;
			padding: 0;
			margin-inline-start: auto;
		}
		.header-modules .navigation{
			flex-direction: row;
			justify-content: center;
			flex-wrap: wrap;
		}
		.site-navigation{
			flex-direction: row;
			flex-wrap: wrap;
			align-items: center;
			gap: 3px;
		}
		.site-sections{
			margin-top: 8px;
		}
	}
	@media (scripting: none){
		#header{
			position: relative;
		}
		.gui-menu-panel{
			position: static;
			width: 100%;
			max-height: none;
			margin-top: 6px;
		}
	}