*,:after,:before{box-sizing:border-box;-webkit-tap-highlight-color:#0000;border:0;margin:0;padding:0}img{block-size:auto;max-inline-size:100%;display:block}:root{--ease-bounce:linear(0, .009, .035 2.1%, .141 4.4%, .723 12.9%, .938 16.7%, 1.017, 1.077, 1.121, 1.149 24.3%, 1.159, 1.163, 1.161, 1.154 29.9%, 1.129 32.8%, 1.051 39.6%, 1.017 43.1%, .991, .977 51%, .974 53.8%, .975 57.1%, .997 69.8%, 1.003 76.9%, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--clr-brand:#2269f7}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}html{-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased}body{font-optical-sizing:auto;color:var(--lightningcss-light,#04071b)var(--lightningcss-dark,#fdfdfd);text-box-trim:trim-both;background-image:linear-gradient(to top right,var(--lightningcss-light,#fefefe)var(--lightningcss-dark,#060b13),var(--lightningcss-light,#fff)var(--lightningcss-dark,#0c131e));min-block-size:100dvh;padding-block-end:1rem;padding-inline:1rem;font:400 16px/1.6 "Source Sans 3",Helvetica Neue,Helvetica,sans-serif}:disabled{cursor:not-allowed;opacity:.7}h1{font-variation-settings:"wght" 600;margin-block-end:.25em;font-size:2rem;line-height:1.3}h2{font-variation-settings:"wght" 550;margin-block-end:.2em;font-size:1.6rem;line-height:1.4}h3{font-variation-settings:"wght" 500;margin-block-end:.25em;font-size:1.3rem;line-height:1.2}a{color:currentColor}table{border-collapse:collapse}tr{background-color:var(--lightningcss-light,#acacac)var(--lightningcss-dark,#1d1f3c)}thead :is(tr){background-color:var(--lightningcss-light,silver)var(--lightningcss-dark,#1a1b35)}tr:nth-child(2n){background-color:var(--lightningcss-light,#cecece)var(--lightningcss-dark,#1d2440)}th,td{border:1px solid silver;padding:.5rem}.app{background-color:var(--lightningcss-light,#fbfbfb)var(--lightningcss-dark,#111620);border:1px solid var(--lightningcss-light,#e4e6ea)var(--lightningcss-dark,#1e2835);border-radius:1rem;inline-size:min(960px,100%);min-inline-size:0;margin-block:1rem;margin-inline:auto}@media (width>768px){.app{margin-block:2rem}}.app.app--narrow{inline-size:min(360px,100%)}.app__shell{flex-direction:column;display:flex}.app--narrow .app__shell{flex-direction:column}@media (width>768px){.app__shell{flex-direction:row}}.sidebar__inner,.main__inner{padding:1rem}@media (width>768px){.sidebar__inner,.main__inner{padding:1.5rem 1rem}}.sidebar{border-block-end:1px solid var(--lightningcss-light,#e4e6ea)var(--lightningcss-dark,#1b1b23);min-inline-size:200px}@media (prefers-color-scheme:dark){.sidebar{box-shadow:0 5px 10px 2px #0003}}@media (width>768px){.app:not(.app--narrow) .sidebar{border-block-end:none;border-inline-end:1px solid var(--lightningcss-light,#e4e6ea)var(--lightningcss-dark,#1b1b23)}@media (prefers-color-scheme:dark){.app:not(.app--narrow) .sidebar{box-shadow:5px 0 10px 1px #0000004d}}}.logo{justify-content:center;align-items:center;gap:.75rem;padding-block:1rem;text-decoration:none;display:flex}@media (width>768px){.logo{padding:1.5rem 1rem}}.logo img{inline-size:30px}.logo span{color:var(--lightningcss-light,#06070f)var(--lightningcss-dark,#fff);font-size:1.5rem;font-weight:600}.logo span>span{color:var(--clr-brand)}.nav ul{flex-direction:row;gap:.5rem;list-style:none;display:flex;overflow-x:auto}@media (width>768px){.nav ul{flex-direction:column}}.nav li{flex:1 0 auto}.nav a{border-radius:15px;align-items:center;gap:1rem;padding:.75rem 1rem;line-height:1;text-decoration:none;display:flex}.nav a.active,.nav a:is(:hover,:focus-visible){color:var(--lightningcss-light,var(--clr-brand))var(--lightningcss-dark,#3c7aed);background-color:var(--lightningcss-light,#e9f1fe)var(--lightningcss-dark,#171f2e)}.nav svg{fill:currentColor;block-size:1.5rem}.main{overscroll-behavior:contain;flex:1;overflow-y:auto}.main header{justify-content:space-between;align-items:center;margin-block-end:1.5rem;display:flex}.main header h1,.main header h2,.main header h3,.main header h4,.main header h5,.main header h6{margin:0}.card{background-color:var(--lightningcss-light,#fcfdfe)var(--lightningcss-dark,#0e121b);border:1px solid var(--lightningcss-light,#e9ebf0)var(--lightningcss-dark,#17212b);border-radius:10px}.week-selector{border-radius:100px;align-items:center;gap:1.5rem;padding:.5rem .75rem;line-height:1;display:flex}.week-selector button{background-color:#0000;padding:.5rem}.week-selector button:first-child{border-radius:20px 0 0 20px}.week-selector button:last-child{border-radius:0 20px 20px 0}.week-selector button:is(:hover,:focus-visible){background-color:var(--lightningcss-light,#0000001a)var(--lightningcss-dark,#ffffff1a)}.week-selector svg{fill:currentColor;inline-size:15px;display:block}.footer{color:var(--lightningcss-light,#313131)var(--lightningcss-dark,#696980);text-align:center;margin-block-start:1rem}.form__fields{flex-flow:wrap;gap:1rem;inline-size:100%;display:flex}.form__field{flex:100%;inline-size:100%}.form__field label{display:block}:has(>:is([type=checkbox],[type=radio])+:is(.form__field label)){align-items:center;gap:7px;line-height:1;display:flex}.form__field--half{flex:calc(50% - .5rem)}input,button,select,textarea{font:inherit}button{cursor:pointer}[type=text],[type=password],[type=email],input[type=tel],input[type=time],select{background-color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#1d2533);border:1px solid var(--lightningcss-light,#c5c3c3)var(--lightningcss-dark,#2e3c4e);border-radius:5px;inline-size:100%;padding:.35rem .75rem}.button{color:#fff;text-align:center;text-shadow:0 2px 5px #0000001a;inline-size:100%;box-shadow:0 3px 4px -1px #0006, var(--_box-shadow,inset 0 2px 6px -2px #ffffffb3);background-color:#4c4a4b;border-radius:4px;padding:.75rem;font-weight:600;line-height:1;text-decoration:none;transition:translate .2s,filter .2s;display:inline-block}@media (prefers-color-scheme:dark){.button{box-shadow:0 3px 2px 1px #0000001a, var(--_box-shadow,inset 0 0 2px 1px #ffffff4d)}}.button:not(:disabled):is(:hover,:focus-visible){filter:brightness(1.1)hue-rotate(-3deg);translate:0 -1px}.button--primary{background-color:#2361da}.button--muted{--_box-shadow:inset 0 2px 4px 2px #ffffff26;background-color:#363942}@media (prefers-color-scheme:dark){.button--muted{--_box-shadow:inset 0 0 2px 1px #ffffff1a}}.button--accent{background-color:#ca262a}.modal{max-block-size:85dvh;inline-size:min(420px,85dvw);transition:scale .5s var(--ease-bounce), translate .5s var(--ease-bounce);overscroll-behavior:contain;background-color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#1c2026);border:1px solid var(--lightningcss-light,#c1c0c0)var(--lightningcss-dark,#32323e);border-radius:6px;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%;box-shadow:0 9px 10px 2px #0000004d}@media (width>1024px){.modal{inset-block-start:60px;translate:-50%}}@starting-style{.modal{translate:-50% 40px;scale:.8}}.modal::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:var(--lightningcss-light,#000000bf)var(--lightningcss-dark,#1f1f1f99)}.modal__header{border-block-end:1px solid var(--lightningcss-light,#c1c0c0)var(--lightningcss-dark,#32323e);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.modal__header h1,.modal__header h2,.modal__header h3,.modal__header h4,.modal__header h5,.modal__header h6{margin:0}.modal__close{color:currentColor;cursor:pointer;background-color:#0000;font-size:2rem;line-height:1}.modal__content{padding:1rem}.rota{flex-direction:column;gap:5px;display:flex}.rota__current-date{font-variation-settings:"wght" 550;font-size:1.2rem}.rota__current-date .rota__current-date-string{font-variation-settings:"wght" 400;color:var(--lightningcss-light,#3e465a)var(--lightningcss-dark,#9ba2af);font-size:1rem}.rota__jump-back{background-color:#0000}.rota__row{cursor:pointer;color:var(--lightningcss-light,#3e465a)var(--lightningcss-dark,#9ba2af);justify-content:space-between;align-items:center;gap:2rem;padding:1rem;line-height:1;display:flex;position:relative;overflow:hidden;container:rota-row/inline-size}@media (prefers-color-scheme:dark){.rota__row{background-image:linear-gradient(to top right,#0e121b,#10141c)}}.rota__row.rota__row--active:before{content:"";background-color:var(--clr-brand);pointer-events:none;border-radius:0;block-size:100%;inline-size:7px;position:absolute;inset-block:0;inset-inline-start:0}.rota__row.rota__row--active .rota__day-name{color:var(--clr-brand)}.rota__row.rota__row--active .rota__shift-times{color:var(--lightningcss-light,#313131)var(--lightningcss-dark,#fff);font-size:1.3rem}.rota__row .rota__date,.rota__row .rota__meta{flex-direction:column;justify-content:space-between;display:flex}.rota__row .rota__day-name{font-variation-settings:"wght" 600;margin-block-end:.25rem;font-size:1.25rem}.rota__row .rota__date-string{color:var(--lightningcss-light,#5d6577)var(--lightningcss-dark,#78808d)}.rota__row .rota__shift-times{font-variation-settings:"wght" 600;color:var(--lightningcss-light,#0c0c0e)var(--lightningcss-dark,#fff);flex-flow:column wrap;flex:2;gap:.25rem;font-size:1.25rem;display:flex}@container rota-row (width>600px){.rota__row .rota__shift-times{flex-direction:row;column-gap:1rem}}[data-is-day-off] :is(.rota__row .rota__shift-times){color:currentColor;font-size:1rem}.rota__row .rota__meta{font-variation-settings:"wght" 600;flex:1;font-size:1.1rem}[data-is-day-off] :is(.rota__row .rota__meta){font-size:1rem}.rota__row .rota__time-worked{color:var(--lightningcss-light,currentColor)var(--lightningcss-dark,#fff);margin-block-end:.25rem}[data-is-day-off] :is(.rota__row .rota__time-worked){color:currentColor}.rota__row .rota__earnings{color:var(--clr-brand)}[data-is-day-off] :is(.rota__row .rota__earnings){color:currentColor}.rota__row .rota__settings{anchor-name:var(--anchor-name);background-color:#0000;border-radius:10px;align-self:center;padding:.5rem;display:none}@container rota-row (width>450px){.rota__row .rota__settings{display:block}}.rota__row .rota__settings:is(:hover,:focus-visible){background-color:var(--lightningcss-light,#0000001a)var(--lightningcss-dark,#ffffff1a)}.rota__row .rota__settings svg{fill:currentColor;inline-size:20px;display:block}.rota__row .rota__actions{position-anchor:var(--anchor-name);cursor:default;background-color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#143047);border-radius:calc(6px + .5rem);flex-direction:column;gap:5px;padding:.5rem;transition:translate .2s;position:fixed;inset-block-start:calc(anchor(bottom) + 5px);inset-inline-start:anchor(left);box-shadow:0 6px 15px #0000004d}@starting-style{.rota__row .rota__actions{translate:0 -10px}}.rota__row .rota__actions:popover-open{display:flex}.rota__row .rota__actions button{color:#fff;border-radius:6px;align-items:center;gap:.5rem;inline-size:100%;min-inline-size:100px;padding:.5rem;line-height:1;display:flex}.rota__row .rota__actions button svg{fill:currentColor;inline-size:1rem;display:block}.rota__row .rota__actions button.rota__action--edit{background-color:var(--clr-brand)}.rota__row .rota__actions button.rota__action--delete{background-color:#e84141}.shift-editor{color:var(--lightningcss-light,#333131)var(--lightningcss-dark,#fff)}@media (prefers-color-scheme:dark){.shift-editor [type=time]{background-color:#262c34}}.shift-editor .form__fields{gap:.5rem}.shift-editor .form__fields#main-shift-times{gap:1rem}.options{inline-size:100%}.options__section[open]{margin-block:5px}.options__section[open] .options__header{background-color:var(--lightningcss-light,#daecfa)var(--lightningcss-dark,#262c34);border:1px solid var(--lightningcss-light,#85bce8)var(--lightningcss-dark,#485468);border-radius:6px 6px 0 0;padding-inline:.5rem}.options__section[open] .options__header-indicator{rotate:180deg}.options__header{cursor:pointer;border-block-start:1px solid var(--lightningcss-light,#cecece)var(--lightningcss-dark,#32323e);justify-content:space-between;align-items:center;padding:.5rem 0;display:flex}.options__header span{align-items:center;display:flex}.options__header svg{fill:currentColor;block-size:1rem;inline-size:1rem}.options__header h4{font-weight:600}.options__header-icon{margin-inline-end:.5rem}.options__content-wrapper{background-color:var(--lightningcss-light,#daecfa)var(--lightningcss-dark,#262c34);border:1px solid var(--lightningcss-light,#85bce8)var(--lightningcss-dark,#485468);border-block-start:none;border-radius:0 0 6px 6px;margin-block-end:.5rem;overflow:hidden}.add-split-shift{text-align:start;color:#2f6feb;background-color:#0000;align-items:center;gap:.5rem;inline-size:100%;padding:.5rem;display:flex}.add-split-shift:is(:hover,:focus-visible){background-color:var(--lightningcss-light,#bed0f9)var(--lightningcss-dark,#323c4a)}.add-split-shift svg{fill:currentColor;height:1lh}.split-shift{border-block-end:1px solid var(--lightningcss-light,#85bce8)var(--lightningcss-dark,#485468);padding:.5rem;transition:scale .2s,translate .2s}@starting-style{.split-shift{translate:0 20px;scale:.7}}.split-shift.is-leaving{scale:.4}.split-shift__wrapper{justify-content:space-between;align-items:end;gap:.5rem;display:flex}.split-shift__wrapper [type=time]{padding-block:.1rem}.split-shift__wrapper .remove-shift{background-color:#e5484d;border-radius:4px;padding:.52rem;line-height:0}.split-shift__wrapper .remove-shift svg{fill:#fff;block-size:16px}.calendar-days{justify-content:space-between;gap:1rem;padding:.5rem;display:flex}.calendar-checkbox{flex:1;position:relative;overflow:hidden}.calendar-checkbox:after{content:"";opacity:0;background-color:var(--lightningcss-light,#245378)var(--lightningcss-dark,#c5d5f1);border-radius:50%;block-size:4px;inline-size:4px;transition:opacity .2s;position:absolute;inset-block-end:7px;inset-inline-start:50%;translate:-50%}.calendar-checkbox:has(:hover,:focus-visible) label{background-color:var(--lightningcss-light,#93c1e4)var(--lightningcss-dark,#3a3e47)}.calendar-checkbox:has(:checked) label{background-color:var(--lightningcss-light,#87b9df)var(--lightningcss-dark,#485468);border:1px solid var(--lightningcss-light,#354b5c)var(--lightningcss-dark,#c5d5f1)}.calendar-checkbox:has(:checked):after{opacity:1}.calendar-checkbox input{opacity:0;position:absolute;inset:0}.calendar-checkbox label{text-align:center;background-color:var(--lightningcss-light,#b5daf6)var(--lightningcss-dark,#191e25);border:1px solid var(--lightningcss-light,#759df3)var(--lightningcss-dark,#3a3e47);border-radius:4px;padding:.5rem .5rem .75rem;line-height:1;display:block}.calendar-checkbox label .day{text-transform:uppercase;color:var(--lightningcss-light,#0d2639)var(--lightningcss-dark,#c5d5f1);font-size:.8rem;font-weight:500;display:block}.calendar-checkbox label .date{margin-block-start:.25rem;font-size:1.2rem;display:block}@media (prefers-color-scheme:light){.calendar-checkbox label .date{color:#153853}}.toastify{color:#fff;opacity:0;cursor:pointer;z-index:2147483647;background:linear-gradient(135deg,#73a5ff,#5477f5);border-radius:2px;max-width:calc(50% - 20px);padding:12px 20px;text-decoration:none;transition:all .4s cubic-bezier(.215,.61,.355,1);display:inline-block;position:fixed;box-shadow:0 3px 6px -1px #0000001f,0 10px 36px -4px #4d60e84d}.toastify.on{opacity:1}.toast-close{color:#fff;cursor:pointer;opacity:.4;background:0 0;border:0;padding:0 5px;font-family:inherit;font-size:1em}.toastify-right{right:15px}.toastify-left{left:15px}.toastify-top{top:-150px}.toastify-bottom{bottom:-150px}.toastify-rounded{border-radius:25px}.toastify-avatar{border-radius:2px;width:1.5em;height:1.5em;margin:-7px 5px}.toastify-center{max-width:-moz-fit-content;margin-left:auto;margin-right:auto;left:0;right:0}@media only screen and (width<=360px){.toastify-right,.toastify-left{max-width:fit-content;margin-left:auto;margin-right:auto;left:0;right:0}}