:root{
  --cly-bg:#090710;
  --cly-bg-2:#110d1b;
  --cly-panel:rgba(255,255,255,.06);
  --cly-panel-strong:rgba(255,255,255,.1);
  --cly-border:rgba(255,255,255,.1);
  --cly-text:#f5f2ff;
  --cly-text-soft:rgba(245,242,255,.72);
  --cly-text-dim:rgba(245,242,255,.52);
  --cly-primary:#8b5cf6;
  --cly-primary-2:#a855f7;
  --cly-accent:#c084fc;
  --cly-shadow:0 20px 60px rgba(0,0,0,.35);
  --cly-font:"DM Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
html,body{margin:0;padding:0;background:radial-gradient(circle at top left, rgba(139,92,246,.2), transparent 30%),radial-gradient(circle at top right, rgba(168,85,247,.14), transparent 28%),linear-gradient(180deg,#08060d 0%,#0d0915 100%);color:var(--cly-text);font-family:var(--cly-font)}
body.cly-portal-body{min-height:100vh}
.cly-portal-login-body{display:flex;align-items:center;justify-content:center}
.cly-login-shell{width:min(1200px,calc(100% - 40px));margin:40px auto}
.cly-login-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:stretch}
.cly-login-brand,.cly-login-card,.cly-sidebar,.cly-panel,.cly-stat-card{background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));border:1px solid var(--cly-border);box-shadow:var(--cly-shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.cly-login-brand{border-radius:32px;padding:42px;display:flex;gap:24px}.cly-login-badge{width:76px;height:76px;border-radius:24px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;letter-spacing:.14em;background:linear-gradient(135deg,var(--cly-primary),var(--cly-primary-2));color:#fff;flex-shrink:0}
.cly-login-copy h1{margin:10px 0 12px;font-size:46px;line-height:1.05;letter-spacing:-.03em}.cly-login-copy p{margin:0 0 24px;color:var(--cly-text-soft);font-size:16px;line-height:1.7;max-width:620px}
.cly-eyebrow,.cly-kicker{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--cly-accent);font-weight:700}
.cly-login-points{display:grid;gap:14px}.cly-login-point{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);border-radius:18px;padding:16px 18px}.cly-login-point strong{display:block;margin-bottom:6px;font-size:14px}.cly-login-point span{color:var(--cly-text-soft);font-size:14px}
.cly-login-card{border-radius:32px;padding:34px;display:flex;flex-direction:column;justify-content:center}.cly-login-card-top h2{margin:10px 0 10px;font-size:34px;line-height:1.05}.cly-login-card-top p{margin:0 0 22px;color:var(--cly-text-soft)}
.cly-login-form,.cly-field{display:grid;gap:16px}.cly-field label{font-size:13px;color:var(--cly-text-soft);font-weight:600}.cly-field input,.cly-search-form input{width:100%;box-sizing:border-box;height:54px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:var(--cly-text);padding:0 16px;outline:none}.cly-field input:focus,.cly-search-form input:focus{border-color:rgba(192,132,252,.75);box-shadow:0 0 0 4px rgba(192,132,252,.12)}
.cly-checkbox{display:flex;align-items:center;gap:10px;color:var(--cly-text-soft);font-size:14px}.cly-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 18px;border-radius:16px;border:1px solid transparent;text-decoration:none;font-weight:700;transition:.25s ease;cursor:pointer}.cly-btn:hover{transform:translateY(-2px)}.cly-btn-primary{background:linear-gradient(135deg,var(--cly-primary),var(--cly-primary-2));color:#fff}.cly-btn-secondary{background:rgba(255,255,255,.08);color:var(--cly-text);border-color:rgba(255,255,255,.08)}.cly-btn-ghost{background:transparent;color:var(--cly-text-soft);border-color:rgba(255,255,255,.14)}.cly-btn-full{width:100%}
.cly-login-foot{margin-top:18px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}.cly-login-foot a{color:var(--cly-accent);text-decoration:none;font-size:14px}.cly-alert{padding:14px 16px;border-radius:16px;margin-bottom:18px;font-size:14px}.cly-alert-error{color:#fff;background:rgba(251,113,133,.14);border:1px solid rgba(251,113,133,.28)}
.cly-app{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.cly-sidebar{border-radius:0 28px 28px 0;padding:26px 18px;position:sticky;top:0;height:100vh;box-sizing:border-box}.cly-brand{display:flex;align-items:center;gap:14px;padding:8px 8px 18px}.cly-brand-mark{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,var(--cly-primary),var(--cly-primary-2));display:flex;align-items:center;justify-content:center;font-weight:800;letter-spacing:.14em}.cly-brand-text strong{display:block;font-size:15px}.cly-brand-text span{display:block;color:var(--cly-text-dim);font-size:13px}.cly-nav{display:grid;gap:8px;margin-top:18px}.cly-nav-item{display:flex;align-items:center;min-height:48px;padding:0 14px;border-radius:14px;color:var(--cly-text-soft);text-decoration:none;border:1px solid transparent;transition:.25s ease}.cly-nav-item:hover,.cly-nav-item.is-active{color:#fff;background:rgba(139,92,246,.16);border-color:rgba(192,132,252,.24)}.cly-sidebar-foot{margin-top:24px}
.cly-main{padding:24px}.cly-topbar{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:24px}.cly-topbar-copy h1{margin:10px 0 8px;font-size:38px;line-height:1.04;letter-spacing:-.03em}.cly-topbar-copy p{margin:0;color:var(--cly-text-soft);max-width:720px}
.cly-user-chip{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:10px 12px}.cly-user-chip-avatar,.cly-account-avatar{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--cly-primary),var(--cly-primary-2));display:flex;align-items:center;justify-content:center;font-weight:800}.cly-user-chip-meta strong,.cly-account-meta strong{display:block;font-size:14px}.cly-user-chip-meta span,.cly-account-meta span,.cly-account-meta em{display:block;font-size:12px;color:var(--cly-text-dim);font-style:normal}
.cly-content{display:grid;gap:24px}.cly-grid{display:grid;gap:20px}.cly-grid-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.cly-grid-stats-6{grid-template-columns:repeat(6,minmax(0,1fr))}.cly-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cly-grid-main{align-items:start}.cly-stat-card{border-radius:22px;padding:24px}.cly-stat-label{display:block;color:var(--cly-text-dim);font-size:13px;margin-bottom:10px}.cly-stat-card strong{font-size:28px;line-height:1;letter-spacing:-.03em}
.cly-panel{border-radius:24px;padding:24px}.cly-panel-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.cly-panel-head h3{margin:8px 0 0;font-size:24px}.cly-list-head{align-items:center}.cly-search-form{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.cly-stage-list{display:grid;gap:14px}.cly-stage-row{display:grid;grid-template-columns:140px 1fr 44px;gap:14px;align-items:center}.cly-stage-name,.cly-stage-count{font-size:14px;color:var(--cly-text-soft)}.cly-stage-bar{height:12px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden}.cly-stage-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--cly-primary),var(--cly-accent))}
.cly-account-card{display:flex;align-items:center;gap:14px;padding:16px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);margin-bottom:16px}.cly-mini-actions{display:flex;gap:12px;flex-wrap:wrap}
.cly-table{display:grid;gap:10px}.cly-table-head,.cly-table-row{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:14px;align-items:center}.cly-table-head-4,.cly-table-row-4{grid-template-columns:.6fr 1.5fr 1fr 1.1fr}.cly-table-head-6,.cly-table-row-6{grid-template-columns:.6fr 1.4fr 1fr .9fr .9fr .9fr}.cly-table-head{color:var(--cly-text-dim);font-size:12px;text-transform:uppercase;letter-spacing:.12em;padding:0 6px}.cly-table-row{padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);font-size:14px}.cly-row-link{text-decoration:none;color:inherit}.cly-row-link:hover,.cly-row-link.is-selected{border-color:rgba(192,132,252,.24);background:rgba(139,92,246,.1)}
.cly-badge{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 12px;border-radius:999px;background:rgba(139,92,246,.16);color:#e9ddff;border:1px solid rgba(192,132,252,.18);font-style:normal;font-size:12px;font-weight:700}
.cly-empty{margin:0;color:var(--cly-text-dim)}.cly-placeholder{min-height:280px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:10px}.cly-placeholder-badge{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.08);color:var(--cly-accent);font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:700}.cly-placeholder h3{margin:0;font-size:30px}.cly-placeholder p{margin:0;max-width:680px;color:var(--cly-text-soft);line-height:1.7}
.cly-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.cly-detail-item{padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}.cly-detail-item strong{display:block;font-size:12px;color:var(--cly-accent);text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px}.cly-detail-item span{display:block;color:var(--cly-text-soft);line-height:1.6;word-break:break-word}
@media (max-width:1280px){.cly-grid-stats-6{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:1100px){.cly-login-grid,.cly-app,.cly-grid-stats,.cly-grid-stats-6,.cly-grid-2{grid-template-columns:1fr}.cly-sidebar{position:relative;height:auto;border-radius:0 0 28px 28px}.cly-stage-row,.cly-detail-grid{grid-template-columns:1fr}}
@media (max-width:720px){.cly-main{padding:16px}.cly-topbar{flex-direction:column}.cly-topbar-copy h1{font-size:30px}.cly-login-brand,.cly-login-card,.cly-panel,.cly-stat-card{padding:20px}.cly-login-copy h1{font-size:34px}.cly-table-head,.cly-table-row,.cly-table-head-4,.cly-table-row-4,.cly-table-head-6,.cly-table-row-6{grid-template-columns:1fr}.cly-search-form{display:grid;grid-template-columns:1fr}.cly-search-form .cly-btn{width:100%}}


.cly-kanban-board{
	display:grid;
	grid-template-columns:repeat(6, minmax(240px,1fr));
	gap:18px;
	overflow:auto;
	padding-bottom:8px;
}

.cly-kanban-column{
	min-width:240px;
	background:rgba(255,255,255,.03);
	border:1px solid rgba(255,255,255,.07);
	border-radius:20px;
	padding:14px;
}

.cly-kanban-column-head{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	margin-bottom:14px;
}

.cly-kanban-column-head strong{
	font-size:14px;
	letter-spacing:.02em;
}

.cly-kanban-column-head span{
	min-width:28px;
	height:28px;
	border-radius:999px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	font-size:12px;
	font-weight:700;
	background:rgba(139,92,246,.16);
	border:1px solid rgba(192,132,252,.18);
	color:#e9ddff;
}

.cly-kanban-column-body{
	display:grid;
	gap:12px;
	min-height:140px;
	padding:4px;
	border-radius:16px;
	transition:.2s ease;
}

.cly-kanban-column-body.is-over{
	background:rgba(139,92,246,.08);
	box-shadow:inset 0 0 0 1px rgba(192,132,252,.18);
}

.cly-kanban-empty{
	min-height:88px;
	border-radius:16px;
	border:1px dashed rgba(255,255,255,.1);
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:13px;
	color:var(--cly-text-dim);
	background:rgba(255,255,255,.02);
}

.cly-kanban-card{
	border-radius:18px;
	padding:16px;
	background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));
	border:1px solid rgba(255,255,255,.08);
	box-shadow:0 10px 30px rgba(0,0,0,.18);
	cursor:grab;
	transition:.2s ease;
}

.cly-kanban-card:hover{
	transform:translateY(-2px);
}

.cly-kanban-card.is-dragging{
	opacity:.55;
	transform:scale(.98);
}

.cly-kanban-card-link{
	display:block;
	text-decoration:none;
	color:var(--cly-text);
	margin-bottom:10px;
}

.cly-kanban-card-link strong{
	display:block;
	font-size:15px;
	line-height:1.35;
	margin-bottom:6px;
}

.cly-kanban-card-link span{
	display:block;
	font-size:12px;
	color:var(--cly-text-dim);
}

.cly-kanban-card-meta{
	font-size:13px;
	color:var(--cly-text-soft);
	line-height:1.5;
	margin-bottom:6px;
}

.cly-kanban-card-foot{
	margin-top:10px;
	display:flex;
	justify-content:flex-start;
}

@media (max-width: 1200px){
	.cly-grid-kanban{
		grid-template-columns:1fr;
	}
}
.cly-alert-success{
	color:#fff;
	background:rgba(74,222,128,.14);
	border:1px solid rgba(74,222,128,.28);
	margin-bottom:18px;
}

.cly-edit-form{
	display:block;
}

.cly-detail-grid{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:16px;
}

.cly-detail-item{
	display:flex;
	flex-direction:column;
	gap:8px;
	padding:14px;
	border-radius:16px;
	background:rgba(255,255,255,.04);
	border:1px solid rgba(255,255,255,.06);
}

.cly-detail-item-full{
	grid-column:1 / -1;
}

.cly-detail-item strong{
	font-size:12px;
	letter-spacing:.08em;
	text-transform:uppercase;
	color:var(--cly-text-dim);
}

.cly-detail-item span{
	font-size:14px;
	color:var(--cly-text);
	line-height:1.5;
}

.cly-detail-item input,
.cly-detail-item select,
.cly-detail-item textarea{
	width:100%;
	box-sizing:border-box;
	border-radius:14px;
	border:1px solid rgba(255,255,255,.1);
	background:rgba(255,255,255,.05);
	color:var(--cly-text);
	padding:12px 14px;
	outline:none;
	font:inherit;
}

.cly-detail-item input:focus,
.cly-detail-item select:focus,
.cly-detail-item textarea:focus{
	border-color:rgba(192,132,252,.75);
	box-shadow:0 0 0 4px rgba(192,132,252,.12);
}

.cly-form-actions{
	margin-top:18px;
	display:flex;
	justify-content:flex-start;
}

@media (max-width: 900px){
	.cly-detail-grid{
		grid-template-columns:1fr;
	}
}
/* =========================
   Sidebar collapse system
========================= */

.cly-app{
	transition:grid-template-columns .28s ease;
}

.cly-brand{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
}

.cly-brand-main{
	display:flex;
	align-items:center;
	gap:14px;
	min-width:0;
}

.cly-sidebar-toggle{
	width:42px;
	height:42px;
	border-radius:14px;
	border:1px solid rgba(255,255,255,.1);
	background:rgba(255,255,255,.05);
	display:inline-flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:4px;
	cursor:pointer;
	transition:.25s ease;
	flex-shrink:0;
}

.cly-sidebar-toggle:hover{
	background:rgba(139,92,246,.16);
	border-color:rgba(192,132,252,.28);
	transform:translateY(-1px);
}

.cly-sidebar-toggle span{
	display:block;
	width:16px;
	height:2px;
	border-radius:999px;
	background:#fff;
	opacity:.9;
}

.cly-nav-item{
	display:flex;
	align-items:center;
	gap:12px;
	min-height:48px;
	padding:0 14px;
	border-radius:14px;
	color:var(--cly-text-soft);
	text-decoration:none;
	border:1px solid transparent;
	transition:.25s ease;
	white-space:nowrap;
}

.cly-nav-item-dot{
	width:10px;
	height:10px;
	border-radius:999px;
	background:rgba(192,132,252,.45);
	flex-shrink:0;
	box-shadow:0 0 0 4px rgba(192,132,252,.08);
}

.cly-nav-item.is-active .cly-nav-item-dot,
.cly-nav-item:hover .cly-nav-item-dot{
	background:#c084fc;
}

.cly-nav-item-label{
	display:inline-block;
	transition:opacity .2s ease, transform .2s ease;
}

.cly-app.is-sidebar-collapsed{
	grid-template-columns:96px 1fr;
}

.cly-app.is-sidebar-collapsed .cly-sidebar{
	padding:20px 12px;
}

.cly-app.is-sidebar-collapsed .cly-brand{
	flex-direction:column;
	align-items:center;
}

.cly-app.is-sidebar-collapsed .cly-brand-main{
	flex-direction:column;
	gap:10px;
}

.cly-app.is-sidebar-collapsed .cly-brand-text,
.cly-app.is-sidebar-collapsed .cly-nav-item-label,
.cly-app.is-sidebar-collapsed .cly-sidebar-foot .cly-btn{
	display:none;
}

.cly-app.is-sidebar-collapsed .cly-nav{
	justify-items:center;
}

.cly-app.is-sidebar-collapsed .cly-nav-item{
	width:56px;
	min-height:56px;
	padding:0;
	justify-content:center;
	border-radius:18px;
}

.cly-app.is-sidebar-collapsed .cly-sidebar-foot{
	display:flex;
	justify-content:center;
}

.cly-app.is-sidebar-collapsed .cly-sidebar-foot .cly-btn{
	display:flex !important;
	width:56px;
	min-width:56px;
	height:56px;
	padding:0;
	border-radius:18px;
	font-size:0;
	justify-content:center;
	align-items:center;
	background:rgba(255,255,255,.04);
	border:1px solid rgba(255,255,255,.08);
	position:relative;
}

.cly-app.is-sidebar-collapsed .cly-sidebar-foot .cly-btn::before{
	content:"↩";
	font-size:20px;
	color:var(--cly-text-soft);
	line-height:1;
}}

/* =========================
   Better form styling
========================= */

.cly-detail-item{
	position:relative;
	overflow:hidden;
}

.cly-detail-item::before{
	content:"";
	position:absolute;
	inset:0;
	background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));
	pointer-events:none;
}

.cly-detail-item strong{
	position:relative;
	z-index:1;
}

.cly-detail-item input,
.cly-detail-item select,
.cly-detail-item textarea{
	position:relative;
	z-index:1;
	min-height:56px;
	border-radius:18px;
	border:1px solid rgba(255,255,255,.12);
	background:linear-gradient(90deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
	color:var(--cly-text);
	padding:14px 16px;
	box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}

.cly-detail-item textarea{
	min-height:130px;
	resize:vertical;
}

.cly-detail-item input::placeholder,
.cly-detail-item textarea::placeholder{
	color:rgba(245,242,255,.42);
}

/* =========================
   Select visibility fix
========================= */

.cly-detail-item select{
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	background-image:
		linear-gradient(45deg, transparent 50%, rgba(255,255,255,.8) 50%),
		linear-gradient(135deg, rgba(255,255,255,.8) 50%, transparent 50%);
	background-position:
		calc(100% - 22px) calc(50% - 3px),
		calc(100% - 16px) calc(50% - 3px);
	background-size:6px 6px, 6px 6px;
	background-repeat:no-repeat;
	padding-right:44px;
}

.cly-detail-item select option{
	background:#191522;
	color:#f5f2ff;
}

.cly-detail-item select option:checked{
	background:#7c3aed;
	color:#ffffff;
}

/* =========================
   Stronger panel polish
========================= */

.cly-panel{
	position:relative;
	overflow:hidden;
}

.cly-panel::before{
	content:"";
	position:absolute;
	inset:0;
	background:
		linear-gradient(180deg, rgba(255,255,255,.03), transparent 22%),
		radial-gradient(circle at top right, rgba(139,92,246,.12), transparent 28%);
	pointer-events:none;
}

.cly-panel > *{
	position:relative;
	z-index:1;
}

/* =========================
   Better spacing on detail forms
========================= */

.cly-form-actions{
	margin-top:22px;
	padding-top:8px;
}

.cly-form-actions .cly-btn{
	min-width:170px;
}

/* =========================
   Responsive
========================= */

@media (max-width: 1100px){
	.cly-app.is-sidebar-collapsed{
		grid-template-columns:1fr;
	}
}

@media (max-width: 720px){
	.cly-sidebar-toggle{
		width:38px;
		height:38px;
		border-radius:12px;
	}
}
/* =========================
   Icon nav system
========================= */

.cly-nav-item{
	position:relative;
	display:flex;
	align-items:center;
	gap:12px;
	min-height:50px;
	padding:0 14px;
	border-radius:16px;
	color:var(--cly-text-soft);
	text-decoration:none;
	border:1px solid transparent;
	transition:.25s ease;
	white-space:nowrap;
	background:transparent;
}

.cly-nav-item:hover{
	color:#fff;
	background:rgba(139,92,246,.12);
	border-color:rgba(192,132,252,.16);
	transform:translateX(2px);
}

.cly-nav-item.is-active{
	color:#fff;
	background:linear-gradient(90deg, rgba(139,92,246,.22), rgba(168,85,247,.12));
	border-color:rgba(192,132,252,.24);
	box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}

.cly-nav-item.is-active::after{
	content:"";
	position:absolute;
	left:-6px;
	top:10px;
	bottom:10px;
	width:3px;
	border-radius:999px;
	background:linear-gradient(180deg, #c084fc, #8b5cf6);
	box-shadow:0 0 14px rgba(192,132,252,.45);
}

.cly-nav-item-label{
	display:inline-block;
	transition:opacity .2s ease, transform .2s ease;
	font-weight:500;
	letter-spacing:-.01em;
}

.cly-nav-icon{
	width:20px;
	height:20px;
	position:relative;
	display:inline-block;
	flex-shrink:0;
	opacity:.95;
}

.cly-nav-item:hover .cly-nav-icon,
.cly-nav-item.is-active .cly-nav-icon{
	transform:scale(1.04);
}

/* Dashboard - grid */
.cly-nav-icon-grid::before,
.cly-nav-icon-grid::after{
	content:"";
	position:absolute;
	inset:0;
}
.cly-nav-icon-grid{
	background:
		linear-gradient(#cbb4ff,#cbb4ff) 0 0/8px 8px no-repeat,
		linear-gradient(#cbb4ff,#cbb4ff) 12px 0/8px 8px no-repeat,
		linear-gradient(#cbb4ff,#cbb4ff) 0 12px/8px 8px no-repeat,
		linear-gradient(#cbb4ff,#cbb4ff) 12px 12px/8px 8px no-repeat;
	border-radius:4px;
}

/* Leads - users */
.cly-nav-icon-users::before,
.cly-nav-icon-users::after{
	content:"";
	position:absolute;
	background:#cbb4ff;
}
.cly-nav-icon-users::before{
	width:7px;
	height:7px;
	border-radius:999px;
	left:2px;
	top:2px;
	box-shadow:9px 2px 0 #cbb4ff;
}
.cly-nav-icon-users::after{
	width:16px;
	height:8px;
	border-radius:999px 999px 6px 6px;
	left:2px;
	bottom:1px;
	opacity:.95;
}

/* Deals - briefcase */
.cly-nav-icon-briefcase::before,
.cly-nav-icon-briefcase::after{
	content:"";
	position:absolute;
	border:2px solid #cbb4ff;
	box-sizing:border-box;
}
.cly-nav-icon-briefcase::before{
	left:1px;
	right:1px;
	top:6px;
	bottom:1px;
	border-radius:4px;
}
.cly-nav-icon-briefcase::after{
	width:8px;
	height:4px;
	left:6px;
	top:1px;
	border-bottom:none;
	border-radius:4px 4px 0 0;
}

/* Diagnosis - pulse */
.cly-nav-icon-pulse::before{
	content:"";
	position:absolute;
	left:1px;
	right:1px;
	top:8px;
	height:2px;
	background:transparent;
	border-top:2px solid transparent;
	box-shadow:none;
}
.cly-nav-icon-pulse{
	background:
		linear-gradient(135deg, transparent 0 18%, #cbb4ff 18% 24%, transparent 24% 36%, #cbb4ff 36% 44%, transparent 44% 58%, #cbb4ff 58% 64%, transparent 64% 100%);
	clip-path:polygon(0 55%, 18% 55%, 27% 25%, 40% 78%, 54% 38%, 66% 55%, 100% 55%, 100% 65%, 0 65%);
}

/* Documents - file */
.cly-nav-icon-file::before,
.cly-nav-icon-file::after{
	content:"";
	position:absolute;
	box-sizing:border-box;
}
.cly-nav-icon-file::before{
	left:3px;
	top:1px;
	width:14px;
	height:18px;
	border:2px solid #cbb4ff;
	border-radius:4px;
}
.cly-nav-icon-file::after{
	right:3px;
	top:1px;
	width:6px;
	height:6px;
	background:linear-gradient(135deg, rgba(203,180,255,0) 50%, #cbb4ff 50%);
	border-top-right-radius:2px;
}

/* Commissions - wallet */
.cly-nav-icon-wallet::before,
.cly-nav-icon-wallet::after{
	content:"";
	position:absolute;
	box-sizing:border-box;
}
.cly-nav-icon-wallet::before{
	left:1px;
	top:4px;
	width:18px;
	height:12px;
	border:2px solid #cbb4ff;
	border-radius:4px;
}
.cly-nav-icon-wallet::after{
	right:2px;
	top:7px;
	width:6px;
	height:6px;
	border-radius:999px;
	background:#cbb4ff;
}

/* Profile - user */
.cly-nav-icon-user::before,
.cly-nav-icon-user::after{
	content:"";
	position:absolute;
	background:#cbb4ff;
}
.cly-nav-icon-user::before{
	width:8px;
	height:8px;
	border-radius:999px;
	left:6px;
	top:1px;
}
.cly-nav-icon-user::after{
	width:16px;
	height:8px;
	border-radius:999px 999px 6px 6px;
	left:2px;
	bottom:1px;
}

/* Fallback dot */
.cly-nav-icon-dot{
	border-radius:999px;
	background:#cbb4ff;
	box-shadow:0 0 0 4px rgba(192,132,252,.08);
}

/* =========================
   Collapsed icon mode
========================= */

.cly-app.is-sidebar-collapsed .cly-nav{
	justify-items:center;
	gap:10px;
}

.cly-app.is-sidebar-collapsed .cly-nav-item{
	width:58px;
	min-width:58px;
	height:58px;
	min-height:58px;
	padding:0;
	justify-content:center;
	border-radius:18px;
}

.cly-app.is-sidebar-collapsed .cly-nav-item::after{
	left:auto;
	right:-5px;
	top:14px;
	bottom:14px;
}

.cly-app.is-sidebar-collapsed .cly-nav-item-label{
	opacity:0;
	width:0;
	overflow:hidden;
	transform:translateX(-4px);
	pointer-events:none;
}

.cly-app.is-sidebar-collapsed .cly-nav-icon{
	width:22px;
	height:22px;
}

/* =========================
   Better dark select
========================= */

.cly-detail-item select{
	color:var(--cly-text) !important;
}

.cly-detail-item select option{
	background:#161220 !important;
	color:#f5f2ff !important;
}

/* Firefox */
@-moz-document url-prefix() {
	.cly-detail-item select{
		color:#f5f2ff !important;
		background-color:#221b30 !important;
	}
}

/* =========================
   Tighten sidebar overall
========================= */

.cly-sidebar{
	width:100%;
	box-sizing:border-box;
}

.cly-nav{
	display:grid;
	gap:10px;
	margin-top:20px;
}

.cly-sidebar-foot{
	margin-top:22px;
}

.cly-app.is-sidebar-collapsed .cly-brand-mark{
	width:52px;
	height:52px;
	border-radius:18px;
}

.cly-app.is-sidebar-collapsed .cly-sidebar-toggle{
	margin-top:2px;
}

/* =========================
   Mobile fallback
========================= */

@media (max-width: 1100px){
	.cly-app.is-sidebar-collapsed .cly-nav-item-label{
		opacity:1;
		width:auto;
		overflow:visible;
		transform:none;
		pointer-events:auto;
	}

	.cly-app.is-sidebar-collapsed .cly-nav-item{
		width:auto;
		min-width:0;
		height:auto;
		min-height:50px;
		padding:0 14px;
		justify-content:flex-start;
	}

	.cly-app.is-sidebar-collapsed .cly-sidebar-foot .cly-btn{
		font-size:14px;
		width:100%;
		min-width:0;
		height:auto;
		padding:0 18px;
	}

	.cly-app.is-sidebar-collapsed .cly-sidebar-foot .cly-btn::before{
		display:none;
	}
}
/* =========================================
   REAL SVG NAV ICONS
========================================= */

.cly-nav-item{
	position:relative;
	display:flex;
	align-items:center;
	gap:12px;
	min-height:52px;
	padding:0 14px;
	border-radius:16px;
	color:var(--cly-text-soft);
	text-decoration:none;
	border:1px solid transparent;
	transition:.25s ease;
	white-space:nowrap;
	background:transparent;
}

.cly-nav-item:hover{
	color:#fff;
	background:rgba(139,92,246,.12);
	border-color:rgba(192,132,252,.16);
	transform:translateX(2px);
}

.cly-nav-item.is-active{
	color:#fff;
	background:linear-gradient(90deg, rgba(139,92,246,.22), rgba(168,85,247,.12));
	border-color:rgba(192,132,252,.24);
	box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}

.cly-nav-item.is-active::after{
	content:"";
	position:absolute;
	right:-6px;
	top:12px;
	bottom:12px;
	width:3px;
	border-radius:999px;
	background:linear-gradient(180deg, #c084fc, #8b5cf6);
	box-shadow:0 0 14px rgba(192,132,252,.45);
}

.cly-nav-icon{
	width:22px;
	height:22px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	flex-shrink:0;
}

.cly-nav-icon svg{
	width:22px;
	height:22px;
	stroke:#cbb4ff;
	fill:none;
	stroke-width:1.9;
	stroke-linecap:round;
	stroke-linejoin:round;
	transition:.25s ease;
}

.cly-nav-item:hover .cly-nav-icon svg,
.cly-nav-item.is-active .cly-nav-icon svg{
	stroke:#ffffff;
	transform:scale(1.05);
}

.cly-nav-item-label{
	display:inline-block;
	transition:opacity .2s ease, transform .2s ease;
	font-weight:500;
	letter-spacing:-.01em;
}

/* collapsed mode */
.cly-app.is-sidebar-collapsed{
	grid-template-columns:96px 1fr;
}

.cly-app.is-sidebar-collapsed .cly-brand-text,
.cly-app.is-sidebar-collapsed .cly-nav-item-label{
	display:none;
}

.cly-app.is-sidebar-collapsed .cly-nav{
	justify-items:center;
	gap:12px;
}

.cly-app.is-sidebar-collapsed .cly-nav-item{
	width:58px;
	min-width:58px;
	height:58px;
	min-height:58px;
	padding:0;
	justify-content:center;
	border-radius:18px;
}

.cly-app.is-sidebar-collapsed .cly-nav-item.is-active::after{
	right:-5px;
	top:14px;
	bottom:14px;
}

.cly-app.is-sidebar-collapsed .cly-nav-icon{
	width:24px;
	height:24px;
}

.cly-app.is-sidebar-collapsed .cly-nav-icon svg{
	width:24px;
	height:24px;
}

@media (max-width: 1100px){
	.cly-app.is-sidebar-collapsed{
		grid-template-columns:1fr;
	}

	.cly-app.is-sidebar-collapsed .cly-nav-item-label{
		display:inline-block;
	}

	.cly-app.is-sidebar-collapsed .cly-nav-item{
		width:auto;
		min-width:0;
		height:auto;
		min-height:52px;
		padding:0 14px;
		justify-content:flex-start;
	}
}
.cly-btn-danger{
	background:linear-gradient(135deg,#ef4444,#dc2626);
	color:#fff;
	border:1px solid rgba(255,255,255,.08);
}

.cly-btn-danger:hover{
	transform:translateY(-2px);
	filter:brightness(1.04);
}

.cly-btn-small{
	min-height:38px;
	padding:0 14px;
	font-size:12px;
	border-radius:12px;
}

.cly-delete-form{
	margin-top:14px;
}
.cly-table-head-7,
.cly-table-row-7{
	display:grid;
	grid-template-columns:1.2fr .9fr 1.2fr .9fr 1fr 1fr .9fr;
	gap:14px;
	align-items:center;
}
/* =========================================
   Portal contrast cleanup
   Reduces flat grey surfaces and adds richer purple-tinted dark panels
========================================= */

:root{
  --cly-surface-1:rgba(19,14,31,.88);
  --cly-surface-2:rgba(27,20,43,.92);
  --cly-surface-3:rgba(35,26,55,.96);
  --cly-line-soft:rgba(203,180,255,.10);
  --cly-line-strong:rgba(203,180,255,.18);
}

.cly-login-brand,
.cly-login-card,
.cly-sidebar,
.cly-panel,
.cly-stat-card{
  background:
    radial-gradient(circle at top right, rgba(139,92,246,.14), transparent 32%),
    linear-gradient(180deg, rgba(34,25,53,.96), rgba(16,11,27,.96));
  border-color:rgba(203,180,255,.12);
  box-shadow:0 20px 60px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.03);
}

.cly-panel::before{
  background:
    linear-gradient(180deg, rgba(255,255,255,.02), transparent 18%),
    radial-gradient(circle at top right, rgba(139,92,246,.16), transparent 30%),
    radial-gradient(circle at bottom left, rgba(168,85,247,.08), transparent 26%);
}

.cly-table-row,
.cly-account-card,
.cly-kanban-column,
.cly-kanban-card,
.cly-detail-item,
.cly-user-chip{
  background:
    linear-gradient(180deg, rgba(42,31,65,.84), rgba(21,15,35,.92));
  border-color:var(--cly-line-soft);
}

.cly-table-row:hover,
.cly-row-link:hover,
.cly-row-link.is-selected,
.cly-kanban-card:hover{
  border-color:rgba(192,132,252,.24);
  background:
    radial-gradient(circle at top right, rgba(139,92,246,.12), transparent 34%),
    linear-gradient(180deg, rgba(49,36,77,.9), rgba(24,17,39,.96));
}

.cly-detail-item::before{
  background:
    linear-gradient(180deg, rgba(255,255,255,.02), transparent 32%),
    radial-gradient(circle at top right, rgba(139,92,246,.10), transparent 34%);
}

.cly-detail-item strong,
.cly-stat-label,
.cly-table-head,
.cly-brand-text span,
.cly-user-chip-meta span,
.cly-account-meta span,
.cly-account-meta em{
  color:rgba(245,242,255,.68);
}

.cly-detail-item span,
.cly-table-row,
.cly-kanban-card-meta,
.cly-empty,
.cly-topbar-copy p{
  color:rgba(245,242,255,.82);
}

.cly-field input,
.cly-search-form input,
.cly-detail-item input,
.cly-detail-item select,
.cly-detail-item textarea{
  background:
    linear-gradient(180deg, rgba(77,68,97,.58), rgba(48,40,66,.58));
  border:1px solid rgba(203,180,255,.14);
  color:#f7f4ff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 10px 24px rgba(0,0,0,.12);
}

.cly-field input::placeholder,
.cly-search-form input::placeholder,
.cly-detail-item input::placeholder,
.cly-detail-item textarea::placeholder{
  color:rgba(245,242,255,.44);
}

.cly-field input:focus,
.cly-search-form input:focus,
.cly-detail-item input:focus,
.cly-detail-item select:focus,
.cly-detail-item textarea:focus{
  border-color:rgba(192,132,252,.72);
  background:
    linear-gradient(180deg, rgba(88,77,112,.72), rgba(54,45,74,.72));
  box-shadow:0 0 0 4px rgba(192,132,252,.12), 0 16px 30px rgba(0,0,0,.18);
}

.cly-detail-item select option{
  background:#1f1730 !important;
  color:#f7f4ff !important;
}

.cly-kanban-column{
  background:
    linear-gradient(180deg, rgba(31,23,48,.9), rgba(17,12,27,.92));
}

.cly-stage-bar,
.cly-kanban-empty{
  background:rgba(255,255,255,.03);
  border-color:rgba(203,180,255,.10);
}

.cly-badge{
  background:rgba(139,92,246,.18);
  border-color:rgba(192,132,252,.24);
  color:#f0e7ff;
}

.cly-btn-secondary,
.cly-btn-ghost{
  background:linear-gradient(180deg, rgba(62,47,95,.58), rgba(29,21,47,.68));
  border-color:rgba(203,180,255,.14);
  color:#f5f2ff;
}

.cly-sidebar-toggle,
.cly-app.is-sidebar-collapsed .cly-sidebar-foot .cly-btn{
  background:linear-gradient(180deg, rgba(64,48,96,.56), rgba(29,22,45,.7));
  border-color:rgba(203,180,255,.14);
}