body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;display:flex;background-color:#f0f2f5;flex-direction:column;align-items:center;margin:0;padding:20px;color:#333}h1{color:#2c3e50;margin-bottom:30px;font-size:2.5em;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.input-container{margin-bottom:30px;display:flex;gap:10px;align-items:center;background-color:#fff;padding:15px 25px;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.08)}.input-container label{font-size:1.1em;color:#555}.input-container input[type="number"]{padding:10px 15px;border:1px solid #ccc;border-radius:5px;font-size:1em;outline:none;transition:border-color .3s ease}.input-container input[type="number"]:focus{border-color:#007bff}.input-container button{background-color:#007bff;color:#fff;padding:10px 20px;border:none;border-radius:5px;font-size:1em;cursor:pointer;transition:background-color .3s ease , transform .2s ease}.input-container button:hover{background-color:#0056b3;transform:translateY(-2px)}#calendarContainer{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;width:260%;max-width:2100px;padding:20px}@media (max-width:767px){#calendarContainer{grid-template-columns:1fr;width:100%;max-width:90%;padding:10px}.month-card{width:auto;margin:0}}@media (min-width:768px) and (max-width:1023px){#calendarContainer{grid-template-columns:repeat(2,1fr);width:95%;max-width:1200px;gap:25px}.month-card{width:auto}}@media (min-width:1024px){#calendarContainer{grid-template-columns:repeat(3,1fr);width:260%;max-width:2100px}}.month-card{background-color:#fff;border-radius:12px;box-shadow:0 6px 15px rgba(0,0,0,.12);padding:20px;transition:transform .3s ease , box-shadow .3s ease;border:1px solid #e0e0e0}.month-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.15)}.month-name{font-size:1.4em;font-weight:700;margin-bottom:15px;color:#34495e;text-align:center;padding-bottom:10px;border-bottom:2px solid #baccf5}.days-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.day-cell{border:1px solid #e9ecef;padding:8px;min-height:60px;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:.95em;border-radius:5px;background-color:#fdfdff;transition:background-color .2s ease , transform .1s ease;position:relative;overflow:visible}.jd-tooltip{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background-color:#333;color:#fff;padding:5px 8px;border-radius:4px;font-size:.8em;white-space:nowrap;z-index:10;margin-bottom:5px;opacity:.95}.copy-confirm{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#28a745;color:#fff;padding:8px 12px;border-radius:5px;font-size:.9em;white-space:nowrap;z-index:11;opacity:1;animation:fadeOut 1.5s forwards}@keyframes fadeOut {
    0% { opacity: 1; }
    100% { opacity: 0; display: none; }
}.day-cell:hover{background-color:#e6f2ff;transform:scale(1.02)}.day-name{font-weight:bold;background-color:#baccf5;color:#2c3e50;padding:8px 5px;border-radius:5px;margin-bottom:5px;width:100%;text-align:center}.gregorian-date{color:#555;font-weight:600;margin-bottom:3px}.arabic-date{color:#d63031;font-size:.85em;font-weight:500}