.calendar-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}.calendar-new-button{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border:1px solid #ccc;background:#f7f7f7;color:#222;text-decoration:none;border-radius:4px}.calendar-new-button:hover{background:#eee}
.calendar-navigation{display:grid;grid-template-columns:42px auto 1fr 42px;align-items:center;gap:8px;margin:10px 0 12px}.calendar-period{text-align:center;font-size:20px;font-weight:bold}.calendar-nav-button,.calendar-today{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid #ccc;background:#f7f7f7;color:#222;border-radius:4px;min-height:36px}.calendar-nav-button{font-size:27px;line-height:1}.calendar-today{padding:0 12px;font-weight:bold}.calendar-nav-button:hover,.calendar-today:hover{background:#eee}
.calendar-view-switcher{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:16px;border-bottom:1px solid #ddd;padding-bottom:12px}.calendar-view-switcher a{padding:8px 16px;border:1px solid #ccc;background:#f7f7f7;color:#333;text-decoration:none;border-radius:4px;font-weight:bold}.calendar-view-switcher a:hover{background:#eee}.calendar-view-switcher a.active{background:#333;color:#fff;border-color:#333}
.day-calendar{display:grid;grid-template-columns:90px 1fr;border:1px solid #d0d0d0;min-height:500px}.day-time{padding:10px;text-align:right;background:#f7f7f7;color:#555;font-size:13px;font-weight:bold;border-bottom:1px solid #ddd;border-right:1px solid #ccc}.day-slot{min-height:72px;border-bottom:1px solid #ddd;background:#fff}.day-slot:hover{background:#fafafa}
.month-calendar{display:grid;grid-template-columns:repeat(7,minmax(100px,1fr));border-top:1px solid #ccc;border-left:1px solid #ccc;overflow-x:auto}.month-head{padding:10px;text-align:center;background:#333;color:#fff;font-weight:bold;border-right:1px solid #555;border-bottom:1px solid #555}.month-day{min-height:105px;padding:9px;background:#fff;border-right:1px solid #ddd;border-bottom:1px solid #ddd}.month-day span{font-weight:bold}.month-day.today{background:#f1f1f1;box-shadow:inset 0 0 0 2px #333}.month-day.muted{background:#f5f5f5}
.year-calendar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.year-month{display:flex;flex-direction:column;gap:6px;padding:18px;background:#fafafa;border:1px solid #d4d4d4;color:#222;text-decoration:none;border-radius:4px;min-height:100px}.year-month:hover{background:#f0f0f0}.year-month strong{font-size:18px}.year-month span{font-size:13px;color:#666}
@media (max-width:800px){.year-calendar{grid-template-columns:repeat(2,minmax(0,1fr))}.month-calendar{min-width:700px}.calendar-navigation{grid-template-columns:38px auto 1fr 38px}.calendar-period{font-size:17px}}
@media (max-width:700px){.calendar-navigation{grid-template-columns:38px 1fr 38px}.calendar-today{grid-column:2;grid-row:2}.calendar-period{grid-column:2;grid-row:1}.calendar-nav-button:first-child{grid-column:1;grid-row:1}.calendar-nav-button:last-child{grid-column:3;grid-row:1}.year-calendar{grid-template-columns:1fr}}