:root{
	--bg:#0b0f18;
	--card:#101827;
	--text:#e8eefc;
	--muted:#8ea0c6;
	--border:rgba(255,255,255,.12);
	--accent:rgba(86,120,255,.25);
	--err:#ff4d4d;
	--ok:#31d17c;
}

*{ box-sizing:border-box; }
body{
	margin:0;
	font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial;
	background:
		radial-gradient(800px 500px at 20% 10%, rgba(86,120,255,.18), transparent 60%),
		radial-gradient(800px 500px at 90% 30%, rgba(49,209,124,.12), transparent 60%),
		var(--bg);
	color:var(--text);
}

.lc-topbar{
	position:sticky; top:0; z-index:50;
	backdrop-filter: blur(10px);
	background: rgba(11,15,24,.55);
	border-bottom: 1px solid var(--border);
}
.lc-topbar-inner{
	max-width: 1100px;
	margin: 0 auto;
	padding: 14px 18px;
	display:flex;
	align-items:center;
	gap:14px;
}
.lc-brand{
	color:var(--text);
	text-decoration:none;
	font-weight:800;
	letter-spacing:.3px;
}
.lc-nav{ display:flex; gap:12px; margin-left: 10px; }
.lc-nav a{ color:var(--muted); text-decoration:none; }
.lc-nav a:hover{ color:var(--text); }

.lc-actions{ margin-left:auto; display:flex; align-items:center; gap:10px; }

.lc-chip{
	border:1px solid var(--border);
	border-radius:999px;
	padding:6px 10px;
	font-size:13px;
	color:var(--muted);
}

.lc-main{
	max-width:1100px;
	margin: 0 auto;
	padding: 18px;
}

.lc-muted{ color:var(--muted); }
.lc-mono{ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace; }

.lc-btn{
	height:38px;
	padding:0 14px;
	border-radius:12px;
	border:1px solid var(--border);
	background: var(--accent);
	color:var(--text);
	font-weight:700;
	cursor:pointer;
	text-decoration:none;
	display:inline-flex;
	align-items:center;
	justify-content:center;
}
.lc-btn:hover{ background: rgba(86,120,255,.33); }
.lc-btn-ghost{ background: transparent; }
.lc-btn-ghost:hover{ background: rgba(255,255,255,.06); }
.lc-btn-ghost.danger{ border-color: rgba(255,77,77,.45); color: rgba(255,150,150,.95); }

.lc-hero{
	padding: 18px 0 10px;
}
.lc-hero-card{
	border:1px solid var(--border);
	border-radius:18px;
	padding:20px;
	background: rgba(16,24,39,.75);
}
.lc-hero-card h1{
	margin:0 0 6px;
	font-size:28px;
}
.lc-hero-actions{ display:flex; gap:10px; margin-top:14px; flex-wrap:wrap; }

.lc-section{ margin-top: 18px; }
.lc-section-head{ display:flex; justify-content:space-between; align-items:flex-end; gap:12px; margin-bottom:10px; }
.lc-section-head h2{ margin:0; }

.lc-grid{
	display:grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap:12px;
}
@media (max-width: 900px){
	.lc-grid{ grid-template-columns: 1fr; }
}

.lc-card{
	display:block;
	border:1px solid var(--border);
	border-radius:18px;
	padding:16px;
	text-decoration:none;
	color:var(--text);
	background: rgba(16,24,39,.6);
}
.lc-card:hover{ background: rgba(16,24,39,.75); }
.lc-card-title{ font-weight:800; margin-bottom:6px; }
.lc-card-soon{ opacity:.75; }

.lc-footer{
	border-top:1px solid var(--border);
	margin-top: 26px;
	background: rgba(11,15,24,.35);
}
.lc-footer-inner{
	max-width:1100px;
	margin: 0 auto;
	padding: 14px 18px;
	display:flex;
	justify-content:space-between;
}

.lc-profile-top{ margin-top: 8px; }
.lc-profile-card{
	border:1px solid var(--border);
	border-radius:18px;
	padding:16px;
	background: rgba(16,24,39,.75);
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:14px;
}
.lc-profile-left{ display:flex; align-items:center; gap:12px; min-width: 0; }
.lc-profile-meta{ min-width:0; }
.lc-profile-login{ font-size:18px; font-weight:900; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.lc-avatar{
	width:56px; height:56px;
	border-radius:14px;
	border:1px solid var(--border);
	overflow:hidden;
	background: rgba(0,0,0,.18);
	display:flex; align-items:center; justify-content:center;
}
.lc-avatar img{ width:100%; height:100%; object-fit:cover; }
.lc-avatar-fallback{ font-weight:900; font-size:20px; color: rgba(255,255,255,.9); }

.lc-profile-right{ display:flex; align-items:center; gap:12px; }
.lc-balance-value{ font-size:18px; font-weight:900; }

.lc-tabs{
	margin-top: 14px;
	display:flex;
	gap:8px;
	flex-wrap:wrap;
}
.lc-tab{
	height:36px;
	padding:0 12px;
	border-radius:999px;
	border:1px solid var(--border);
	background: transparent;
	color:var(--muted);
	cursor:pointer;
}
.lc-tab.active{
	color:var(--text);
	background: rgba(255,255,255,.06);
}

.lc-pane{
	display:none;
	margin-top: 12px;
	border:1px solid var(--border);
	border-radius:18px;
	padding:16px;
	background: rgba(16,24,39,.6);
}
.lc-pane.active{ display:block; }

.lc-pane-head{
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	gap:12px;
	margin-bottom: 12px;
}
.lc-pane-title{ font-weight:900; font-size:16px; }

.lc-kv{ display:flex; flex-direction:column; gap:10px; }
.lc-kv-row{
	display:flex;
	justify-content:space-between;
	gap:12px;
	padding:10px 12px;
	border:1px solid var(--border);
	border-radius:14px;
	background: rgba(0,0,0,.12);
}

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

.lc-card2{
	border:1px solid var(--border);
	border-radius:18px;
	padding:14px;
	background: rgba(0,0,0,.12);
}
.lc-card2-title{ font-weight:900; margin-bottom:6px; }

.lc-table-wrap{
	overflow:auto;
	border-radius:14px;
	border:1px solid var(--border);
}
.lc-table{
	width:100%;
	border-collapse:collapse;
	min-width: 720px;
}
.lc-table th, .lc-table td{
	padding:10px 12px;
	border-bottom:1px solid rgba(255,255,255,.06);
}
.lc-table th{ text-align:left; color:var(--muted); font-weight:700; }
.lc-table td.right, .lc-table th.right{ text-align:right; }
.lc-table td.neg{ color: rgba(255,140,140,.95); font-weight:800; }
.lc-table td.pos{ color: rgba(120,255,180,.95); font-weight:800; }

.lc-modal{
	display:none;
	position:fixed;
	inset:0;
	z-index:100;
}
.lc-modal.open{ display:block; }
.lc-modal-backdrop{
	position:absolute; inset:0;
	background: rgba(0,0,0,.55);
}
.lc-modal-card{
	position:relative;
	width:min(560px, calc(100% - 24px));
	margin: 60px auto;
	border:1px solid var(--border);
	border-radius:18px;
	background: rgba(16,24,39,.95);
	padding:14px;
}
.lc-modal-head{
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	gap:10px;
	margin-bottom: 10px;
}
.lc-modal-title{ font-weight:900; font-size:16px; }
.lc-x{
	border:1px solid var(--border);
	background: transparent;
	color:var(--text);
	border-radius:12px;
	height:34px; width:38px;
	cursor:pointer;
}
.lc-x:hover{ background: rgba(255,255,255,.06); }

.lc-form{ display:flex; flex-direction:column; gap:12px; }
.lc-input{ position:relative; padding-bottom:18px; }
.lc-label{ font-size:13px; color:var(--muted); margin-bottom:6px; }
.lc-input input{
	width:100%;
	height:42px;
	border-radius:12px;
	border:1px solid var(--border);
	background: rgba(0,0,0,.18);
	outline:none;
	padding:0 12px;
	color:var(--text);
}
.lc-error{
	position:absolute;
	left:0; right:0;
	top: 64px;
	font-size:12px;
	color:var(--err);
	min-height:14px;
	pointer-events:none;
}
.lc-global-error{
	background: rgba(255,77,77,.12);
	border:1px solid rgba(255,77,77,.35);
	padding:10px 12px;
	border-radius:12px;
	font-size:13px;
}
.lc-form-actions{
	display:flex;
	align-items:center;
	justify-content:flex-end;
	gap:10px;
	flex-wrap:wrap;
}

.lc-ava-tools{
	border:1px dashed rgba(255,255,255,.16);
	border-radius:14px;
	padding:12px;
	background: rgba(0,0,0,.12);
}
.lc-ava-actions{ display:flex; gap:10px; flex-wrap:wrap; margin-top:10px; }