/* Basic styles moved from inline CSS */
.vava-container { background:#fff; border-radius:12px; max-width:980px; margin:20px auto; font-family:sans-serif; box-shadow:0 10px 40px rgba(0,0,0,0.1); overflow:hidden; }
.vava-wizard { display:flex; background:#fcfcfc; border-bottom:1px solid #eee; }
.wizard-step { flex:1; padding:15px; text-align:center; font-size:11px; font-weight:700; color:#94a3b8; border-right:1px solid #eee; }
.wizard-step.current { color:#ef4444; border-bottom:2px solid #ef4444; }
.vava-content { display:flex; min-height:550px; flex-wrap: wrap; }
.vava-sidebar { width:220px; background:#f8fafc; padding:20px; border-right:1px solid #eee; }
.vava-main { flex:1; padding:30px; min-width: 320px; }
.v-title { font-size:24px; font-weight:800; margin-bottom:15px; }
.v-input { width:100% !important; height:42px !important; border:1px solid #ddd !important; border-radius:8px !important; padding:0 10px !important; margin-bottom: 15px !important; }
.v-btn { width:100%; padding:15px; border:none; border-radius:8px; font-weight:700; cursor:pointer; font-size:16px; margin-top:10px; transition:0.3s; }
.v-btn.red { background:#ef4444; color:#fff; }
.v-btn:disabled { background:#ccc; }
.expertise-container { display:flex; gap:15px; margin-bottom:15px; flex-wrap: wrap; }
.table-side { flex:1.4; border:1px solid #eee; border-radius:10px; overflow:hidden; min-width: 280px; }
.e-header { display:flex; background:#f1f5f9; padding:10px; font-weight:bold; font-size:11px; text-align:center; align-items: center; }
.col-name { flex: 2.2; text-align: left; padding-left: 5px; }
.col-opt { flex: 0.4; text-align: center; }
.scroll-body { max-height:280px; overflow-y:auto; }
.e-row { display:flex; padding:8px 10px; border-bottom:1px solid #f8fafc; font-size:12px; align-items:center; }
.e-row span { flex: 2.2; font-weight: 600; text-align: left; }
.e-row div { flex: 0.4; text-align: center; display: flex; justify-content: center; }
.svg-side { flex:1; background:#f8fafc; padding:10px; border-radius:10px; text-align:center; min-width: 250px; }
.tramer-box { background:#fff1f2; padding:15px; border-radius:10px; border:1px dashed #fecaca; margin-bottom: 15px; }
.legend { font-size:10px; font-weight:bold; margin-top:10px; display:flex; justify-content:center; gap:8px; }
.v-row.split { display: flex; gap: 10px; }
.v-col { flex: 1; }
@media (max-width: 600px) { .v-row.split { flex-direction: column; } .vava-sidebar { width: 100%; border-right: none; border-bottom: 1px solid #eee; } }