/* Styles from state-listing.blade.php */
.page-header {
	background: linear-gradient(135deg, var(--fluent-primary) 0%, var(--fluent-primary-dark) 100%);
	padding: 48px 0;
	margin-bottom: 32px;
}
.page-header h1 {
	color: var(--fluent-white);
	font-size: 32px;
	font-weight: 600;
	margin-bottom: 8px;
}
.page-header .lead {
	color: rgba(255, 255, 255, 0.9);
	font-size: 16px;
	margin-bottom: 0;
	max-width: 600px;
}
.breadcrumb-nav {
	background: transparent;
	padding: 0;
	margin-bottom: 16px;
}
.breadcrumb-nav a {
	color: rgba(255, 255, 255, 0.8);
	text-decoration: none;
	font-size: 13px;
}
.breadcrumb-nav a:hover {
	color: var(--fluent-white);
}
.breadcrumb-nav span {
	color: rgba(255, 255, 255, 0.6);
	margin: 0 8px;
}
.filter-panel {
	background: var(--fluent-white);
	border-radius: var(--fluent-radius-lg);
	box-shadow: var(--fluent-shadow-4);
	padding: 24px;
	position: sticky;
	top: 20px;
}
.filter-panel-title {
	font-size: 16px;
	font-weight: 600;
	color: var(--fluent-neutral-dark);
	margin-bottom: 20px;
	padding-bottom: 12px;
	border-bottom: 1px solid var(--fluent-neutral-light);
	display: flex;
	align-items: center;
	gap: 8px;
}
.filter-panel-title i {
	color: var(--fluent-primary);
}
.filter-group {
	margin-bottom: 20px;
}
.filter-group:last-of-type {
	margin-bottom: 24px;
}
.filter-label {
	font-size: 13px;
	font-weight: 600;
	color: var(--fluent-neutral-secondary);
	margin-bottom: 8px;
	display: block;
}
.results-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
	padding: 16px 20px;
	background: var(--fluent-white);
	border-radius: var(--fluent-radius-lg);
	box-shadow: var(--fluent-shadow-4);
}
.results-count {
	font-size: 14px;
	color: var(--fluent-neutral-secondary);
}
.results-count strong {
	color: var(--fluent-neutral-dark);
	font-weight: 600;
}
.view-toggle .btn {
	padding: 6px 12px;
	font-size: 13px;
}
.view-toggle .btn.active {
	background-color: var(--fluent-primary);
	border-color: var(--fluent-primary);
	color: white;
}
/* Professional Accountant Card */
.cpa-card {
	background: var(--fluent-white);
	border-radius: var(--fluent-radius-lg);
	box-shadow: var(--fluent-shadow-4);
	margin-bottom: 16px;
	transition: all 0.2s ease;
	overflow: hidden;
	border-left: 4px solid transparent;
}
.cpa-card:hover {
	box-shadow: var(--fluent-shadow-16);
	border-left-color: var(--fluent-primary);
	transform: translateY(-2px);
}
.cpa-card-body {
	padding: 24px;
}
.cpa-card-header {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 16px;
}
.cpa-avatar {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: linear-gradient(135deg, var(--fluent-primary-light) 0%, var(--fluent-primary) 100%);
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--fluent-white);
	font-size: 20px;
	font-weight: 600;
	margin-right: 16px;
	flex-shrink: 0;
}
.cpa-info {
	flex: 1;
}
.cpa-name {
	font-size: 18px;
	font-weight: 600;
	color: var(--fluent-neutral-dark);
	margin: 0 0 4px 0;
	text-decoration: none;
	display: block;
}
.cpa-name:hover {
	color: var(--fluent-primary);
}
.cpa-credential {
	font-size: 13px;
	color: var(--fluent-neutral-secondary);
	display: flex;
	align-items: center;
	gap: 6px;
}
.cpa-badges {
	display: flex;
	gap: 6px;
	flex-wrap: wrap;
}
.cpa-badge {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 4px 10px;
	border-radius: 4px;
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.3px;
}
.cpa-badge-verified {
	background-color: rgba(16, 124, 16, 0.1);
	color: var(--fluent-success);
}
.cpa-badge-licensed {
	background-color: rgba(0, 120, 212, 0.1);
	color: var(--fluent-primary);
}
.cpa-badge-consultation {
	background-color: rgba(255, 185, 0, 0.15);
	color: #986f0b;
}
.cpa-meta {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
	gap: 12px;
	padding: 16px 0;
	border-top: 1px solid var(--fluent-neutral-light);
	border-bottom: 1px solid var(--fluent-neutral-light);
	margin-bottom: 16px;
}
.cpa-meta-item {
	display: flex;
	flex-direction: column;
}
.cpa-meta-label {
	font-size: 11px;
	font-weight: 600;
	color: var(--fluent-neutral-tertiary);
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin-bottom: 4px;
}
.cpa-meta-value {
	font-size: 14px;
	color: var(--fluent-neutral-primary);
	font-weight: 500;
}
.cpa-meta-value i {
	color: var(--fluent-primary);
	margin-right: 6px;
	width: 14px;
}
.cpa-actions {
	display: flex;
	gap: 12px;
	align-items: center;
}
.cpa-actions .btn {
	font-size: 13px;
	padding: 8px 16px;
}
.btn-view-profile {
	background: var(--fluent-primary);
	color: white;
	border: none;
	font-weight: 600;
}
.btn-view-profile:hover {
	background: var(--fluent-primary-dark);
	color: white;
}
.btn-website {
	background: transparent;
	color: var(--fluent-neutral-secondary);
	border: 1px solid var(--fluent-neutral-light);
}
.btn-website:hover {
	background: var(--fluent-neutral-lighter);
	color: var(--fluent-neutral-dark);
	border-color: var(--fluent-neutral-tertiary);
}
/* Grid View Cards */
.cpa-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}
@media (max-width: 1200px) {
	.cpa-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width: 768px) {
	.cpa-grid {
		grid-template-columns: 1fr;
	}
}
.cpa-card-grid {
	background: var(--fluent-white);
	border-radius: var(--fluent-radius-lg);
	box-shadow: var(--fluent-shadow-4);
	transition: all 0.2s ease;
	overflow: hidden;
}
.cpa-card-grid:hover {
	box-shadow: var(--fluent-shadow-16);
	transform: translateY(-4px);
}
.cpa-card-grid-header {
	background: linear-gradient(135deg, var(--fluent-primary) 0%, var(--fluent-primary-dark) 100%);
	padding: 20px;
	text-align: center;
}
.cpa-card-grid .cpa-avatar {
	width: 72px;
	height: 72px;
	font-size: 24px;
	margin: 0 auto 12px;
	background: rgba(255, 255, 255, 0.2);
	border: 3px solid rgba(255, 255, 255, 0.3);
}
.cpa-card-grid .cpa-name {
	color: var(--fluent-white);
	margin-bottom: 4px;
}
.cpa-card-grid .cpa-name:hover {
	color: rgba(255, 255, 255, 0.9);
}
.cpa-card-grid .cpa-credential {
	color: rgba(255, 255, 255, 0.8);
	justify-content: center;
}
.cpa-card-grid-body {
	padding: 20px;
}
.cpa-card-grid .cpa-badges {
	justify-content: center;
	margin-bottom: 16px;
}
.cpa-card-grid .cpa-meta {
	grid-template-columns: 1fr 1fr;
	border-top: none;
	padding-top: 0;
}
.cpa-card-grid .cpa-actions {
	justify-content: center;
	flex-wrap: wrap;
}
/* Empty State */
.empty-state {
	text-align: center;
	padding: 60px 20px;
	background: var(--fluent-white);
	border-radius: var(--fluent-radius-lg);
	box-shadow: var(--fluent-shadow-4);
}
.empty-state-icon {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background: var(--fluent-neutral-lighter);
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 20px;
	color: var(--fluent-neutral-tertiary);
	font-size: 32px;
}
.empty-state h3 {
	font-size: 20px;
	margin-bottom: 8px;
}
.empty-state p {
	color: var(--fluent-neutral-secondary);
	margin-bottom: 0;
}
/* Pagination */
.pagination-wrapper {
	margin-top: 32px;
	display: flex;
	justify-content: center;
}
/* Styles from states-index.blade.php */
.page-header {
	background: linear-gradient(135deg, var(--fluent-primary) 0%, var(--fluent-primary-dark) 100%);
	padding: 48px 0;
	margin-bottom: 32px;
}
.page-header h1 {
	color: var(--fluent-white);
	font-size: 32px;
	font-weight: 600;
	margin-bottom: 8px;
}
.page-header .lead {
	color: rgba(255, 255, 255, 0.9);
	font-size: 16px;
	margin-bottom: 0;
	max-width: 700px;
}
.breadcrumb-nav {
	background: transparent;
	padding: 0;
	margin-bottom: 16px;
}
.breadcrumb-nav a {
	color: rgba(255, 255, 255, 0.8);
	text-decoration: none;
	font-size: 13px;
}
.breadcrumb-nav a:hover {
	color: var(--fluent-white);
}
.breadcrumb-nav span {
	color: rgba(255, 255, 255, 0.6);
	margin: 0 8px;
}
.stats-banner {
	background: var(--fluent-white);
	border-radius: var(--fluent-radius-lg);
	box-shadow: var(--fluent-shadow-4);
	padding: 24px 32px;
	margin-bottom: 32px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 24px;
}
.stats-banner-text h2 {
	font-size: 20px;
	font-weight: 600;
	color: var(--fluent-neutral-dark);
	margin: 0 0 4px 0;
}
.stats-banner-text p {
	font-size: 14px;
	color: var(--fluent-neutral-secondary);
	margin: 0;
}
.stats-banner-numbers {
	display: flex;
	gap: 32px;
}
.stat-box {
	text-align: center;
}
.stat-box-number {
	font-size: 28px;
	font-weight: 700;
	color: var(--fluent-primary);
	line-height: 1;
}
.stat-box-label {
	font-size: 12px;
	color: var(--fluent-neutral-secondary);
	margin-top: 4px;
}
.intro-section {
	background: var(--fluent-white);
	border-radius: var(--fluent-radius-lg);
	box-shadow: var(--fluent-shadow-4);
	padding: 32px;
	margin-bottom: 32px;
}
.intro-section h2 {
	font-size: 24px;
	font-weight: 600;
	color: var(--fluent-neutral-dark);
	margin-bottom: 16px;
}
.intro-section p {
	color: var(--fluent-neutral-secondary);
	line-height: 1.7;
	margin-bottom: 16px;
}
.intro-section p:last-child {
	margin-bottom: 0;
}
.alphabet-nav {
	background: var(--fluent-white);
	border-radius: var(--fluent-radius-lg);
	box-shadow: var(--fluent-shadow-4);
	padding: 16px 24px;
	margin-bottom: 32px;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: center;
}
.alphabet-link {
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
	font-size: 14px;
	font-weight: 600;
	color: var(--fluent-neutral-primary);
	text-decoration: none;
	transition: all 0.1s ease;
}
.alphabet-link:hover {
	background: var(--fluent-primary-light);
	color: var(--fluent-primary);
}
.alphabet-link.active {
	background: var(--fluent-primary);
	color: white;
}
.alphabet-link.disabled {
	color: var(--fluent-neutral-tertiary);
	pointer-events: none;
}
.states-section {
	margin-bottom: 48px;
}
.states-section-title {
	font-size: 24px;
	font-weight: 700;
	color: var(--fluent-primary);
	margin-bottom: 20px;
	padding-bottom: 12px;
	border-bottom: 2px solid var(--fluent-primary-light);
	display: flex;
	align-items: center;
	gap: 12px;
}
.states-section-title span {
	width: 40px;
	height: 40px;
	background: var(--fluent-primary);
	color: white;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.states-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
}
@media (max-width: 1200px) {
	.states-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}
@media (max-width: 768px) {
	.states-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width: 480px) {
	.states-grid {
		grid-template-columns: 1fr;
	}
}
.state-card {
	background: var(--fluent-white);
	border-radius: var(--fluent-radius-lg);
	box-shadow: var(--fluent-shadow-4);
	padding: 20px;
	text-decoration: none;
	color: var(--fluent-neutral-dark);
	transition: all 0.2s ease;
	border-left: 4px solid transparent;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.state-card:hover {
	box-shadow: var(--fluent-shadow-16);
	border-left-color: var(--fluent-primary);
	transform: translateX(4px);
	color: var(--fluent-primary);
}
.state-info h3 {
	font-size: 16px;
	font-weight: 600;
	margin: 0 0 4px 0;
}
.state-info p {
	font-size: 12px;
	color: var(--fluent-neutral-secondary);
	margin: 0;
}
.state-card:hover .state-info p {
	color: var(--fluent-primary);
}
.state-count {
	background: var(--fluent-neutral-lighter);
	color: var(--fluent-neutral-secondary);
	padding: 6px 12px;
	border-radius: 20px;
	font-size: 12px;
	font-weight: 600;
	white-space: nowrap;
}
.state-card:hover .state-count {
	background: var(--fluent-primary-light);
	color: var(--fluent-primary);
}
.why-section {
	background: var(--fluent-neutral-lighter);
	border-radius: var(--fluent-radius-lg);
	padding: 32px;
	margin-top: 48px;
}
.why-section h2 {
	font-size: 24px;
	font-weight: 600;
	color: var(--fluent-neutral-dark);
	margin-bottom: 24px;
	text-align: center;
}
.why-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}
@media (max-width: 768px) {
	.why-grid {
		grid-template-columns: 1fr;
	}
}
.why-item {
	text-align: center;
}
.why-item-icon {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background: var(--fluent-white);
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 16px;
	color: var(--fluent-primary);
	font-size: 24px;
	box-shadow: var(--fluent-shadow-4);
}
.why-item h3 {
	font-size: 16px;
	font-weight: 600;
	color: var(--fluent-neutral-dark);
	margin-bottom: 8px;
}
.why-item p {
	font-size: 14px;
	color: var(--fluent-neutral-secondary);
	line-height: 1.6;
	margin-bottom: 0;
}
.cta-banner {
	background: linear-gradient(135deg, var(--fluent-primary) 0%, var(--fluent-primary-dark) 100%);
	border-radius: var(--fluent-radius-lg);
	padding: 40px;
	margin-top: 48px;
	text-align: center;
	color: var(--fluent-white);
}
.cta-banner h2 {
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 12px;
}
.cta-banner p {
	font-size: 16px;
	opacity: 0.9;
	margin-bottom: 24px;
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
}
.cta-banner .btn {
	background: var(--fluent-white);
	color: var(--fluent-primary);
	padding: 12px 32px;
	font-weight: 600;
	border: none;
	border-radius: var(--fluent-radius);
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	transition: all 0.15s ease;
}
.cta-banner .btn:hover {
	transform: translateY(-2px);
	box-shadow: var(--fluent-shadow-16);
}
@media (max-width: 768px) {
	.stats-banner {
		flex-direction: column;
		text-align: center;
	}
	.stats-banner-numbers {
		width: 100%;
		justify-content: center;
	}
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{line-height:1.15;-webkit-text-size-adjust:100%}
body{margin:0}
a{background-color:transparent}
[hidden]{display:none}
html{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}
*,:after,:before{box-sizing:border-box;border:0 solid #e2e8f0}
a{color:inherit;text-decoration:inherit}
svg,video{display:block;vertical-align:middle}
video{max-width:100%;height:auto}
.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}
.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}
.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}
.border-t{border-top-width:1px}
.flex{display:flex}
.grid{display:grid}
.hidden{display:none}
.items-center{align-items:center}
.justify-center{justify-content:center}
.font-semibold{font-weight:600}
.h-5{height:1.25rem}
.h-8{height:2rem}
.h-16{height:4rem}
.text-sm{font-size:.875rem}
.text-lg{font-size:1.125rem}
.leading-7{line-height:1.75rem}
.mx-auto{margin-left:auto;margin-right:auto}
.ml-1{margin-left:.25rem}
.mt-2{margin-top:.5rem}
.mr-2{margin-right:.5rem}
.ml-2{margin-left:.5rem}
.mt-4{margin-top:1rem}
.ml-4{margin-left:1rem}
.mt-8{margin-top:2rem}
.ml-12{margin-left:3rem}
.-mt-px{margin-top:-1px}
.max-w-6xl{max-width:72rem}
.min-h-screen{min-height:100vh}
.overflow-hidden{overflow:hidden}
.p-6{padding:1.5rem}
.py-4{padding-top:1rem;padding-bottom:1rem}
.px-6{padding-left:1.5rem;padding-right:1.5rem}
.pt-8{padding-top:2rem}
.fixed{position:fixed}
.relative{position:relative}
.top-0{top:0}
.right-0{right:0}
.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}
.text-center{text-align:center}
.text-gray-200{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity))}
.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}
.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}
.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}
.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}
.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}
.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity))}
.underline{text-decoration:underline}
.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.w-5{width:1.25rem}
.w-8{width:2rem}
.w-auto{width:auto}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
@media (min-width:640px){.sm\:rounded-lg{border-radius:.5rem}.sm\:block{display:block}.sm\:items-center{align-items:center}.sm\:justify-start{justify-content:flex-start}.sm\:justify-between{justify-content:space-between}.sm\:h-20{height:5rem}.sm\:ml-0{margin-left:0}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:pt-0{padding-top:0}.sm\:text-left{text-align:left}.sm\:text-right{text-align:right}}
@media (min-width:768px){.md\:border-t-0{border-top-width:0}.md\:border-l{border-left-width:1px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.lg\:px-8{padding-left:2rem;padding-right:2rem}}
@media (prefers-color-scheme:dark){.dark\:bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.dark\:bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity))}.dark\:border-gray-700{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity))}.dark\:text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.dark\:text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.dark\:text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}}

body {
	font-family: 'Nunito', sans-serif;
}
/* Main application stylesheet for extracted CSS from Blade views. */