*{box-sizing:border-box}body{font-family:sans-serif;margin:0;background:#22272f;height:100vh;background:url(/assets/background-pDQcaV6Y.jpg) no-repeat center center;background-size:cover;background-attachment:fixed;color:#eee}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-color:#22272fe6;z-index:0;pointer-events:none}h1,h2,h3,h4,h5,h6{margin:0}p{line-height:1.4;font-size:17px}@media (max-width: 1160px){.hide-on-mobile{display:none}}pre{background:#2f3641;border-radius:10px;padding:8px 12px}pre.lighter{background:#353d4a}main{padding:0;position:relative;z-index:1}h1{margin-bottom:30px}.radio-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:0}@media (max-width: 1160px){.radio-buttons{grid-template-columns:1fr;gap:10px}}.radio-buttons label{flex:1;display:inline!important;border-radius:10px;border:solid 1px rgb(53.2666666667,61.1,73.6333333333);padding:10px 6px;margin:0;cursor:pointer}@media (max-width: 1160px){.radio-buttons label{display:block}}.radio-buttons label input,.radio-buttons label span{vertical-align:middle;display:inline}.radio-buttons label input[type=radio]{height:auto;margin-right:8px}.radio-buttons label span{color:#eee;font-size:12px;font-weight:400;text-transform:uppercase}form h2{margin:0}form input:not(input[type=radio]),form textarea{display:block;width:100%;height:46px;padding:0 14px;border-radius:10px;border:none}form input:not(input[type=radio]):focus,form textarea:focus{outline:0}form input{height:46px;margin-top:0}form textarea{padding:14px;height:140px;margin-top:0}form .checkbox-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0}@media (max-width: 1160px){form .checkbox-row{grid-template-columns:1fr}}form .checkbox-row label{display:inline!important;border-radius:10px;border:solid 1px rgb(53.2666666667,61.1,73.6333333333);padding:10px 6px;margin:0;cursor:pointer}form .checkbox-row label input,form .checkbox-row label span{vertical-align:middle}form .checkbox-row label input[type=radio]{height:auto}form .checkbox-row label span{color:#eee;font-size:14px;font-weight:400;text-transform:uppercase}form button{border:none;text-align:center;background:#538dd7;height:40px;padding:12px;margin:25px 0 0;width:100%;color:#fff;border-radius:10px;cursor:pointer}.page{padding:2rem;position:relative;z-index:1}@media (max-width: 1160px){.page{padding:0}}.page .page-header{margin-left:25px}.page .page-header h1{font-size:36px}@media (max-width: 1160px){.page .page-header{margin-left:0}.page .page-header h1{font-size:28px}}.page .panel{margin-bottom:2rem;padding:25px;border-radius:15px;background:#282e38}@media (max-width: 1160px){.page .panel h2{margin-bottom:15px;text-align:center}}.page .panel h3{font-size:17px;margin-bottom:10px}.page .panel h3.centered{text-align:center}.page .panel .inner-panel{padding:25px;border-radius:15px;background:#2f3641}.page .split-50{display:flex;flex-direction:row;align-items:flex-start;width:100%;gap:30px}@media (max-width: 1160px){.page .split-50{display:block}}.page .split-50 .split{flex:1}@media (max-width: 1160px){.page .split-50 .split{display:block}}@media (max-width: 1160px){.page{padding:1.5rem}}.grey{color:#aaa}.navbar{position:relative;z-index:1;padding:1rem 2rem;display:flex;align-items:center}@media (max-width: 1160px){.navbar{padding:1rem}}.navbar .left-group{display:flex;align-items:center}.navbar .left-group a img.logo{height:40px;width:auto;display:block}.navbar .left-group .links{list-style:none;display:flex;gap:1rem;margin:0 0 0 40px;padding:0}@media (max-width: 1160px){.navbar .left-group .links{display:none}}.navbar .left-group .links li a,.navbar .left-group .links li button{color:#fff;background:none;border:none;font-size:1.1rem;cursor:pointer;text-decoration:none}.navbar .left-group .links li button:hover,.navbar .left-group .links li a:hover{text-decoration:underline}.navbar .right-group{margin-left:auto;font-size:1.1rem;position:relative;display:flex;align-items:center}.navbar .right-group button{background:none;border:none;color:#eee;font-size:18px;cursor:pointer;padding:10px}.auth-container{display:flex;justify-content:center;padding:4rem 1rem}.auth-form{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 12px #0000001a;width:100%;max-width:400px}.auth-form h2{margin-bottom:1rem}.auth-form input{display:block;width:100%;padding:.5rem;margin-bottom:1rem;border:1px solid #ccc;border-radius:4px}.auth-form button{width:100%;padding:.75rem;background:#004080;color:#fff;border:none;border-radius:4px;cursor:pointer}.auth-form .error{color:red;margin-bottom:1rem}.auth-form .info{color:green;margin-bottom:1rem}.event-list{padding-left:1rem}.event-item{margin-bottom:1rem}.add-new-btn{border:none;text-align:center;background:#538dd7;height:40px;padding:12px;margin:0;color:#fff;border-radius:10px;cursor:pointer}.event-block{margin-bottom:2rem;padding:25px;border-radius:15px;background:#282e38}.event-block .event-top{display:flex;width:100%}.event-block .event-top h3{flex:1;margin:0 0 10px;font-size:16px}.event-block .event-top .superuser-event-actions{flex:1;text-align:right}.event-block .event-top .superuser-event-actions a{font-size:15px;color:#eee;padding-bottom:2px;border-bottom:solid 1px #AAA;text-decoration:none}@media (max-width: 1160px){.event-block .event-top .superuser-event-actions a{padding-bottom:1px}}.event-block .event-top .superuser-event-actions .divider{color:#aaa;margin:0 8px}.event-block .attending-tick{margin-left:6px}.event-block h4{margin:0 0 15px;font-size:23px}.event-block .event-description{color:#aaa;line-height:1.4}.event-block .event-cancelled-notice{color:#dc143c;font-weight:700}.event-block .w3w-link{color:#eee}.event-block .w3w-link a{color:#eee;text-decoration:none;padding-bottom:2px;border-bottom:solid 1px #AAA}.event-block.cancelled .event-description,.event-block.cancelled .w3w-link{display:none}.shift-container{width:100%;display:grid;grid-template-columns:repeat(3,1fr);border-top:solid 1px rgb(46.8444444444,53.7333333333,64.7555555556);padding-top:20px;gap:25px}@media (max-width: 1160px){.shift-container{grid-template-columns:1fr}}.shift-container .shift-block{padding:25px;border-radius:15px;background:#2f3641}.shift-container .shift-block h4{margin:0 0 15px;font-size:17px}.shift-container .divider{margin:0 4px;color:#aaa}.cancelled .shift-container{display:none}.shift-actions{display:flex;flex-direction:row;gap:10px;margin-top:15px}.shift-actions button{display:flex;align-items:center;justify-content:center;flex:1;margin-right:.5rem;border:none;text-align:center;background:#538dd7;height:40px;padding:12px;margin:0;color:#fff;border-radius:10px;cursor:pointer}.shift-actions button.dummy-button{border:dotted 1px;background:none;cursor:default}.shift-actions button.dummy-button.green{border-color:#32cd32}.shift-actions button.dummy-button.red{border-color:#dc143c}.month-heading{margin:0 0 25px;font-size:34px}.month-heading sup{font-size:14px;color:#aaa;margin-left:3px}.modal-overlay{position:fixed;inset:0;background:#22272f80;display:flex;justify-content:center;align-items:center;z-index:999}.modal{position:relative;background:#fff;padding:2rem;border-radius:8px;width:90%;max-width:500px}.modal h2{margin:0;color:#22272f}.modal p{color:#22272f}.modal .scrollable-area{padding:10px;overflow-y:auto;height:150px;border-radius:10px;border:solid 1px #AAA}.modal .scrollable-area .message{margin:0;padding:0;text-align:left}.modal .scrollable-area label{margin:0;width:100%;display:flex!important;justify-content:space-between;align-items:center;border:solid 1px #AAA;border-radius:8px;padding:10px 12px;cursor:pointer}.modal .scrollable-area label:not(:last-child){margin-bottom:8px}.modal .scrollable-area label:has(input:checked){border-color:#32cd32;background:#32cd321a}.modal .scrollable-area label span{flex:1;color:#22272f}.modal .scrollable-area label input{flex-shrink:0}.modal label{display:block;margin-bottom:7px;margin-top:15px;color:#22272f;font-size:15px}.modal label input,.modal label span{vertical-align:middle}.modal label input{margin-right:7px}.modal input[type=text],.modal input[type=password],.modal textarea{padding:0 12px;height:44px;border:solid 1px #AAA;border-radius:5px;width:100%;box-sizing:border-box}.modal input[type=text]:read-only,.modal input[type=password]:read-only,.modal textarea:read-only{cursor:not-allowed}.modal input[type=text]:read-only:focus,.modal input[type=password]:read-only:focus,.modal textarea:read-only:focus{outline:none}.modal button.submit-button{border:none;text-align:center;background:#538dd7;height:40px;padding:12px;margin:0;color:#fff;border-radius:10px;cursor:pointer;width:100%}.modal textarea{padding:12px;min-height:120px}.modal .modal-actions{display:flex;flex-direction:row;gap:10px}.modal .modal-actions button{flex:1;border:none;text-align:center;background:#538dd7;height:40px;padding:12px;margin:0;color:#fff;border-radius:10px;cursor:pointer}.modal .modal-actions button.short{flex:0;width:auto}.modal .modal-close{position:absolute;top:25px;right:25px;background:#dc143c;color:#fff;border:none;height:30px;width:30px;line-height:30px;font-size:18px;cursor:pointer}.mobile-nav-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#22272f66;z-index:1000}.mobile-nav-drawer{position:fixed;top:0;right:0;width:400px;height:100vh;background:#2f3641;z-index:1001;padding:35px;display:flex;flex-direction:column;animation:slideIn .3s ease-out forwards}@media (max-width: 1160px){.mobile-nav-drawer{width:100%}}.mobile-nav-drawer .drawer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.mobile-nav-drawer .drawer-header .username{font-weight:700;font-size:18px}.mobile-nav-drawer .drawer-header .close-btn{height:36px;width:36px;line-height:36px;font-size:16px;background:#dc143c;color:#eee;border:none;border-radius:5px;cursor:pointer}.mobile-nav-drawer ul.menu-link-group{list-style:none;padding:0;margin:0}.mobile-nav-drawer ul.menu-link-group li{padding:15px 0}.mobile-nav-drawer ul.menu-link-group li:not(:last-child){border-bottom:dashed 1px rgb(72.5333333333,83.2,100.2666666667)}.mobile-nav-drawer ul.menu-link-group li a,.mobile-nav-drawer ul.menu-link-group li button{text-decoration:none;font-size:17px;color:#eee;background:none;border:none;width:100%;text-align:left;cursor:pointer}.mobile-nav-drawer ul.menu-link-group li a:hover,.mobile-nav-drawer ul.menu-link-group li button:hover{color:#0056b3}.mobile-nav-drawer ul.menu-link-group.bordered{padding:15px 0;border-top:dashed 1px rgb(53.2666666667,61.1,73.6333333333);border-bottom:dashed 1px rgb(53.2666666667,61.1,73.6333333333)}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.auth-container{display:flex;flex-direction:column;gap:35px;position:relative;z-index:1}.auth-container .auth-logo{display:flex;align-items:center;align-content:center;justify-content:center}.auth-container .auth-logo img.logo{height:100px;width:auto;display:block}.auth-container .auth-form{padding:25px;border-radius:15px;background:#282e38}.auth-container .auth-form input{font-size:17px}.auth-container .auth-form button{border:none;text-align:center;background:#538dd7;height:40px;line-height:40px;padding:0 12px;margin:0;color:#fff;width:100%;font-size:17px;border-radius:10px;cursor:pointer}.dashboard-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:25px;background:#fff;padding:25px;border-radius:15px}@media (max-width: 1160px){.dashboard-grid{grid-template-columns:repeat(1,1fr);gap:25px}}.dashboard-grid .box{padding:25px;border-radius:15px;background:#eee;font-size:17px;text-align:center;color:#222}.dashboard-grid .box strong{display:block;font-size:1.1rem}form label{display:block;margin-bottom:7px;color:#aaa;font-size:11px;text-transform:uppercase;margin-top:15px;font-weight:700}.shifts h2{margin-bottom:30px}.shifts .shift-header{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:10px}.shifts .shift-header:first-child{flex:1;font-size:17px}.shifts .shift-header:last-child{flex-shrink:0}.shifts .shift-attendees{padding:15px;border:solid 1px rgb(66.1111111111,75.8333333333,91.3888888889);border-radius:10px;margin:15px 0}.shifts .shift-attendees h4 sup{font-size:12px;color:#aaa;margin-left:4px}.shifts .shift-attendees button{border:none;background:none;color:#dc143c;cursor:pointer}.shifts .add-attendees{padding:15px;border:solid 1px rgb(66.1111111111,75.8333333333,91.3888888889);border-radius:10px;margin:15px 0}.shifts .add-attendees .attendee-list{padding:15px;border:solid 1px rgb(66.1111111111,75.8333333333,91.3888888889);border-radius:10px;margin-bottom:10px}.shifts .add-attendees button{flex:1;border:none;text-align:center;background:#538dd7;height:40px;padding:12px;margin:0;color:#fff;border-radius:10px;cursor:pointer}.shifts .shift-actions{display:flex;flex-direction:row;gap:15px}.shifts .shift-actions button{flex:1;border:none;text-align:center;background:#538dd7;height:40px;padding:12px;margin:0;color:#fff;border-radius:10px;cursor:pointer}.shifts ul{padding:0;margin:0;list-style:none}.shifts ul li:not(:last-child){margin-bottom:30px}.shifts ul li .shift-attendee{display:inline-flex;align-items:center;padding:5px 8px;border:solid 1px rgb(66.1111111111,75.8333333333,91.3888888889);border-radius:5px;margin-bottom:5px}.shifts ul li .shift-attendee:not(:last-child){margin-right:8px}.shifts ul li .shift-attendee span{font-size:14px}.shifts ul li .shift-attendee button{height:15px;width:15px;text-align:center;font-size:8px}.shifts ul li .shift-attendee button i{font-size:17px}.tools-menu{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:0}@media (max-width: 1160px){.tools-menu{grid-template-columns:1fr;gap:30px}}.tools-menu .tool{border-radius:10px;background:#2f3641;padding:25px}.tools-menu .tool h3{color:#eee;font-size:18px}.tools-menu .tool p{color:#aaa;font-size:16px}.tools-menu .tool a{display:block;border:none;text-align:center;background:#538dd7;height:40px;padding:12px;margin:20px 0 0;color:#fff;border-radius:10px;cursor:pointer;text-decoration:none}canvas{width:100%;height:auto;display:block;aspect-ratio:1/1}form label span{display:block;margin-bottom:7px}form label .radio-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:0}@media (max-width: 1160px){form label .radio-buttons{grid-template-columns:1fr;gap:10px}}form label .radio-buttons label{flex:1;display:inline!important;border-radius:10px;border:solid 1px rgb(53.2666666667,61.1,73.6333333333);padding:10px 6px;margin:0;cursor:pointer}@media (max-width: 1160px){form label .radio-buttons label{display:block}}form label .radio-buttons label input,form label .radio-buttons label span{vertical-align:middle;display:inline}form label .radio-buttons label input[type=radio]{height:auto;margin-right:8px}form label .radio-buttons label span{color:#eee;font-size:12px;font-weight:400;text-transform:uppercase}form .optional{padding:5px 0 15px;margin-top:15px;border-top:dashed 1px rgb(53.2666666667,61.1,73.6333333333);border-bottom:dashed 1px rgb(53.2666666667,61.1,73.6333333333)}form .optional span{display:block;margin-top:10px}.radio-buttons{display:flex;flex-direction:row;justify-content:space-between;gap:10px!important;margin-bottom:15px}@media (max-width: 1160px){.radio-buttons{flex-direction:column}}.radio-buttons label{padding:10px 12px;margin-right:0;white-space:nowrap}.radio-buttons label:not(:last-child){flex:0 0 auto}.radio-buttons label:last-child{flex:1 1 auto}.radio-buttons label input[type=radio]{margin:0 6px 0 0}.info-table{display:flex;flex-direction:column}.info-table__row{display:flex;justify-content:space-between;padding:12px 0;font-size:1rem}.info-table__row:not(:last-child){border-bottom:dashed 1px rgb(59.6888888889,68.4666666667,82.5111111111)}.info-table__cell{flex:1;text-align:center;color:#eee}.info-table__cell:first-child{text-align:left}.info-table__cell:last-child{text-align:right}.weather-period:not(:last-of-type) .info-table{margin-bottom:25px}