/* Admin css  */
.welcome-box{
    background: linear-gradient(90deg,#1e4cff,#0099cc);
    color:#fff;
    border-radius:20px;
    padding:30px;
}
.ct-card .stat-card{
    padding:20px;
    display:flex;
    gap:15px;
    text-align: left;
}
.icon-box{
    width:50px;
    height:50px;
    border-radius:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    background-color:#dbeafe;
}

.ct-card .btn{width:auto;padding: 10px 15px;}





.review-box{
    background:#fff9e6;
    border:2px solid #ffc107;
    border-radius:20px;
    padding:25px;
}
.review-icon{
    width:55px;
    height:55px;
    background:#ffb703;
    border-radius:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:26px;
}.recent-jobs{
    background:#fff;
    border-radius:18px;
    padding:20px;
    box-shadow:0 2px 10px rgba(0,0,0,.04);
}
.job-card{
    border:1px solid #e5ecf6;
    border-radius:16px;
    padding:18px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:15px;
}
.job-left{
    display:flex;
    gap:15px;
}
.job-icon{
    width:48px;
    height:48px;
    border-radius:14px;
    background:#eef4ff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    color:#0d6efd;
}
.job-title{
    font-weight:700;
    margin-bottom:4px;
}
.job-meta{
    font-size:14px;
    color:#6c757d;
}
.badge-open{
    background:#e7f0ff;
    color:#0d6efd;
}
.badge-progress{
    background:#fff3cd;
    color:#b58100;
}
.badge-complete{
    background:#d1f7df;
    color:#0f8f4f;
}
.arrow{
    font-size:22px;
    color:#94a3b8;
}
.quick-box{
    background:#fff;
    border-radius:18px;
    padding:20px;
    box-shadow:0 2px 10px rgba(0,0,0,0.04);
}
.action-card{
    border:2px dashed #c7d4ea;
    border-radius:16px;
    height:110px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    cursor:pointer;
    transition:0.3s;
}
.action-card:hover{
    background:#f7faff;
    border-color:#0d6efd;
}
.action-icon{
    font-size:30px;
    color:#8a9bb5;
    margin-bottom:6px;
}
.action-text{
    font-weight:600;
    color:#0b1c39;
}
/* Review Card */
.review-box{
    background:#fff9e6;
    border:2px solid #ffc107;
    border-radius:20px;
    padding:25px;
}
.review-icon{
    width:55px;
    height:55px;
    background:#ffb703;
    border-radius:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:26px;
}

/* Modal */
.modal-content{
    border-radius:20px;
}
.star{
    font-size:32px;
    color:#cbd5e1;
    cursor:pointer;
}
.star:hover,
.star.active{
    color:#ffb703;
}
.star-rating{
    display:flex;
    align-items:center;
    gap:10px;
}
.star{
    font-size:34px;
    color:#cbd5e1;
    cursor:pointer;
}
.star.active{
    color:#ffb703;
}
.rating-value{
    font-size:20px;
    font-weight:700;
}
.reaction{
    font-size:16px;
    margin-top:6px;
    display:flex;
    align-items:center;
    gap:6px;
}
/* cards */
.aspect-box{
  border:1px solid #e3eaf5;
  border-radius:16px;
  padding:16px;
  background:#fff;
}
.aspect-head{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:8px;
}
.aspect-icon{
  width:40px;
  height:40px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:18px;
}
.star{
  font-size:22px;
  color:#cbd5e1;
  cursor:pointer;
}
.star.selected{
  color:#ffb703;
}

/* upload */
.upload-area{
  border:2px dashed #cbd5e1;
  border-radius:16px;
  padding:28px;
  background:#fff;
  text-align:center;
  cursor:pointer;
}
.upload-preview img{
  width:72px;
  height:72px;
  object-fit:cover;
  border-radius:10px;
  border:1px solid #e2e8f0;
}