:root{
	--primary: #0EA5E9;
	--secondary: #475569;
	--bg-1: #EEF3FF;
	--bg-2: #EEF3FF;
	--card: #FFFFFF;
	--text: #0F172A;
	--text-muted: #475569;
	--border: #D7E3F4;
	--accent: #2563EB;
	--success: #22c55e;
	--error: #ef4444;
	--radius: 16px;
	--tech-cyan: #0EA5E9;
	--tech-blue: #2563EB;
	--tech-ink: #F8FBFF;
	--tech-ink-2: #FFFFFF;
}

*{box-sizing:border-box}
html,body{height:100%}
img,svg,video{max-width:100%;height:auto}
body{
	margin:0;padding:0;
	font-family: "Segoe UI", "Trebuchet MS", sans-serif;
	background: #F5F7FB;
	color: var(--text);
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	line-height: 1.6;
}

.site{
	max-width:1200px;
	margin:0 auto;
	padding:clamp(14px, 2.6vw, 40px) clamp(12px, 2.2vw, 24px);
}

header{
	position: sticky;
	top: 14px;
	z-index: 40;
	display:flex;align-items:center;justify-content:space-between;
	gap:24px;padding:20px 24px;border-radius:20px;
	background: linear-gradient(140deg, #ffffff, #f7fbff);
	border: 1px solid var(--border);
	box-shadow: 0 12px 26px rgba(15, 23, 42, 0.08);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	overflow: hidden;
	margin-bottom: 34px;
}
header::before{
	content:"";
	position:absolute;
	left:-30%;top:0;
	width:42%;height:100%;
	background: linear-gradient(90deg, transparent, rgba(14,165,233,.18), transparent);
	transform: skewX(-18deg);
	animation: navSheen 7.5s linear infinite;
	pointer-events:none;
}
.brand{display:flex;align-items:center;gap:16px;position:relative;z-index:1}
.logo{
	width:56px;height:56px;border-radius:12px;
	background: linear-gradient(135deg, var(--tech-cyan), var(--tech-blue));
	display:flex;align-items:center;justify-content:center;
	font-weight:700;color:#fff;font-size:20px;
	box-shadow: 0 8px 24px rgba(53,212,255,.35);
}
.brand h1{margin:0;font-size:24px;color:var(--text);font-weight:600}
.brand div:last-child{font-size:13px;color:var(--text-muted)}

.top-nav{
	display:flex;
	gap:8px;
	align-items:center;
	position:relative;
	z-index:1;
	padding:6px;
	border-radius:14px;
	background: rgba(255, 255, 255, 0.9);
	border: 1px solid var(--border);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.9);
	overflow-x:auto;
	overflow-y:hidden;
	scrollbar-width:thin;
}
.menu-toggle{
	display:none;
	align-items:center;
	justify-content:center;
	gap:4px;
	flex-direction:column;
	width:44px;
	height:44px;
	border-radius:10px;
	border:1px solid rgba(53,212,255,.36);
	background: #ffffff;
	cursor:pointer;
	padding:8px;
}
.menu-toggle span{
	display:block;
	width:22px;
	height:2px;
	background:#0EA5E9;
	border-radius:2px;
	transition: transform .25s ease, opacity .25s ease;
}
.menu-toggle.is-open span:nth-child(1){ transform: translateY(6px) rotate(45deg); }
.menu-toggle.is-open span:nth-child(2){ opacity:0; }
.menu-toggle.is-open span:nth-child(3){ transform: translateY(-6px) rotate(-45deg); }
.top-nav .btn{
	flex:0 0 auto;
}
.nav-pill{
	position:relative;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:9px 14px;
	border-radius:10px;
	border:1px solid transparent;
	color:var(--secondary);
	text-decoration:none;
	font-weight:600;
	font-size:13px;
	letter-spacing:.1px;
	background: transparent;
	transition: transform .22s ease, box-shadow .22s ease, background .22s ease, color .22s ease, border-color .22s ease;
	overflow:hidden;
	white-space:nowrap;
}
.nav-pill::after{
	content:"";
	position:absolute;
	left:-120%;top:0;
	width:70%;height:100%;
	background: linear-gradient(90deg, transparent, rgba(53,212,255,.45), transparent);
	transform: skewX(-20deg);
	transition:left .45s ease;
}
.nav-pill:hover{
	transform: translateY(-2px);
	background: rgba(53,212,255,.14);
	color:#0f172a;
	border-color: rgba(53,212,255,.55);
	box-shadow: 0 10px 18px rgba(15, 68, 110, 0.4);
}
.nav-pill:hover::after{ left: 130%; }
.nav-pill.is-active{
	background: linear-gradient(135deg, var(--tech-cyan), var(--tech-blue));
	color:#ffffff;
	border-color: transparent;
	box-shadow: 0 8px 20px rgba(53,212,255,.35);
}
.nav-pill.is-active:hover{
	transform: translateY(-1px) scale(1.01);
}
.nav-pill .nav-ico{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:20px;
	height:20px;
	flex:0 0 20px;
	border-radius:6px;
	background:rgba(14,165,233,.12);
}
.nav-pill .nav-ico svg{
	width:14px;
	height:14px;
}
.nav-ico svg{
	display:block;
}

main{padding:20px 0}

.promo-bar{
	display:flex;
	align-items:center;
	gap:10px;
	padding:12px 14px;
	border:1px solid rgba(53,212,255,.32);
	border-radius:12px;
	background:linear-gradient(135deg, #ffffff, #f8fbff);
	color:var(--text);
	font-weight:600;
	margin-bottom:20px;
}
.user-topbar{
	margin-top:0;
	margin-bottom:14px;
	display:flex;
	justify-content:space-between;
	gap:10px;
	flex-wrap:wrap;
	padding:10px 12px;
	border:1px solid var(--border);
	border-radius:10px;
	background:linear-gradient(135deg, #ffffff, #f8fbff);
	color:var(--text);
	font-size:14px;
	box-shadow:0 8px 20px rgba(15,23,42,.08);
}
.user-topbar .meta{
	display:inline-flex;
	align-items:center;
	gap:7px;
	background:#ffffff;
	border:1px solid var(--border);
	border-radius:999px;
	padding:6px 10px;
}
.user-topbar .meta-ico{
	display:inline-flex;
	width:16px;
	height:16px;
	color:#0EA5E9;
}
.user-topbar .meta-ico svg{
	width:16px;
	height:16px;
}
.user-topbar .actions{
	display:flex;
	gap:8px;
	align-items:center;
}
.user-topbar .actions a{
	display:inline-flex;
	align-items:center;
	gap:6px;
	text-decoration:none;
	font-weight:700;
	font-size:13px;
	color:var(--text);
	border:1px solid var(--border);
	background:#ffffff;
	padding:6px 10px;
	border-radius:8px;
	transition: all .2s ease;
}
.user-topbar .actions a.danger{
	color:#b91c1c;
	border-color:rgba(239,68,68,.35);
	background:rgba(239,68,68,.08);
}
.user-topbar .actions a:hover{
	transform: translateY(-1px);
	border-color: rgba(14,165,233,.45);
	box-shadow: 0 6px 14px rgba(14,165,233,.12);
}
.user-topbar .actions a.danger:hover{
	border-color:rgba(239,68,68,.45);
	box-shadow: 0 6px 14px rgba(239,68,68,.18);
}
#live-clock{
	font-family: Consolas, Monaco, monospace;
	font-weight:700;
	color:#0284c7;
}
.promo-bar .dot{
	width:9px;height:9px;border-radius:50%;
	background:#22c55e;
	box-shadow:0 0 0 6px rgba(34,197,94,.15);
}
.promo-bar a{
	margin-left:auto;
	color:#d7f4ff;
	text-decoration:none;
	padding:6px 10px;
	border-radius:8px;
	border:1px solid rgba(53,212,255,.45);
	background:rgba(5,17,30,.7);
}

.hero{display:flex;align-items:center;justify-content:space-between;margin-bottom:48px;flex-wrap: wrap;gap:24px}
.hero div:first-child{flex:1;min-width:300px}
.hero h2{margin:0;font-size:32px;font-weight:700;color:var(--text)}
.hero p{margin:12px 0 0;color:var(--text-muted);font-size:16px}
.hero-title-special{
	font-family: "Palatino Linotype", "Book Antiqua", Georgia, "Times New Roman", serif;
	font-size: clamp(40px, 6vw, 62px) !important;
	font-weight: 700;
	line-height: 1.03;
	letter-spacing: .2px;
	margin: 0;
	background: linear-gradient(180deg, #111111 10%, #330000 55%, #b30000 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	text-shadow: 0 1px 0 rgba(255,255,255,.15), 0 12px 26px rgba(120,0,0,.20);
}
.hero-title-special .hero-red{
	color: #c40000;
	background: none;
	-webkit-background-clip: initial;
	background-clip: initial;
	text-shadow: 0 6px 16px rgba(196,0,0,.28);
}
.hero-v2{
	align-items:stretch;
	gap:22px;
}
.hero-copy{
	flex:1 1 520px;
}
.hero-ctas{
	display:flex;
	gap:10px;
	margin-top:18px;
	max-width:420px;
}
.hero-links{
	display:flex;
	gap:16px;
	flex-wrap:wrap;
	margin-top:16px;
}
.hero-links a{
	color:#0369a1;
	text-decoration:none;
	font-weight:600;
	font-size:14px;
}
.hero-panel{
	flex:1 1 420px;
	border-radius:16px;
	border:1px solid var(--border);
	background:transparent;
	color:var(--text);
	overflow:hidden;
	box-shadow:none;
}
.panel-head{
	display:flex;
	align-items:center;
	gap:7px;
	padding:12px 14px;
	border-bottom:1px solid rgba(255,255,255,.08);
	background:rgba(255,255,255,.03);
}
.panel-head span{
	width:10px;height:10px;border-radius:50%;
	background:#ef4444;
}
.panel-head span:nth-child(2){background:#38bdf8}
.panel-head span:nth-child(3){background:#10b981}
.panel-head strong{
	margin-left:8px;
	font-size:13px;
	color:#d1d5db;
	letter-spacing:.3px;
}
.panel-body{
	padding:14px;
}
.hero-shot{
	margin-bottom:12px;
	border-radius:12px;
	overflow:hidden;
	border:1px solid rgba(14,165,233,.28);
	background:transparent;
}
.hero-shot img{
	display:block;
	width:100%;
	height:clamp(200px, 32vw, 300px);
	object-fit:cover;
}
.code-line{
	height:10px;
	border-radius:999px;
	background:linear-gradient(90deg, rgba(148,163,184,.35), rgba(148,163,184,.15));
	margin-bottom:10px;
}
.w45{width:45%}
.w55{width:55%}
.w70{width:70%}
.w90{width:90%}
.activity-card{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:14px;
	padding:12px;
	border-radius:10px;
	background:rgba(255,255,255,.04);
	border:1px solid rgba(255,255,255,.08);
	margin-top:12px;
}
.activity-card b{font-size:14px}
.activity-card p{margin:4px 0 0;font-size:12px;color:#9ca3af}
.activity-card .ok{
	font-size:12px;
	font-weight:700;
	color:#10b981;
	background:rgba(16,185,129,.14);
	padding:5px 8px;
	border-radius:999px;
	white-space:nowrap;
}

.capabilities{
	display:grid;
	grid-template-columns:repeat(3, minmax(0,1fr));
	gap:14px;
	margin-bottom:34px;
}
.capabilities article{
	padding:16px;
	border-radius:12px;
	border:1px solid rgba(53,212,255,.26);
	background:linear-gradient(140deg, #ffffff, #f8fbff);
}
.capabilities h3{
	margin:0 0 8px;
	font-size:17px;
	color:#0f172a;
}
.capabilities p{
	margin:0;
	font-size:14px;
	color:#475569;
}

.events-gallery{
	margin: 18px 0 36px;
	text-align:center;
}
.events-gallery h2{
	margin: 0 0 10px;
	font-family: "Didot", "Bodoni MT", "Palatino Linotype", Georgia, serif;
	font-size: clamp(30px, 4.4vw, 52px);
	line-height: 1.04;
	font-weight: 700;
	color: #0b1220;
	letter-spacing: -0.3px;
}
.events-gallery p{
	margin: 0 0 18px;
	font-family: "Didot", "Bodoni MT", "Palatino Linotype", Georgia, serif;
	font-size: clamp(20px, 2.2vw, 32px);
	line-height: 1.2;
	color: #1f2a3a;
}
.events-grid{
	display:grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap:14px;
	align-items:stretch;
}
.event-card{
	position:relative;
	min-height: 220px;
	border:1px solid rgba(56,189,248,.34);
	border-radius:14px;
	background:linear-gradient(145deg, rgba(7,15,29,.88), rgba(10,22,41,.82));
	padding:20px 18px;
	overflow:hidden;
	display:flex;
	flex-direction:column;
	justify-content:center;
	text-align:left;
	cursor:pointer;
	transition: border-color .22s ease, box-shadow .22s ease, transform .22s ease, background .22s ease;
	box-shadow: 0 10px 24px rgba(2,8,20,.30);
	backdrop-filter: blur(6px);
}
.event-card::after{
	content:"";
	position:absolute;
	right:-24px;
	bottom:-24px;
	width:108px;
	height:108px;
	border-radius:999px;
	background: radial-gradient(circle at 35% 35%, rgba(125,211,252,.95), rgba(14,165,233,.55) 52%, rgba(37,99,235,.28));
	opacity:.92;
	box-shadow: 0 0 24px rgba(56,189,248,.45), 0 0 52px rgba(37,99,235,.25);
}
.event-label{
	font-family: "Didot", "Bodoni MT", "Palatino Linotype", Georgia, serif;
	font-size:24px;
	line-height:1;
	font-weight:500;
	color:#a8bdd3;
	display:block;
	margin-bottom:8px;
}
.event-card h3{
	margin:0;
	font-family: "Didot", "Bodoni MT", "Palatino Linotype", Georgia, serif;
	font-size:34px;
	line-height:1.02;
	color:#f4fbff;
	font-weight:700;
	letter-spacing:-0.2px;
	max-width:92%;
}
.event-arrow-btn{
	border:0;
	background:transparent;
	padding:0;
	position:absolute;
	right:16px;
	bottom:14px;
	z-index:1;
	font-size:56px;
	line-height:1;
	color:#38bdf8;
	font-weight:300;
	cursor:pointer;
	transition: color .2s ease, transform .2s ease;
}
.event-card:hover{
	border-color: #38bdf8;
	background: linear-gradient(145deg, rgba(8,18,35,.95), rgba(12,28,50,.90));
	box-shadow: 0 0 0 1px rgba(56,189,248,.28), 0 14px 28px rgba(14,165,233,.20);
	transform: translateY(-2px);
}
.event-card:hover .event-arrow-btn{
	color: #7dd3fc;
	transform: translateX(2px) scale(1.06);
}
.event-card.is-selected{
	border-color: #60a5fa;
	background: linear-gradient(145deg, rgba(10,23,43,.96), rgba(15,36,64,.92));
	box-shadow: 0 0 0 2px rgba(96,165,250,.28), 0 16px 30px rgba(14,165,233,.24);
	transform: translateY(-2px);
}
.event-card.is-selected .event-arrow-btn{
	color: #bae6fd;
	transform: translateX(4px) scale(1.08);
}
.event-card-highlight{
	border-color:rgba(248,113,113,.55);
	box-shadow: 0 0 0 1px rgba(248,113,113,.18), 0 10px 24px rgba(239,68,68,.16);
}

.products{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px}
.product{
	background: var(--card);
	border-radius: var(--radius);
	padding:24px;
	border: 1px solid var(--border);
	box-shadow: 0 2px 8px rgba(0,0,0,0.04);
	transition: all 0.3s ease;
	overflow: hidden;
}
.product:hover{
	transform: translateY(-8px);
	box-shadow: 0 12px 32px rgba(0,0,0,0.12);
	border-color: var(--primary);
}
.product .media{
	height:160px;border-radius:12px;
	background: linear-gradient(135deg, rgba(53,212,255,.11), rgba(29,78,216,.12));
	margin-bottom:20px;
	display:flex;align-items:center;justify-content:center;
	color: var(--text-muted);
}
.product h3{margin:0 0 12px;font-size:18px;font-weight:600;color:var(--text)}
.product p{color:var(--text-muted);margin:0 0 16px;font-size:14px}
.product .price{font-weight:700;color:var(--primary);margin-bottom:20px;font-size:20px}
.product .actions{display:flex;gap:12px}
.btn{
	display:inline-flex;align-items:center;justify-content:center;
	gap:8px;padding:11px 16px;border-radius:10px;
	border: 1px solid transparent;background:transparent;
	color:var(--text-muted);cursor:pointer;text-decoration:none;
	font-weight:500;transition: all 0.3s ease;
	flex:1;
	min-height:44px;
}
.btn:hover{color:var(--text)}
.btn.primary{
	background: linear-gradient(135deg, var(--primary), var(--accent));
	color:#061120;
	border-color: transparent;
	box-shadow: 0 4px 16px rgba(53,212,255,.24);
}
.btn.primary:hover{
	box-shadow: 0 8px 18px rgba(53,212,255,.35);
	transform: scale(1.02);
}
.btn.ghost{
	border:1.5px solid var(--border);
	background: #ffffff;
}
.btn.ghost:hover{
	border-color: var(--primary);
	background: rgba(53,212,255,.08);
	color: #0f172a;
}

article{background:transparent}

.cart-item{
	background: var(--card);
	padding:20px;border-radius:12px;
	margin-bottom:16px;border:1px solid var(--border);
	display:flex;align-items:center;justify-content:space-between;
}

footer{
	margin-top:60px;padding:32px;
	border-radius:var(--radius);
	text-align:center;
	color:var(--text-muted);
	border:1px solid var(--border);
	background: linear-gradient(150deg, #ffffff, #f8fbff);
	box-shadow: 0 8px 20px rgba(15,23,42,.08);
}

.final-cta{
	margin-top:34px;
	border-radius:16px;
	padding:24px;
	text-align:center;
	border:1px solid rgba(53,212,255,.35);
	background:linear-gradient(135deg, #0EA5E9, #2563EB);
	color:#fff;
}
.panel-layout{
	display:grid;
	grid-template-columns:260px 1fr;
	gap:16px;
	align-items:start;
}
.client-sidebar{
	position:sticky;
	top:96px;
	padding:14px;
	border-radius:12px;
	border:1px solid var(--border);
	background:linear-gradient(150deg, #ffffff, #f8fbff);
	backdrop-filter: blur(5px);
	box-shadow:0 10px 24px rgba(15,23,42,.08);
}
.client-sidebar h3{
	margin:0 0 10px;
	font-size:16px;
	color:#0f172a;
}
.client-sidebar .item{
	display:flex;
	align-items:center;
	gap:9px;
	padding:10px;
	margin-bottom:8px;
	border-radius:8px;
	text-decoration:none;
	color:#334155;
	border:1px solid transparent;
	background:rgba(14,165,233,.08);
	font-weight:600;
}
.client-sidebar .item:hover{
	border-color:rgba(53,212,255,.52);
	background:rgba(53,212,255,.16);
	color:#0f172a;
}
.client-sidebar .item.active{
	background:linear-gradient(135deg, var(--tech-cyan), var(--tech-blue));
	color:#ffffff;
}
.side-ico{
	display:inline-flex;
	width:17px;
	height:17px;
	flex:0 0 17px;
}
.side-ico svg{
	width:17px;
	height:17px;
}
.panel-main{
	min-width:0;
}
.final-cta h3{
	margin:0 0 8px;
	font-size:30px;
}
.final-cta p{
	margin:0;
	color:rgba(255,255,255,.84);
}
.final-cta div{
	display:flex;
	justify-content:center;
	gap:12px;
	margin-top:18px;
}
.final-cta .btn.primary{
	background:linear-gradient(135deg, #35d4ff, #1d4ed8);
	color:#061120;
}
.final-cta .btn.ghost{
	border-color:rgba(255,255,255,.45);
	color:#fff;
	background:rgba(255,255,255,.08);
}

@keyframes navSheen {
	0% { left: -35%; }
	100% { left: 140%; }
}

@media (max-width:980px){
	header{position:static}
	.menu-toggle{display:inline-flex}
	header{
		display:grid;
		grid-template-columns:1fr auto;
		align-items:center;
		row-gap:12px;
	}
	.brand{grid-column:1/2}
	.top-nav{
		grid-column:1/-1;
		display:grid;
		grid-template-columns:repeat(2,minmax(0,1fr));
		gap:8px;
		max-height:0;
		opacity:0;
		padding:0;
		overflow:hidden;
		pointer-events:none;
		transform:translateY(-8px);
		transition:max-height .28s ease, opacity .22s ease, transform .22s ease, padding .22s ease;
	}
	.top-nav.is-open{
		max-height:420px;
		opacity:1;
		padding:8px;
		pointer-events:auto;
		transform:translateY(0);
	}
	.nav-pill{width:100%}
	.hero-v2{gap:14px}
	.products{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
	.panel-layout{grid-template-columns:220px 1fr}
}

@media (max-width:768px){
	.site{padding:18px 12px}
	.user-topbar{font-size:13px}
	.user-topbar .meta{width:100%;justify-content:center}
	.user-topbar .actions{width:100%}
	.user-topbar .actions a{flex:1;text-align:center}
	header{padding:18px}
	.top-nav{grid-template-columns:1fr}
	.events-grid{grid-template-columns:1fr}
	.event-card{min-height:190px;padding:16px}
	.event-label{font-size:24px}
	.event-card h3{font-size:30px}
	.event-arrow-btn{font-size:44px}
	.hero-ctas{max-width:none}
	.capabilities{grid-template-columns:1fr}
	.panel-layout{grid-template-columns:1fr}
	.client-sidebar{position:static}
	.final-cta h3{font-size:23px}
	.final-cta div{flex-direction:column}
	.hero{flex-direction:column;align-items:flex-start}
	.hero h2{font-size:clamp(28px, 8vw, 38px)}
	.hero-title-special{font-size:clamp(34px, 10vw, 52px)!important}
	.products{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}
	.product{padding:16px}
	.field input,.field textarea,.field select{font-size:16px}
}

@media (max-width:560px){
	.user-topbar .actions a{min-width:0;padding:8px}
	.top-nav{padding:6px}
	.nav-pill{font-size:12px;padding:9px 10px}
	.nav-pill .nav-ico{width:18px;height:18px;flex:0 0 18px}
	.final-cta{padding:18px}
	.final-cta h3{font-size:20px}
	.event-card{min-height:170px}
	.event-card h3{font-size:26px}
	.event-label{font-size:20px}
}

/* Unified tech components for all pages */
.page-wrap{
	max-width:1040px;
	margin:0 auto;
}
.page-wrap.narrow{
	max-width:760px;
}
.back-link{
	display:inline-flex;
	align-items:center;
	gap:8px;
	color:#8ccfff;
	text-decoration:none;
	margin-bottom:16px;
	font-weight:600;
}
.card-tech{
	background:linear-gradient(150deg, #ffffff, #f8fbff);
	border:1px solid var(--border);
	box-shadow:0 10px 24px rgba(15,23,42,.08);
	border-radius:14px;
	padding:18px;
	color:var(--text);
}
.muted{
	color:var(--text-muted);
}
.split{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:14px;
}
.stack{
	display:grid;
	gap:12px;
}
.field{
	display:grid;
	gap:6px;
}
.field input,
.field textarea,
.field select{
	width:100%;
	padding:10px 12px;
	border-radius:10px;
	border:1px solid var(--border);
	background:#ffffff;
	color:var(--text);
}
.field textarea{
	min-height:120px;
	resize:vertical;
}
.notice{
	padding:11px 12px;
	border-radius:10px;
	font-size:14px;
}
.notice.ok{
	background:rgba(16,185,129,.18);
	border:1px solid rgba(16,185,129,.36);
	color:#b7f7da;
}
.notice.error{
	background:rgba(239,68,68,.16);
	border:1px solid rgba(239,68,68,.34);
	color:#fecaca;
}
.stats-grid{
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
	gap:12px;
}
.stat-box{
	padding:14px;
	border-radius:12px;
	border:1px solid var(--border);
	background:#ffffff;
}
.stat-box .label{
	font-size:13px;
	color:#9fc1dd;
}
.stat-box .value{
	font-size:27px;
	font-weight:800;
	color:#7be5ff;
}
.list-grid{
	display:grid;
	gap:10px;
}
.list-item{
	padding:12px;
	border:1px solid var(--border);
	border-radius:10px;
	background:#ffffff;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	gap:10px;
}
.list-item .title{
	font-weight:700;
}
.status-pill{
	display:inline-block;
	padding:4px 9px;
	border-radius:999px;
	font-size:12px;
	font-weight:700;
	background:rgba(16,185,129,.16);
	color:#b7f7da;
}
.empty-state{
	text-align:center;
	padding:42px 18px;
}
.cta-row{
	display:flex;
	gap:10px;
	flex-wrap:wrap;
}
.cta-row .btn{
	flex:1;
	min-width:170px;
}
.success-badge{
	width:82px;
	height:82px;
	border-radius:999px;
	display:flex;
	align-items:center;
	justify-content:center;
	margin:0 auto 18px;
	background:linear-gradient(135deg,#10b981,#35d4ff);
	box-shadow:0 10px 26px rgba(53,212,255,.34);
}

@media (max-width:900px){
	.split{grid-template-columns:1fr;}
}
