.jdc-app{
    --jdc-primary:#6d28d9;
    --jdc-primary2:#8b5cf6;
    --jdc-border:#e7e5ee;
    --jdc-text:#27233a;
    --jdc-muted:#77728a;
    direction:rtl;
    font-family:Vazirmatn,Vazir,Tahoma,Arial,sans-serif;
    max-width:950px;
    margin:35px auto;
    color:var(--jdc-text);
}
.jdc-app *{box-sizing:border-box}
.jdc-wrapper{background:#fff;border:1px solid var(--jdc-border);border-radius:24px;overflow:hidden;box-shadow:0 12px 45px rgba(50,35,100,.08)}
.jdc-header{padding:35px 25px 30px;text-align:center;background:linear-gradient(135deg,#6d28d9,#8b5cf6);color:#fff}
.jdc-header-icon{width:62px;height:62px;border-radius:18px;background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-size:30px;margin:0 auto 15px}
.jdc-header h2{margin:0 0 10px;font-size:26px;color:#fff}
.jdc-header p{margin:0;opacity:.92;font-size:14px}
.jdc-body{padding:35px}
.jdc-tabs{display:flex;background:#f5f3fa;border-radius:14px;padding:5px;gap:5px;margin-bottom:30px}
.jdc-tab{flex:1;border:0;background:transparent;padding:13px 8px;border-radius:10px;cursor:pointer;font-family:inherit;font-size:14px;color:#77728a;transition:.25s}
.jdc-tab.active{background:#fff;color:var(--jdc-primary);box-shadow:0 3px 12px rgba(0,0,0,.08);font-weight:700}
.jdc-form-label{display:block;font-size:14px;font-weight:700;margin-bottom:12px}
.jdc-inputs{display:grid;grid-template-columns:1fr 1.4fr 1.3fr;gap:12px;margin-bottom:20px}
.jdc-field label{display:block;font-size:12px;color:var(--jdc-muted);margin-bottom:7px}
.jdc-field select,.jdc-field input{width:100%;height:52px;border:1px solid var(--jdc-border);border-radius:12px;background:#fff;padding:0 14px;font-family:inherit;font-size:14px;outline:none;transition:.2s}
.jdc-field select:focus,.jdc-field input:focus{border-color:var(--jdc-primary);box-shadow:0 0 0 4px rgba(109,40,217,.08)}
.jdc-actions{display:flex;gap:12px;margin-top:10px}
.jdc-btn{border:0;cursor:pointer;height:52px;border-radius:13px;font-family:inherit;font-size:15px;font-weight:700;transition:.25s}
.jdc-btn-convert{flex:1;background:linear-gradient(135deg,var(--jdc-primary),var(--jdc-primary2));color:#fff;box-shadow:0 8px 20px rgba(109,40,217,.2)}
.jdc-btn-convert:hover{transform:translateY(-2px)}
.jdc-btn-today{width:145px;background:#f3f0ff;color:var(--jdc-primary)}
.jdc-result{margin-top:35px;display:none}
.jdc-result.show{display:block}
.jdc-result-title{text-align:center;margin-bottom:20px}
.jdc-result-title h3{margin:0 0 7px;font-size:21px}
.jdc-result-title p{color:var(--jdc-muted);margin:0;font-size:13px}
.jdc-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.jdc-card{border:1px solid var(--jdc-border);border-radius:18px;padding:22px 16px;text-align:center;background:#fff;transition:.25s}
.jdc-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(0,0,0,.06)}
.jdc-card-icon{font-size:28px;margin-bottom:10px}
.jdc-card h4{margin:0 0 10px;font-size:15px}
.jdc-date-value{font-size:18px;font-weight:700;color:var(--jdc-primary);line-height:1.9}
.jdc-date-number{margin-top:8px;color:var(--jdc-muted);font-size:12px;direction:ltr}
.jdc-weekday{margin-top:20px;background:#f8f7fc;border-radius:14px;padding:15px;text-align:center;font-size:14px}
.jdc-weekday strong{color:var(--jdc-primary)}
.jdc-error{display:none;margin-top:15px;padding:13px;border-radius:10px;background:#fff1f2;color:#be123c;font-size:13px;text-align:center}
.jdc-error.show{display:block}
.jdc-info{margin-top:30px;padding:18px;border-radius:14px;background:#f8f7fc;border-right:4px solid var(--jdc-primary);font-size:13px;line-height:2;color:#625d75}
@media(max-width:700px){
    .jdc-app{margin:20px auto}
    .jdc-header{padding:28px 15px}
    .jdc-header h2{font-size:21px}
    .jdc-body{padding:20px 15px}
    .jdc-inputs{grid-template-columns:1fr}
    .jdc-cards{grid-template-columns:1fr}
    .jdc-actions{flex-direction:column}
    .jdc-btn-today{width:100%}
    .jdc-tabs{flex-wrap:wrap}
    .jdc-tab{flex:1 1 30%;font-size:12px}
}