.vsd-widget-container .e-frontend-copy .vsd-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.vsd-7511 .vsd-element.vsd-element-25b4cac{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:5em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;}.vsd-widget-html .e-frontend-copy .vsd-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.vsd-7511 .vsd-element.vsd-element-89df508{width:var( --container-widget-width, 760px );max-width:760px;--container-widget-width:760px;--container-widget-flex-grow:0;}.vsd-7511 .vsd-element.vsd-element-89df508.vsd-element{--align-self:center;}.vsd-widget-nested-tabs.vsd-widget-n-tabs > .vsd-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.vsd-widget-nested-tabs.vsd-widget-n-tabs > .vsd-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .vsd-widget-nested-tabs.vsd-widget-n-tabs > .vsd-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.vsd-widget-nested-tabs .e-frontend-copy .vsd-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.vsd-widget-nested-tabs.vsd-widget-n-tabs > .vsd-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.vsd-7511 .vsd-element.vsd-element-408a29b{--display:flex;}.vsd-7511 .vsd-element.vsd-element-b233fcc{--display:flex;}.vsd-7511 .vsd-element.vsd-element-2ba6f6d{--display:flex;}.vsd-7511 .vsd-element.vsd-element-0a10164{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-border-radius:8px 8px 8px 8px;--n-tabs-title-padding-top:10px;--n-tabs-title-padding-right:14px;--n-tabs-title-padding-bottom:10px;--n-tabs-title-padding-left:14px;}.vsd-7511 .vsd-element.vsd-element-0a10164 > .vsd-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#FFFFFF;}.vsd-7511 .vsd-element.vsd-element-0a10164.vsd-widget-n-tabs > .vsd-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-astglobalcolor3 );}.vsd-7511 .vsd-element.vsd-element-0a10164.vsd-widget-n-tabs > .vsd-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .vsd-7511 .vsd-element.vsd-element-0a10164.vsd-widget-n-tabs > .vsd-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-astglobalcolor3 );}/* Start custom CSS for html, class: .vsd-element-89df508 */.pro-login{
width:100%;
font-family:system-ui,-apple-system,Segoe UI,Roboto;
}

.pro-login-form{
display:grid;
grid-template-columns:1fr 1fr auto auto;
gap:12px;
align-items:center;
background:#fff;
padding:20px;
border-radius:14px;
box-shadow:0 25px 60px rgba(0,0,0,.08);
}

/* error */

.pro-error{
grid-column:1/-1;
font-size:13px;
color:#b91c1c;
}

/* fields */

.pro-field{
position:relative;
display:flex;
align-items:center;
background:#f7f8fa;
border-radius:10px;
height:46px;
overflow:hidden;
transition:background .18s ease,box-shadow .18s ease;
}

.pro-field input{
width:100%;
height:100%;
border:none;
outline:none;
padding:0 14px 0 40px;
background:transparent;
font-size:14px;
}

.pro-icon{
position:absolute;
left:14px;
width:16px;
height:16px;
fill:#6b7280;
transition:transform .18s ease,fill .18s ease;
}

.pro-field::after{
content:"";
position:absolute;
bottom:0;
left:0;
width:0;
height:2px;
background:#000;
transition:width .18s ease;
}

.pro-field:focus-within{
background:#fff;
box-shadow:0 0 0 1px rgba(0,0,0,.06) inset;
}

.pro-field:focus-within::after{
width:100%;
}

.pro-field:focus-within .pro-icon{
fill:#000;
transform:scale(1.08);
}

/* remember */

.pro-remember{
display:flex;
align-items:center;
gap:6px;
font-size:13px;
white-space:nowrap;
}

.pro-remember input{
width:14px;
height:14px;
accent-color:#111;
}

/* button */

.pro-btn{
height:46px;
padding:0 22px;
border:none;
border-radius:10px;
background:#111;
color:#fff;
font-weight:600;
font-size:14px;
cursor:pointer;
white-space:nowrap;
transition:background .18s ease,box-shadow .18s ease;
}

.pro-btn:hover{
background:#2a2a2a;
box-shadow:0 6px 18px rgba(0,0,0,.25);
}

.pro-btn:active{
background:#000;
box-shadow:0 2px 8px rgba(0,0,0,.25) inset;
}

.pro-btn:hover,
.pro-btn:focus{
background:#2a2a2a !important;
color:#fff !important;
transform:none !important;
outline:none;
}

.pro-btn::before,
.pro-btn::after{
display:none !important;
}










.pro-login{
position:fixed;
top:50%;
left:50%;
transform:translate(-50%,-50%);
z-index:9999;
width:min(680px,92vw);
font-family:system-ui,-apple-system,Segoe UI,Roboto;
background:transparent;
}

.pro-login-form{
display:grid;
grid-template-columns:1fr 1fr auto auto;
gap:12px;
align-items:center;
background:#fff;
padding:24px;
border-radius:14px;
box-shadow:0 30px 80px rgba(0,0,0,.18);
}/* End custom CSS */
/* Start custom CSS for html, class: .vsd-element-15224ac */.wi-admin{
font-family:system-ui,-apple-system,Segoe UI,Roboto;
background:#fff;
border:1px solid #e5e7eb;
border-radius:12px;
display:flex;
flex-direction:column;
max-height:70vh;
overflow:hidden;
}

/* toolbar */

.wi-toolbar{
display:flex;
justify-content:space-between;
align-items:center;
padding:14px 16px;
border-bottom:1px solid #e5e7eb;
background:#fafafa;
}

/* remove Elementor underline */

.wi-admin a{
text-decoration:none !important;
}

/* buttons */

.wi-add{
background:#111;
color:#fff !important;
padding:8px 14px;
border-radius:8px;
font-size:13px;
font-weight:600;
display:inline-block;
}

.wi-add:hover{
background:#2a2a2a;
color:#fff !important;
text-decoration:none !important;
}

/* sort */

.wi-sort{
font-size:13px;
display:flex;
gap:8px;
}

.wi-sort a{
padding:6px 10px;
border-radius:6px;
background:#f3f4f6;
color:#111 !important;
}

.wi-sort a:hover{
background:#e5e7eb;
text-decoration:none !important;
}

/* list */

.wi-list{
display:flex;
flex-direction:column;
overflow:auto;
flex:1;
}

/* item */

.wi-item{
display:grid;
grid-template-columns:1fr 180px 100px;
align-items:center;
gap:12px;
padding:14px 16px;
border-bottom:1px solid #f1f3f5;
font-size:14px;
}

.wi-item:hover{
background:#f9fafb;
}

.wi-title{
font-weight:600;
color:#111;
}

.wi-date{
font-size:12px;
color:#6b7280;
}

.wi-edit{
text-align:right;
}

.wi-edit a{
background:#f3f4f6;
padding:6px 10px;
border-radius:6px;
font-size:12px;
color:#111 !important;
display:inline-block;
}

.wi-edit a:hover{
background:#e5e7eb;
text-decoration:none !important;
}

/* empty */

.wi-empty{
padding:20px;
color:#6b7280;
font-size:14px;
}

/* scrollbar */

.wi-list::-webkit-scrollbar{
width:8px;
}

.wi-list::-webkit-scrollbar-thumb{
background:#d1d5db;
border-radius:6px;
}

.wi-list::-webkit-scrollbar-thumb:hover{
background:#9ca3af;
}/* End custom CSS */
/* Start custom CSS for html, class: .vsd-element-c085696 */.wi-stats{
font-family:system-ui,-apple-system,Segoe UI,Roboto;
display:grid;
gap:16px;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
margin:20px 0;
}

.wi-card{
background:#fff;
border:1px solid #e5e7eb;
border-radius:12px;
padding:16px 18px;
box-shadow:0 10px 30px rgba(0,0,0,.05);
}

.wi-card-title{
font-size:12px;
color:#6b7280;
margin-bottom:6px;
text-transform:uppercase;
letter-spacing:.04em;
}

.wi-card-value{
font-size:20px;
font-weight:600;
color:#111827;
}

.wi-section{
margin-top:24px;
background:#fff;
border:1px solid #e5e7eb;
border-radius:12px;
padding:20px;
box-shadow:0 10px 30px rgba(0,0,0,.05);
}

.wi-chart{
max-width:100%;
height:300px;
}/* End custom CSS */
/* Start custom CSS for html, class: .vsd-element-1fc610e */#su{
  font-family:system-ui;
  background:#fff;
  border:1px solid #e9ecef;
  border-radius:12px;
  overflow:hidden
}

.suToolbar{
  position:sticky;
  top:0;
  z-index:40;
  background:#fff;
  border-bottom:1px solid #eee;
  padding:10px;
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap
}

.suSel,.suBtn,.suInput{
  border:1px solid #d7dbe0;
  border-radius:10px;
  background:#fff;
  font-size:13px;
  padding:8px 10px
}

.suBtn{cursor:pointer}
.suBtn:disabled{opacity:.5;cursor:not-allowed}

#su #suApply{
  background:#e5e7eb;
  border-color:#d1d5db;
  color:#111827
}

#su #suApply:hover{background:#d1d5db}

#su #suApply:disabled{
  background:#f3f4f6;
  border-color:#e5e7eb;
  color:#9ca3af
}

.suInput{width:260px}

#su #suPage{
  width:120px;
  max-width:120px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  transition:max-width .15s ease,width .15s ease
}

#su #suPage:focus,
#su #suPage:active{
  width:auto;
  max-width:420px
}

.suWrap{
  max-height:75vh;
  overflow:auto
}

.suHeader{
  position:sticky;
  top:0;
  z-index:30;
  background:#fff;
  border-bottom:1px solid #eee
}

.suGrid{
  display:grid;
  grid-template-columns:40px 190px 240px 1fr 90px 170px;
  gap:12px;
  align-items:center
}

.suHeader .suGrid{
  padding:10px 12px;
  font-size:12px;
  color:#667085;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.04em
}

.suMonth{
  position:sticky;
  top:42px;
  z-index:20;
  background:#fff;
  border-bottom:1px solid #eee;
  color:#475467;
  font-weight:700;
  font-size:12px;
  padding:8px 12px;
  display:flex;
  align-items:center;
  gap:8px
}

.suRow{
  padding:10px 12px;
  border-bottom:1px solid #f0f2f4;
  cursor:pointer;
  position:relative;
  z-index:1
}

.suRow:hover{background:#f9fafb}

.suUnread{background:#eef6ff}

.suName{
  font-weight:700;
  color:#101828;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}

.suEmail{
  color:#0b66c3;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}

.suPage{
  color:#475467;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  position:relative;
  cursor:default
}

.suPage:hover::after{
  content:attr(data-full);
  position:absolute;
  left:0;
  top:120%;
  background:#111827;
  color:#fff;
  font-size:.85em;
  padding:.35em .55em;
  border-radius:6px;
  white-space:nowrap;
  box-shadow:0 4px 10px rgba(0,0,0,.15);
  z-index:20
}

.suId,.suDate{
  color:#667085;
  white-space:nowrap
}

.suChk{display:flex;justify-content:center}

.suDetails{
  display:none;
  background:#fbfcfd;
  border-top:1px solid #eef2f6;
  margin:10px 0 0;
  border-radius:10px;
  padding:10px
}

.suPills{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  margin-bottom:8px
}

.suPill{
  font-size:12px;
  border:1px solid #e4e7ec;
  border-radius:999px;
  padding:4px 8px;
  color:#344054;
  background:#fff
}

.suFields{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px 12px;
  margin:2em .5em
}

.suField{display:flex;gap:8px}

.suK{
  min-width:120px;
  color:#667085;
  font-weight:600;
  font-size:.95em
}

.suV{
  color:#101828;
  word-break:break-word;
  font-size:1.2em
}

@media (max-width:980px){

.suGrid{
  grid-template-columns:40px 1fr 1fr;
  grid-auto-rows:auto
}

.suHeader{display:none}

.suMonth{top:58px}

}









#su .suItem.suUnread .suName{
  font-weight:700;
}

#su .suItem:not(.suUnread) .suName{
  font-weight:400;
  color:#475467;
}
.suName{
  color:#101828;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}/* End custom CSS */
/* Start custom CSS for html, class: .vsd-element-15224ac */.wi-admin{
font-family:system-ui,-apple-system,Segoe UI,Roboto;
background:#fff;
border:1px solid #e5e7eb;
border-radius:12px;
display:flex;
flex-direction:column;
max-height:70vh;
overflow:hidden;
}

/* toolbar */

.wi-toolbar{
display:flex;
justify-content:space-between;
align-items:center;
padding:14px 16px;
border-bottom:1px solid #e5e7eb;
background:#fafafa;
}

/* remove Elementor underline */

.wi-admin a{
text-decoration:none !important;
}

/* buttons */

.wi-add{
background:#111;
color:#fff !important;
padding:8px 14px;
border-radius:8px;
font-size:13px;
font-weight:600;
display:inline-block;
}

.wi-add:hover{
background:#2a2a2a;
color:#fff !important;
text-decoration:none !important;
}

/* sort */

.wi-sort{
font-size:13px;
display:flex;
gap:8px;
}

.wi-sort a{
padding:6px 10px;
border-radius:6px;
background:#f3f4f6;
color:#111 !important;
}

.wi-sort a:hover{
background:#e5e7eb;
text-decoration:none !important;
}

/* list */

.wi-list{
display:flex;
flex-direction:column;
overflow:auto;
flex:1;
}

/* item */

.wi-item{
display:grid;
grid-template-columns:1fr 180px 100px;
align-items:center;
gap:12px;
padding:14px 16px;
border-bottom:1px solid #f1f3f5;
font-size:14px;
}

.wi-item:hover{
background:#f9fafb;
}

.wi-title{
font-weight:600;
color:#111;
}

.wi-date{
font-size:12px;
color:#6b7280;
}

.wi-edit{
text-align:right;
}

.wi-edit a{
background:#f3f4f6;
padding:6px 10px;
border-radius:6px;
font-size:12px;
color:#111 !important;
display:inline-block;
}

.wi-edit a:hover{
background:#e5e7eb;
text-decoration:none !important;
}

/* empty */

.wi-empty{
padding:20px;
color:#6b7280;
font-size:14px;
}

/* scrollbar */

.wi-list::-webkit-scrollbar{
width:8px;
}

.wi-list::-webkit-scrollbar-thumb{
background:#d1d5db;
border-radius:6px;
}

.wi-list::-webkit-scrollbar-thumb:hover{
background:#9ca3af;
}/* End custom CSS */
/* Start custom CSS for html, class: .vsd-element-c085696 */.wi-stats{
font-family:system-ui,-apple-system,Segoe UI,Roboto;
display:grid;
gap:16px;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
margin:20px 0;
}

.wi-card{
background:#fff;
border:1px solid #e5e7eb;
border-radius:12px;
padding:16px 18px;
box-shadow:0 10px 30px rgba(0,0,0,.05);
}

.wi-card-title{
font-size:12px;
color:#6b7280;
margin-bottom:6px;
text-transform:uppercase;
letter-spacing:.04em;
}

.wi-card-value{
font-size:20px;
font-weight:600;
color:#111827;
}

.wi-section{
margin-top:24px;
background:#fff;
border:1px solid #e5e7eb;
border-radius:12px;
padding:20px;
box-shadow:0 10px 30px rgba(0,0,0,.05);
}

.wi-chart{
max-width:100%;
height:300px;
}/* End custom CSS */
/* Start custom CSS for html, class: .vsd-element-1fc610e */#su{
  font-family:system-ui;
  background:#fff;
  border:1px solid #e9ecef;
  border-radius:12px;
  overflow:hidden
}

.suToolbar{
  position:sticky;
  top:0;
  z-index:40;
  background:#fff;
  border-bottom:1px solid #eee;
  padding:10px;
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap
}

.suSel,.suBtn,.suInput{
  border:1px solid #d7dbe0;
  border-radius:10px;
  background:#fff;
  font-size:13px;
  padding:8px 10px
}

.suBtn{cursor:pointer}
.suBtn:disabled{opacity:.5;cursor:not-allowed}

#su #suApply{
  background:#e5e7eb;
  border-color:#d1d5db;
  color:#111827
}

#su #suApply:hover{background:#d1d5db}

#su #suApply:disabled{
  background:#f3f4f6;
  border-color:#e5e7eb;
  color:#9ca3af
}

.suInput{width:260px}

#su #suPage{
  width:120px;
  max-width:120px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  transition:max-width .15s ease,width .15s ease
}

#su #suPage:focus,
#su #suPage:active{
  width:auto;
  max-width:420px
}

.suWrap{
  max-height:75vh;
  overflow:auto
}

.suHeader{
  position:sticky;
  top:0;
  z-index:30;
  background:#fff;
  border-bottom:1px solid #eee
}

.suGrid{
  display:grid;
  grid-template-columns:40px 190px 240px 1fr 90px 170px;
  gap:12px;
  align-items:center
}

.suHeader .suGrid{
  padding:10px 12px;
  font-size:12px;
  color:#667085;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.04em
}

.suMonth{
  position:sticky;
  top:42px;
  z-index:20;
  background:#fff;
  border-bottom:1px solid #eee;
  color:#475467;
  font-weight:700;
  font-size:12px;
  padding:8px 12px;
  display:flex;
  align-items:center;
  gap:8px
}

.suRow{
  padding:10px 12px;
  border-bottom:1px solid #f0f2f4;
  cursor:pointer;
  position:relative;
  z-index:1
}

.suRow:hover{background:#f9fafb}

.suUnread{background:#eef6ff}

.suName{
  font-weight:700;
  color:#101828;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}

.suEmail{
  color:#0b66c3;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}

.suPage{
  color:#475467;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  position:relative;
  cursor:default
}

.suPage:hover::after{
  content:attr(data-full);
  position:absolute;
  left:0;
  top:120%;
  background:#111827;
  color:#fff;
  font-size:.85em;
  padding:.35em .55em;
  border-radius:6px;
  white-space:nowrap;
  box-shadow:0 4px 10px rgba(0,0,0,.15);
  z-index:20
}

.suId,.suDate{
  color:#667085;
  white-space:nowrap
}

.suChk{display:flex;justify-content:center}

.suDetails{
  display:none;
  background:#fbfcfd;
  border-top:1px solid #eef2f6;
  margin:10px 0 0;
  border-radius:10px;
  padding:10px
}

.suPills{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  margin-bottom:8px
}

.suPill{
  font-size:12px;
  border:1px solid #e4e7ec;
  border-radius:999px;
  padding:4px 8px;
  color:#344054;
  background:#fff
}

.suFields{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px 12px;
  margin:2em .5em
}

.suField{display:flex;gap:8px}

.suK{
  min-width:120px;
  color:#667085;
  font-weight:600;
  font-size:.95em
}

.suV{
  color:#101828;
  word-break:break-word;
  font-size:1.2em
}

@media (max-width:980px){

.suGrid{
  grid-template-columns:40px 1fr 1fr;
  grid-auto-rows:auto
}

.suHeader{display:none}

.suMonth{top:58px}

}









#su .suItem.suUnread .suName{
  font-weight:700;
}

#su .suItem:not(.suUnread) .suName{
  font-weight:400;
  color:#475467;
}
.suName{
  color:#101828;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}/* End custom CSS */
/* Start custom CSS for html, class: .vsd-element-15224ac */.wi-admin{
font-family:system-ui,-apple-system,Segoe UI,Roboto;
background:#fff;
border:1px solid #e5e7eb;
border-radius:12px;
display:flex;
flex-direction:column;
max-height:70vh;
overflow:hidden;
}

/* toolbar */

.wi-toolbar{
display:flex;
justify-content:space-between;
align-items:center;
padding:14px 16px;
border-bottom:1px solid #e5e7eb;
background:#fafafa;
}

/* remove Elementor underline */

.wi-admin a{
text-decoration:none !important;
}

/* buttons */

.wi-add{
background:#111;
color:#fff !important;
padding:8px 14px;
border-radius:8px;
font-size:13px;
font-weight:600;
display:inline-block;
}

.wi-add:hover{
background:#2a2a2a;
color:#fff !important;
text-decoration:none !important;
}

/* sort */

.wi-sort{
font-size:13px;
display:flex;
gap:8px;
}

.wi-sort a{
padding:6px 10px;
border-radius:6px;
background:#f3f4f6;
color:#111 !important;
}

.wi-sort a:hover{
background:#e5e7eb;
text-decoration:none !important;
}

/* list */

.wi-list{
display:flex;
flex-direction:column;
overflow:auto;
flex:1;
}

/* item */

.wi-item{
display:grid;
grid-template-columns:1fr 180px 100px;
align-items:center;
gap:12px;
padding:14px 16px;
border-bottom:1px solid #f1f3f5;
font-size:14px;
}

.wi-item:hover{
background:#f9fafb;
}

.wi-title{
font-weight:600;
color:#111;
}

.wi-date{
font-size:12px;
color:#6b7280;
}

.wi-edit{
text-align:right;
}

.wi-edit a{
background:#f3f4f6;
padding:6px 10px;
border-radius:6px;
font-size:12px;
color:#111 !important;
display:inline-block;
}

.wi-edit a:hover{
background:#e5e7eb;
text-decoration:none !important;
}

/* empty */

.wi-empty{
padding:20px;
color:#6b7280;
font-size:14px;
}

/* scrollbar */

.wi-list::-webkit-scrollbar{
width:8px;
}

.wi-list::-webkit-scrollbar-thumb{
background:#d1d5db;
border-radius:6px;
}

.wi-list::-webkit-scrollbar-thumb:hover{
background:#9ca3af;
}/* End custom CSS */
/* Start custom CSS for html, class: .vsd-element-c085696 */.wi-stats{
font-family:system-ui,-apple-system,Segoe UI,Roboto;
display:grid;
gap:16px;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
margin:20px 0;
}

.wi-card{
background:#fff;
border:1px solid #e5e7eb;
border-radius:12px;
padding:16px 18px;
box-shadow:0 10px 30px rgba(0,0,0,.05);
}

.wi-card-title{
font-size:12px;
color:#6b7280;
margin-bottom:6px;
text-transform:uppercase;
letter-spacing:.04em;
}

.wi-card-value{
font-size:20px;
font-weight:600;
color:#111827;
}

.wi-section{
margin-top:24px;
background:#fff;
border:1px solid #e5e7eb;
border-radius:12px;
padding:20px;
box-shadow:0 10px 30px rgba(0,0,0,.05);
}

.wi-chart{
max-width:100%;
height:300px;
}/* End custom CSS */
/* Start custom CSS for html, class: .vsd-element-1fc610e */#su{
  font-family:system-ui;
  background:#fff;
  border:1px solid #e9ecef;
  border-radius:12px;
  overflow:hidden
}

.suToolbar{
  position:sticky;
  top:0;
  z-index:40;
  background:#fff;
  border-bottom:1px solid #eee;
  padding:10px;
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap
}

.suSel,.suBtn,.suInput{
  border:1px solid #d7dbe0;
  border-radius:10px;
  background:#fff;
  font-size:13px;
  padding:8px 10px
}

.suBtn{cursor:pointer}
.suBtn:disabled{opacity:.5;cursor:not-allowed}

#su #suApply{
  background:#e5e7eb;
  border-color:#d1d5db;
  color:#111827
}

#su #suApply:hover{background:#d1d5db}

#su #suApply:disabled{
  background:#f3f4f6;
  border-color:#e5e7eb;
  color:#9ca3af
}

.suInput{width:260px}

#su #suPage{
  width:120px;
  max-width:120px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  transition:max-width .15s ease,width .15s ease
}

#su #suPage:focus,
#su #suPage:active{
  width:auto;
  max-width:420px
}

.suWrap{
  max-height:75vh;
  overflow:auto
}

.suHeader{
  position:sticky;
  top:0;
  z-index:30;
  background:#fff;
  border-bottom:1px solid #eee
}

.suGrid{
  display:grid;
  grid-template-columns:40px 190px 240px 1fr 90px 170px;
  gap:12px;
  align-items:center
}

.suHeader .suGrid{
  padding:10px 12px;
  font-size:12px;
  color:#667085;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.04em
}

.suMonth{
  position:sticky;
  top:42px;
  z-index:20;
  background:#fff;
  border-bottom:1px solid #eee;
  color:#475467;
  font-weight:700;
  font-size:12px;
  padding:8px 12px;
  display:flex;
  align-items:center;
  gap:8px
}

.suRow{
  padding:10px 12px;
  border-bottom:1px solid #f0f2f4;
  cursor:pointer;
  position:relative;
  z-index:1
}

.suRow:hover{background:#f9fafb}

.suUnread{background:#eef6ff}

.suName{
  font-weight:700;
  color:#101828;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}

.suEmail{
  color:#0b66c3;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}

.suPage{
  color:#475467;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  position:relative;
  cursor:default
}

.suPage:hover::after{
  content:attr(data-full);
  position:absolute;
  left:0;
  top:120%;
  background:#111827;
  color:#fff;
  font-size:.85em;
  padding:.35em .55em;
  border-radius:6px;
  white-space:nowrap;
  box-shadow:0 4px 10px rgba(0,0,0,.15);
  z-index:20
}

.suId,.suDate{
  color:#667085;
  white-space:nowrap
}

.suChk{display:flex;justify-content:center}

.suDetails{
  display:none;
  background:#fbfcfd;
  border-top:1px solid #eef2f6;
  margin:10px 0 0;
  border-radius:10px;
  padding:10px
}

.suPills{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  margin-bottom:8px
}

.suPill{
  font-size:12px;
  border:1px solid #e4e7ec;
  border-radius:999px;
  padding:4px 8px;
  color:#344054;
  background:#fff
}

.suFields{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px 12px;
  margin:2em .5em
}

.suField{display:flex;gap:8px}

.suK{
  min-width:120px;
  color:#667085;
  font-weight:600;
  font-size:.95em
}

.suV{
  color:#101828;
  word-break:break-word;
  font-size:1.2em
}

@media (max-width:980px){

.suGrid{
  grid-template-columns:40px 1fr 1fr;
  grid-auto-rows:auto
}

.suHeader{display:none}

.suMonth{top:58px}

}









#su .suItem.suUnread .suName{
  font-weight:700;
}

#su .suItem:not(.suUnread) .suName{
  font-weight:400;
  color:#475467;
}
.suName{
  color:#101828;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}/* End custom CSS */
/* Start custom CSS for html, class: .vsd-element-15224ac */.wi-admin{
font-family:system-ui,-apple-system,Segoe UI,Roboto;
background:#fff;
border:1px solid #e5e7eb;
border-radius:12px;
display:flex;
flex-direction:column;
max-height:70vh;
overflow:hidden;
}

/* toolbar */

.wi-toolbar{
display:flex;
justify-content:space-between;
align-items:center;
padding:14px 16px;
border-bottom:1px solid #e5e7eb;
background:#fafafa;
}

/* remove Elementor underline */

.wi-admin a{
text-decoration:none !important;
}

/* buttons */

.wi-add{
background:#111;
color:#fff !important;
padding:8px 14px;
border-radius:8px;
font-size:13px;
font-weight:600;
display:inline-block;
}

.wi-add:hover{
background:#2a2a2a;
color:#fff !important;
text-decoration:none !important;
}

/* sort */

.wi-sort{
font-size:13px;
display:flex;
gap:8px;
}

.wi-sort a{
padding:6px 10px;
border-radius:6px;
background:#f3f4f6;
color:#111 !important;
}

.wi-sort a:hover{
background:#e5e7eb;
text-decoration:none !important;
}

/* list */

.wi-list{
display:flex;
flex-direction:column;
overflow:auto;
flex:1;
}

/* item */

.wi-item{
display:grid;
grid-template-columns:1fr 180px 100px;
align-items:center;
gap:12px;
padding:14px 16px;
border-bottom:1px solid #f1f3f5;
font-size:14px;
}

.wi-item:hover{
background:#f9fafb;
}

.wi-title{
font-weight:600;
color:#111;
}

.wi-date{
font-size:12px;
color:#6b7280;
}

.wi-edit{
text-align:right;
}

.wi-edit a{
background:#f3f4f6;
padding:6px 10px;
border-radius:6px;
font-size:12px;
color:#111 !important;
display:inline-block;
}

.wi-edit a:hover{
background:#e5e7eb;
text-decoration:none !important;
}

/* empty */

.wi-empty{
padding:20px;
color:#6b7280;
font-size:14px;
}

/* scrollbar */

.wi-list::-webkit-scrollbar{
width:8px;
}

.wi-list::-webkit-scrollbar-thumb{
background:#d1d5db;
border-radius:6px;
}

.wi-list::-webkit-scrollbar-thumb:hover{
background:#9ca3af;
}/* End custom CSS */
/* Start custom CSS for html, class: .vsd-element-c085696 */.wi-stats{
font-family:system-ui,-apple-system,Segoe UI,Roboto;
display:grid;
gap:16px;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
margin:20px 0;
}

.wi-card{
background:#fff;
border:1px solid #e5e7eb;
border-radius:12px;
padding:16px 18px;
box-shadow:0 10px 30px rgba(0,0,0,.05);
}

.wi-card-title{
font-size:12px;
color:#6b7280;
margin-bottom:6px;
text-transform:uppercase;
letter-spacing:.04em;
}

.wi-card-value{
font-size:20px;
font-weight:600;
color:#111827;
}

.wi-section{
margin-top:24px;
background:#fff;
border:1px solid #e5e7eb;
border-radius:12px;
padding:20px;
box-shadow:0 10px 30px rgba(0,0,0,.05);
}

.wi-chart{
max-width:100%;
height:300px;
}/* End custom CSS */
/* Start custom CSS for html, class: .vsd-element-1fc610e */#su{
  font-family:system-ui;
  background:#fff;
  border:1px solid #e9ecef;
  border-radius:12px;
  overflow:hidden
}

.suToolbar{
  position:sticky;
  top:0;
  z-index:40;
  background:#fff;
  border-bottom:1px solid #eee;
  padding:10px;
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap
}

.suSel,.suBtn,.suInput{
  border:1px solid #d7dbe0;
  border-radius:10px;
  background:#fff;
  font-size:13px;
  padding:8px 10px
}

.suBtn{cursor:pointer}
.suBtn:disabled{opacity:.5;cursor:not-allowed}

#su #suApply{
  background:#e5e7eb;
  border-color:#d1d5db;
  color:#111827
}

#su #suApply:hover{background:#d1d5db}

#su #suApply:disabled{
  background:#f3f4f6;
  border-color:#e5e7eb;
  color:#9ca3af
}

.suInput{width:260px}

#su #suPage{
  width:120px;
  max-width:120px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  transition:max-width .15s ease,width .15s ease
}

#su #suPage:focus,
#su #suPage:active{
  width:auto;
  max-width:420px
}

.suWrap{
  max-height:75vh;
  overflow:auto
}

.suHeader{
  position:sticky;
  top:0;
  z-index:30;
  background:#fff;
  border-bottom:1px solid #eee
}

.suGrid{
  display:grid;
  grid-template-columns:40px 190px 240px 1fr 90px 170px;
  gap:12px;
  align-items:center
}

.suHeader .suGrid{
  padding:10px 12px;
  font-size:12px;
  color:#667085;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.04em
}

.suMonth{
  position:sticky;
  top:42px;
  z-index:20;
  background:#fff;
  border-bottom:1px solid #eee;
  color:#475467;
  font-weight:700;
  font-size:12px;
  padding:8px 12px;
  display:flex;
  align-items:center;
  gap:8px
}

.suRow{
  padding:10px 12px;
  border-bottom:1px solid #f0f2f4;
  cursor:pointer;
  position:relative;
  z-index:1
}

.suRow:hover{background:#f9fafb}

.suUnread{background:#eef6ff}

.suName{
  font-weight:700;
  color:#101828;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}

.suEmail{
  color:#0b66c3;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}

.suPage{
  color:#475467;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  position:relative;
  cursor:default
}

.suPage:hover::after{
  content:attr(data-full);
  position:absolute;
  left:0;
  top:120%;
  background:#111827;
  color:#fff;
  font-size:.85em;
  padding:.35em .55em;
  border-radius:6px;
  white-space:nowrap;
  box-shadow:0 4px 10px rgba(0,0,0,.15);
  z-index:20
}

.suId,.suDate{
  color:#667085;
  white-space:nowrap
}

.suChk{display:flex;justify-content:center}

.suDetails{
  display:none;
  background:#fbfcfd;
  border-top:1px solid #eef2f6;
  margin:10px 0 0;
  border-radius:10px;
  padding:10px
}

.suPills{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  margin-bottom:8px
}

.suPill{
  font-size:12px;
  border:1px solid #e4e7ec;
  border-radius:999px;
  padding:4px 8px;
  color:#344054;
  background:#fff
}

.suFields{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px 12px;
  margin:2em .5em
}

.suField{display:flex;gap:8px}

.suK{
  min-width:120px;
  color:#667085;
  font-weight:600;
  font-size:.95em
}

.suV{
  color:#101828;
  word-break:break-word;
  font-size:1.2em
}

@media (max-width:980px){

.suGrid{
  grid-template-columns:40px 1fr 1fr;
  grid-auto-rows:auto
}

.suHeader{display:none}

.suMonth{top:58px}

}









#su .suItem.suUnread .suName{
  font-weight:700;
}

#su .suItem:not(.suUnread) .suName{
  font-weight:400;
  color:#475467;
}
.suName{
  color:#101828;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}/* End custom CSS */