.referee-user-page{
  padding:0;
}

.page-heading{
  -webkit-align-items:center;
          align-items:center;
  display:-webkit-flex;
  display:flex;
  -webkit-justify-content:space-between;
          justify-content:space-between;
  margin-bottom:20px;
}

.page-title{
  color:#111827;
  font-size:18px;
  font-weight:700;
}

.page-subtitle{
  color:#8a93a6;
  font-size:14px;
  margin-top:4px;
}

.stat-row{
  margin-bottom:18px;
}

.stat-card{
  border-radius:6px;
  box-shadow:0 8px 24px rgba(31,43,76,.06);
  min-height:116px;
}

.stat-card .ant-card-body{
  gap:22px;
  height:116px;
  padding:24px 28px;
}

.stat-card .ant-card-body,.stat-icon{
  -webkit-align-items:center;
          align-items:center;
  display:-webkit-flex;
  display:flex;
}

.stat-icon{
  border-radius:16px;
  color:#fff;
  font-size:34px;
  height:56px;
  -webkit-justify-content:center;
          justify-content:center;
  width:56px;
}

.stat-primary{
  background:linear-gradient(135deg, #1d6fff, #4d8dff);
}

.stat-success{
  background:linear-gradient(135deg, #2ab56f, #55cf92);
}

.stat-warning{
  background:linear-gradient(135deg, #ff9f2e, #ffbd63);
}

.stat-danger{
  background:linear-gradient(135deg, #7048ff, #9168ff);
}

.stat-title{
  color:#4b5563;
  font-size:14px;
}

.stat-value{
  color:#0f172a;
  font-size:28px;
  font-weight:700;
  line-height:1.2;
  margin-top:4px;
}

.filter-card,.table-card{
  border-radius:6px;
  box-shadow:0 8px 24px rgba(31,43,76,.06);
}

.filter-card{
  margin-bottom:18px;
}

.filter-form{
  display:grid;
  grid-template-columns:repeat(4, minmax(210px, 1fr));
  grid-column-gap:22px;
  -webkit-column-gap:22px;
     -moz-column-gap:22px;
          column-gap:22px;
  grid-row-gap:18px;
  row-gap:18px;
}

.filter-form .ant-form-item{
  -webkit-margin-end:0;
          margin-inline-end:0;
  margin-bottom:0;
}

.filter-form .ant-form-item-label{
  -webkit-flex:0 0 72px;
          flex:0 0 72px;
  text-align:left;
  width:72px;
}

.filter-form .ant-form-item-control{
  -webkit-flex:1;
          flex:1;
}

.filter-form .ant-input,.filter-form .ant-picker,.filter-form .ant-select-selector{
  border-radius:4px;
  height:34px;
}

.filter-actions{
  -webkit-justify-content:flex-end;
          justify-content:flex-end;
}

.table-card .ant-card-body{
  padding:0;
}

.table-toolbar{
  -webkit-align-items:center;
          align-items:center;
  border-bottom:1px solid #edf1f7;
  display:-webkit-flex;
  display:flex;
  -webkit-justify-content:space-between;
          justify-content:space-between;
  min-height:64px;
  padding:12px 16px;
}

.table-card .ant-table{
  color:#334155;
}

.table-card .ant-table-thead>tr>th{
  background:#f8fafd;
}

.strong-name,.table-card .ant-table-thead>tr>th{
  color:#1f2937;
  font-weight:600;
}

.level-tag,.status-tag{
  border-radius:4px;
  min-width:48px;
  text-align:center;
}

.level-international,.level-national{
  background:#f3e8ff;
  border-color:#ddd6fe;
  color:#7c3aed;
}

.level-first{
  background:#fff7ed;
  border-color:#fed7aa;
  color:#d97706;
}

.level-second{
  background:#eff6ff;
  border-color:#bfdbfe;
  color:#2563eb;
}

.level-advanced,.level-beginner,.level-expert,.level-intermediate,.level-third,.status-active{
  background:#ecfdf3;
  border-color:#bbf7d0;
  color:#15945f;
}

.status-pending{
  background:#fff7ed;
  border-color:#fed7aa;
  color:#d97706;
}

.status-suspended{
  background:#fff1f2;
  border-color:#fecdd3;
  color:#e11d48;
}

.sport-type-tag{
  background:#f8fafc;
  border-color:#e2e8f0;
  border-radius:4px;
  color:#475569;
  -webkit-margin-end:0;
          margin-inline-end:0;
}

.success-btn{
  background:#f0fdf4;
  border-color:#bbf7d0;
  color:#16a34a;
}

.import-help{
  color:#8a93a6;
  font-size:13px;
}

.referee-detail-modal .ant-modal-content{
  background:#f5f7fb;
  padding:0;
}

.referee-detail-modal .ant-modal-close{
  right:18px;
  top:18px;
}

.referee-detail-page{
  padding:20px;
}

.detail-topbar{
  -webkit-align-items:center;
          align-items:center;
  display:-webkit-flex;
  display:flex;
  height:48px;
  -webkit-justify-content:space-between;
          justify-content:space-between;
  margin-bottom:14px;
}

.detail-crumb{
  color:#8a93a6;
  font-size:13px;
}

.detail-heading{
  color:#111827;
  font-size:18px;
  font-weight:700;
  margin-top:3px;
}

.account-card,.detail-main-card,.profile-card{
  border-radius:6px;
  box-shadow:0 8px 24px rgba(31,43,76,.06);
}

.profile-card{
  margin-bottom:12px;
  text-align:center;
}

.profile-name{
  color:#111827;
  font-size:22px;
  font-weight:700;
  margin-top:12px;
}

.gender-mark{
  color:#1d6fff;
  font-size:18px;
  margin-left:8px;
}

.profile-tags{
  display:-webkit-flex;
  display:flex;
  -webkit-flex-wrap:wrap;
          flex-wrap:wrap;
  gap:6px;
  -webkit-justify-content:center;
          justify-content:center;
  margin:10px 0 18px;
}

.profile-lines{
  margin-bottom:18px;
  text-align:left;
}

.account-row,.profile-lines div{
  -webkit-align-items:center;
          align-items:center;
  color:#64748b;
  display:-webkit-flex;
  display:flex;
  font-size:13px;
  -webkit-justify-content:space-between;
          justify-content:space-between;
  min-height:32px;
}

.account-row strong,.profile-lines strong{
  color:#334155;
  font-weight:500;
  max-width:150px;
  overflow:hidden;
  text-align:right;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.account-card .ant-card-head{
  font-weight:700;
  min-height:42px;
}

.account-card .ant-card-body{
  padding-top:10px;
}

.detail-main-card{
  min-height:558px;
}

.detail-main-card .ant-card-body{
  padding:0 18px 18px;
}

.detail-main-card .ant-tabs-nav{
  margin-bottom:16px;
}

.detail-section-title{
  color:#111827;
  font-size:16px;
  font-weight:700;
  margin-bottom:16px;
}

.detail-section-title span{
  color:#8a93a6;
  font-size:13px;
  font-weight:400;
  margin-left:12px;
}

.info-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  grid-column-gap:42px;
  -webkit-column-gap:42px;
     -moz-column-gap:42px;
          column-gap:42px;
  grid-row-gap:14px;
  row-gap:14px;
}

.info-item{
  -webkit-align-items:center;
          align-items:center;
  display:-webkit-flex;
  display:flex;
  min-height:26px;
}

.info-item span{
  color:#64748b;
  width:86px;
}

.info-item strong{
  color:#334155;
  -webkit-flex:1;
          flex:1;
  font-weight:500;
}

.score-panel{
  border-left:1px solid #edf1f7;
  padding-left:18px;
}

.radar-placeholder{
  -webkit-align-items:center;
          align-items:center;
  background:linear-gradient(45deg, transparent 49%, rgba(29,111,255,.12) 50%, transparent 51%), radial-gradient(circle, rgba(29,111,255,.18) 0 34%, transparent 35%), #f8faff;
  border:1px solid #e7eefb;
  border-radius:10px;
  color:#64748b;
  display:-webkit-flex;
  display:flex;
  -webkit-flex-direction:column;
          flex-direction:column;
  height:220px;
  -webkit-justify-content:center;
          justify-content:center;
}

.radar-placeholder strong{
  color:#1d6fff;
  font-size:34px;
  margin-top:8px;
}

.score-metrics{
  border-left:1px solid #edf1f7;
  border-top:1px solid #edf1f7;
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  margin-top:14px;
}

.score-metrics div{
  border-bottom:1px solid #edf1f7;
  border-right:1px solid #edf1f7;
  padding:12px;
  text-align:center;
}

.score-metrics strong{
  color:#1d6fff;
  display:block;
  font-size:22px;
}

.score-metrics span{
  color:#64748b;
  display:block;
  font-size:12px;
  margin-top:3px;
}

.certificate-card{
  background:#fff;
  border:1px solid #edf1f7;
  border-radius:8px;
  color:#64748b;
  font-size:13px;
  gap:12px;
  min-height:132px;
  padding:12px;
}

.certificate-card,.certificate-cover{
  display:-webkit-flex;
  display:flex;
}

.certificate-cover{
  -webkit-align-items:center;
          align-items:center;
  background:linear-gradient(135deg, #fff7ed, #fef3c7);
  border:1px solid #fed7aa;
  border-radius:4px;
  color:#d97706;
  -webkit-flex:0 0 auto;
          flex:0 0 auto;
  font-weight:700;
  height:108px;
  -webkit-justify-content:center;
          justify-content:center;
  width:78px;
}

.certificate-title{
  color:#111827;
  font-weight:700;
  margin-bottom:6px;
}

.empty-detail{
  -webkit-align-items:center;
          align-items:center;
  border:1px dashed #d8e0ec;
  border-radius:8px;
  color:#8a93a6;
  display:-webkit-flex;
  display:flex;
  height:120px;
  -webkit-justify-content:center;
          justify-content:center;
}

.record-list{
  border:1px solid #edf1f7;
  border-radius:8px;
  overflow:hidden;
}

.record-row{
  -webkit-align-items:center;
          align-items:center;
  border-bottom:1px solid #edf1f7;
  color:#64748b;
  display:grid;
  grid-template-columns:1fr 120px 70px;
  min-height:46px;
  padding:0 14px;
}

.record-row:last-child{
  border-bottom:0;
}

.record-row span:first-child{
  color:#334155;
}

.record-row strong{
  color:#1d6fff;
  text-align:right;
}

@media (max-width:1280px){
  .filter-form{
    grid-template-columns:repeat(2, minmax(220px, 1fr));
  }
}
.referee-detail-page{
  padding:0;
}

.standalone-loading{
  -webkit-justify-content:center;
          justify-content:center;
  min-height:460px;
}

.detail-topbar,.standalone-loading{
  -webkit-align-items:center;
          align-items:center;
  display:-webkit-flex;
  display:flex;
}

.detail-topbar{
  height:54px;
  -webkit-justify-content:space-between;
          justify-content:space-between;
  margin-bottom:14px;
}

.detail-crumb{
  color:#8a93a6;
  font-size:13px;
}

.detail-heading{
  color:#111827;
  font-size:18px;
  font-weight:700;
  margin-top:3px;
}

.account-card,.detail-main-card,.profile-card{
  border-radius:6px;
  box-shadow:0 8px 24px rgba(31,43,76,.06);
}

.profile-card{
  margin-bottom:12px;
  text-align:center;
}

.profile-name{
  color:#111827;
  font-size:22px;
  font-weight:700;
  margin-top:12px;
}

.gender-mark{
  color:#1d6fff;
  font-size:18px;
  margin-left:8px;
}

.profile-tags{
  display:-webkit-flex;
  display:flex;
  -webkit-flex-wrap:wrap;
          flex-wrap:wrap;
  gap:6px;
  -webkit-justify-content:center;
          justify-content:center;
  margin:10px 0 18px;
}

.profile-lines{
  margin-bottom:18px;
  text-align:left;
}

.account-row,.profile-lines div{
  -webkit-align-items:center;
          align-items:center;
  color:#64748b;
  display:-webkit-flex;
  display:flex;
  font-size:13px;
  -webkit-justify-content:space-between;
          justify-content:space-between;
  min-height:32px;
}

.account-row strong,.profile-lines strong{
  color:#334155;
  font-weight:500;
  max-width:160px;
  overflow:hidden;
  text-align:right;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.account-card .ant-card-head{
  font-weight:700;
  min-height:42px;
}

.account-card .ant-card-body{
  padding-top:10px;
}

.detail-main-card{
  min-height:620px;
}

.detail-main-card .ant-card-body{
  padding:0 18px 18px;
}

.detail-main-card .ant-tabs-nav{
  margin-bottom:16px;
}

.detail-section-title{
  color:#111827;
  font-size:16px;
  font-weight:700;
  margin-bottom:16px;
}

.detail-section-title span{
  color:#8a93a6;
  font-size:13px;
  font-weight:400;
  margin-left:12px;
}

.info-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  grid-column-gap:42px;
  -webkit-column-gap:42px;
     -moz-column-gap:42px;
          column-gap:42px;
  grid-row-gap:14px;
  row-gap:14px;
}

.info-item{
  -webkit-align-items:center;
          align-items:center;
  display:-webkit-flex;
  display:flex;
  min-height:26px;
}

.info-item span{
  color:#64748b;
  width:86px;
}

.info-item strong{
  color:#334155;
  -webkit-flex:1;
          flex:1;
  font-weight:500;
}

.score-panel{
  border-left:1px solid #edf1f7;
  padding-left:18px;
}

.radar-placeholder{
  -webkit-align-items:center;
          align-items:center;
  background:linear-gradient(45deg, transparent 49%, rgba(29,111,255,.12) 50%, transparent 51%), radial-gradient(circle, rgba(29,111,255,.18) 0 34%, transparent 35%), #f8faff;
  border:1px solid #e7eefb;
  border-radius:10px;
  color:#64748b;
  display:-webkit-flex;
  display:flex;
  -webkit-flex-direction:column;
          flex-direction:column;
  height:220px;
  -webkit-justify-content:center;
          justify-content:center;
}

.radar-placeholder strong{
  color:#1d6fff;
  font-size:34px;
  margin-top:8px;
}

.score-metrics{
  border-left:1px solid #edf1f7;
  border-top:1px solid #edf1f7;
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  margin-top:14px;
}

.score-metrics div{
  border-bottom:1px solid #edf1f7;
  border-right:1px solid #edf1f7;
  padding:12px;
  text-align:center;
}

.score-metrics strong{
  color:#1d6fff;
  display:block;
  font-size:22px;
}

.score-metrics span{
  color:#64748b;
  display:block;
  font-size:12px;
  margin-top:3px;
}

.certificate-card{
  background:#fff;
  border:1px solid #edf1f7;
  border-radius:8px;
  color:#64748b;
  font-size:13px;
  gap:12px;
  min-height:132px;
  padding:12px;
}

.certificate-card,.certificate-cover{
  display:-webkit-flex;
  display:flex;
}

.certificate-cover{
  -webkit-align-items:center;
          align-items:center;
  background:linear-gradient(135deg, #fff7ed, #fef3c7);
  border:1px solid #fed7aa;
  border-radius:4px;
  color:#d97706;
  -webkit-flex:0 0 auto;
          flex:0 0 auto;
  font-weight:700;
  height:108px;
  -webkit-justify-content:center;
          justify-content:center;
  width:78px;
}

.certificate-title{
  color:#111827;
  font-weight:700;
  margin-bottom:6px;
}

.certificate-detail-btn{
  height:24px;
  margin-top:6px;
  padding:0;
}

.certificate-preview{
  -webkit-align-items:center;
          align-items:center;
  background:#f8fafd;
  border:1px solid #edf1f7;
  border-radius:8px;
  display:-webkit-flex;
  display:flex;
  -webkit-justify-content:center;
          justify-content:center;
  min-height:260px;
  padding:10px;
}

.certificate-preview .ant-image{
  width:100%;
}

.certificate-preview img{
  max-height:320px;
  -o-object-fit:contain;
     object-fit:contain;
}

.certificate-no-image{
  background:#fff;
  height:240px;
  width:100%;
}

.certificate-no-image,.empty-detail{
  -webkit-align-items:center;
          align-items:center;
  border:1px dashed #d8e0ec;
  border-radius:8px;
  color:#8a93a6;
  display:-webkit-flex;
  display:flex;
  -webkit-justify-content:center;
          justify-content:center;
}

.empty-detail{
  height:120px;
}

.record-list{
  border:1px solid #edf1f7;
  border-radius:8px;
  overflow:hidden;
}

.record-row{
  -webkit-align-items:center;
          align-items:center;
  border-bottom:1px solid #edf1f7;
  color:#64748b;
  display:grid;
  grid-template-columns:1fr 120px 70px;
  min-height:46px;
  padding:0 14px;
}

.record-row:last-child{
  border-bottom:0;
}

.record-row span:first-child{
  color:#334155;
}

.record-row strong{
  color:#1d6fff;
  text-align:right;
}

.experience-list{
  background:#fff;
  border:1px solid #edf1f7;
  border-radius:8px;
  overflow:hidden;
}

.experience-row{
  -webkit-align-items:center;
          align-items:center;
  border-bottom:1px solid #edf1f7;
  display:-webkit-flex;
  display:flex;
  gap:20px;
  -webkit-justify-content:space-between;
          justify-content:space-between;
  min-height:88px;
  padding:14px 16px;
}

.experience-row:last-child{
  border-bottom:0;
}

.experience-main{
  -webkit-flex:1;
          flex:1;
  min-width:0;
}

.experience-title{
  color:#111827;
  font-size:15px;
  font-weight:700;
}

.experience-tags{
  display:-webkit-flex;
  display:flex;
  -webkit-flex-wrap:wrap;
          flex-wrap:wrap;
  gap:6px;
  margin-top:7px;
}

.experience-tags .ant-tag{
  -webkit-margin-end:0;
          margin-inline-end:0;
}

.experience-meta{
  color:#8a93a6;
  font-size:13px;
  margin-top:7px;
}

.experience-status{
  background:#eff6ff;
  border-color:#bfdbfe;
  color:#1d6fff;
  min-width:72px;
  text-align:center;
}

.level-tag,.status-tag{
  border-radius:4px;
  min-width:48px;
  text-align:center;
}

.level-international,.level-national{
  background:#f3e8ff;
  border-color:#ddd6fe;
  color:#7c3aed;
}

.level-first{
  background:#fff7ed;
  border-color:#fed7aa;
  color:#d97706;
}

.level-second{
  background:#eff6ff;
  border-color:#bfdbfe;
  color:#2563eb;
}

.level-advanced,.level-beginner,.level-expert,.level-intermediate,.level-third,.status-active{
  background:#ecfdf3;
  border-color:#bbf7d0;
  color:#15945f;
}

.status-pending{
  background:#fff7ed;
  border-color:#fed7aa;
  color:#d97706;
}

.status-suspended{
  background:#fff1f2;
  border-color:#fecdd3;
  color:#e11d48;
}

.sport-type-tag{
  background:#f8fafc;
  border-color:#e2e8f0;
  border-radius:4px;
  color:#475569;
  -webkit-margin-end:0;
          margin-inline-end:0;
}

.success-btn{
  background:#f0fdf4;
  border-color:#bbf7d0;
  color:#16a34a;
}
.event-admin-page{
  padding:0;
}

.event-page-heading{
  margin-bottom:18px;
}

.event-page-title{
  color:#111827;
  font-size:18px;
  font-weight:700;
}

.event-page-title span{
  color:#8b95a7;
  font-size:14px;
  font-weight:500;
  margin-left:8px;
}

.event-stat-row{
  display:-webkit-flex;
  display:flex;
  margin-bottom:16px;
}

.event-stat-card{
  border-radius:6px;
  box-shadow:0 8px 24px rgba(31,43,76,.06);
  height:108px;
}

.event-stat-card .ant-card-body{
  -webkit-align-items:center;
          align-items:center;
  display:-webkit-flex;
  display:flex;
  gap:22px;
  height:108px;
  padding:22px 28px;
}

.event-stat-card .ant-card-body>div:last-child{
  min-width:74px;
}

.event-stat-icon{
  -webkit-align-items:center;
          align-items:center;
  border-radius:16px;
  color:#fff;
  display:-webkit-flex;
  display:flex;
  font-size:30px;
  height:54px;
  -webkit-justify-content:center;
          justify-content:center;
  width:54px;
}

.event-stat-blue{
  background:linear-gradient(135deg, #2f74ff, #6ba4ff);
}

.event-stat-green{
  background:linear-gradient(135deg, #42ba75, #6ed99a);
}

.event-stat-orange{
  background:linear-gradient(135deg, #ff9a2e, #ffc066);
}

.event-stat-purple{
  background:linear-gradient(135deg, #7d4df2, #a178ff);
}

.event-stat-red{
  background:linear-gradient(135deg, #f35463, #ff7f83);
}

.event-stat-label{
  color:#4b5563;
  font-size:14px;
  white-space:nowrap;
}

.event-stat-value{
  color:#0f172a;
  font-size:28px;
  font-weight:700;
  line-height:1;
  margin-top:6px;
}

.event-stat-value span{
  color:#4b5563;
  font-size:13px;
  font-weight:500;
  margin-left:6px;
}

.event-filter-card,.event-table-card{
  border-radius:6px;
  box-shadow:0 8px 24px rgba(31,43,76,.06);
}

.event-filter-card{
  margin-bottom:14px;
}

.event-filter-card .ant-card-body{
  padding:22px 28px;
}

.event-filter-grid{
  grid-template-columns:repeat(4, minmax(220px, 1fr));
  grid-gap:18px 30px;
  gap:18px 30px;
}

.event-filter-grid,.event-filter-grid label{
  -webkit-align-items:center;
          align-items:center;
  display:grid;
}

.event-filter-grid label{
  grid-template-columns:76px minmax(0, 1fr);
  grid-gap:12px;
  color:#1f2937;
  font-weight:600;
  gap:12px;
}

.event-filter-grid label>span{
  white-space:nowrap;
}

.event-filter-grid .ant-input,.event-filter-grid .ant-picker,.event-filter-grid .ant-select-selector{
  border-radius:4px;
  height:36px;
}

.event-filter-grid .ant-picker{
  width:100%;
}

.event-date-filter{
  grid-column:span 2;
}

.event-filter-actions{
  -webkit-align-items:center;
          align-items:center;
  display:-webkit-flex;
  display:flex;
  gap:12px;
  -webkit-justify-content:flex-end;
          justify-content:flex-end;
}

.event-table-card .ant-card-body{
  padding:0;
}

.event-table-toolbar{
  -webkit-align-items:center;
          align-items:center;
  border-bottom:1px solid #edf1f7;
  display:-webkit-flex;
  display:flex;
  -webkit-justify-content:space-between;
          justify-content:space-between;
  min-height:66px;
  padding:12px 16px;
}

.event-table-card .ant-table-thead>tr>th{
  background:#f8fafd;
  color:#1f2937;
  font-weight:600;
}

.event-table-card .ant-table-tbody>tr>td{
  color:#334155;
}

.event-name{
  color:#1f2937;
  font-weight:600;
}

.event-level-tag,.event-type-tag{
  border-radius:4px;
  min-width:58px;
  text-align:center;
}

.event-type-official{
  background:#eff6ff;
  border-color:#bfdbfe;
  color:#2563eb;
}

.event-type-district{
  background:#fff7ed;
  border-color:#fed7aa;
  color:#d97706;
}

.event-level-regional{
  background:#f3e8ff;
  border-color:#ddd6fe;
  color:#7c3aed;
}

.event-level-city{
  background:#eff6ff;
  border-color:#bfdbfe;
  color:#2563eb;
}

.event-level-provincial{
  background:#ecfdf3;
  border-color:#bbf7d0;
  color:#15945f;
}

.event-level-international,.event-level-national{
  background:#fff1f2;
  border-color:#fecdd3;
  color:#dc2626;
}

.event-status{
  -webkit-align-items:center;
          align-items:center;
  color:#64748b;
  display:-webkit-inline-flex;
  display:inline-flex;
  gap:7px;
}

.event-status i{
  background:currentColor;
  border-radius:50%;
  height:6px;
  width:6px;
}

.event-status-in_progress{
  color:#20a566;
}

.event-status-draft,.event-status-not_started{
  color:#ff8a1f;
}

.event-status-completed{
  color:#8b95a7;
}

.event-status-cancelled{
  color:#e11d48;
}

.event-actions .ant-btn-link{
  padding:0;
}

@media (max-width:1280px){
  .event-filter-grid{
    grid-template-columns:repeat(2, minmax(220px, 1fr));
  }
}
.ql-container{
  box-sizing:border-box;
  font-family:Helvetica,Arial,sans-serif;
  font-size:13px;
  height:100%;
  margin:0;
  position:relative;
}
.ql-container.ql-disabled .ql-tooltip{
  visibility:hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before{
  pointer-events:none;
}
.ql-clipboard{
  height:1px;
  left:-100000px;
  overflow-y:hidden;
  position:absolute;
  top:50%;
}
.ql-clipboard p{
  margin:0;
  padding:0;
}
.ql-editor{
  box-sizing:border-box;
  height:100%;
  line-height:1.42;
  outline:none;
  overflow-y:auto;
  padding:12px 15px;
  -o-tab-size:4;
     tab-size:4;
  -moz-tab-size:4;
  text-align:left;
  white-space:pre-wrap;
  word-wrap:break-word;
}
.ql-editor>*{
  cursor:text;
}
.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6,.ql-editor ol,.ql-editor p,.ql-editor pre,.ql-editor ul{
  counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  margin:0;
  padding:0;
}
.ql-editor ol,.ql-editor ul{
  padding-left:1.5em;
}
.ql-editor ol>li,.ql-editor ul>li{
  list-style-type:none;
}
.ql-editor ul>li:before{
  content:"\2022";
}
.ql-editor ul[data-checked=false],.ql-editor ul[data-checked=true]{
  pointer-events:none;
}
.ql-editor ul[data-checked=false]>li *,.ql-editor ul[data-checked=true]>li *{
  pointer-events:all;
}
.ql-editor ul[data-checked=false]>li:before,.ql-editor ul[data-checked=true]>li:before{
  color:#777;
  cursor:pointer;
  pointer-events:all;
}
.ql-editor ul[data-checked=true]>li:before{
  content:"\2611";
}
.ql-editor ul[data-checked=false]>li:before{
  content:"\2610";
}
.ql-editor li:before{
  display:inline-block;
  white-space:nowrap;
  width:1.2em;
}
.ql-editor li:not(.ql-direction-rtl):before{
  margin-left:-1.5em;
  margin-right:.3em;
  text-align:right;
}
.ql-editor li.ql-direction-rtl:before{
  margin-left:.3em;
  margin-right:-1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){
  padding-left:1.5em;
}
.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{
  padding-right:1.5em;
}
.ql-editor ol li{
  counter-increment:list-0;
  counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li:before{
  content:counter(list-0, decimal) ". ";
}
.ql-editor ol li.ql-indent-1{
  counter-increment:list-1;
}
.ql-editor ol li.ql-indent-1:before{
  content:counter(list-1, lower-alpha) ". ";
}
.ql-editor ol li.ql-indent-1{
  counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2{
  counter-increment:list-2;
}
.ql-editor ol li.ql-indent-2:before{
  content:counter(list-2, lower-roman) ". ";
}
.ql-editor ol li.ql-indent-2{
  counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3{
  counter-increment:list-3;
}
.ql-editor ol li.ql-indent-3:before{
  content:counter(list-3, decimal) ". ";
}
.ql-editor ol li.ql-indent-3{
  counter-reset:list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4{
  counter-increment:list-4;
}
.ql-editor ol li.ql-indent-4:before{
  content:counter(list-4, lower-alpha) ". ";
}
.ql-editor ol li.ql-indent-4{
  counter-reset:list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5{
  counter-increment:list-5;
}
.ql-editor ol li.ql-indent-5:before{
  content:counter(list-5, lower-roman) ". ";
}
.ql-editor ol li.ql-indent-5{
  counter-reset:list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6{
  counter-increment:list-6;
}
.ql-editor ol li.ql-indent-6:before{
  content:counter(list-6, decimal) ". ";
}
.ql-editor ol li.ql-indent-6{
  counter-reset:list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7{
  counter-increment:list-7;
}
.ql-editor ol li.ql-indent-7:before{
  content:counter(list-7, lower-alpha) ". ";
}
.ql-editor ol li.ql-indent-7{
  counter-reset:list-8 list-9;
}
.ql-editor ol li.ql-indent-8{
  counter-increment:list-8;
}
.ql-editor ol li.ql-indent-8:before{
  content:counter(list-8, lower-roman) ". ";
}
.ql-editor ol li.ql-indent-8{
  counter-reset:list-9;
}
.ql-editor ol li.ql-indent-9{
  counter-increment:list-9;
}
.ql-editor ol li.ql-indent-9:before{
  content:counter(list-9, decimal) ". ";
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl){
  padding-left:3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl){
  padding-left:4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{
  padding-right:3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{
  padding-right:4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl){
  padding-left:6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl){
  padding-left:7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{
  padding-right:6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{
  padding-right:7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl){
  padding-left:9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl){
  padding-left:10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{
  padding-right:9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{
  padding-right:10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl){
  padding-left:12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl){
  padding-left:13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{
  padding-right:12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{
  padding-right:13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl){
  padding-left:15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl){
  padding-left:16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{
  padding-right:15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{
  padding-right:16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl){
  padding-left:18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl){
  padding-left:19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{
  padding-right:18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{
  padding-right:19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl){
  padding-left:21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl){
  padding-left:22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{
  padding-right:21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{
  padding-right:22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl){
  padding-left:24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl){
  padding-left:25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{
  padding-right:24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{
  padding-right:25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl){
  padding-left:27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl){
  padding-left:28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{
  padding-right:27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{
  padding-right:28.5em;
}
.ql-editor .ql-video{
  display:block;
  max-width:100%;
}
.ql-editor .ql-video.ql-align-center{
  margin:0 auto;
}
.ql-editor .ql-video.ql-align-right{
  margin:0 0 0 auto;
}
.ql-editor .ql-bg-black{
  background-color:#000;
}
.ql-editor .ql-bg-red{
  background-color:#e60000;
}
.ql-editor .ql-bg-orange{
  background-color:#f90;
}
.ql-editor .ql-bg-yellow{
  background-color:#ff0;
}
.ql-editor .ql-bg-green{
  background-color:#008a00;
}
.ql-editor .ql-bg-blue{
  background-color:#06c;
}
.ql-editor .ql-bg-purple{
  background-color:#93f;
}
.ql-editor .ql-color-white{
  color:#fff;
}
.ql-editor .ql-color-red{
  color:#e60000;
}
.ql-editor .ql-color-orange{
  color:#f90;
}
.ql-editor .ql-color-yellow{
  color:#ff0;
}
.ql-editor .ql-color-green{
  color:#008a00;
}
.ql-editor .ql-color-blue{
  color:#06c;
}
.ql-editor .ql-color-purple{
  color:#93f;
}
.ql-editor .ql-font-serif{
  font-family:Georgia,Times New Roman,serif;
}
.ql-editor .ql-font-monospace{
  font-family:Monaco,Courier New,monospace;
}
.ql-editor .ql-size-small{
  font-size:.75em;
}
.ql-editor .ql-size-large{
  font-size:1.5em;
}
.ql-editor .ql-size-huge{
  font-size:2.5em;
}
.ql-editor .ql-direction-rtl{
  direction:rtl;
  text-align:inherit;
}
.ql-editor .ql-align-center{
  text-align:center;
}
.ql-editor .ql-align-justify{
  text-align:justify;
}
.ql-editor .ql-align-right{
  text-align:right;
}
.ql-editor.ql-blank:before{
  color:rgba(0,0,0,.6);
  content:attr(data-placeholder);
  font-style:italic;
  left:15px;
  pointer-events:none;
  position:absolute;
  right:15px;
}
.ql-snow .ql-toolbar:after,.ql-snow.ql-toolbar:after{
  clear:both;
  content:"";
  display:table;
}
.ql-snow .ql-toolbar button,.ql-snow.ql-toolbar button{
  background:none;
  border:none;
  cursor:pointer;
  display:inline-block;
  float:left;
  height:24px;
  padding:3px 5px;
  width:28px;
}
.ql-snow .ql-toolbar button svg,.ql-snow.ql-toolbar button svg{
  float:left;
  height:100%;
}
.ql-snow .ql-toolbar button:active:hover,.ql-snow.ql-toolbar button:active:hover{
  outline:none;
}
.ql-snow .ql-toolbar input.ql-image[type=file],.ql-snow.ql-toolbar input.ql-image[type=file]{
  display:none;
}
.ql-snow .ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar button.ql-active,.ql-snow .ql-toolbar button:focus,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar button.ql-active,.ql-snow.ql-toolbar button:focus,.ql-snow.ql-toolbar button:hover{
  color:#06c;
}
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill{
  fill:#06c;
}
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter{
  stroke:#06c;
}
@media (pointer:coarse){
  .ql-snow .ql-toolbar button:hover:not(.ql-active),.ql-snow.ql-toolbar button:hover:not(.ql-active){
    color:#444;
  }
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{
    fill:#444;
  }
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{
    stroke:#444;
  }
}
.ql-snow,.ql-snow *{
  box-sizing:border-box;
}
.ql-snow .ql-hidden{
  display:none;
}
.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{
  visibility:hidden;
}
.ql-snow .ql-tooltip{
  position:absolute;
  -webkit-transform:translateY(10px);
          transform:translateY(10px);
}
.ql-snow .ql-tooltip a{
  cursor:pointer;
  text-decoration:none;
}
.ql-snow .ql-tooltip.ql-flip{
  -webkit-transform:translateY(-10px);
          transform:translateY(-10px);
}
.ql-snow .ql-formats{
  display:inline-block;
  vertical-align:middle;
}
.ql-snow .ql-formats:after{
  clear:both;
  content:"";
  display:table;
}
.ql-snow .ql-stroke{
  fill:none;
  stroke:#444;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-width:2;
}
.ql-snow .ql-stroke-miter{
  fill:none;
  stroke:#444;
  stroke-miterlimit:10;
  stroke-width:2;
}
.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{
  fill:#444;
}
.ql-snow .ql-empty{
  fill:none;
}
.ql-snow .ql-even{
  fill-rule:evenodd;
}
.ql-snow .ql-stroke.ql-thin,.ql-snow .ql-thin{
  stroke-width:1;
}
.ql-snow .ql-transparent{
  opacity:.4;
}
.ql-snow .ql-direction svg:last-child{
  display:none;
}
.ql-snow .ql-direction.ql-active svg:last-child{
  display:inline;
}
.ql-snow .ql-direction.ql-active svg:first-child{
  display:none;
}
.ql-snow .ql-editor h1{
  font-size:2em;
}
.ql-snow .ql-editor h2{
  font-size:1.5em;
}
.ql-snow .ql-editor h3{
  font-size:1.17em;
}
.ql-snow .ql-editor h4{
  font-size:1em;
}
.ql-snow .ql-editor h5{
  font-size:.83em;
}
.ql-snow .ql-editor h6{
  font-size:.67em;
}
.ql-snow .ql-editor a{
  text-decoration:underline;
}
.ql-snow .ql-editor blockquote{
  border-left:4px solid #ccc;
  margin-bottom:5px;
  margin-top:5px;
  padding-left:16px;
}
.ql-snow .ql-editor code,.ql-snow .ql-editor pre{
  background-color:#f0f0f0;
  border-radius:3px;
}
.ql-snow .ql-editor pre{
  margin-bottom:5px;
  margin-top:5px;
  padding:5px 10px;
  white-space:pre-wrap;
}
.ql-snow .ql-editor code{
  font-size:85%;
  padding:2px 4px;
}
.ql-snow .ql-editor pre.ql-syntax{
  background-color:#23241f;
  color:#f8f8f2;
  overflow:visible;
}
.ql-snow .ql-editor img{
  max-width:100%;
}
.ql-snow .ql-picker{
  color:#444;
  display:inline-block;
  float:left;
  font-size:14px;
  font-weight:500;
  height:24px;
  position:relative;
  vertical-align:middle;
}
.ql-snow .ql-picker-label{
  cursor:pointer;
  display:inline-block;
  height:100%;
  padding-left:8px;
  padding-right:2px;
  position:relative;
  width:100%;
}
.ql-snow .ql-picker-label:before{
  display:inline-block;
  line-height:22px;
}
.ql-snow .ql-picker-options{
  background-color:#fff;
  display:none;
  min-width:100%;
  padding:4px 8px;
  position:absolute;
  white-space:nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item{
  cursor:pointer;
  display:block;
  padding-bottom:5px;
  padding-top:5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label{
  color:#ccc;
  z-index:2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{
  fill:#ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{
  stroke:#ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options{
  display:block;
  margin-top:-1px;
  top:100%;
  z-index:1;
}
.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{
  width:28px;
}
.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{
  padding:2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{
  right:4px;
}
.ql-snow .ql-icon-picker .ql-picker-options{
  padding:4px 0;
}
.ql-snow .ql-icon-picker .ql-picker-item{
  height:24px;
  padding:2px 4px;
  width:24px;
}
.ql-snow .ql-color-picker .ql-picker-options{
  padding:3px 5px;
  width:152px;
}
.ql-snow .ql-color-picker .ql-picker-item{
  border:1px solid transparent;
  float:left;
  height:16px;
  margin:2px;
  padding:0;
  width:16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{
  margin-top:-9px;
  position:absolute;
  right:0;
  top:50%;
  width:18px;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before{
  content:attr(data-label);
}
.ql-snow .ql-picker.ql-header{
  width:98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-item:before,.ql-snow .ql-picker.ql-header .ql-picker-label:before{
  content:"Normal";
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before{
  content:"Heading 1";
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before{
  content:"Heading 2";
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before{
  content:"Heading 3";
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before{
  content:"Heading 4";
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before{
  content:"Heading 5";
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before{
  content:"Heading 6";
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{
  font-size:2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{
  font-size:1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{
  font-size:1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{
  font-size:1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{
  font-size:.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{
  font-size:.67em;
}
.ql-snow .ql-picker.ql-font{
  width:108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-item:before,.ql-snow .ql-picker.ql-font .ql-picker-label:before{
  content:"Sans Serif";
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before{
  content:"Serif";
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before{
  content:"Monospace";
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{
  font-family:Georgia,Times New Roman,serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{
  font-family:Monaco,Courier New,monospace;
}
.ql-snow .ql-picker.ql-size{
  width:98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item:before,.ql-snow .ql-picker.ql-size .ql-picker-label:before{
  content:"Normal";
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before{
  content:"Small";
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before{
  content:"Large";
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before{
  content:"Huge";
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{
  font-size:10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{
  font-size:18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{
  font-size:32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item{
  background-color:#fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item{
  background-color:#000;
}
.ql-toolbar.ql-snow{
  border:1px solid #ccc;
  box-sizing:border-box;
  font-family:Helvetica Neue,Helvetica,Arial,sans-serif;
  padding:8px;
}
.ql-toolbar.ql-snow .ql-formats{
  margin-right:15px;
}
.ql-toolbar.ql-snow .ql-picker-label{
  border:1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options{
  border:1px solid transparent;
  box-shadow:0 2px 8px rgba(0,0,0,.2);
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{
  border-color:#ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{
  border-color:#000;
}
.ql-toolbar.ql-snow+.ql-container.ql-snow{
  border-top:0;
}
.ql-snow .ql-tooltip{
  background-color:#fff;
  border:1px solid #ccc;
  box-shadow:0 0 5px #ddd;
  color:#444;
  padding:5px 12px;
  white-space:nowrap;
}
.ql-snow .ql-tooltip:before{
  content:"Visit URL:";
  line-height:26px;
  margin-right:8px;
}
.ql-snow .ql-tooltip input[type=text]{
  border:1px solid #ccc;
  display:none;
  font-size:13px;
  height:26px;
  margin:0;
  padding:3px 5px;
  width:170px;
}
.ql-snow .ql-tooltip a.ql-preview{
  display:inline-block;
  max-width:200px;
  overflow-x:hidden;
  text-overflow:ellipsis;
  vertical-align:top;
}
.ql-snow .ql-tooltip a.ql-action:after{
  border-right:1px solid #ccc;
  content:"Edit";
  margin-left:16px;
  padding-right:8px;
}
.ql-snow .ql-tooltip a.ql-remove:before{
  content:"Remove";
  margin-left:8px;
}
.ql-snow .ql-tooltip a{
  line-height:26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{
  display:none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text]{
  display:inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action:after{
  border-right:0;
  content:"Save";
  padding-right:0;
}
.ql-snow .ql-tooltip[data-mode=link]:before{
  content:"Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]:before{
  content:"Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]:before{
  content:"Enter video:";
}
.ql-snow a{
  color:#06c;
}
.ql-container.ql-snow{
  border:1px solid #ccc;
}
.rich-text-editor-container{
  border:1px solid #d9d9d9;
  border-radius:4px;
  overflow:hidden;
}

.rich-text-editor-container .ql-container{
  max-height:500px;
  min-height:200px;
  overflow-y:auto;
}

.rich-text-editor-container .ql-toolbar{
  background-color:#f5f5f5;
  border-bottom:1px solid #d9d9d9;
}

.rich-text-editor-container .ql-editor{
  font-size:14px;
  line-height:1.5;
  padding:12px;
}

.rich-text-editor-container .ql-editor img{
  display:block;
  margin:10px 0;
  max-width:100%;
}
.rich-text-editor-container .ql-snow .ql-picker.ql-size .ql-picker-item:before,.rich-text-editor-container .ql-snow .ql-picker.ql-size .ql-picker-label:before{
  content:attr(data-value);
}
.rich-text-editor-container .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{
  font-size:10px;
}

.rich-text-editor-container .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=normal]:before{
  font-size:14px;
}

.rich-text-editor-container .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{
  font-size:18px;
}

.rich-text-editor-container .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{
  font-size:24px;
}
.rich-text-editor-container .ql-toolbar button.ql-active,.rich-text-editor-container .ql-toolbar button:hover{
  color:#1890ff;
}

.rich-text-editor-container .ql-toolbar button.ql-active .ql-stroke,.rich-text-editor-container .ql-toolbar button:hover .ql-stroke{
  stroke:#1890ff !important;
}

.rich-text-editor-container .ql-toolbar button.ql-active .ql-fill,.rich-text-editor-container .ql-toolbar button:hover .ql-fill{
  fill:#1890ff !important;
} .tiptap-editor-container{
  border-radius:2px;
  display:-webkit-flex;
  display:flex;
  -webkit-flex-direction:column;
          flex-direction:column;
  overflow:hidden;
}
.tiptap-editor-toolbar{
  background-color:#fafafa;
  border-bottom:1px solid #d9d9d9;
  display:-webkit-flex;
  display:flex;
  -webkit-flex-wrap:wrap;
          flex-wrap:wrap;
  gap:4px;
  padding:8px;
}
.tiptap-editor-content{
  background-color:#fff;
  min-height:200px;
  padding:12px;
}
.tiptap-editor-content .ProseMirror{
  min-height:150px;
  outline:none;
}
.tiptap-editor-content .ProseMirror p.is-editor-empty:first-child:before{
  color:#adb5bd;
  content:attr(data-placeholder);
  float:left;
  height:0;
  pointer-events:none;
}
.tiptap-editor-content .ProseMirror p{
  margin-bottom:.5em;
}
.tiptap-editor-content .ProseMirror h1{
  font-size:1.75em;
  margin-bottom:.5em;
}

.tiptap-editor-content .ProseMirror h2{
  font-size:1.5em;
  margin-bottom:.5em;
}

.tiptap-editor-content .ProseMirror h3{
  font-size:1.25em;
  margin-bottom:.5em;
}
.tiptap-editor-content .ProseMirror ol,.tiptap-editor-content .ProseMirror ul{
  margin-bottom:.5em;
  padding-left:1.5em;
}

.tiptap-editor-content .ProseMirror li{
  margin-bottom:4px;
}

.tiptap-editor-content .ProseMirror li p{
  margin:0;
}
.tiptap-editor-content .ProseMirror img{
  border-radius:4px;
  height:auto;
  margin:.5em 0;
  max-width:100%;
}
.tiptap-editor-content .ProseMirror a{
  color:#1890ff;
  text-decoration:underline;
}
.tiptap-editor-content .ProseMirror mark{
  background-color:#fffbe6;
  border-radius:2px;
  padding:0 2px;
}
.tiptap-editor-content .ProseMirror .text-left{
  text-align:left;
}

.tiptap-editor-content .ProseMirror .text-center{
  text-align:center;
}

.tiptap-editor-content .ProseMirror .text-right{
  text-align:right;
}
.tiptap-editor-content .ProseMirror .text-black{
  color:#000;
}

.tiptap-editor-content .ProseMirror .text-blue{
  color:#1677ff;
}

.tiptap-editor-content .ProseMirror .text-green{
  color:#52c41a;
}

.tiptap-editor-content .ProseMirror .text-red{
  color:#f5222d;
}

.tiptap-editor-content .ProseMirror .text-orange{
  color:#fa8c16;
}

.tiptap-editor-content .ProseMirror .text-yellow{
  color:#fadb14;
}

.tiptap-editor-content .ProseMirror .text-purple{
  color:#722ed1;
}
.tiptap-editor-container:focus-within{
  border-color:#40a9ff;
  box-shadow:0 0 0 2px rgba(24,144,255,.2);
}
.tiptap-editor-container.disabled{
  background-color:#f5f5f5;
  cursor:not-allowed;
}

.tiptap-editor-container.disabled .tiptap-editor-content{
  opacity:.65;
}
.tiptap-editor-content .ProseMirror table{
  border-collapse:collapse;
  margin:.5em 0;
  table-layout:fixed;
  width:100%;
}

.tiptap-editor-content .ProseMirror td,.tiptap-editor-content .ProseMirror th{
  border:1px solid #d9d9d9;
  padding:.5em;
}
.tiptap-editor-content .ProseMirror pre{
  background-color:#f5f5f5;
  border-radius:4px;
  font-family:monospace;
  overflow-x:auto;
  padding:.75em;
}
.tiptap-editor-content .ProseMirror blockquote{
  border-left:4px solid #d9d9d9;
  color:#666;
  margin-left:0;
  padding-left:1em;
}
.editor-preview-section{
  background-color:#fafafa;
  border-top:1px solid #f0f0f0;
  margin-top:16px;
  padding:12px;
}

.editor-preview-title{
  color:#333;
  font-size:14px;
  font-weight:700;
  margin-bottom:12px;
}

.editor-preview-content{
  background-color:#fff;
  border:1px solid #f0f0f0;
  border-radius:4px;
  min-height:150px;
  padding:16px;
}
.editor-section-divider{
  border-top:1px dashed #e8e8e8;
  margin:12px 0;
}
.rich-editor-with-preview{
  border:1px solid #d9d9d9;
  border-radius:2px;
  display:-webkit-flex;
  display:flex;
  -webkit-flex-direction:column;
          flex-direction:column;
  overflow:hidden;
}
.stable-rich-text-container iframe{
  border:none;
  min-height:150px;
  width:100%;
} .referee-applications{
  background:radial-gradient(circle at 20% 0, rgba(37,99,235,.08), transparent 26%), linear-gradient(180deg, #f8fbff, #f3f6fb);
  min-height:100vh;
  padding:24px;
}
.referee-applications .page-head{
  -webkit-align-items:center;
          align-items:center;
  display:-webkit-flex;
  display:flex;
  -webkit-justify-content:space-between;
          justify-content:space-between;
  margin-bottom:20px;
}
.referee-applications .page-head .ant-typography{
  color:#111827;
  font-size:24px;
  font-weight:700;
  letter-spacing:0;
  margin:0;
}
.referee-applications .stats-grid{
  display:-webkit-flex;
  display:flex;
  margin-bottom:18px;
}
.referee-applications .stats-grid>.ant-col{
  -webkit-flex:1 1 0;
          flex:1 1 0;
  max-width:none;
}
.referee-applications .stat-card{
  border:1px solid #e8eef7;
  border-radius:8px;
  box-shadow:0 12px 32px rgba(15,23,42,.04);
  height:104px;
}
.referee-applications .stat-card .ant-card-body{
  -webkit-align-items:center;
          align-items:center;
  display:-webkit-flex;
  display:flex;
  gap:18px;
  height:100%;
  padding:20px 22px;
}
.referee-applications .stat-icon{
  -webkit-align-items:center;
          align-items:center;
  border-radius:12px;
  display:-webkit-inline-flex;
  display:inline-flex;
  font-size:24px;
  height:54px;
  -webkit-justify-content:center;
          justify-content:center;
  width:54px;
}
.referee-applications .stat-label{
  color:#667085;
  font-size:14px;
  margin-bottom:6px;
}
.referee-applications .stat-value{
  color:#101828;
  font-size:28px;
  font-weight:750;
  line-height:1;
}
.referee-applications .stat-value span{
  color:#667085;
  font-size:13px;
  font-weight:500;
  margin-left:8px;
}
.referee-applications .stat-blue .stat-icon{
  background:#eaf1ff;
  color:#2563eb;
}
.referee-applications .stat-orange .stat-icon{
  background:#fff3db;
  color:#f59e0b;
}
.referee-applications .stat-green .stat-icon{
  background:#dff8ed;
  color:#10b981;
}
.referee-applications .stat-red .stat-icon{
  background:#ffe7e7;
  color:#ef4444;
}
.referee-applications .stat-gray .stat-icon{
  background:#eef2f7;
  color:#667085;
}
.referee-applications .filter-card,.referee-applications .table-card{
  border:1px solid #e6edf6;
  border-radius:8px;
  box-shadow:0 14px 34px rgba(15,23,42,.045);
}
.referee-applications .filter-card{
  margin-bottom:18px;
}
.referee-applications .filter-card .ant-card-body{
  padding:24px;
}
.referee-applications .filter-card .ant-form-item{
  margin-bottom:0;
}
.referee-applications .filter-card .ant-form-item-label>label{
  color:#344054;
  font-weight:600;
  min-width:68px;
}
.referee-applications .filter-card .ant-input-affix-wrapper,.referee-applications .filter-card .ant-picker,.referee-applications .filter-card .ant-select-selector{
  background:#fff;
  border-color:#d8e1ee;
  border-radius:6px;
  min-height:38px;
}
.referee-applications .filter-actions{
  width:100%;
}
.referee-applications .filter-export{
  display:-webkit-flex;
  display:flex;
  -webkit-justify-content:flex-end;
          justify-content:flex-end;
}
.referee-applications .table-card .ant-card-body{
  padding:0;
}
.referee-applications .table-toolbar{
  -webkit-align-items:center;
          align-items:center;
  border-bottom:1px solid #edf1f7;
  display:-webkit-flex;
  display:flex;
  -webkit-justify-content:space-between;
          justify-content:space-between;
  padding:16px 18px;
}
.referee-applications .application-table .ant-table{
  background:transparent;
  color:#1f2937;
}
.referee-applications .application-table .ant-table-thead>tr>th{
  background:#fbfcff;
  border-bottom:1px solid #edf1f7;
  color:#344054;
  font-weight:700;
  padding:14px 16px;
}
.referee-applications .application-table .ant-table-tbody>tr>td{
  border-bottom:1px solid #edf1f7;
  padding:14px 16px;
}
.referee-applications .application-table .ant-table-tbody>tr:hover>td{
  background:#f7faff;
}
.referee-applications .application-table .ant-pagination{
  margin:18px;
}
.referee-applications .applicant-cell{
  -webkit-align-items:center;
          align-items:center;
  display:-webkit-flex;
  display:flex;
  gap:10px;
  min-width:0;
}
.referee-applications .applicant-avatar{
  -webkit-align-items:center;
          align-items:center;
  background:#f8fafc;
  border:1px solid #d7e1ef;
  border-radius:50%;
  color:#667085;
  display:-webkit-inline-flex;
  display:inline-flex;
  -webkit-flex:0 0 auto;
          flex:0 0 auto;
  height:26px;
  -webkit-justify-content:center;
          justify-content:center;
  width:26px;
}
.referee-applications .applicant-meta{
  min-width:0;
}
.referee-applications .applicant-name{
  color:#111827;
  font-weight:650;
  line-height:1.2;
}
.referee-applications .applicant-sub{
  color:#98a2b3;
  font-size:12px;
  margin-top:3px;
  white-space:nowrap;
}
.referee-applications .status-tag{
  border-radius:5px;
  font-weight:500;
}
.referee-applications .ant-descriptions-item-label{
  font-weight:500;
  width:120px;
}
.referee-applications .ant-alert{
  margin-bottom:20px;
}
.referee-applications .ant-tag{
  margin-right:0;
}
.referee-applications .ant-descriptions-title{
  font-size:16px;
  font-weight:600;
  margin-bottom:16px;
}
.referee-applications .ant-divider{
  margin:24px 0;
}
.referee-applications .image-container{
  -webkit-align-items:center;
          align-items:center;
  display:-webkit-flex;
  display:flex;
  -webkit-flex-direction:column;
          flex-direction:column;
  margin-bottom:10px;
}
.referee-applications .image-container .image-preview{
  border-radius:4px;
  margin-bottom:10px;
  max-height:300px;
  max-width:100%;
  overflow:hidden;
}
.referee-applications .image-container .image-actions{
  display:-webkit-flex;
  display:flex;
  -webkit-justify-content:center;
          justify-content:center;
  margin-top:8px;
}
.referee-applications .search-form,.referee-applications .search-form .ant-form-item{
  margin-bottom:16px;
}
.referee-applications .batch-actions{
  display:-webkit-flex;
  display:flex;
  -webkit-justify-content:flex-end;
          justify-content:flex-end;
  margin-bottom:16px;
}
.referee-applications .ant-table-wrapper .ant-table-cell{
  padding:14px 16px;
}
.referee-applications .ant-table-wrapper .ant-table-row:hover{
  background-color:#f5f8ff;
}
.referee-applications .ant-drawer-body{
  padding:24px;
}
.referee-applications .certificates-list{
  display:-webkit-flex;
  display:flex;
  -webkit-flex-wrap:wrap;
          flex-wrap:wrap;
  gap:16px;
}
.referee-applications .certificates-list .certificate-item{
  margin-bottom:16px;
  width:100%;
}
.referee-applications .certificates-list .certificate-item .certificate-name{
  color:#666;
  margin-bottom:8px;
}
@media (max-width:1200px){
  .referee-applications .stats-grid>.ant-col{
    -webkit-flex:0 0 50%;
            flex:0 0 50%;
    max-width:50%;
  }
  .referee-applications .filter-export{
    -webkit-justify-content:flex-start;
            justify-content:flex-start;
  }
}
@media (max-width:768px){
  .referee-applications{
    padding:16px;
  }
  .referee-applications .stats-grid>.ant-col{
    -webkit-flex:0 0 100%;
            flex:0 0 100%;
    max-width:100%;
  }
  .referee-applications .table-toolbar{
    -webkit-align-items:flex-start;
            align-items:flex-start;
    -webkit-flex-direction:column;
            flex-direction:column;
    gap:12px;
  }
}
.application-detail-page{
  background:#f0f2f5;
  min-height:100%;
  padding:0 20px 24px;
}
.application-detail-loading{
  -webkit-justify-content:center;
          justify-content:center;
  min-height:320px;
}
.application-detail-header,.application-detail-loading{
  -webkit-align-items:center;
          align-items:center;
  display:-webkit-flex;
  display:flex;
}
.application-detail-header{
  -webkit-justify-content:space-between;
          justify-content:space-between;
  padding:12px 0;
}
.application-detail-header .page-title{
  color:#1f2937;
  font-size:15px;
}
.application-detail-card{
  border-radius:0;
}
.application-detail-card .ant-card-body{
  padding:0 8px 16px;
}
.application-detail-card .ant-tabs-nav{
  background:#fff;
  margin-bottom:12px;
}
.application-detail-section{
  margin-bottom:8px;
}
.application-detail-section .section-title{
  border-bottom:1px solid #7f7f7f;
  color:#111827;
  font-weight:600;
  padding:4px 0;
}
.application-detail-grid{
  background:#fff;
  border-collapse:collapse;
  table-layout:fixed;
  width:100%;
}
.application-detail-grid td,.application-detail-grid th{
  border:1px solid #8c8c8c;
  color:#1f2937;
  font-size:13px;
  line-height:1.45;
  min-height:31px;
  padding:6px 10px;
  vertical-align:middle;
  word-break:break-word;
}
.application-detail-grid th{
  background:#fff;
  color:#344054;
  font-weight:500;
  text-align:right;
  width:18%;
}
.application-detail-grid td{
  width:32%;
}
.application-detail-grid .photo-cell{
  text-align:center;
  width:160px;
}
.application-detail-grid .id-photo{
  -o-object-fit:cover;
     object-fit:cover;
}
.photo-placeholder{
  -webkit-align-items:center;
          align-items:center;
  background:#f8fafc;
  border:1px dashed #d0d5dd;
  color:#98a2b3;
  display:-webkit-inline-flex;
  display:inline-flex;
  height:150px;
  -webkit-justify-content:center;
          justify-content:center;
  width:116px;
}
.material-title{
  color:#344054;
  font-weight:600;
  margin-bottom:8px;
}
.application-review-actions{
  display:-webkit-flex;
  display:flex;
  gap:16px;
  -webkit-justify-content:center;
          justify-content:center;
  padding:10px 0 0;
}
@media print{
  .ant-layout-header,.ant-layout-sider,.application-detail-header,.application-review-actions{
    display:none !important;
  }
  .application-detail-page{
    background:#fff;
    padding:0;
  }
  .application-detail-card .ant-card-body{
    padding:0;
  }
}
@media (max-width:768px){
  .application-detail-page{
    padding:0 8px 16px;
  }
  .application-detail-header{
    -webkit-align-items:flex-start;
            align-items:flex-start;
    -webkit-flex-direction:column;
            flex-direction:column;
    gap:8px;
  }
  .application-detail-grid{
    table-layout:auto;
  }
}
.source-admin-page{
  min-height:100%;
}

.source-admin-heading{
  -webkit-align-items:flex-start;
          align-items:flex-start;
  display:-webkit-flex;
  display:flex;
  gap:16px;
  -webkit-justify-content:space-between;
          justify-content:space-between;
  margin-bottom:16px;
}

.source-admin-heading h2{
  color:#1f2937;
  font-size:20px;
  font-weight:600;
  margin:0;
}

.source-admin-heading p{
  color:#6b7280;
  margin:6px 0 0;
}

.source-admin-filter-card,.source-admin-form-card,.source-admin-table-card{
  border-radius:6px;
  margin-bottom:16px;
}

.source-admin-filter-item{
  display:grid;
  grid-gap:6px;
  gap:6px;
}

.source-admin-filter-item span{
  color:#4b5563;
  font-size:13px;
}

.source-admin-filter-actions{
  -webkit-align-items:end;
          align-items:end;
  height:100%;
  padding-top:23px;
}

.source-admin-toolbar{
  display:-webkit-flex;
  display:flex;
  gap:12px;
  -webkit-justify-content:space-between;
          justify-content:space-between;
  margin-bottom:16px;
}

.source-admin-row-actions .ant-btn{
  padding-inline:2px;
}

.source-admin-confirm-text{
  color:#4b5563;
  margin-bottom:16px;
}

.source-admin-upload-box{
  display:grid;
  justify-items:center;
  grid-gap:12px;
  background:#fafafa;
  border:1px dashed #d9d9d9;
  border-radius:6px;
  color:#4b5563;
  gap:12px;
  padding:28px;
}

.source-admin-upload-box .anticon{
  color:#1677ff;
  font-size:28px;
}

@media (max-width:768px){
  .source-admin-heading,.source-admin-toolbar{
    -webkit-align-items:stretch;
            align-items:stretch;
    -webkit-flex-direction:column;
            flex-direction:column;
  }

  .source-admin-filter-actions{
    padding-top:0;
  }
}
*{
  box-sizing:border-box;
  margin:0;
  padding:0;
}

html{
  -webkit-text-size-adjust:100%;
  -moz-text-size-adjust:100%;
        -ms-text-size-adjust:100%;
       text-size-adjust:100%;
}

body{
  font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  color:rgba(0,0,0,.85);
  line-height:1.5;
}

#root,.app-container{
  display:-webkit-flex;
  display:flex;
  -webkit-flex-direction:column;
          flex-direction:column;
  min-height:100vh;
}

.trigger{
  transition:color .3s;
}

.logo{
  -webkit-align-items:center;
          align-items:center;
  background:linear-gradient(135deg, #64ffda, #00bcd4);
  border:none;
  border-radius:8px;
  box-shadow:0 4px 12px rgba(100,255,218,.3);
  color:#1a1d29;
  cursor:pointer;
  display:-webkit-flex;
  display:flex;
  font-size:18px;
  font-weight:700;
  height:56px;
  -webkit-justify-content:center;
          justify-content:center;
  margin:16px 0;
  overflow:hidden;
  position:relative;
  transition:all .2s ease;
}

.logo:hover{
  background:linear-gradient(135deg, #4dd0e1, #00acc1);
  box-shadow:0 6px 16px rgba(100,255,218,.4);
  -webkit-transform:translateY(-1px);
          transform:translateY(-1px);
}

.site-layout .site-layout-background{
  background:#fff;
}

.content-container{
  -webkit-backdrop-filter:blur(10px);
          backdrop-filter:blur(10px);
  background:hsla(0,0%,100%,.95);
  border:1px solid hsla(0,0%,100%,.8);
  border-radius:12px;
  box-shadow:0 4px 20px rgba(0,0,0,.08);
  margin:24px 16px;
  min-height:280px;
  padding:32px;
  position:relative;
}

.form-container{
  max-width:600px;
}

.login-container{
  -webkit-align-items:center;
          align-items:center;
  background-color:#f0f2f5;
  display:-webkit-flex;
  display:flex;
  height:100vh;
  -webkit-justify-content:center;
          justify-content:center;
}

.login-form{
  background:#fff;
  border-radius:4px;
  box-shadow:0 2px 8px rgba(0,0,0,.15);
  padding:30px;
  width:350px;
}

.login-title{
  margin-bottom:30px;
  text-align:center;
}

.table-operations{
  display:-webkit-flex;
  display:flex;
  -webkit-justify-content:space-between;
          justify-content:space-between;
  margin-bottom:16px;
}

.table-search{
  width:300px;
}
.ant-layout-sider{
  background:linear-gradient(180deg, #2a2d47, #1e1f36) !important;
  border-right:1px solid hsla(0,0%,100%,.1);
  box-shadow:2px 0 8px rgba(0,0,0,.2);
}

.ant-menu{
  border-right:none !important;
}

.ant-menu,.ant-menu-item{
  background:transparent !important;
}

.ant-menu-item{
  border:none;
  border-left:3px solid transparent;
  border-radius:0 !important;
  color:hsla(0,0%,100%,.9) !important;
  font-size:16px !important;
  font-weight:500 !important;
  height:52px !important;
  line-height:52px !important;
  margin:0 !important;
  padding:0 24px !important;
  position:relative;
  transition:all .2s ease !important;
}

.ant-menu-item:hover{
  background:hsla(0,0%,100%,.08) !important;
}

.ant-menu-item-selected,.ant-menu-item:hover{
  border-left:3px solid #64ffda;
  box-shadow:none;
  color:#64ffda !important;
  -webkit-transform:none;
          transform:none;
}

.ant-menu-item-selected{
  background:rgba(100,255,218,.12) !important;
  font-weight:600 !important;
}

.ant-menu-submenu>.ant-menu-submenu-title{
  background:transparent !important;
  border:none;
  border-left:3px solid transparent;
  border-radius:0 !important;
  color:hsla(0,0%,100%,.9) !important;
  font-size:16px !important;
  font-weight:500 !important;
  height:52px !important;
  line-height:52px !important;
  margin:0 !important;
  padding:0 24px !important;
  transition:all .2s ease !important;
}

.ant-menu-submenu>.ant-menu-submenu-title:hover{
  background:hsla(0,0%,100%,.08) !important;
  border-left:3px solid #64ffda;
  box-shadow:none;
  color:#64ffda !important;
  -webkit-transform:none;
          transform:none;
}

.ant-menu-submenu-selected>.ant-menu-submenu-title{
  color:#1890ff !important;
}

.ant-menu-sub{
  background:rgba(0,0,0,.2) !important;
  border:none;
  border-radius:0;
  margin:0;
  padding:0;
}

.ant-menu-sub .ant-menu-item{
  background:transparent !important;
  border-left:3px solid transparent;
  color:hsla(0,0%,100%,.7) !important;
  font-size:15px !important;
  font-weight:400 !important;
  height:44px !important;
  line-height:44px !important;
  margin:0 !important;
  padding-left:48px !important;
}
.ant-layout-sider-collapsed .ant-menu-item,.ant-layout-sider-collapsed .ant-menu-submenu>.ant-menu-submenu-title{
  padding-left:24px !important;
  text-align:left;
}
.ant-menu-item-selected{
  position:relative;
}

.ant-menu-item-selected:after{
  background:#64ffda;
  border-radius:2px 0 0 2px;
  content:"";
  height:20px;
  position:absolute;
  right:0;
  top:50%;
  -webkit-transform:translateY(-50%);
          transform:translateY(-50%);
  width:4px;
}
.ant-layout-header{
  -webkit-backdrop-filter:blur(10px);
          backdrop-filter:blur(10px);
  background:hsla(0,0%,100%,.95) !important;
  border-bottom:1px solid hsla(0,0%,100%,.8);
  box-shadow:0 4px 20px rgba(0,0,0,.08) !important;
  position:relative;
  z-index:10;
}

.trigger{
  -webkit-align-items:center;
          align-items:center;
  border-radius:6px;
  cursor:pointer;
  display:-webkit-inline-flex;
  display:inline-flex;
  font-size:18px;
  height:40px;
  -webkit-justify-content:center;
          justify-content:center;
  line-height:64px;
  line-height:40px;
  margin:12px 8px;
  padding:0 24px;
  transition:all .3s ease;
  width:40px;
}

.trigger:hover{
  background:rgba(24,144,255,.06);
  color:#1890ff;
}
.ant-breadcrumb{
  -webkit-backdrop-filter:blur(10px);
          backdrop-filter:blur(10px);
  background:hsla(0,0%,100%,.9);
  border:1px solid hsla(0,0%,100%,.6);
  border-radius:8px;
  box-shadow:0 2px 8px rgba(0,0,0,.05);
  font-size:14px;
  font-weight:500;
  margin:16px 24px 0;
  padding:16px 32px;
}

.ant-breadcrumb-link{
  color:rgba(0,0,0,.65);
  transition:color .3s ease;
}

.ant-breadcrumb-link:hover{
  color:#1890ff;
}
@-webkit-keyframes menuIconPulse{
  0%{ -webkit-transform:scale(1); transform:scale(1); }
  50%{ -webkit-transform:scale(1.1); transform:scale(1.1); }
  to{ -webkit-transform:scale(1); transform:scale(1); }
}
@keyframes menuIconPulse{
  0%{ -webkit-transform:scale(1); transform:scale(1); }
  50%{ -webkit-transform:scale(1.1); transform:scale(1.1); }
  to{ -webkit-transform:scale(1); transform:scale(1); }
}

@-webkit-keyframes slideInLeft{
  0%{
    opacity:0;
    -webkit-transform:translateX(-10px);
            transform:translateX(-10px);
  }
  to{
    opacity:1;
    -webkit-transform:translateX(0);
            transform:translateX(0);
  }
}

@keyframes slideInLeft{
  0%{
    opacity:0;
    -webkit-transform:translateX(-10px);
            transform:translateX(-10px);
  }
  to{
    opacity:1;
    -webkit-transform:translateX(0);
            transform:translateX(0);
  }
}

@-webkit-keyframes glowPulse{
  0%,to{ box-shadow:0 4px 12px rgba(24,144,255,.4); }
  50%{ box-shadow:0 6px 20px rgba(24,144,255,.6); }
}

@keyframes glowPulse{
  0%,to{ box-shadow:0 4px 12px rgba(24,144,255,.4); }
  50%{ box-shadow:0 6px 20px rgba(24,144,255,.6); }
}

.ant-menu-item:hover .anticon,.ant-menu-submenu-title:hover .anticon{
  -webkit-animation:menuIconPulse .6s ease-in-out;
          animation:menuIconPulse .6s ease-in-out;
}

.ant-menu-item-selected{
  -webkit-animation:glowPulse 2s ease-in-out infinite;
          animation:glowPulse 2s ease-in-out infinite;
}

.ant-menu-item,.ant-menu-submenu>.ant-menu-submenu-title{
  -webkit-animation:slideInLeft .3s ease-out;
          animation:slideInLeft .3s ease-out;
}
.ant-menu-submenu-open>.ant-menu-submenu-title .ant-menu-submenu-arrow{
  -webkit-transform:rotate(180deg);
          transform:rotate(180deg);
}

.ant-menu-submenu .ant-menu-submenu-arrow,.ant-menu-submenu-open>.ant-menu-submenu-title .ant-menu-submenu-arrow{
  transition:-webkit-transform .3s ease;
  transition:transform .3s ease;
  transition:transform .3s ease,-webkit-transform .3s ease;
}
.ant-layout-sider{
  transition:all .3s cubic-bezier(.2, 0, 0, 1);
}
.ant-dropdown-menu{
  border:1px solid rgba(0,0,0,.06);
  border-radius:8px;
  box-shadow:0 6px 24px rgba(0,0,0,.12);
}

.ant-dropdown-menu-item{
  border-radius:6px;
  margin:4px 8px;
  transition:all .3s ease;
}

.ant-dropdown-menu-item:hover{
  background:linear-gradient(135deg, #f0f9ff, #e0f2fe);
  color:#1890ff;
}
.site-layout{
  background:linear-gradient(135deg, #f8fafc, #e2e8f0);
  min-height:100vh;
}
.ant-layout-content{
  background:transparent;
}
@media (max-width:768px){
  .ant-layout-sider{
    bottom:0;
    left:0;
    position:fixed;
    top:0;
    z-index:1000;
  }

  .ant-layout-sider-collapsed{
    left:-200px;
  }
}