body{min-height:100vh;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}section{padding:1rem}.primary-bg{background-color:#f4f2fd}.text-h0{font-size:1.8rem;font-weight:500}.text-h1{font-size:1.5rem;font-weight:500}.text-h2{font-size:1.1rem;font-weight:500;margin-bottom:.6rem}.text-h3{font-size:1rem;font-weight:500}.text-small{font-size:.95rem}.grey{color:#495057}.white{color:#fff}.wrapper{min-height:100vh;min-width:100vw;display:flex;flex-direction:row}.sidenav-container{width:12%;min-width:13rem;padding-top:2rem;padding-bottom:2.5rem;display:flex;flex-direction:column;gap:1rem;box-shadow:12px 2px 12px -10px #0000000f;position:relative;z-index:10}.sidenav-logo-container{display:flex;flex-direction:column;align-items:center;width:100%;padding-bottom:1rem;border-bottom:.1rem solid rgb(0,0,0,.15)}.logo{max-width:150px}.sidenav-main{display:flex;flex-direction:column;gap:1rem;padding-top:.7rem;padding-left:2.2rem}.side-nav-footer{display:flex;flex-direction:column;gap:1rem;padding-left:2.2rem;margin-top:auto}.sidenav-link-logo{padding-top:.3rem;color:#0000004d}.sidenav-link{display:flex;flex-direction:row;align-items:center;gap:.5rem}.sidenav-link a:link,a:visited{text-decoration:none;color:#0009;font-size:1.1rem;font-weight:500}.sidenav-link a:hover{color:#0006;transform:translateY(-1px)}.dashboard-container{background-color:#f4f2fd;display:flex;flex-direction:column;flex:1;gap:.5rem}.db-header-text{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.grid-container{display:grid;flex:1;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(2,1fr);gap:1rem}.grid-long-2{grid-column:span 2}.grid-long-3{grid-column:span 3}.module-container{background-color:#fff;display:flex;flex-direction:column;padding:1rem;border:.2px solid rgb(0,0,0,.1);border-radius:10px;box-shadow:1px 1px 1px 1px #0000000a}.datetime-container{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:.5rem;flex:1}.datetime-text-container{display:flex;flex-direction:column;align-items:center;gap:.5rem}.datetime-img{max-width:100%;border-radius:15px}.datetime-btn{width:50%;background-color:#fff;padding:.3rem;border-radius:10px;border:1px solid rgb(0,0,0,.2)}.datetime-btn:hover{border-color:#00000026;box-shadow:#0000001a 0 4px 12px;color:#000c;transform:translateY(-1px)}.datetime-btn:active{background-color:#f0f0f1;border-color:#00000026;box-shadow:#0000000f 0 2px 4px;color:#000000a6;transform:translateY(0)}.note{background-color:#fef68a;padding:.7rem .9rem;display:flex;flex-direction:column;justify-content:space-between;flex:1;border-radius:15px;border:1px solid rgb(0,0,0,.2)}.note-form{width:100%;height:100%;padding-bottom:.5rem}.note-input{background-color:#fef68a;width:100%;height:100%;border:none;resize:none;outline:none;font-size:1rem;font-family:Segoe UI}.note:hover{outline:1px solid rgb(0,0,0,.1)}.note:focus-within{outline:1px solid rgb(0,0,0,.2)}.note-footer{display:flex;align-items:center;justify-content:space-between}.reset-btn{cursor:pointer}.reset-btn:hover{color:#c72c41}.date-assistant{display:flex;flex-direction:column;gap:.5rem;flex:1}.date-assistant-display{flex:1;display:flex;flex-direction:column;gap:.5rem}.date-assistant-form{display:flex;flex-direction:row;gap:.5rem;align-items:center}.date-assistant-input{width:99%;height:3.3rem;padding:.2rem;line-height:1.5;resize:none;border-radius:5px;border:1px solid rgb(0,0,0,.2);font-size:1rem;font-family:Segoe UI}.date-assistant-input:hover{outline:1px solid rgb(0,0,0,.1)}.date-assistant-input:focus{outline:1px solid rgb(0,0,0,.2)}.date-assistant-btn{height:100%;border-radius:5px;border:1px solid rgb(0,0,0,.2);padding:1rem;cursor:pointer}.date-assistant-btn:hover{border-color:#00000026;box-shadow:#0000001a 0 4px 12px;color:#000c;transform:translateY(-1px)}.date-assistant-btn:active{background-color:#f0f0f1;border-color:#00000026;box-shadow:#0000000f 0 2px 4px;color:#000000a6;transform:translateY(0)}.date-spots{display:flex;flex-direction:column;flex:1}.date-spots-form{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem}.date-spots-btn-container{width:42%;display:flex;flex-direction:row;flex-wrap:wrap;gap:.3rem}.date-spots-btn{background-color:#fff;padding:.3rem .5rem;border-radius:15px;border:1px solid rgb(0,0,0,.2)}.date-spots-btn:hover{border-color:#00000026;box-shadow:#0000001a 0 4px 12px;color:#000c;transform:translateY(-1px)}.date-spots-btn:active{background-color:#f0f0f1;border-color:#00000026;box-shadow:#0000000f 0 2px 4px;color:#000000a6;transform:translateY(0)}.date-spot-details-container{min-height:2rem;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:.7rem;flex:1}.date-spots-form-location{padding:0 .3rem;flex:1;max-width:9rem;min-height:2rem;border-radius:4px;border:1px solid rgb(0,0,0,.2)}.date-spots-form-select{min-height:2rem;border-radius:4px;border:1px solid rgb(0,0,0,.2)}.date-spots-form-location:hover,.date-spots-form-select:hover{outline:1px solid rgb(0,0,0,.1)}.date-spots-form-location:focus,.date-spots-form-select:focus{outline:1px solid rgb(0,0,0,.5)}.date-spots-submit-btn{min-height:2rem;border-radius:5px;border:1px solid rgb(0,0,0,.2);cursor:pointer;padding:0rem .5rem}.date-spots-submit-btn:hover{border-color:#00000026;box-shadow:#0000001a 0 4px 12px;color:#000c;transform:translateY(-1px)}.date-spots-submit-btn:active{background-color:#f0f0f1;border-color:#00000026;box-shadow:#0000000f 0 2px 4px;color:#000000a6;transform:translateY(0)}.date-spots-display{padding-top:.5rem;flex:1;display:flex;flex-direction:column;gap:.3rem}.date-spot-card{display:flex;flex-direction:column;gap:.1rem}.display-placeholder{display:flex;flex-direction:column;align-items:center;font-weight:500;font-size:1.5rem;padding-top:.5rem;gap:1rem}.display-img{max-height:13rem;border-radius:10px}.loading-container{display:flex;flex-direction:row;align-items:center;justify-content:center;flex:1}.error-container{display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;flex:1;background-color:#f4f2fd}@media screen and (width <= 900px){.dashboard-container{max-width:100vw}.sidenav-container{width:0;min-width:0;visibility:hidden}.grid-container{display:flex;flex-direction:column}.module-container{min-height:50vh}.date-spots-btn-container{width:50%}.date-spots-form-location{max-width:10rem}.datetime-img{max-height:12rem}.display-img{max-height:8rem}}