:root{--color-working: #ffffff;--color-weekend: #ffe3e3;--color-holiday: #ffc4c4;--color-shortened: #fff2c4;--color-transferred: #d4e8ff;--border: #d9d9e0;--text: #1e1e28}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:#f6f6f9}.app{max-width:1200px;margin:0 auto;padding:16px}header h1{margin:8px 0 4px;font-size:1.5rem}.summary{margin:0 0 12px;color:#555}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px}.toolbar select,.toolbar button{font:inherit;padding:6px 12px;border:1px solid var(--border);border-radius:6px;background:#fff;cursor:pointer}.view-switcher button.active{background:var(--text);color:#fff;border-color:var(--text)}.period-nav{display:flex;align-items:center;gap:8px}.period-label{min-width:7em;text-align:center}.pdf-button{margin-left:auto}.legend{display:flex;flex-wrap:wrap;gap:8px 16px;margin-bottom:16px;font-size:.85rem}.legend-item{display:inline-flex;align-items:center;gap:6px}.legend-swatch{width:14px;height:14px;border:1px solid var(--border);border-radius:3px}.months-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.months-grid.view-month{grid-template-columns:minmax(0,480px)}.month-card{background:#fff;border:1px solid var(--border);border-radius:10px;padding:12px}.month-card h3{margin:0 0 8px}.month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.weekday-header{font-size:.7rem;color:#777;text-align:center;padding:2px 0}.day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:.8rem;border:1px solid var(--border);border-radius:4px}.day-working{background:var(--color-working)}.day-weekend{background:var(--color-weekend)}.day-holiday{background:var(--color-holiday);font-weight:600}.day-shortened{background:var(--color-shortened)}.day-transferred{background:var(--color-transferred)}.month-stats{margin:10px 0 0;font-size:.8rem}.month-stats div{display:flex;justify-content:space-between}.month-stats dt{color:#666}.month-stats dd{margin:0;font-weight:600}.error{color:#b00020}@media (max-width: 600px){.months-grid{grid-template-columns:1fr}.pdf-button{margin-left:0}}@media print{.toolbar,.error{display:none}body{background:#fff}.months-grid{grid-template-columns:repeat(3,1fr);gap:8px}.month-card{break-inside:avoid}}