.ysfw-wrap{
	max-width:1200px;
	margin:30px auto;
	font-family:Arial, Helvetica, sans-serif;
	color:#1f2937;
}
.ysfw-header-card,
.ysfw-panel,
.ysfw-stat-card{
	background:#ffffff;
	border:1px solid #dbe2ea;
	border-radius:18px;
	box-shadow:0 10px 24px rgba(15, 23, 42, 0.06);
}
.ysfw-header-card{
	display:flex;
	justify-content:space-between;
	gap:20px;
	padding:24px;
	margin-bottom:20px;
	align-items:center;
}
.ysfw-header-card h2{
	margin:0 0 8px;
	font-size:30px;
	line-height:1.2;
}
.ysfw-header-card p{
	margin:0;
	color:#526072;
}
.ysfw-header-actions{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
}
.ysfw-status-grid{
	display:grid;
	grid-template-columns:repeat(6, 1fr);
	gap:14px;
	margin-bottom:20px;
}
.ysfw-stat-card{
	padding:16px;
}
.ysfw-stat-card span{
	display:block;
	font-size:12px;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:.08em;
	color:#64748b;
	margin-bottom:10px;
}
.ysfw-stat-card strong{
	font-size:24px;
}
.ysfw-main-grid{
	display:grid;
	grid-template-columns:1.55fr .95fr;
	gap:20px;
}
.ysfw-side-grid{
	display:grid;
	gap:20px;
}
.ysfw-panel{
	padding:20px;
}
.ysfw-panel-head{
	margin-bottom:16px;
}
.ysfw-panel-head h3{
	margin:0 0 6px;
	font-size:22px;
}
.ysfw-panel-head p{
	margin:0;
	color:#5a6777;
}
.ysfw-table-wrap{
	overflow-x:auto;
}
.ysfw-table{
	width:100%;
	border-collapse:collapse;
}
.ysfw-table th,
.ysfw-table td{
	padding:14px 10px;
	border-bottom:1px solid #e5edf4;
	text-align:left;
	vertical-align:middle;
}
.ysfw-table th{
	font-size:13px;
	text-transform:uppercase;
	letter-spacing:.06em;
	color:#64748b;
}
.ysfw-table td small{
	display:block;
	color:#64748b;
	margin-top:4px;
}
.ysfw-action-group{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	align-items:center;
}
.ysfw-qty{
	width:72px;
	padding:10px;
	border:1px solid #cfd8e3;
	border-radius:10px;
}
.ysfw-btn,
.ysfw-travel-btn{
	border:none;
	border-radius:12px;
	padding:10px 14px;
	font-size:14px;
	font-weight:700;
	cursor:pointer;
	transition:transform .15s ease, box-shadow .15s ease, opacity .15s ease;
}
.ysfw-btn:hover,
.ysfw-travel-btn:hover{
	transform:translateY(-1px);
	box-shadow:0 8px 18px rgba(15,23,42,.10);
}
.ysfw-btn:disabled,
.ysfw-travel-btn:disabled{
	opacity:.6;
	cursor:not-allowed;
	box-shadow:none;
	transform:none;
}
.ysfw-btn-secondary{
	background:#0f172a;
	color:#ffffff;
}
.ysfw-btn-danger{
	background:#7f1d1d;
	color:#ffffff;
}
.ysfw-btn-buy{
	background:#166534;
	color:#ffffff;
}
.ysfw-btn-sell{
	background:#1d4ed8;
	color:#ffffff;
}
.ysfw-travel-list{
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	gap:10px;
}
.ysfw-travel-btn{
	background:#eef4fa;
	color:#0f172a;
	text-align:left;
}
.ysfw-travel-btn.is-current{
	background:#dbeafe;
	color:#1d4ed8;
}
.ysfw-inventory-list,
.ysfw-ledger{
	display:grid;
	gap:10px;
}
.ysfw-inventory-item,
.ysfw-ledger-row,
.ysfw-news-card,
.ysfw-alert,
.ysfw-empty{
	background:#f8fafc;
	border:1px solid #e2e8f0;
	border-radius:14px;
	padding:14px;
}
.ysfw-inventory-item{
	display:flex;
	justify-content:space-between;
	gap:12px;
}
.ysfw-inventory-item span{
	display:block;
	font-size:13px;
	color:#64748b;
	margin-top:4px;
}
.ysfw-alert{
	margin-top:10px;
	font-weight:700;
}
.ysfw-footer-note{
	margin-top:20px;
	padding:14px 18px;
	border-radius:14px;
	background:#eff6ff;
	border:1px solid #bfdbfe;
	color:#1e3a8a;
	font-weight:700;
}
.ysfw-footer-note.is-error{
	background:#fef2f2;
	border-color:#fecaca;
	color:#991b1b;
}
.ysfw-footer-note.is-success{
	background:#ecfdf5;
	border-color:#bbf7d0;
	color:#166534;
}
@media (max-width: 1100px){
	.ysfw-status-grid{
		grid-template-columns:repeat(3, 1fr);
	}
	.ysfw-main-grid{
		grid-template-columns:1fr;
	}
}
@media (max-width: 767px){
	.ysfw-header-card{
		flex-direction:column;
		align-items:flex-start;
	}
	.ysfw-status-grid{
		grid-template-columns:repeat(2, 1fr);
	}
	.ysfw-travel-list{
		grid-template-columns:1fr;
	}
	.ysfw-inventory-item{
		flex-direction:column;
	}
}