.sfc-admin-wrap{
  max-width:1180px;
  margin:24px auto;
  direction:rtl;
  color:#ffffff;
  background:
    radial-gradient(circle at top, rgba(255,198,106,.10), transparent 35%),
    linear-gradient(180deg, #07100b 0%, #000C01 100%);
}

.sfc-muted{
  color:#d0d0d0;
}

.sfc-admin-grid{
  display:flex;
  flex-wrap:wrap;
  gap:18px;
  margin:20px 0;
}

.sfc-admin-grid > *{
  flex:1 1 280px;
}

.sfc-admin-card,
.sfc-panel,
.sfc-calculator{
  position:relative;
  overflow:hidden;
  background:
     linear-gradient(180deg, rgba(8,20,10,.96), rgba(0,12,1,.98));
  color:#ffffff;
  border:1px solid rgba(255,198,106,.22);
  border-radius:18px;
  box-shadow:
    0 20px 50px rgba(0,0,0,.45),
    inset 0 1px 0 rgba(255,255,255,.03);
}

.sfc-admin-card::before,
.sfc-panel::before,
.sfc-calculator::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(135deg, rgba(255,198,106,.08), transparent 35%, transparent 65%, rgba(255,198,106,.05));
  pointer-events:none;
}

.sfc-admin-card,
.sfc-panel{
  padding:22px;
}

.sfc-admin-number{
  width:100%;
  max-width:220px;
}

.sfc-checklist{
  padding-right:18px;
}

.sfc-checklist li{
  margin:8px 0;
  color:#f3f3f3;
}

.sfc-calculator{
  padding:24px;
  margin:20px 0;
}

.sfc-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:18px;
  padding-bottom:14px;
  border-bottom:1px solid rgba(255,198,106,.18);
  position:relative;
  z-index:1;
}

.sfc-header h3{
  margin:0;
  color:#FFC66A;
  font-size:22px;
  font-weight:800;
  letter-spacing:.2px;
}

.sfc-header span{
  display:inline-block;
  padding:6px 12px;
  border-radius:999px;
  background:rgba(255,198,106,.12);
  color:#FFC66A;
  font-size:12px;
  font-weight:800;
  border:1px solid rgba(255,198,106,.28);
  box-shadow:0 0 0 1px rgba(255,198,106,.05) inset;
}

.sfc-level-gold .sfc-header span{
  background:rgba(255,198,106,.16);
  color:#FFD98D;
}

.sfc-level-silver .sfc-header span{
  background:rgba(255,255,255,.08);
  color:#f0d9a0;
}

.sfc-fields{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-bottom:18px;
  position:relative;
  z-index:1;
}

.sfc-fields > *{
  flex:1 1 220px;
}

.sfc-fields label{
  display:flex;
  flex-direction:column;
  gap:8px;
  color:#ffffff;
  font-weight:700;
}

.sfc-fields label span{
  color:#FFC66A;
}

.sfc-fields input{
  width:100%;
  padding:13px 14px;
  border-radius:14px;
  border:1px solid rgba(255,198,106,.24);
  background:linear-gradient(180deg, #09160b, #061007);
  color:#ffffff;
  outline:none;
  transition:.22s ease;
  box-sizing:border-box;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}

.sfc-fields input::placeholder{
  color:#b9b9b9;
}

.sfc-fields input:hover{
  border-color:rgba(255,198,106,.45);
}

.sfc-fields input:focus{
  border-color:#FFC66A;
  box-shadow:0 0 0 4px rgba(255,198,106,.12);
  transform:translateY(-1px);
}

.sfc-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:none;
  border-radius:14px;
  padding:13px 22px;
  background:linear-gradient(135deg, #FFC66A, #ffb83f);
  color:#000C01;
  font-weight:900;
  cursor:pointer;
  transition:.22s ease;
  box-shadow:0 10px 24px rgba(255,198,106,.18);
  position:relative;
  z-index:1;
}

.sfc-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 30px rgba(255,198,106,.24);
}

.sfc-btn:active{
  transform:translateY(0);
}

.sfc-result{
  margin-top:20px;
  padding:18px 18px 16px;
  border-radius:16px;
  background:
    linear-gradient(180deg, rgba(255,198,106,.10), rgba(255,198,106,.05));
  border:1px solid rgba(255,198,106,.25);
  color:#ffffff;
  position:relative;
  z-index:1;
  backdrop-filter:blur(6px);
}

.sfc-result strong,
.sfc-result b,
.sfc-result li,
.sfc-result h4{
  color:#FFC66A;
}

.sfc-result ul{
  margin:10px 0 0;
  padding-right:18px;
}

.sfc-error{
  margin-top:16px;
  padding:14px 16px;
  border-radius:14px;
  background:rgba(255,80,80,.10);
  border:1px solid rgba(255,120,120,.24);
  color:#ffd9d9;
}

.sfc-chart-wrap{
  position:relative;
  width:100%;
  height:260px;
  margin-top:18px;
}

.sfc-chart{
  display:block;
  width:100% !important;
  height:100% !important;
  max-height:none !important;
}


code{
  background:#08140a;
  color:#FFC66A;
  padding:3px 7px;
  border-radius:8px;
}

@media (max-width:768px){
  .sfc-admin-wrap{
    margin:14px auto;
  }

  .sfc-header{
    flex-direction:column;
    align-items:flex-start;
  }

  .sfc-admin-grid > *,
  .sfc-fields > *{
    flex-basis:100%;
  }

  .sfc-calculator{
    padding:18px;
  }
}
/* استایل نهایی و قطعی برای نمودار */
canvas.sfc-chart {
    width: 100% !important;
    height: 260px !important;
    display: block !important;
    max-height: 260px !important;
    min-height: 260px !important;
}