:root{
  --v63-bg:#f3f5f9;--v63-surface:#fff;--v63-ink:#111827;--v63-muted:#667085;--v63-line:#e6e9ef;
  --v63-primary:#5b4cf6;--v63-primary-dark:#4038c9;--v63-navy:#0b1020;--v63-green:#087443;--v63-amber:#a15c00;--v63-red:#b42318;
  --v63-radius:18px;--v63-shadow:0 16px 42px rgba(15,23,42,.07)
}
html{scroll-behavior:smooth}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
button,input,select,textarea{font:inherit}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(91,76,246,.22);outline-offset:2px}
.btn,.cta,.action{transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease}.btn:hover,.cta:hover{transform:translateY(-1px)}
.panel,.card,.module,.info-card,.payment-card{box-shadow:var(--v63-shadow)!important;border-radius:var(--v63-radius)!important}
.table th{white-space:nowrap}.table td{line-height:1.45}.actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.actions button{margin:0!important}
.modal{backdrop-filter:blur(5px)}.modalbox{border-radius:22px!important;box-shadow:0 30px 90px rgba(0,0,0,.22)!important}
.field input,.field select,.field textarea{min-height:44px;border-radius:12px!important;border:1px solid #d7dce5!important;transition:border-color .15s,box-shadow .15s}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#8176f8!important;box-shadow:0 0 0 4px rgba(91,76,246,.10)!important;outline:0}
.search{min-height:44px!important;border-radius:12px!important}
.badge{line-height:1}.toast{box-shadow:0 14px 35px rgba(0,0,0,.18)}
.v63-pagehead{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:20px}.v63-pagehead h1{margin:0;letter-spacing:-.045em}.v63-pagehead p{margin:5px 0 0;color:var(--v63-muted);font-size:13px}.v63-actions{display:flex;gap:8px;flex-wrap:wrap}
.v63-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:#f3f4ff;border:1px solid #e3e0ff;color:#4338ca;font-size:11px;font-weight:850}
.v63-empty{padding:44px 20px;text-align:center;color:var(--v63-muted)}.v63-empty strong{display:block;color:var(--v63-ink);font-size:15px;margin-bottom:4px}
.v63-table-card{overflow:hidden}.v63-table-title{padding:16px 18px;border-bottom:1px solid var(--v63-line);display:flex;align-items:center;justify-content:space-between;gap:10px}.v63-table-title h2{margin:0;font-size:16px}.v63-table-title span{color:var(--v63-muted);font-size:11px}
@media(max-width:780px){.v63-pagehead{align-items:flex-start;flex-direction:column}.v63-actions{width:100%}.v63-actions .btn{flex:1}}

/* V64 global UI polish */
:root{
  --v64-ink:#101828;--v64-muted:#667085;--v64-line:#e4e7ec;
  --v64-bg:#f6f7fb;--v64-surface:#fff;--v64-primary:#5848e8;
}
body{background:var(--v64-bg)}
h1,h2,h3,h4{letter-spacing:-.035em}
.page{animation:fadeIn .18s ease-out}
.panel,.card,.info-card,.payment-card{border:1px solid var(--v64-line)}
.btn{border-radius:11px!important;font-weight:850!important}
.table-wrap{border:1px solid var(--v64-line);border-radius:15px;overflow:auto;background:#fff}
.table{border-collapse:separate;border-spacing:0;width:100%}
.table th{background:#f8fafc;position:sticky;top:0;z-index:1;padding:12px 13px!important;font-size:10px!important;color:#475467}
.table td{padding:12px 13px!important;border-top:1px solid #f0f2f5}
.modalbox{border:1px solid var(--v64-line)!important}
@keyframes fadeIn{from{opacity:.7;transform:translateY(2px)}to{opacity:1;transform:none}}

/* V65 — unified visual system */
:root{
  --v65-bg:#f5f7fb;--v65-surface:#fff;--v65-text:#101828;--v65-muted:#667085;
  --v65-border:#e4e7ec;--v65-primary:#5547e8;--v65-primary-dark:#4338ca;
  --v65-success:#067647;--v65-danger:#b42318;
}
body{background:radial-gradient(circle at 50% -10%,#fff 0,#f5f7fb 45%,#edf1f7 100%)}
.page{max-width:100%;animation:v65fade .18s ease-out}
.content{min-width:0}
.panel,.fm-kpi,.fm-brandbar,.card,.module,.payment-card,.info-card{
  border-color:var(--v65-border)!important;box-shadow:0 14px 38px rgba(16,24,40,.055)!important
}
h1{font-size:clamp(26px,3vw,36px)!important;line-height:1.08}
h2{line-height:1.15}
.subtitle,.muted{line-height:1.45}
.top,.v63-pagehead{align-items:center}
.v63-actions,.modalactions,.actions{align-items:center;flex-wrap:wrap}
.btn{min-height:40px;padding:10px 14px!important;border-radius:11px!important}
.table th{text-align:left!important}
.table td{vertical-align:middle!important}
.field label{display:block;margin-bottom:6px;font-weight:800;font-size:11px}
.field input,.field select,.field textarea{width:100%;font-size:13px}
.modal{padding:18px}
.modalbox{padding:24px!important}
@keyframes v65fade{from{opacity:.6;transform:translateY(3px)}to{opacity:1;transform:none}}
@media(max-width:900px){
 .sidebar{width:220px}
 .content{padding:16px!important}
 .top{gap:12px}
}
@media(max-width:700px){
 .shell{display:block!important}
 .sidebar{position:relative!important;width:100%!important;height:auto!important}
 .sidebar .nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
 .content{padding:12px!important}
 .formgrid{grid-template-columns:1fr!important}
 .modalbox{width:96vw!important;max-width:none!important}
 .table-wrap{max-width:100%;overflow-x:auto}
}