<style>
.calendar-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.calendar-grid-month{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}
.calendar-grid-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}
.calendar-day{min-height:180px;padding:14px;border:1px solid var(--border);border-radius:16px;background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);display:flex;flex-direction:column;gap:10px}
.calendar-day.is-other{opacity:.55}
.calendar-day.is-today{border-color:#88a7e8;box-shadow:inset 0 0 0 1px #88a7e8}
.calendar-day-head{display:flex;justify-content:space-between;align-items:center;gap:8px}
.calendar-day-number{font-size:20px;font-weight:800;color:#10244b}
.calendar-events{display:grid;gap:8px}
.calendar-event{
    display:block;
    padding:8px 9px;
    border-radius:12px;
    background:#eef4ff;
    border:1px solid #d5e3ff;
    color:#10244b;
    text-decoration:none;
    overflow:hidden;
    max-width:100%;
    font-size:12px;
    line-height:1.25;
}

.calendar-event.deadline{
    background:#fff4ef;
    border-color:#ffd7c6;
    color:#8a3412;
}

.calendar-event.interview{
    background:#edf7ff;
    border-color:#cce9ff;
    color:#0c4a6e;
}

.calendar-event-title{
    display:block;
    font-weight:700;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.calendar-event small{
    display:block;
    color:inherit;
    opacity:.75;
    line-height:1.35;
    margin-top:4px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.weekday-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;margin-bottom:12px}
.weekday-chip{padding:10px 12px;border-radius:14px;background:#e8eef8;font-weight:700;color:var(--primary);text-align:center}
.list-day{padding:16px;border:1px solid var(--border);border-radius:16px;background:#fff}
.list-day + .list-day{margin-top:14px}
@media (max-width:900px){.calendar-grid-month,.calendar-grid-week,.weekday-strip{grid-template-columns:1fr}.calendar-day{min-height:unset}}
</style





