:root{--primary-color: #48A6A7;--secondary-color: #F2EFE7;--bg-color: #F2EFE7;--card-bg-color: #c7547e;--text-color: #F2EFE7;--text-light-color: #F2EFE7;--border-color: #48A6A7;--input-bg-color: #48A6A7;--input-text-color: #F2EFE7;--error-color: #FFB8B8;--error-bg-color: rgba(150, 0, 0, .3);--shift-pagi-text: #F2EFE7;--shift-siang-text: #9ACBD0;--shift-malam-text: #F2EFE7;--shift-libur-text: #9ACBD0;--spacing-unit: 8px;--border-radius: 6px;--primary-rgb: 72, 166, 167}body{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;background-color:var(--bg-color);margin:0;color:var(--text-dark, #213547);font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--primary-color);text-decoration:inherit}a:hover{opacity:.8}button{border-radius:var(--border-radius);border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s,background-color .25s,opacity .25s}button:disabled{opacity:.5;cursor:not-allowed}button:focus,button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.scheduler-container{display:flex;justify-content:center;align-items:flex-start;min-height:90vh;padding:calc(var(--spacing-unit) * 3)}.scheduler{background-color:var(--card-bg-color);color:var(--text-color);padding:calc(var(--spacing-unit) * 3);border-radius:var(--border-radius);box-shadow:0 6px 15px #0003;border:1px solid var(--border-color);width:100%;max-width:700px;text-align:center}.scheduler h1{color:var(--primary-color);margin-top:0;margin-bottom:calc(var(--spacing-unit) * 3);font-weight:600;font-size:2.2em;line-height:1.1}.date-selector{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-unit);margin-bottom:calc(var(--spacing-unit) * 3)}.date-selector label{font-weight:500;color:var(--text-light-color);margin-bottom:calc(var(--spacing-unit) / 2)}.date-selector input[type=date]{padding:calc(var(--spacing-unit) * 1.2);border:1px solid var(--border-color);background-color:var(--input-bg-color);color:var(--input-text-color);border-radius:var(--border-radius);font-size:1rem;cursor:pointer;min-width:200px;text-align:center;color-scheme:dark}.date-selector input[type=date]:disabled{background-color:#4b532d;opacity:.7;cursor:not-allowed}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:calc(var(--spacing-unit) * 2);padding:0 calc(var(--spacing-unit) * 1)}.current-month-year{font-size:1.4em;font-weight:600;color:var(--primary-color);cursor:pointer;transition:opacity .2s;margin:0 var(--spacing-unit)}.current-month-year:hover{opacity:.8}.calendar-nav-button{background:none;border:1px solid var(--border-color);color:var(--text-light-color);padding:calc(var(--spacing-unit) * .5) calc(var(--spacing-unit) * 1.5);border-radius:var(--border-radius)}.calendar-nav-button:hover:not(:disabled){background-color:var(--input-bg-color);color:var(--text-color)}.calendar-days-header{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:var(--spacing-unit);padding:0 calc(var(--spacing-unit) * .5);font-weight:600;color:var(--text-light-color);font-size:.9em}.day-header{text-align:center;padding:calc(var(--spacing-unit) * .5)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:calc(var(--spacing-unit) * .5);border-top:1px solid var(--border-color);padding-top:calc(var(--spacing-unit) * .5)}.calendar-cell{border:1px solid var(--border-color);border-radius:calc(var(--border-radius) / 2);padding:calc(var(--spacing-unit) * .75);min-height:80px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;position:relative;background-color:#0000001a;transition:background-color .2s}.calendar-cell.clickable:hover{background-color:#f2efe726}.calendar-cell.other-month{opacity:.4;background-color:transparent;cursor:default}.calendar-cell.other-month.clickable:hover{background-color:transparent}.calendar-cell.other-month .day-number{color:var(--text-light-color)}.calendar-cell.today{background-color:rgba(var(--primary-rgb),.2);border:5px solid var(--primary-color)}.calendar-cell.today .day-number{font-weight:700;color:var(--primary-color)}.day-number{font-size:1.2em;font-weight:700;margin-bottom:calc(var(--spacing-unit) * .5)}.note-indicator{position:absolute;top:4px;right:4px;font-size:1.2em;opacity:.7}.shift-display-calendar{font-size:.9em;font-weight:700;text-align:center;margin-top:auto;align-self:center;padding:calc(var(--spacing-unit) * .25) calc(var(--spacing-unit) * .5);border-radius:4px}.shift-icon-calendar{font-size:3.8em;display:block;line-height:1}.shift-display-calendar.shift-pagi,.shift-display-calendar.shift-malam{color:var(--shift-pagi-text)}.shift-display-calendar.shift-siang,.shift-display-calendar.shift-libur{color:var(--shift-siang-text)}.status-footer{margin-top:calc(var(--spacing-unit) * 2);min-height:2em}.status-message{color:var(--text-light-color);font-style:italic}.error-message{color:var(--error-color);font-weight:700;background-color:var(--error-bg-color);border:1px solid var(--error-color);padding:calc(var(--spacing-unit) * 1.5);border-radius:var(--border-radius);width:90%;margin-left:auto;margin-right:auto}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:var(--card-bg-color);color:var(--text-color);padding:calc(var(--spacing-unit) * 3);border-radius:var(--border-radius);box-shadow:0 5px 15px #0000004d;width:90%;max-width:450px;border:1px solid var(--border-color)}.modal-content h3{margin-top:0;color:var(--text-color);margin-bottom:calc(var(--spacing-unit) * .5);text-align:center}.modal-date{text-align:center;font-weight:700;margin-bottom:var(--spacing-unit);color:var(--text-light-color)}.modal-shift{text-align:center;margin-bottom:calc(var(--spacing-unit) * 2)}.modal-shift span{font-weight:700;padding:2px 6px;border-radius:4px}.modal-shift span.shift-pagi{color:var(--shift-pagi-text)}.modal-shift span.shift-siang{color:var(--shift-siang-text)}.modal-shift span.shift-malam{color:var(--shift-malam-text)}.modal-shift span.shift-libur{color:var(--shift-libur-text)}.modal-textarea{width:100%;box-sizing:border-box;margin-bottom:calc(var(--spacing-unit) * 2);padding:calc(var(--spacing-unit) * 1);border-radius:var(--border-radius);border:1px solid var(--border-color);background-color:var(--input-text-color);color:#3f3e3e;font-family:inherit;font-size:1em;min-height:80px}.modal-actions{display:flex;justify-content:flex-end;gap:var(--spacing-unit)}.modal-button{border-radius:var(--border-radius);border:1px solid transparent;padding:.6em 1.2em;font-size:.9em;font-weight:500;font-family:inherit;cursor:pointer}.modal-button.save{background-color:var(--primary-color);color:var(--input-text-color);border-color:var(--text-light-color)}.modal-button.save:hover:not(:disabled){opacity:.9}.modal-button.cancel{background-color:transparent;color:var(--text-light-color);border-color:var(--border-color)}.modal-button.cancel:hover:not(:disabled){background-color:#f2efe71a;border-color:var(--text-light-color)}.calendar-cell.today{background-color:rgba(var(--primary-rgb, 72, 166, 167),.3);border:2px solid var(--primary-color)}.scheduler h1,.current-month-year{color:#fff}.current-month-year:hover{color:var(--text-light-color, #9ACBD0);opacity:1}.calendar-cell.today{background-color:rgba(var(--primary-rgb, 72, 166, 167),.3);border:4px solid var(--primary-color)}.calendar-cell.today .day-number{font-weight:700;color:#fff;background-color:var(--primary-color);border-radius:50%;width:1.5em;height:1.5em;display:inline-flex;align-items:center;justify-content:center;line-height:1;margin-bottom:calc(var(--spacing-unit) * .5)}.legend-item{display:flex;align-items:center;gap:calc(var(--spacing-unit) * .5)}.legend-icon{font-size:2em}.legend-text{color:var(--text-light-color)}@media (max-width: 480px){.legend-container{gap:var(--spacing-unit);justify-content:flex-start}.legend-item{flex-basis:calc(50% - var(--spacing-unit))}.calendar-cell.today .day-number{width:1.4em;height:1.4em;font-size:.75em}}.legend-container{margin-top:calc(var(--spacing-unit) * 3);padding-top:calc(var(--spacing-unit) * 2);border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;justify-content:center;gap:calc(var(--spacing-unit) * 2);font-size:.9em}@media (max-width: 768px){.scheduler{padding:calc(var(--spacing-unit) * 2);max-width:95%}.scheduler h1{font-size:1.8em}.current-month-year{font-size:1.2em}.calendar-nav-button{padding:calc(var(--spacing-unit) * .5) var(--spacing-unit);font-size:.9em}.calendar-cell{min-height:70px;padding:calc(var(--spacing-unit) * .5);font-size:.95em}.day-number{font-size:.85em}.shift-display-calendar{font-size:.8em}.shift-icon-calendar{font-size:3.8em}.modal-content{padding:calc(var(--spacing-unit) * 2)}}@media (max-width: 480px){body{font-size:15px}.scheduler-container,.scheduler{padding:var(--spacing-unit)}.scheduler h1{font-size:1.5em;margin-bottom:calc(var(--spacing-unit) * 2)}.calendar-header{padding:0;margin-bottom:var(--spacing-unit);flex-wrap:wrap;justify-content:center}.current-month-year{font-size:1.1em;width:100%;text-align:center;margin-bottom:var(--spacing-unit)}.calendar-nav-button{padding:calc(var(--spacing-unit) * .4) calc(var(--spacing-unit) * .8);font-size:.8em}.calendar-days-header{font-size:.75em;margin-bottom:calc(var(--spacing-unit) * .5)}.calendar-grid{gap:calc(var(--spacing-unit) * .25)}.calendar-cell{min-height:60px;padding:calc(var(--spacing-unit) * .4)}.day-number{font-size:1em;margin-bottom:calc(var(--spacing-unit) * .25)}.note-indicator{font-size:.7em;top:2px;right:2px}.shift-display-calendar{padding:2px}.shift-icon-calendar{font-size:2.5em}.date-selector{margin-bottom:calc(var(--spacing-unit) * 2)}.date-selector input[type=date]{min-width:180px;padding:var(--spacing-unit)}.modal-content{padding:var(--spacing-unit);max-width:95%}.modal-textarea{font-size:.9em;min-height:60px}.modal-actions{flex-direction:column;gap:calc(var(--spacing-unit) * .5)}.modal-button{width:100%;text-align:center}}.modal-fade-enter-active[data-v-b8d15321],.modal-fade-leave-active[data-v-b8d15321]{transition:opacity .3s ease}.modal-fade-enter-from[data-v-b8d15321],.modal-fade-leave-to[data-v-b8d15321]{opacity:0}.calendar-grid-loading[data-v-b8d15321],.calendar-grid-error[data-v-b8d15321]{display:flex;justify-content:center;align-items:center;min-height:200px;width:100%;color:#666;font-style:italic}.calendar-grid-error[data-v-b8d15321]{color:#d9534f}.modal-error[data-v-b8d15321]{margin-top:10px;font-size:.9em}.clickable[data-v-b8d15321],.current-month-year[data-v-b8d15321]{cursor:pointer}.note-indicator[data-v-b8d15321],.shift-icon-calendar[data-v-b8d15321]{cursor:default}