*{margin:0;padding:0;box-sizing:border-box}:root{--bg-dark: hsl(0 0 0);--bg: hsl(0 0 5%);--bg-light: hsl(0 0 10%);--border-color: hsl(0 0 15%);--text: hsl(0 0 95%);--text-muted: hsl(0 0 70%);--blue: hsl(210 100 65%);--blue-bg: hsl(210 100 20%);--red: hsl(0 90 65%);--red-bg: hsl(0 90 20%);--green: hsl(130 60 27%);--green-bg: hsl(140 66 77%);--hover-color: hsl(0 0 17%);--inactive: hsl(0 0 80%);--border-color-green: color-mix(in srgb, var(--green) 35%, var(--border-color));--border-color-red: color-mix(in srgb, var(--red) 35%, var(--border-color));--border-color-blue: color-mix(in srgb, var(--blue) 35%, var(--border-color));--green-bg-mix: color-mix(in srgb, var(--green-bg) 20%, var(--bg));--red-bg-mix: color-mix(in srgb, var(--red-bg) 20%, var(--bg));--blue-bg-mix: color-mix(in srgb, var(--blue-bg) 20%, var(--bg));--ff: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--h1: bold 1.25rem/1.4em var(--ff);--h2: bold 1rem/1.4em var(--ff);--p: 1rem/1.4em var(--ff);--p2: .875rem/1.4em var(--ff);--border-radius: 15px;--border-radius-sm: 7px}@media(prefers-color-scheme:light){:root{--bg-dark: hsl(210 100 90%);--bg: hsl(0 0 99%);--bg-light: hsl(0 0 100%);--border-color: hsl(0 0 90%);--text: hsl(0 0 5%);--text-muted: hsl(0 0 30%);--hover-color: hsl(0 0 95%);--blue: hsl(210 100 35%);--blue-bg: hsl(210 100 80%);--red: hsl(0, 80%, 50%);--red-bg: hsl(0 80 90%);--green: hsl(130 60 27%);--green-bg: hsl(140 66 77%);--inactive: hsl(0 0 60%)}}body{background-color:var(--bg-dark);width:100%;height:100dvh;min-height:100dvh;color:var(--text);font-family:var(--ff);padding:.5rem;overflow-x:hidden}app-root{height:100%;display:flex;flex-direction:column}header{display:flex;align-items:center;justify-content:space-between;-webkit-user-select:none;user-select:none}header .icon,nav .icon{width:1.5rem;cursor:pointer}header,main{padding:.75rem}main{flex:1;background-color:var(--bg);border-radius:var(--border-radius);padding-top:2.5rem;overflow:scroll}h1{font:var(--h1)}h2{font:var(--h2)}p,button,span,label,a{font:var(--p2)}input,select{color:var(--text)}.title{font-size:2rem}.text-muted{color:var(--text-muted)}.icon{width:1rem}input,textarea,select,option{background:var(--bg-light);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);height:2.75rem;width:100%;padding:.5rem 1rem;resize:none;color:var(--text);font:var(--p2);font-size:16px}:is(input,textarea,select,option)::placeholder{color:var(--text-muted);font:var(--p2)}.row{display:flex}.noselect{-webkit-user-select:none;user-select:none}.noscroll{overflow:hidden}.red{color:var(--red)}.hidden{display:none}.weekdays{display:flex;flex-wrap:wrap;list-style-type:none;gap:1rem}nav{display:flex;flex-direction:column;gap:1rem;width:100dvw;max-width:325px;padding:1.5rem;transition:left .25s ease-in-out;border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius)}nav .nav-header{display:flex;justify-content:space-between}nav li{list-style-type:none;cursor:pointer;padding:.4rem;border-radius:var(--border-radius-sm)}nav li:hover{background:var(--hover-color)}nav li app-icon[name=right]{margin-left:auto;color:var(--text-muted)}nav app-icon{width:1rem}nav a{display:flex;align-content:center;gap:.75rem}nav span{font-weight:500}.logout{margin-top:auto}.content-container{display:flex;height:100%;border-radius:var(--border-radius);overflow:hidden}.content-container nav{width:250px;display:none}@media(width>860px){main{padding-inline:max(2rem,10vw)}}@media(width>1000px){.hamburger{display:none}nav.desktop-navbar{display:flex}}